@charset "UTF-8";
/* CSS Document */

/* ## reset ############################################################ */
body{margin:0;padding:0;font-size:1px;line-height:1px;}
img{border:0;}
form{margin:0px;padding:0px;}
p{margin:0px;padding:0px;}
a,a:hover{text-decoration:none;outline:none;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-size:1px;line-height:1px;}
ul,dl,dt,dd{margin:0px;padding:0px;}
li,ol{margin:0px;padding:0px;list-style:none;}
table{border:0;border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
.clear{clear:both;margin:0px;padding:0px;font-size:1px;line-height:1px;}


/* ## body ############################################################ */
html{ height:100%;}
body{ height:100%; background:url(../img/body_bg.jpg) repeat; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
#bodyWrap{ min-height:620px; height:100%; position:relative;}
#leftWrap{ min-height:620px; height:100%; width:230px; background:url(../img/left_bg.jpg) repeat-y; position:absolute; top:0; left:0;}
#centerWrap{ min-height:620px; height:100%; width:210px; position:absolute; top:0; left:230px;}
#centerWrapContents{ width:170px; padding:34px 20px 30px 20px; position:relative;}
#rightWrap{ min-height:620px; height:100%; padding:0 0 0 440px;}
#rightWrapContents{ padding:30px;}
#rightWrapTop{ min-height:620px; height:100%; padding:0 0 0 230px;}
#rightWrapContentsTop{ padding:15px 35px 15px 15px;}


/* ## left ############################################################ */
#leftWrap h1#logo{ width:170px; height:122px; margin:30px 0 25px 30px;}
#leftWrap h1#logo a{ width:170px; height:122px; background:url(../img/left_logo.gif) no-repeat; text-indent:-9999px; display:block;}
#menuWrap{ width:230px; height:413px; background:url(../img/left_space.jpg) no-repeat;}
#menuWrap ul#mainMenu{ width:190px; margin:0 0 0 40px; padding:22px 0 0 0;}
#menuWrap ul#mainMenu li{ width:190px; height:40px; margin:0 0 9px 0;}
#menuWrap ul#mainMenu li a{ width:190px; height:40px; text-indent:-9999px; display:block;}
#menuWrap ul#mainMenu li.menu01 a{ background:url(../img/left_menu01.gif) no-repeat;}
#menuWrap ul#mainMenu li.menu02 a{ background:url(../img/left_menu02.gif) no-repeat;}
#menuWrap ul#mainMenu li.menu03 a{ background:url(../img/left_menu03.gif) no-repeat;}
#menuWrap ul#mainMenu li.menu04 a{ background:url(../img/left_menu04.gif) no-repeat;}
#menuWrap ul#mainMenu li.menu05 a{ background:url(../img/left_menu05.gif) no-repeat;}
#menuWrap ul#mainMenu li.menu01 a:hover{ background-position:0 -40px;}
#menuWrap ul#mainMenu li.menu02 a:hover{ background-position:0 -40px;}
#menuWrap ul#mainMenu li.menu03 a:hover{ background-position:0 -40px;}
#menuWrap ul#mainMenu li.menu04 a:hover{ background-position:0 -40px;}
#menuWrap ul#mainMenu li.menu05 a:hover{ background-position:0 -40px;}
#menuWrap ul#mainMenu li.menu01 a.on{ background-position:0 -80px;}
#menuWrap ul#mainMenu li.menu02 a.on{ background-position:0 -80px;}
#menuWrap ul#mainMenu li.menu03 a.on{ background-position:0 -80px;}
#menuWrap ul#mainMenu li.menu04 a.on{ background-position:0 -80px;}
#menuWrap ul#mainMenu li.menu05 a.on{ background-position:0 -80px;}
#menuWrap ul#subMenu{ width:190px; margin:0 0 0 40px; padding:38px 0 0 0;}
#menuWrap ul#subMenu li{ width:190px; height:14px; margin:0 0 8px 0;}
#menuWrap ul#subMenu li a{text-indent:-9999px; display:block;}
#menuWrap ul#subMenu li.menu01 a{ width:68px; height:14px; background:url(../img/left_menu06.gif) no-repeat;}
#menuWrap ul#subMenu li.menu02 a{ width:49px; height:14px; background:url(../img/left_menu07.gif) no-repeat;}
#menuWrap ul#subMenu li.menu03 a{ width:84px; height:14px; background:url(../img/left_menu08.gif) no-repeat;}
#menuWrap ul#subMenu li.menu04 a{ width:57px; height:14px; background:url(../img/left_menu09.gif) no-repeat;}
#menuWrap ul#subMenu li.menu01 a:hover{ background-position:0 -14px;}
#menuWrap ul#subMenu li.menu02 a:hover{ background-position:0 -14px;}
#menuWrap ul#subMenu li.menu03 a:hover{ background-position:0 -14px;}
#menuWrap ul#subMenu li.menu04 a:hover{ background-position:0 -14px;}
#menuWrap ul#subMenu li.menu05 a:hover{ background-position:0 -14px;}


/* ## center ############################################################ */
.pageMenuWrap{ width:170px; padding:0 0 40px 0;}
.pageMenuWrap p.pgaeMenuTitle{ font-size:11px; line-height:130%; color:#FFF; font-style:italic; font-weight:bold; padding:0 0 3px 0;}
.pageMenuWrap ul.pageMenu{ width:170px;}
.pageMenuWrap ul.pageMenu li{ width:170px; font-size:11px; line-height:130%; color:#FFF; font-style:italic; margin:10px 0 0 0; padding:0 0 10px 0;}
.pageMenuWrap ul.pageMenu li a{ color:#FFF;}
.pageMenuWrap ul.pageMenu li span.date{ font-size:10px;}
.pageMenuWrap ul.pageMenu li span.title{ padding:0 0 0 8px; display:block;}


/* ## share ############################################################ */
.articleShareWrap{width:600px; height:21px; background:url(../img/dot_side.gif) repeat-x bottom left; position:relative; margin:20px 0 0 0;}
.articleShareWrap p.title{width:92px; height:11px; background:url(../img/icon_title.gif) no-repeat; text-indent:-9999px; display:block; position:absolute; top:2px; right:66px;}
.articleShareWrap a{width:15px; height:16px; text-indent:-9999px; display:block; position:absolute;}
.articleShareWrap a.twitter{background:url(../img/icon_twitter.gif) no-repeat; top:0px; right:41px;}
.articleShareWrap a.facebook{background:url(../img/icon_facebook.gif) no-repeat; top:0px; right:20px;}
.articleShareWrap a.mixi{background:url(../img/icon_mixi.gif) no-repeat; top:0px; right:0px;}


/* ## calendr ############################################################ */
.calenderTitleWrap{ width:170px; height:16px; padding:0 0 5px 0;}
.calenderTitleWrap p.now{  width:110px; height:16px; display:block; font-size:12px; line-height:120%; color:#FFF; font-weight:normal; font-style:italic; font-family: Tahoma, Geneva, sans-serif; text-align:center; float:left;}
.calenderTitleWrap .prev{ width:30px; height:11px; padding:5px 0 0 0; display:block; text-align:center; float:left;}
.calenderTitleWrap .next{ width:30px; height:11px; padding:5px 0 0 0; display:block; text-align:center; float:left;}
.calender{ font-size:11px; line-height:120%; color:#FFF; font-weight:normal; font-style:italic; font-family: Tahoma, Geneva, sans-serif; text-align:center;}
.calender a{ color:#FFF; text-decoration:underline;}
.calender a:hover{ color:#333; text-decoration:none;}
.calender th{ padding:2px 0; font-size:8px; font-weight:normal; text-align:center;}
.calender td{ padding:5px 0;}


/* ## pagenavi ############################################################ */
.pageNaviWrap{ width:600px; padding:0 0 30px 0;}
.pageNaviWrap .prev,.pageNaviWrap .next{ width:70px; height:17px; float:left;}
.pageNaviWrap .prev a,.pageNaviWrap .next a{ width:70px; height:17px; display:block; text-indent:-9999px;}
.pageNaviWrap .prev a:hover,.pageNaviWrap .next a:hover{ background-position:0 -17px;}
.pageNaviWrap p.page{ width:400px; height:17px; padding:0 30px; font-size:10px; line-height:120%; color:#333; font-weight:normal; font-style:italic; font-family: Tahoma, Geneva, sans-serif; text-align:center; float:left;}
.pageNaviWrap p.page a{ color:#333;}



/* ## table ############################################################ */
.table{ width:600px; font-size:12px; line-height:130%; color:#333; font-weight:normal; border:dotted 1px #999999;}
.table th{ padding:15px 10px; font-weight:normal; background:url(../img/table_bg.jpg) repeat; border-right:dotted 1px #999999; border-bottom:dotted 1px #999999;}
.table td{ padding:15px 10px; border-bottom:dotted 1px #999999;}
.table td a{ color:#333; text-decoration:none;}


/* ## tab ############################################################ */
#tabWrap{ width:200px; display:block; position:absolute; right:0; top:15px;}
#tabBox{ width:200px; display:block; position:absolute; right:-172px; top:0;}
#tabLeft{ width:29px; height:113px; float:left;}
#tabLeft p{ width:29px; height:113px; background:url(../img/tab01_title.png) no-repeat; text-indent:-9999px; display:block;}
#tabRightBottom{ width:171px; min-height:113px; background:url(../img/tab01_bottom.png) no-repeat left bottom; padding:0 0 3px 0; float:left;}
#tabRightDammy{ width:171px; min-height:113px; display:block; position:absolute; z-index:3; background-color:#F33;opacity:0;filter: alpha(opacity=0);-moz-opacity:0;}
#tabRight{ width:121px; min-height:53px; background:url(../img/tab01_bg.png) repeat-y; padding:30px 25px; position:absolute; z-index:1;}
#tabRight p#txt{ font-size:10px; line-height:130%; color:#FFF; font-weight:normal; font-style:italic;}
#tabRight p#cap{ font-size:10px; line-height:130%; color:#FFF; font-weight:normal; font-style:italic; padding:4px 0 0 0;}
#tabRight dl#list{}
#tabRight #list li{ font-size:10px; line-height:130%; color:#FFF; font-weight:normal; font-style:italic; border-bottom:dotted 1px #858482; padding:0 2px 3px 2px; margin:10px 0 0 0;}



/* ## footer ############################################################ */
#footerWrap{ width:100%; height:30px; background-color:#000; position:absolute; bottom:0px; left:0px; display:none;}
#footerWrap p{ width:224px; height:10px; background:url(../img/footer_copy.gif) no-repeat; text-indent:-9999px; margin:10px 0 0 20px;}