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

body{ background:url(../images/bg.jpg) repeat; line-height:1.6; font-size:14px; letter-spacing:0.5px; color:#333333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
div#wrapper{ width:100%; background:url(../images/title_bg.png) no-repeat center top;}

/* header */

div#header{ width:800px; height:775px; position:relative; margin:0 auto;}
div#header_archive{ width:800px; height:545px; position:relative; margin:0 auto;}
div#header p{ position:absolute; left:42px; top:330px;}
div#header a#btn_sarameshi{ width:224px; height:47px; display:block; background:url(../images/btn_about.png) no-repeat; position:absolute; bottom:50px; left:42px; text-indent:-9999px;}
div#header a#btn_sarameshi:hover{ background-position:bottom;}
div#header div#contents_index{ position:absolute; right:42px; bottom:50px;}
div#header div#contents_index ul{ margin-top:5px; background:url(../images/line.gif) no-repeat center top; width:317px; padding-top:1px;}
div#header div#contents_index ul li{ height:57px; background:url(../images/line.gif) no-repeat center bottom;}
div#header div#contents_index ul li span,div#header div#contents_index ul li a{width:317px; height:56px; display:block; text-indent:-9999px;}
div#header div#contents_index ul li#index_vol01 span{ background:url(../images/index_vol01.png) no-repeat;}
div#header div#contents_index ul li#index_vol01 a{ background:url(../images/index_vol01.png) no-repeat;}
div#header div#contents_index ul li#index_vol02 span{ background:url(../images/index_vol02.png) no-repeat;}
div#header div#contents_index ul li#index_vol02 a{ background:url(../images/index_vol02.png) no-repeat;}
div#header div#contents_index ul li#index_vol03 span{ background:url(../images/index_vol03.png) no-repeat;}
div#header div#contents_index ul li#index_vol03 a{ background:url(../images/index_vol03.png) no-repeat;}
div#header div#contents_index ul li#index_vol04 span{ background:url(../images/index_vol04.png) no-repeat;}
div#header div#contents_index ul li#index_vol04 a{ background:url(../images/index_vol04.png) no-repeat;}
div#header div#contents_index ul li#index_vol01 span.active,div#header div#contents_index ul li#index_vol02 span.active,div#header div#contents_index ul li#index_vol03 span.active,div#header div#contents_index ul li#index_vol04 span.active{ background-position:bottom;}
div#header div#contents_index ul li#index_vol01 a:hover,div#header div#contents_index ul li#index_vol02 a:hover,div#header div#contents_index ul li#index_vol03 a:hover,div#header div#contents_index ul li#index_vol04 a:hover{ background-position:bottom;}


/* main */

div#main{ width:720px; margin:0 auto;}
div#main h2{ margin:0 auto 60px auto;}
div#main table{ width:490px; margin:0 auto; padding:0;}
div#main th{ width:87px; text-align:left; padding:0; vertical-align:top; padding-bottom:50px;}
div#main td{ padding:25px 0 50px 0;}
div#main td.photo{ padding:0 0 50px 0; text-align:center;}
div#date{ text-align:center; margin:0 auto;}
div#date p{ margin-bottom:15px;}

/* footer */

ul#footer{ width:720px; margin:20px auto;}
ul#footer li{ width:240px; text-align:center; float:left;}
ul#footer li a{ width:186px; height:51px; display:block; text-indent:-9999px; margin:0 auto;}
li#footer_01 a{ background:url(../images/foot_btn01.png) no-repeat;}
li#footer_02 a{ background:url(../images/foot_btn02.png) no-repeat;}
li#footer_03 a{ background:url(../images/foot_btn03.png) no-repeat;}
ul#footer li a:hover{ background-position:bottom;}
div#fblike{ text-align:center; padding:10px 0; margin:0 auto;}
address{ text-align:center; padding:20px 0;}

/* navi */

ul#navi{ width:600px; height:113px; margin:40px auto; position:relative;}
ul#navi li{ text-align:center; width:200px;}
li#btn_prev{ position:absolute; left:0;}
li#btn_top{ position:absolute; left:200px;}
li#btn_next{ position:absolute; right:0;}
ul#navi li a{ width:123px; height:113px; display:block; text-indent:-9999px; margin:0 auto;}
li#btn_prev a{ background:url(../images/btn_prev.png) no-repeat;}
li#btn_top a{ background:url(../images/btn_top.png) no-repeat;}
li#btn_next a{ background:url(../images/btn_next.png) no-repeat;}
ul#navi li a:hover{ background-position:bottom;}

/* ------- ClearFix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
/* For IE 6/7 */
.cf {zoom:1;}