@charset "UTF-8";
/* ======== reset.css ======== */

*{
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
	line-height:1.0;
	}

h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, dl, dt, dd, table, th, td, input, legend, div {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* ======== body wrapper ======== */

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
div#coma5 dl dt, div#coma5 dl dd { font-size: 14px; font-size: 1.4rem; } /* =14px */
div#coma6 dl dt, div#coma6 dl dd { color: #fff; font-size: 12px; font-size: 1.2rem; } /* =12px */
div#coma7 a { color: #fff; font-size: 9px; font-size: 0.9rem; } /* =9px */
div#coma10 dl dt, div#coma10 dl dd { color: #000; font-size: 13px; font-size: 1.3rem;} /* =13px */
div#coma12 dl dt, div#coma12 dl dd { font-size: 12px; font-size: 1.2rem; } /* =12px */
div#coma16 dl dt { font-weight:bold; color: #666; font-size: 12px; font-size: 1.2rem; } /* =12px */
div#coma16 dl dd { color: #666; font-size: 11px; font-size: 1.1rem; } /* =11px */


body {
background-color: #fff;
background-image:url(../images/bg.gif);
background-position: center 0;
background-repeat:repeat-y;
color:#333;
line-height:1.7;
	font-family:
		Century Gothic, 
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
}

body#ind {
background-color: #fff;
background-image:url(../images/ind_bg.gif);
background-position: center 0;
background-repeat:repeat-y;
color:#333;
line-height:1.7;
	font-family:
		Century Gothic, 
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
}


#wrapper {
width: 940px;
margin: 0 auto 0;
}

body#ind #wrapper {
width: 530px;
margin: 0 auto 0;
}


/* ======== coma ======== */

div#coma1 {
background-image: url(../images/coma01_day.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 940px;
height: 65px;
}
div#coma1 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}


div#coma2 {
float: left;
background-image: url(../images/coma02_logo.jpg);
background-position: 0 0;
background-repeat: no-repeat;
width: 620px;
height: 355px;
}
div#coma2 h1 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}


div#coma3 {
float: left;
width: 320px;
height: 355px;
position:relative;
top:0px;
overflow:hidden;
}
div#coma3 a{
top:0;
position:absolute;
display:block;
width: 320px;
height: 355px;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
background:transparent url(../images/coma03_gai_bt.jpg) no-repeat 0 0;
}
div#coma3 a:hover{
background-position:0px -355px;
}


div#coma4 {
float: left;
width: 520px;
height: 300px;
position:relative;
top:0px;
overflow:hidden;
margin-right: 20px;
margin-bottom: 20px;
}
div#coma4 a{
top:0;
position:absolute;
display:block;
width: 520px;
height: 300px;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
background:transparent url(../images/coma04_ichi_bt.jpg) no-repeat 0 0;
}
div#coma4 a:hover{
background-position:0px -300px;
}


div#coma5 {
float: left;
background-image: url(../images/coma05_han.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 400px;
height: 300px;
margin-bottom: 20px;
}
div#coma5 h3 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}


/*販売情報*/
/*div#coma5 dl {
margin-top: 30px;
margin-left: 40px;
}
div#coma5 dl dt{
width:9em;
padding-left:2em;
background:url(../images/arr_star.gif) no-repeat 0 0.2em;
line-height:2;
}
div#coma5 dl dd {
margin: -0.5em 0 0 3em;
zoom:1;
line-height: 1.6;
}*/

/*販売情報内ボタン*/
div#coma5 ul {
padding-top: 16px;
padding-left: 27px;
}
div#coma5 ul li {
float: left;
position:relative;
background-position: 0 0;
background-repeat: no-repeat;
width: 356px; height: 78px; margin-right: 0px; margin-bottom: 0px;
}
div#coma5 ul li#tuhan_syoten {
background-image: url(../images/coma05_han_bt_syoten.png);
}
div#coma5 ul li#tuhan_jika {
background-image: url(../images/coma05_han_bt_jika_close.png);
}
div#coma5 ul li a, div#coma5 ul li p {
top:0; position:absolute; display:block; width: 356px; height: 78px; overflow:hidden; text-indent:-9999px; text-decoration:none;
}
/*▼不透明度を使ったカラーをIEでも使う*/
div#coma5 ul li a:hover {
background-color:rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff)";
}



div#coma6 {
float: left;
background-image: url(../images/coma06_hen.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 400px;
height: 260px;
margin-right: 20px;
margin-bottom: 20px;
}
div#coma6 h3 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}
/*最新情報と履歴*/
div#coma6 dl {
margin-top: 35px;
margin-left: 135px;
}
div#coma6 dl dt{
width:4em;
line-height:1.4;
}
div#coma6 dl dd {
margin: -1.4em 3em 0.7em 5em;
zoom:1;
line-height: 1.4;
}

div#coma6 dl dd a:link { color: #000; background-color:#CDCF00;}
div#coma6 dl dd a:visited { color: #000; background-color:#CDCF00;}
div#coma6 dl dd a:hover { color: #CDCF00; background-color:#444;}
div#coma6 dl dd a:active { color: #000; background-color:#CDCF00;}



div#coma7 {
float: left;
background-image: url(../images/coma07_ank.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 320px;/*340-20*/
height: 250px;/*260-10*/
padding-top: 10px;
padding-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
line-height: 1.4;
}
div#coma7 h3 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}


div#coma8 {
float: left;
width: 160px;
height: 260px;
position:relative;
top:0px;
overflow:hidden;
margin-bottom: 20px;
}
div#coma8 a{
top:0;
position:absolute;
display:block;
width: 160px;
height: 260px;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
background:transparent url(../images/coma08_toi_bt.gif) no-repeat 0 0;
}
div#coma8 a:hover{
background-position:0px -260px;
}


div#coma9 {
float: left;
width: 940px;
height: 30px;
position:relative;
top:0px;
overflow:hidden;
margin-bottom: 20px;
}
div#coma9 a{
top:0;
position:absolute;
display:block;
width: 940px;
height: 30px;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
background:transparent url(../images/coma09_ind_bt.gif) no-repeat 0 0;
}
div#coma9 a:hover{
background-position:0px -30px;
}


div#coma10 {
float: left;
background-image: url(../images/coma10_gai.jpg);
background-position: 0 0;
background-repeat: no-repeat;
width: 940px;
height: 570px;
margin-bottom: 20px;
}
div#coma10 h3 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}


/*アンソロジー概要*/
div#coma10 dl {
margin-top: 115px;
margin-left: 50px;
}
div#coma10 dl dt{
width:7em;
line-height:1.4;
background-color:#fff600;
padding: 0 8px; 
}
div#coma10 dl dd {
margin: -1.4em 370px 0.7em 8em;
zoom:1;
line-height: 1.4;
}
div#coma10 dl dd p {
display: inline-block;
background-color:#fff600;
padding: 0.2em 8px;
}


/*アンソロジー概要内ボタン*/
div#coma10 ul {
padding-top: 50px;
padding-left: 29px;
}
div#coma10 ul li {
float: left;
position:relative;
background-position: 0 0;
background-repeat: no-repeat;
}
div#coma10 ul li#smp_honmon {
background-image: url(../images/coma10_gai_bt_honmon.gif);
width: 550px; height: 100px; margin-right: 0px; margin-bottom: 0px;
}
div#coma10 ul li#smp_towel {
background-image: url(../images/coma10_gai_bt_towel.png);
width: 550px; height: 134px; margin-right: 0px; margin-bottom: 0px;
}
div#coma10 ul li#smp_honmon a {
top:0; position:absolute; display:block; width: 550px; height: 100px; overflow:hidden; text-indent:-9999px; text-decoration:none;
}
div#coma10 ul li#smp_towel a {
top:0; position:absolute; display:block; width: 550px; height: 134px; overflow:hidden; text-indent:-9999px; text-decoration:none;
}
/*▼不透明度を使ったカラーをIEでも使う*/
div#coma10 ul li a:hover {
background-color:rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff)";
}


/*執筆者さま一覧*/
div#coma11 {
float: left;
background-image: url(../images/coma11_ichi.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 580px;
height: 832px;
margin-right: 20px;
margin-bottom: 20px;
}
div#coma11 h3 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}
div#coma11 div#sippitu {
padding-top: 115px;
padding-left: 55px;
}
/*執筆者さま一覧ボタン*/
div#coma11 ul li {
float: left;
position:relative;
background-position: 0 0;
background-repeat: no-repeat;
width: 207px; height: 62px; margin-right: 53px; margin-bottom: 8px;
}
div#coma11 div#sippitu ul li#rhplus {
background-image: url(../images/bana_rhplus_comic.gif);
}
div#coma11 div#sippitu ul li#rkp {
background-image: url(../images/bana_rkp_kuchie.gif);
}
div#coma11 div#sippitu ul li#itaru {
background-image: url(../images/bana_itaru_comic.gif);
}
div#coma11 div#sippitu ul li#agcomic {
background-image: url(../images/bana_ag_comic.gif);
}
div#coma11 div#sippitu ul li#kogure {
background-image: url(../images/bana_kogure_comic.gif);
}
div#coma11 div#sippitu ul li#maiko {
background-image: url(../images/bana_maiko_comic.gif);
}
div#coma11 div#sippitu ul li#merippe {
background-image: url(../images/bana_merippe_comic.gif);
}
div#coma11 div#sippitu ul li#sirayama {
background-image: url(../images/bana_sirayama_comic.gif);
}
div#coma11 div#sippitu ul li#zui {
background-image: url(../images/bana_zui_comic.gif);
}
div#coma11 div#sippitu ul li#sky {
background-image: url(../images/bana_sky_cover.gif);
}
div#coma11 div#sippitu ul li#taimesi {
background-image: url(../images/bana_taimesi_comic.gif);
}
div#coma11 div#sippitu ul li#nowaki {
background-image: url(../images/bana_nowaki_comic.gif);
}
div#coma11 div#sippitu ul li#peroko {
background-image: url(../images/bana_peroko_comic.gif);
}
div#coma11 div#sippitu ul li#masafumi {
background-image: url(../images/bana_masa_comic.gif);
}
div#coma11 div#sippitu ul li#miyako {
background-image: url(../images/bana_miyako_hyosi.gif);
}
div#coma11 div#sippitu ul li#morisaki {
background-image: url(../images/bana_morisaki_novel.gif);
}
div#coma11 div#sippitu ul li#yukidoke {
background-image: url(../images/bana_yukidoke_comic.gif);
}
div#coma11 div#sippitu ul li#syou {
background-image: url(../images/bana_syou_syusai.gif);
}
div#coma11 div#sippitu ul li#yamiwara {
background-image: url(../images/bana_yamiwara_comic.gif);
}
div#coma11 div#sippitu ul li a, div#coma11 div#sippitu ul li p {
top:0; position:absolute; display:block; width: 207px; height: 62px; overflow:hidden; text-indent:-9999px; text-decoration:none;
}
/*▼不透明度を使ったカラーをIEでも使う*/
div#coma11 div#sippitu ul li a:hover {
background-color:rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff)";
}


div#coma12 {
float: left;
background-image: url(../images/coma12_lin.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 340px;
height: 832px;
margin-bottom: 20px;
}
div#coma12 h3 p { margin-bottom:-1px; width:1px; height:1px; text-indent:-9999px;}
/*リンクについて*/
div#coma12 dl {
margin-top: 55px;
margin-left: 60px;
}
div#coma12 dl dt{
margin: 0 25px 1em 0;
line-height:1.4;
font-weight:bold;
}
div#coma12 dl dd {
margin: 0 25px 2em 0;
zoom:1;
line-height: 1.4;
}
div#coma12 dl dt img, div#coma12 dl dt a, div#coma12 dl dd img, div#coma12 dl dd a {
border: 0;
}
div#coma12 dl dt img, div#coma12 dl dd img {
display:block; margin-bottom:1em;
}


div#coma13 {
float: left;
width: 940px;
height: 60px;
position:relative;
top:0px;
overflow:hidden;
margin-bottom: 60px;
}
div#coma13 em{
top:0;
position:absolute;
display:block;
width: 940px;
height: 60px;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
background:transparent url(../images/coma13_toi_bt.gif) no-repeat 0 0;
}
div#coma13 a:hover{
background-position:0px -60px;
}


div#coma14 {
float: left;
width: 940px;
height: 30px;
position:relative;
top:0px;
overflow:hidden;
margin-bottom: 20px;
}
div#coma14 a{
top:0;
position:absolute;
display:block;
width: 940px;
height: 30px;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
background:transparent url(../images/coma14_top_bt.gif) no-repeat 0 0;
}
div#coma14 a:hover{
background-position:0px -30px;
}


/*INDEX*/
div#coma15 {
}
div#coma15 h1 {
position:relative;
background-position: 0 0;
background-repeat: no-repeat;
width: 520px; height: 350px;
margin: 30px auto 10px;
background-image: url(../images/ind_logo.jpg);
}
div#coma15 h1 a {
top:0; position:absolute; display:block; width: 520px; height: 350px; overflow:hidden; text-indent:-9999px; text-decoration:none;
}
/*▼不透明度を使ったカラーをIEでも使う*/
div#coma15 h1 a:hover {
background-color:rgba(255,255,255,0.2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff)";
}


/*免責事項*/
div#coma16 dl dt{
width:12em;
padding-left:2.2em;
background:url(../images/arr_star.gif) no-repeat 0 0.4em;
line-height:3;
}
div#coma16 dl dd {
margin: -0.5em 0 0.3em 0;
zoom:1;
line-height: 1.4;
}
div#coma16 dl dd a {
display:block;
width:200px;
margin:15px auto 40px;
}

div#coma17 {
float: left;
width: 940px;
height: 300px;
position:relative;
top:0px;
overflow:hidden;
margin-bottom: 20px;
}
div#coma17 p{
top:0;
position:absolute;
display:block;
width: 940px;
height: 300px;
overflow:hidden;
text-indent:-99999px;
text-decoration:none;
background:transparent url(../images/coma17_tokusyu.gif) no-repeat 0 0;
}
div#coma17 br{ display:none;}

div#coma18 {
float: left;
width: 940px;
height: 190px;
position:relative;
top:0px;
overflow:hidden;
margin-bottom: 20px;
}
div#coma18 p{
top:0;
position:absolute;
display:block;
width: 940px;
height: 190px;
overflow:hidden;
text-indent:-99999px;
text-decoration:none;
background:transparent url(../images/coma18_tokusyu.gif) no-repeat 0 0;
}
div#coma18 br{ display:none;}