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

body{ background:url(../images/bg_pattern.jpg) repeat; line-height:1.8; 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/bg.png) no-repeat center 326px; padding-top:10px;}

/* header */

div#header{ width:800px; height:644px; position:relative; margin:0 auto; background:url(../images/line.png) no-repeat center bottom;}
div#header h1{ position:absolute; left:0; top:40px;}
div#header #mark{ position:absolute; right:0; top:40px;}
div#header p{ margin:0 auto; text-align:center; padding-top:250px;}

/* index_list */

h3{ margin:30px auto; text-align:center;}
ul#index_list{ width:440px; margin:0 auto; background:url(../images/line.png) no-repeat center bottom; padding:0 25px 30px 25px;}
ul#index_list li{ padding-bottom:5px;}
ul#index_list li a,ul#index_list li span{ width:440px; height:26px; display:block; text-indent:-9999px;}
ul#index_list li#vol01 a{ background:url(../images/index_vol01-active.png) no-repeat;}
ul#index_list li#vol02 a{ background:url(../images/index_vol02-active.png) no-repeat;}
ul#index_list li#vol03 a{ background:url(../images/index_vol03-active.png) no-repeat;}
ul#index_list li#vol04 a{ background:url(../images/index_vol04-active.png) no-repeat;}
ul#index_list li#vol05 a{ background:url(../images/index_vol05-active.png) no-repeat;}
ul#index_list li#vol06 a{ background:url(../images/index_vol06-active.png) no-repeat;}
ul#index_list li#vol07 a{ background:url(../images/index_vol07-active.png) no-repeat;}
ul#index_list li#vol08 a{ background:url(../images/index_vol08-active.png) no-repeat;}
ul#index_list li#vol09 a{ background:url(../images/index_vol09-active.png) no-repeat;}
ul#index_list li#vol01 a:hover,ul#index_list li#vol02 a:hover,ul#index_list li#vol03 a:hover,ul#index_list li#vol04 a:hover,ul#index_list li#vol05 a:hover,ul#index_list li#vol06 a:hover,ul#index_list li#vol07 a:hover,ul#index_list li#vol08 a:hover,ul#index_list li#vol09 a:hover{ background-position:bottom;}
ul#index_list li#vol02 span{ background:url(../images/index_vol02.png) no-repeat;}
ul#index_list li#vol03 span{ background:url(../images/index_vol03.png) no-repeat;}
ul#index_list li#vol04 span{ background:url(../images/index_vol04.png) no-repeat;}
ul#index_list li#vol05 span{ background:url(../images/index_vol05.png) no-repeat;}
ul#index_list li#vol06 span{ background:url(../images/index_vol06.png) no-repeat;}
ul#index_list li#vol07 span{ background:url(../images/index_vol07.png) no-repeat;}
ul#index_list li#vol08 span{ background:url(../images/index_vol08.png) no-repeat;}
ul#index_list li#vol09 span{ background:url(../images/index_vol09.png) no-repeat;}

/* main */

div#main{ width:490px; margin:0 auto; padding:30px 0 0 0;}
div#main h2{ margin:0 auto; padding-bottom:40px; text-align:center;}

div.itoi_set{ width:407px; margin:0 0 10px 63px;}
div.itoi_middle{ width:407px; background:url(../images/itoi_set_bg-middle.png) repeat-y;}
div.itoi_middle div{ text-align:left; padding:10px 0 0 12px;}
div.itoi_middle div p{ padding-top:15px;}

div.iga_set{ width:407px; margin:0 0 10px 14px;}
div.iga_middle{ width:407px; background:url(../images/iga_set_bg-middle.png) repeat-y;}
div.iga_middle div{ text-align:left; padding:10px 0 0 62px;}
div.iga_middle div p{ padding-top:15px;}

div.normal_set{ width:407px; margin:10px 0 30px 63px;}
div.normal_middle{ background:url(../images/normal_set-middle.png) repeat-y;}
div.normal_middle div{ text-align:left; padding:10px 0 25px 12px;}
div.normal_middle div p{ padding-top:15px;}

ul#navi{ width:600px; margin:30px auto;}
li#btn_prev,li#btn_next{ width:130px; float:left;}
li#btn_top{ width:340px; text-align:center; float:left;}
li#btn_prev{ text-align:left;}
li#btn_next{ text-align:left;}
li#btn_prev a{ width:112px; height:33px; display:block; background:url(../images/btn_prev.png) no-repeat; text-indent:-9999px;}
li#btn_prev a:hover{ background-position:bottom;}
li#btn_next a{ width:112px; height:33px; display:block; background:url(../images/btn_next.png) no-repeat; text-indent:-9999px; margin-left:18px;}
li#btn_next a:hover{ background-position:bottom;}
li#btn_top a{ width:255px; height:33px; display:block; background:url(../images/btn_top.png) no-repeat; text-indent:-9999px; margin:0 auto;}
li#btn_top a:hover{ background-position:bottom;}

/* book */

hr{ border:none; background:url(../images/line_long.jpg) no-repeat; width:800px; height:1px; margin:20px auto;}
div#book{ width:410px; margin:0 auto;}
div#book img{ width:150px; float:left;}
div#book #disc{ float:right;}
div#book #disc h4{ padding-bottom:10px;}
a#btn_amazon{ width:146px; height:26px; display:block; background:url(../images/btn_amazon.png) no-repeat; text-indent:-9999px; margin:10px 0;}
a#btn_amazon:hover{ background-position:bottom;}

/* foot */

div#foot{ padding-top:20px;}
div#foot ul{ width:600px; margin:0 auto;}
div#foot ul li{ width:200px; text-align:center; float:left;}
div#foot ul li a{ width:158px; height:48px; display:block; text-indent:-9999px; margin:0 auto;}
li#footer_01 a{ background:url(../images/foot01.png) no-repeat;}
li#footer_02 a{ background:url(../images/foot02.png) no-repeat;}
li#footer_03 a{ background:url(../images/foot03.png) no-repeat;}
div#foot ul li a:hover{ background-position:bottom;}
div#fblike{ text-align:center; padding:10px 0; margin:0 auto;}
address{ text-align:center; padding:20px 0;}

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

.photo{ margin: 0 auto; padding:20px 0; text-align:center;}
.date{ text-align:center; padding:30px 0;}
.text12px{ font-size:12px;}