@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */

body { color: #535353; font-size: 12px; font-family: メイリオ, Meiryo, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 140%; background-position: center 0; margin:0; padding:0; }
.bodyback1 { background-repeat: repeat-x; margin: 0; padding: 0; }
.bodyback2 { background-repeat: repeat-x; margin: 0; padding: 0; }
h1,h2,h3,ul,li,p { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border-style: none; }
td { font-size: 12px; }

a:link { color: #5985bf; text-decoration: none; }
a:visited { color: #5985bf; text-decoration: none; }
a:hover { color: #5985bf; text-decoration: underline; }
a:active { }
form { padding: 3px; }
/* ------------------------------
ヘッダー
------------------------------ */
#header { background-repeat: no-repeat; background-position: right 0; width: 100%; overflow: hidden; margin: 0; padding: 0 0 0 16px; }
#header p { float: left; margin: 0; padding: 0 10px 3px 0; }
#header p a { color: #535353; font-size: 12px; text-decoration: none; }
#header h1 { font-size: 11px; font-weight: normal; position: absolute; top: -9999px; right: -9999px; visibility: hidden; float: none; margin: 0; padding: 12px 0 5px; }
.logo { width: 210px; }
.hmenu1 { font-size: 11px; width: 120px; overflow: hidden; visibility: hidden; float: right; margin: 0; padding: 0; }
.hmenu1 ul { margin: 0; padding: 0; }
.hmenu1 ul li { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 1px; margin: 0; padding: 0 0 10px 17px; list-style-type: none; }
.hmenu1 ul li a { color: #535353; text-decoration: none; margin: 0; padding: 0; }
.hmenu2 { font-size: 11px; width: 120px; overflow: hidden; visibility: hidden; float: right; margin: 0; padding: 0; }
.hmenu2 ul { margin: 0; padding: 0; }
.hmenu2 ul li { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 1px; margin: 0; padding: 0 0 10px 17px; list-style-type: none; }
.hmenu2 ul li a { color: #535353; text-decoration: none; margin: 0; padding: 0; }
.menu { text-align: right; position: absolute; top: -9999px; right: -9999px; width: 1px; height: 1px; overflow: hidden; visibility: hidden; margin: 0; padding: 0 0 0 16px; }
#globalNav { width: 880px; height: 53px; margin: 0; padding: 0; list-style-type: none; }
#globalNav li { float: left; }
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:53px;
	padding-top: 53px;
	background-image: url(../images/gmenu.gif);
}

/* サイズ */
	#nav01 { width: 88px; }
	#nav02 { width: 113px; }
	#nav03 { width: 98px; }
	#nav04 { width: 108px; }
	#nav05 { width: 105px; }
	#nav06 { width: 125px; }
	#nav07 { width: 105px; }
	#nav08 { width: 106px; }


/* 現在位置 */
#nav01 a { background-position: -16px  0;  }
	#nav02 a { background-position: -104px  0; }
	#nav03 a { background-position: -217px 0; }
	#nav04 a { background-position: -315px 0; }
	#nav05 a { background-position: -423px 0; }
	#nav06 a { background-position: -528px 0; }
	#nav07 a { background-position: -653px 0; }
	#nav08 a { background-position: -758px 0; }
/* オンマウス */
    #nav01 a:hover { background-position:  -16px     -53px; }
	#nav02 a:hover { background-position: -104px -53px; }
	#nav03 a:hover { background-position: -217px -53px; }
	#nav04 a:hover { background-position: -315px -53px; }
	#nav05 a:hover { background-position: -423px -53px; }
	#nav06 a:hover { background-position: -528px -53px; }
	#nav07 a:hover { background-position: -653px -53px; }
	#nav08 a:hover { background-position: -758px -53px; }
/* ------------------------------
トップページ
------------------------------ */
#main { width: 850px; float: none; clear: both; margin: 0; padding: 0; }
#main2 { float: none; clear: both; margin: 0; padding: 0; }
.top { background-repeat: no-repeat; text-align: center; margin: 0 0 32px; padding: 20px 0; }
.sub { background-repeat: no-repeat; text-align: center; position: absolute; top: -9999px; right: -9999px; margin: 0 0 15px; padding: 25px 0 20px; }
#topmenu { width: 100%; padding-left: 12px; }
#topmenu ul { margin: 0; padding: 0; list-style-type: none; }
#topmenu ul li { float: left; margin: 0; padding: 0 2px; list-style-type: none; display: inline; }
#topcenter { width: 465px; overflow: hidden; float: left; margin: 0; padding: 0; }
#topcenter h2 { font-size: 12px; background-image: url(../images/top_h2.gif); background-repeat: repeat-x; background-position: 0 bottom; float: none; clear: both; margin-top: 0; margin-bottom: 8px; padding-bottom: 12px; }
#topcenter .t1 { float: left; }
#topcenter h2 span { float: right; padding-top: 10px; }
#topcenter h2 span a { margin-left: 8px; }
.newlist { margin: 0; padding: 5px 0 22px; }
.newlist li { background-image: url(../images/icon2.gif); background-repeat: no-repeat; background-position: 0 2px; float: none; clear: both; margin: 0 0 8px; padding: 0 0 3px 15px; border-bottom-color: #c1c1c1; border-bottom-width: 1px; list-style-type: none; }
.newlist li .date { width: 130px; float: left; }
.newlist li .title { width: 320px; float: left; }
.worklist { float: none; clear: both; margin: 0; padding: 5px 0 30px; }
.worklist li { font-size: 11px; text-align: center; width: 130px; overflow: hidden; float: left; margin: 6px; padding: 8px 5px; border: solid 1px #c1c1c1; list-style-type: none; display: inline; }
.clear { float: none; clear: both; }
.no { visibility: hidden; }

#feed{ font-size: 12px; margin: 5px 0 0; padding: 0; }

#feed p{ font-size: 10px; height: 3px; overflow: hidden; visibility: hidden; margin:0; padding: 0; }

#feed ul{ margin: 0; padding: 0; }


#feed li { background-image: url(../images/icon2.gif); background-repeat: no-repeat; background-position: 0 2px; margin: 0 0 4px; padding: 0 0 3px 15px; border-bottom-color: #c1c1c1; border-bottom-width: 1px; list-style-type: none; }

#feed dd{ margin: 0; padding:0 0 0 0; }
#areainfo { color: #757575; font-size: 10px; margin-top: 25px; margin-bottom: 10px; padding: 0; border: solid 1px #d5d5d5; }
#areainfo h3 { font-size: 10px; font-weight: normal; background-color: #eaeaea; padding: 3px 5px; }
#areainfo p { font-size: 10px; padding: 3px 5px 5px; }
/* ------------------------------
トップページサイド
------------------------------ */
#topside { font-size: 11px; width: 360px; overflow: hidden; float: right; }
.tsideb { background-image: url(../images/topside_back2.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 0 20px; }
.tsidet { font-size: 11px; background-image: url(../images/topside_back1.gif); background-repeat: no-repeat; margin: 0; padding: 20px 20px 10px; }
.tsidet table { width: 100%; }
.tsidet table td { font-size: 11px; vertical-align: top; }
.tsidet a { color: #5985bf; }
.sideblog p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.sidenomal p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.sidenomal2 p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.sidenomal3 p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.tsidet h2 { font-size: 12px; background-image: url(../images/line1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 8px; padding: 0 0 8px; }
.sideblog { background-color: #eaeaea; margin: 5px 0; padding: 8px; }
.sidenomal { background-image: url(../images/line1.gif); background-repeat: repeat-x; margin: 12px 0 0; padding: 12px 8px 8px; }
.sidenomal2 { margin: 5px 0; padding: 8px; border-top: 1px dotted #c1c1c1; border-bottom: 1px dotted #c1c1c1; }
.sidenomal3 { background-repeat: repeat-x; margin: 0; padding: 0; }
.sidecontents { font-size: 11px; background-image: url(../images/line1.gif); background-repeat: repeat-x; margin: 20px 0 5px; padding: 8px; }
.sidecontents p { font-size: 10px; padding: 0 2px 1px 5px; }
.sidecontents td { font-size: 11px; line-height: 140%; }

.line3 { border: solid 1px #c1c1c1; }
.icon3 { background-image: url(../images/icon3.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 12px; }
.icon4 { background-image: url(../images/icon4.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 12px; }
.topbanner { background-image: url(../images/topb_back.gif); background-repeat: no-repeat; margin: 0; padding: 15px; }
.bb { text-align: center; }
.line1 { padding-top: 8px; padding-bottom: 5px; border-bottom: 1px dotted #c1c1c1; }
.line2 { border: solid 1px #c1c1c1; }
.line11 { font-size: 11px; padding: 5px 3px; border-bottom: 1px dotted #c1c1c1; }
.line12 { margin: 0; padding-top: 5px; padding-bottom: 6px; border-bottom: 1px solid #c1c1c1; }
.line13 { margin-top: 10px; margin-bottom: 10px; padding: 10px 0 15px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.linetop { border: solid 1px #d5d5d5; }
.icon3 { background-image: url(../images/icon3.gif); background-repeat: no-repeat; background-position: 0 1px; padding-left: 14px; }
.icon4 { background-image: url(../images/icon4.gif); background-repeat: no-repeat; background-position: 0 1px; padding-left: 14px; }
.icon5 { background-image: url(../images/rsss.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 14px; }
.icon6 { background-repeat: no-repeat; margin-top: 3px; margin-bottom: 6px; padding-bottom: 0; padding-left: 8px; border-left: 3px solid #dfcbc6; }
.topbanner { background-image: url(../images/topb_back.gif); background-repeat: no-repeat; margin: 0; padding: 15px; }
.bb { text-align: center; }
.blogunder { background-color: #fff; text-align: right; margin: 0 0 10px; padding: 5px; border-top: 1px solid #9a9a9a; }
.comment { background-image: url(../images/comment.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
.clock { background-image: url(../images/clock.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
.hito { background-image: url(../images/hito.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
/* ------------------------------
セカンドページ以降
------------------------------ */
#panlist { font-size: 11px; visibility: hidden; padding-left: 23px; }
/* ------------------------------
センター部分
------------------------------ */

#center { line-height: 150%; width: 620px; margin: 0; padding: 7px 10px 0 0; }
#center p {  }
#center h2 { font-size: 14px; font-weight: bold; background-repeat: no-repeat; margin: 0 0 10px; padding: 5px 0; border-bottom: 2px solid #c1c1c1; }
#center h3,.entrytag { color: #535353; font-size: 13px; font-weight: normal; margin: 15px 0 20px; padding: 0 0 0 8px; border-left: 5px solid #9a9a9a; }
#center h4 { color: #155286; font-size: 12px; background-image: url(../images/icon3.gif); background-repeat: no-repeat; background-position: 0 2px; margin-top: 5px; margin-bottom: 2px; padding-left: 15px; }
.pagetop { text-align: right; padding-top: 20px; padding-bottom: 20px; }

.worklist2 { width: 100%; float: none; clear: both; margin: 0; padding: 5px 0 30px; display: table; }
.worklist2 li { font-size: 11px; text-align: center; width: 98px; height: 98px; overflow: hidden; float: left; margin: 6px; padding: 8px 3px; border: solid 1px #c1c1c1; list-style-type: none; display: inline; }
.genre { }
.genre td { font-size: 11px; vertical-align: top; padding-top: 5px; padding-bottom: 20px; }
.genre td a { color: #5985bf; font-size: 12px; margin-bottom: 10px; padding: 0; }
.under { visibility: hidden; margin: 0; padding: 20px 0 0; }

div.number { font-size: 11px; padding:3px 0 3px 3px; margin:3px 0 20px 3px; text-align:right; }

div.number a { padding: 2px 5px; margin-right: 2px; border: solid 1px #c1c1c1; text-decoration: none; color: #646464; background-image: url(../images/number.gif); background-repeat: repeat-x; margin-left: 2px; }
div.number a:hover, div.pagination a:active { color: #8b7a69; padding: 2px 5px; margin-right: 2px; margin-left: 2px; border: solid 1px #8b7a69; }
.catelist { margin-top: 20px; margin-bottom: 30px; padding: 12px; border: solid 1px #c1c1c1; }
.catelistsp { background-color: #fff; margin: 0; padding: 12px; border: solid 1px #c1c1c1; }
.catetb { padding-left: 15px; }
.pickup a,.catelist a,.catelistsp a { color: #8b7a69; margin: 0; padding: 0 0 0 0; }
.gaiyo { font-size: 12px; line-height: 18px; height: 70px; overflow: hidden; margin: 5px 0 5px 0; padding: 0; }
.gaiyo p { margin: 0; padding: 0; }
.pickup { background-color: #ececec; background-image: url(../images/pickup.gif); background-repeat: no-repeat; margin: 20px 0 30px 0; padding: 35px 15px 15px; border: solid 1px #c1c1c1; }
.photoback { background-color: #eaeaea; background-repeat: no-repeat; text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 23px 30px 20px 25px; }
.photosize { width: 544px; }
.cate { font-size: 11px; background-image: url(../images/cate.gif); background-repeat: no-repeat; padding: 3px 5px 3px 70px; border: solid 1px #d5d5d5; }
.entrypage { line-height: 150%; margin: 0; padding: 0; }
.entrypage p { line-height: 165%; margin: 0; padding: 10px 0; }
#entryex p { line-height: 150%; margin: 0; padding: 2px 0; }
.entrypage2 { line-height: 150%; margin: 0; padding: 0; }
.entrypage2 p { line-height: 160%; margin: 0; padding: 4px 0; }
.entrypage2 .photoleft { font-size: 11px; float: left; margin: 15px 15px 12px 0; padding: 0; }
.entrypage2 .photoright { font-size: 11px; float: right; margin: 15px 0 15px 15px; padding: 0; }
.entrypage2 .photo1 { float: left; margin: 0 0 2px; padding: 0; }
.entrypage2 .photo2 { float: right; margin: 0 0 2px; padding: 0; }
.entrypage2 .photo3 { margin: 0 0 2px; padding: 1px; border: solid 3px #eaeaea; }
.entrypage2 .photo4 { margin: 0 0 2px; padding: 1px; border: solid 3px #eaeaea; }
.entrypage2 .photon { margin: 0; padding: 1px; border: solid 3px #eaeaea; }
#subphoto { margin: 20px 0; padding: 0; }

#subphoto .tbsp { font-size: 11px; background-color: #eaeaea; text-align: center; width: 168px; overflow: hidden; margin: 6px; padding: 8px 5px 5px; }
#subphoto img { margin: 0; padding: 0; border: solid 1px #d5d5d5; }
.ex { margin-bottom: 20px; }
.ex ul li { background-image: url(../images/icon6.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 8px; padding-left: 18px; list-style-type: none; }

.ex2 { margin-bottom: 20px; }
.ex2 li { background-image: url(../images/icon6.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 10px; padding-left: 18px; list-style-type: none; }
.ex2 li a { color: #5985bf; }
.ex2 li a:hover { color: #535353; }
.answer { background-color: #fdeeee; background-image: url(../../collabo/images/a.gif); background-repeat: no-repeat; background-position: 10px 10px; margin: 30px 20px; padding: 12px 20px 20px 45px; }
.print { position: absolute; top: -9999px; right: -9999px; overflow: hidden; visibility: hidden; }
/* ------------------------------
サイド部分
------------------------------ */
#subside { position: absolute; top: -9999px; right: -9999px; width: 240px; overflow: hidden; visibility: hidden; float: left; margin: 0; padding: 0; }
.sidebanner { background-image: url(../images/sideb_back.gif); background-repeat: no-repeat; margin: 0; padding: 11px 14px 14px; }
.sideb { background-image: url(../images/sideb_back2.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 0 20px; }
.sidet { font-size: 11px; background-image: url(../images/side_back1.gif); background-repeat: no-repeat; margin: 0; padding: 20px 20px 0 16px; }
.sidet h2 { background-image: url(../images/line1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 5px 0; padding: 0 0 10px; }
.sidet ul { background-repeat: repeat-y; margin: 10px 0 15px; padding: 0; }
.sidet ul li { background-repeat: no-repeat; background-position: 0 1px; height: 18px; margin: 0; padding: 4px 0 0 17px; border-bottom-color: #d5d5d5; border-bottom-width: 1px; list-style-type: none; }
.sidet ul li a { text-decoration: none; display: block; }
.sidet ul li a:hover { color: #9a9a9a; text-decoration: none; }
.normal { background-image: url(../images/icon7.gif); background-repeat: no-repeat; }
.end { background-color: #fff; background-image: url(../images/icon8.gif); background-repeat: no-repeat; }
/* ------------------------------
フッター部分
------------------------------ */
#footer { color: #535353; background-image: url(../images/footer.gif); background-repeat: repeat-x; text-align: center; position: absolute; top: -9999px; right: -9999px; width: 100%; visibility: hidden; float: none; clear: both; margin: 20px 0 0; padding: 30px 0 15px; }
.footer { width: 840px; margin-right: auto; margin-left: auto; }
.footer a { color: #535353; background-image: url(../images/icon.gif); background-repeat: no-repeat; text-decoration: none; margin: 0 5px; padding-right: 0; padding-bottom: 0; padding-left: 15px; }
#footer p { font-size: 11px; text-align: right; margin: 0; padding: 3px 5px 1px; }
.footer h3 { color: #c1c1c1; font-size: 11px; font-weight: normal; text-align: right; padding-top: 10px; padding-bottom: 10px; }
.moji1 { color: #502606; font-weight: normal; }
.moji2 { font-size: 11px; }
.moji4 { color: #b9000d; }
.moji5 { color: #878787; }
/* ------------------------------
BLOGコンテンツ部分
------------------------------ */
.blogtop { background-image: url(../images/blog_top.gif); background-repeat: no-repeat; margin: 0; padding: 0; }
.blogbottom { background-image: url(../images/blog_under.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0 0 60px; padding: 20px 25px 25px 20px; }

.commentform { background-color: #eaeaea; width: 250px; }
.commentform2 { background-color: #eaeaea; width: 300px; }
.tra { background-image: url(../images/page.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
.tra2 { background-image: url(../images/page.gif); background-repeat: no-repeat; margin: 0; padding: 2px 0 3px 18px; }
.under2 { text-align: right; float: none; clear: both; margin: 20px 0; padding: 8px 5px 5px 10px; border-top: 1px solid #c1c1c1; }
.under3 { background-color: #eaeaea; padding: 8px; }
.color1 { color: #fff; background-color: #8b7a69; }
.color2 { color: #fff; background-color: #3486bf; }
.color3 { color: #fff; background-color: #568a29; }
.color4 { background-color: #def6ff; }
.color5 { background-color: #eefff2; }
.ma1 { padding-top: 35px; }
.ma2 { vertical-align: top; padding-top: 12px; }