@charset "utf-8";

* {
	line-height:140%;
	margin:0px;
	padding:0px;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	font-weight: normal;
	font-size:12px;
}
img { border:none;}
a { text-decoration:none; color:#0686D1;}
a:hover { text-decoration:underline; color:#0686D1;}
body  {text-align:center; background:#fff url(images/common/header_back01.jpg) repeat-x 0 470px;}
.border_1_ccc { border:1px #ccc solid;}
body.form_back01 {background:#fff url(images/common/header_back01.jpg) repeat-x 0 40px;}

/*-----テキスト設定-----*/
.red { color:#CC0000;}
.blue { color:#0686D1;}
.font_10px { font-size:10px;}
.font_10px_fff { color:#fff; font-size:10px;}

/*-----iehover設定-----*/
body { behavior:url("js/csshover.htc"); }

li { list-style:none;}
strong { font-weight:bold;}

/*-----clearfloat設定-----*/
.clearfloat_def { clear:both; line-height:100%;}
.clearfloat_footer { clear:both; font-size:5em; line-height:100%;}
.clearfloat_1px { clear:both; font-size: 1px;line-height:100%;}
.clearfloat_10px { clear:both; font-size:10px; line-height:100%;}
.clearfloat_line01 { background:url(images/common/line_01.gif) repeat-x 0 center; clear:both; line-height:100%;}

/*-----ie用透過png設定-----*/
* html .iepngimg { behavior: expression(IEPNGFIX.fix(this)); }

/*-----追加Bookmark-----*/
#h1_block {	background:#000; height:40px; border-bottom:1px #fff solid;}
#h1_block .inner { width:800px; margin-left:auto; margin-right:auto;}
#h1_block h1 { margin-left:10px; _margin-left:5px; text-align:left;color:#fff; padding-top:1em; float:left;}
#h1_block #bookmark { width:160px; float:right; padding-top:6px;}
#h1_block #bookmark img { cursor:pointer;}

/*-----Format-----*/
#footer { color:#fff; font-size:10px; background:#333; text-align:center; padding-top:1em; padding-bottom:1em; font-family:Arial, Helvetica, sans-serif;}
#footer #year_date,
#footer span { color:#fff; font-size:10px;}
#footer #year_date { font-family:Arial, Helvetica, sans-serif;}
#java_comment { border-bottom:1px #fff solid; color:#fff; text-align:center; font-weight:bold; background:#CC0000; padding-top:0.5em; padding-bottom:0.5em;}
.container { background:#fff; margin-top:3.5em; text-align:left; width:800px; margin-left:auto; margin-right:auto;}
.form_back01 .container { background:none;}

/*-----index/画像スライド表示箇所-----*/
#header_block01 { position:relative; overflow:hidden; width:800px; height:310px;}
#header_block01 .inner { overflow:hidden; width:800px; height:310px;}

/*-----index/画像スライド表示箇所/ナビ-----*/
#header_move_nav { margin-top:5px;}

#header_move_nav ul.right_block { height:15px; width:143px; float:right;}
#header_move_nav ul.right_block li { float:right; width:45px; margin-right:2px;}
#header_move_nav ul.right_block li a,
#header_move_nav ul.right_block li a:hover { display:block; width:45px; height:15px;}
#header_move_nav ul.right_block li a:hover img { visibility:hidden; display:none;}
* html #header_move_nav ul.right_block li a { display:inline-block;}
#header_move_nav ul.right_block #prev1 { background:url(images/others/btn_prev_o.jpg) no-repeat left top;}
#header_move_nav ul.right_block #next1 { background:url(images/others/btn_next_o.jpg) no-repeat left top;}
#header_move_nav ul.right_block li#play { width:21px;}

#header_move_nav ul.right_block li.mode_play a { width:21px; background:url(images/others/btn_play.jpg) no-repeat left top;}
#header_move_nav ul.right_block li.mode_play a:hover { width:21px; background:url(images/others/btn_play_o.jpg) no-repeat left top;}
#header_move_nav ul.right_block li.mode_pause a { width:21px; background:url(images/others/btn_pause.jpg) no-repeat left top;}
#header_move_nav ul.right_block li.mode_pause a:hover { width:21px; background:url(images/others/btn_pause_o.jpg) no-repeat left top;}
#header_move_nav ul.right_block li#play span { display:none;}

#header_move_nav #pager { float:right;}
#header_move_nav #pager li { float:left; margin-left:2px;}
#header_move_nav #pager li a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:100%; padding:0.2em 0.5em 0.25em; color:#666; background:#d8d8d8;}
#header_move_nav #pager li a.activeSlide { background:#888; color:#fff;}

#header_move_title { background-image:url(images/common/icon_06.gif); background-repeat:no-repeat; background-position:5px 0.6ex; width:520px; float:left;}
#header_move_title h2 { margin-left:17px; line-height:1.3em;}
#header_move_title h2 a { line-height:1.3em; color:#333;}
#header_move_title h2 a:hover { color:#9e9e9e; text-decoration:none;}
#header_block01 .inner h2.page_title { position:absolute; left:0; top:310px;}

.page_header { position:relative; z-index:10; background:url(images/common/page_header02.jpg) repeat-x top; height:430px;}
.page_header .inner { position:relative; width:818px; height:430px; margin-left:auto; margin-right:auto;}
.page_header .inner .text { color:#fff; position:absolute; top:329px; line-height:120%; left:145px; width:415px; text-align:left; font-size:10px;}
.page_header .inner .text_caption01 { color:#fff; position:absolute; font-size:10px; text-align:right; line-height:120%; top:300px; right:45px; white-space:nowrap;}
.page_header .inner .h_top_link { position:absolute; width:192px; height:47px; display:block; right:45px; top:326px;}

/*-----header追加ボタン-----*/
.page_header .h_btnblock { position:absolute; top:395px; height:21px; text-align:right; width:803px; left:9px;}
.page_header .h_btnblock li { display:block; position:relative; float:left;}
.page_header .h_btnblock li.btn01 { width:51px;}
.page_header .h_btnblock li.btn02 { width:134px;}
.page_header .h_btnblock li.btn03 { width:122px;}
.page_header .h_btnblock li.btn04 { width:98px;}
.page_header .h_btnblock li.btn05 { width:59px;}
.page_header .h_btnblock li.btn06 { width:149px;}
.page_header .h_btnblock li.btn07 { width:145px;}
.page_header .h_btnblock li.borderline { width:7px;}

.page_header .h_btnblock li.hover img.btnimg { visibility:hidden; display:none;}

.page_header .h_btnblock li.btn01 a,
.page_header .h_btnblock li.btn01 a:hover { width:51px; height:21px; display:block; background:url(images/common/page_h_btn01_o.jpg) no-repeat;}
.page_header .h_btnblock li.btn02 a,
.page_header .h_btnblock li.btn02 a:hover { width:134px; height:21px; display:block; background:url(images/common/page_h_btn02_o.jpg) no-repeat;}
.page_header .h_btnblock li.btn03 a,
.page_header .h_btnblock li.btn03 a:hover { width:122px; height:21px; display:block; background:url(images/common/page_h_btn03_o.jpg) no-repeat;}
.page_header .h_btnblock li.btn04 a,
.page_header .h_btnblock li.btn04 a:hover { width:98px; height:21px; display:block; background:url(images/common/page_h_btn04_o.jpg) no-repeat;}
.page_header .h_btnblock li.btn05 a,
.page_header .h_btnblock li.btn05 a:hover { width:59px; height:21px; display:block; background:url(images/common/page_h_btn05_o.jpg) no-repeat;}
.page_header .h_btnblock li.btn06 a,
.page_header .h_btnblock li.btn06 a:hover { width:149px; height:21px; display:block; background:url(images/common/page_h_btn06_o.jpg) no-repeat;}
.page_header .h_btnblock li.btn07 a,
.page_header .h_btnblock li.btn07 a:hover { width:145px; height:21px; display:block; background:url(images/common/page_h_btn07_o.jpg) no-repeat;}

/* Headermenuロールオーバー CSS
.page_header .h_btnblock li.btn01 a:hover img,
.page_header .h_btnblock li.btn02 a:hover img,
.page_header .h_btnblock li.btn03 a:hover img,
.page_header .h_btnblock li.btn04 a:hover img,
.page_header .h_btnblock li.btn05 a:hover img { visibility:hidden; display:none;}
* html .page_header .h_btnblock li.btn01 a,
* html .page_header .h_btnblock li.btn02 a,
* html .page_header .h_btnblock li.btn03 a,
* html .page_header .h_btnblock li.btn04 a,
* html .page_header .h_btnblock li.btn05 a { display:inline;}
*/

.page_header .h_btnblock li ul.submenu { display:none;}
.page_header .h_btnblock li.btn02 ul.submenu { width:134px; background:#fff url(images/common/page_h_btn02_sub.jpg) no-repeat top;}
.page_header .h_btnblock li.btn07 ul.submenu { width:145px; background:#fff url(images/common/page_h_btn06_sub.jpg) no-repeat top;}

.page_header .h_btnblock li.btn02 ul.submenu li a,
.page_header .h_btnblock li.btn02 ul.submenu li a:hover { width:114px; margin-left:auto; margin-right:auto;}
.page_header .h_btnblock li.btn07 ul.submenu li a,
.page_header .h_btnblock li.btn07 ul.submenu li a:hover { width:125px; margin-left:auto; margin-right:auto;}


.page_header .h_btnblock li ul.submenu { position:absolute; top:21px; left:0; border-top:1px #ccc solid; border-bottom:1px #ccc solid;}
.page_header .h_btnblock li ul.submenu li { float:none; text-align:left; border-left:1px #ccc solid; border-right:1px #ccc solid; text-align:center;}

.page_header .h_btnblock li ul.submenu li a { color:#333; line-height:110%;}
.page_header .h_btnblock li ul.submenu li a:hover { color:#999; text-decoration:none;}

.page_header .h_btnblock li ul.submenu li a,
.page_header .h_btnblock li ul.submenu li a:hover { text-align:left; height:auto; display:block; padding-top:0.6em; padding-bottom:0.6em; height:auto; background:url(images/common/line_04.gif) repeat-x bottom;}
.page_header .h_btnblock li ul.submenu li.last a,
.page_header .h_btnblock li ul.submenu li.last a:hover { background:none; padding-bottom:0.5em;}



.block03 { text-align:center; border:1px #ccc solid; padding-top:1px;}
.block03 { padding-bottom:1.5em;}

.block03 .midasi,
.blue_format .block03 .midasi,
.orange_format .block03 .midasi,
.red_format .block03 .midasi,
.pink_format .block03 .midasi { height:46px; width:796px; margin-left:auto; margin-right:auto; text-align:center;}

.block03 .midasi { background:#8EC33F;}
.blue_format .block03 .midasi { background:#50BDF1 url(images/others/block03_01_blueback.jpg) repeat-x top;}
.orange_format .block03 .midasi { background:#E1601A url(images/others/block03_01_orangeback.jpg) repeat-x top;}
.red_format .block03 .midasi { background:#DF2D15 url(images/others/block03_01_redback.jpg) repeat-x top;}
.pink_format .block03 .midasi { background:#E76377 url(images/others/block03_01_pinkback.jpg) repeat-x top;}

.block03 .midasi .midasi_inner,
.blue_format .block03 .midasi .midasi_inner,
.orange_format .block03 .midasi .midasi_inner,
.red_format .block03 .midasi .midasi_inner,
.pink_format .block03 .midasi .midasi_inner { text-align:left; position:relative; top:6px; height:34px; margin-left:auto; margin-right:auto;}

.block03 .midasi .midasi_inner { width:600px;}

.blue_format .block03 .midasi .midasi_inner,
.orange_format .block03 .midasi .midasi_inner,
.red_format .block03 .midasi .midasi_inner,
.pink_format .block03 .midasi .midasi_inner { width:710px;}

.block03 .midasi .midasi_inner span { color:#fff; position:absolute; top:10px; right:0;}

.blue_format .block03 .midasi .midasi_inner span,
.orange_format .block03 .midasi .midasi_inner span,
.red_format .block03 .midasi .midasi_inner span,
.pink_format .block03 .midasi .midasi_inner span { color:#fff; position:absolute; top:10px; left:213px;}

.block03 .midasi .midasi_inner img { position:absolute; left:0; top:0; }

.blue_format .block03 .midasi .midasi_inner img,
.orange_format .block03 .midasi .midasi_inner img,
.red_format .block03 .midasi .midasi_inner img,
.pink_format .block03 .midasi .midasi_inner img { position:absolute; left:0; top:7px;}

.block03 .inner { width:742px; margin-left:auto; margin-right:auto;}
.block03 .inner .left { width:209px; float:left;}
.block03 .inner .left .spec {
	background:#333;
	color:#fff;
	padding:0.55em 10px 0.4em;
	text-align:left;
	margin-left:4px;
	margin-right:5px;
	margin-top:0.5em;
}
.block03 .inner .left .btn1 { margin-left:4px; margin-top:0.5em;}
.block03 .inner .left .btn1 a {
	display:block;
	color:#333;
	background:url(images/others/btn01.jpg) no-repeat;
	width:200px;
	padding-top:0.9em;
	padding-bottom:1.5em;
}
.block03 .inner .left .btn2 { margin-left:4px; margin-top:0.9em; width:200px;}
.block03 .inner .left .btn2 a:hover img { opacity:0.9; filter: alpha(opacity=90);}
.block03 .inner .left .banner02 p { padding-bottom:0.3em;}
* html .block03 .inner .left .btn1 a {margin-left:0;padding-top:0.8em;}
.block03 .inner .left .btn1 a:hover { color:#fff; background:url(images/others/btn01_o.jpg) no-repeat; text-decoration:none;}
.block03 .inner .left .magdeli_btn { padding-top:0.3em;}
.block03 .inner .left .magdeli_btn p { font-size:10px; margin-top:0.3em; line-height:1.2em;}

.block03 .inner .right { width:513px; float:right; text-align:left;}
.block03 .inner .right .sam_block { width:214px; float:right;}
.block03 .inner .right .sam_block img { border:1px #ccc solid;}
/*
.block03 .inner .right .sam_block img:hover { border:1px #0686D1 solid;}
*/
.block03 .inner .right .sam_block a { display:block; background:url(images/others/zoom_full.gif) no-repeat left top;}
.block03 .inner .right .sam_block a.half { width:108px; background:url(images/others/zoom_half.gif) no-repeat left top;}

.block03 .inner .right .index_sam_left { float:left; width:299px;}
.block03 .inner .right .index_sam_left .midasi01,
.block03 .inner .right .index_sam .midasi01,
.block03 .inner .right .index_sam .midasi02 { font-size:10px; color:#fff; background:#333 url(images/others/index_samimg01.gif) repeat-x bottom; padding:0.25em 10px 0.5em; _padding:0.15em 10px 0.45em;}
.block03 .inner .right .index_sam_left .midasi01 { margin-top:0.8em;}
.block03 .inner .right .index_sam .midasi02 { margin-top:1em;}

.block03 .inner .right .index_sam_left h2,
.block03 .inner .right .index_sam h2 { font-family:meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#108FCF; font-weight:bold; padding-top:0.5em; padding-bottom:0.5em; background:url(images/common/line_01.gif) repeat-x bottom; font-size:120%; line-height:120%;}
.block03 .inner .right .index_sam h2.last {padding-bottom:0; background:none;}
.block03 .inner .right .index_sam_left h2 { padding-right:10px;}

.block03 .inner .right .clearfloat_def { font-size:1em;}
.block03 .inner .right h2 .writer_name {margin-left:1em; font-size:10px; vertical-align: 0.1em;}
.block03 .inner .right h2 .writer_name a { font-size:10px; color:#333; text-decoration:underline;}
.block03 .inner .right h2 .writer_name a:hover { color:#959595;}
.block03 .inner .right h2 .font_12px { font-size:0.8em; color:#108FCF; font-weight:bold;}
.block03 .inner .right h2 .font_normal_12px { font-weight:normal; font-size:0.8em; color:#108FCF;}
.block03 .inner .right h2 .font_normal_12px a { font-weight:normal; font-size:1em; color:#108FCF; text-decoration:underline;}
.block03 .inner .right h2 .font_normal_12px a:hover { color:#70BCE2;}

.block03 .inner .right h2 .icon1,
.block03 .inner .right h2 .icon1_r,
.block03 .inner .right h2 .icon1_l,
.block03 .inner .right h2 .icon1_both { position:relative; top:0.1em;}
.block03 .inner .right h2 .icon1_r { margin-right:0.2em;}
.block03 .inner .right h2 .icon1_l { margin-left:0.2em;}
.block03 .inner .right h2 .icon1_both { margin-left:0.2em; margin-right:0.2em;}

.block03 .inner .series_h { text-align:left;}
.block03 .inner .series_h .img_midasi { float:left;}
.block03 .inner .series_h h2 { padding-top:0.2em; margin-left:230px;}
.block03 .series_t { width:760px; margin-left:auto; margin-right:auto;}
.block03 .series_t .series_td1,
.block03 .series_t .series_td2 { padding-bottom:15px; width:368px;}
.block03 .series_t .series_td1 { background:#D4E4E5 url(images/others/series_box1_b.gif) no-repeat bottom;}
.block03 .series_t .series_td2 { background:#F5EFC2 url(images/others/series_box2_b.gif) no-repeat bottom;}
.block03 .series_t .series_td1 .series_in,
.block03 .series_t .series_td2 .series_in { width:348px; margin-left:auto; margin-right:auto;}
.block03 .series_t .series_td1 h3,
.block03 .series_t .series_td2 h3 {
	background:#333;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:0.2em 15px;
	text-align:left;
}
.block03 .series_t .series_td1 .series_in .text01,
.block03 .series_t .series_td2 .series_in .text01 { margin-top:0.4em; text-align:left;}
.block03 .series_t .series_td1 .series_in .series_l,
.block03 .series_t .series_td2 .series_in .series_l { width:110px; float:left;}
.block03 .series_t .series_td1 .series_in .series_l a,
.block03 .series_t .series_td2 .series_in .series_l a { color:#fff; display:block; margin-top:0.8em; padding-top:0.5em; padding-bottom:0.7em; text-align:center;}
.block03 .series_t .series_td1 .series_in .series_l a {background:url(images/others/series_btn01.jpg) no-repeat top;}
.block03 .series_t .series_td2 .series_in .series_l a {background:url(images/others/series_btn02.jpg) no-repeat top;}
.block03 .series_t .series_td1 .series_in .series_r,
.block03 .series_t .series_td2 .series_in .series_r { margin-left:122px;}
.block03 .series_t .series_td1 .series_in .series_r h4,
.block03 .series_t .series_td2 .series_in .series_r h4 { text-align:left; font-size:14px; font-weight:bold;}
.block03 .series_t .series_td1 .series_in .series_r .text02,
.block03 .series_t .series_td2 .series_in .series_r .text02 { font-size:12px; font-weight:bold;}
.block03 .series_t .series_td1 .series_in .series_r .text03,
.block03 .series_t .series_td2 .series_in .series_r .text03 { text-align:left; margin-top:0.7em; padding-top:0.9em; background:url(images/common/line_01.gif) repeat-x top;}
.block03 .series_t .series_td1 .series_in .manga_l { width:195px; float:left;}
.block03 .series_t .series_td1 .series_in .manga_l .box01 { border:1px #009999 solid; background:#FFFFE1; margin-top:0.5em; padding:0.5em 10px; text-align:left;}
.block03 .series_t .series_td1 .series_in .book_link { width:141px; float:right;}
.block03 .series_t .series_td1 .series_in .book_link img { border:1px #ccc solid;}
.block03 .series_t .series_td1 .series_in .book_link a { background:url(images/others/zoom_manga.gif) no-repeat left top; display:block; width:141px; height:199px;}
.block04_h { margin-top:2em; clear:both;}
.block04_box { margin-top:3em; text-align:center; background:#CFD7DA; padding-top:4px; padding-bottom:4px;}
.block04_box .inner { background:#ffffe1; padding-top:1.3em; padding-bottom:1em; width:790px; margin-left:auto; margin-right:auto; border:1px #ccc solid;}
.block04_box .block04_box_in { text-align:left; width:750px; margin-left:auto; margin-right:auto;}
.block04_box .block04_box_in .left { padding-top:5px; width:620px; float:left;}
.block04_box .block04_box_in .left .line_block01 { margin-top:0.4em; padding-top:0.8em; background:url(images/common/line_04.gif) repeat-x top; }
.block04_box .block04_box_in .left .price01 { margin-top:0.8em; padding:0.4em 10px 0.3em; text-align:center; background:#333; color:#fff;}
.block04_box .block04_box_in .left .btn { margin-top:1.5em; width:100%; text-align:center;}
.block04_box .block04_box_in .left .btn .btn_inner { width:530px; margin-left:auto; margin-right:auto;}
.block04_box .block04_box_in .left .btn .form_btn { float:left; width:310px;}
.block04_box .block04_box_in .left .btn .form_btn .btn1 { width:100%; background:url(images/others/btn02.jpg) no-repeat;}
.block04_box .block04_box_in .left .btn .form_btn .btn1 a { color:#333; display:block; width:100%; padding-top:0.9em; padding-bottom:1.4em;}
.block04_box .block04_box_in .left .btn .form_btn .btn1 a:hover { text-decoration:none; color:#fff; background:url(images/others/btn02_o.jpg) no-repeat;}
.block04_box .block04_box_in .left .btn .form_btn .btn2 { padding-top:0.3em; width:100%; margin-bottom:0.7em;}
.block04_box .block04_box_in .left .btn .form_btn .btn2 a:hover img { opacity:0.8; filter: alpha(opacity=80);}
.block04_box .block04_box_in .left .btn .magdeli_btn { float:right; width:190px; float:right; text-align:center;}
.block04_box .block04_box_in .left .btn .magdeli_btn p { font-size:10px; margin-top:0.3em; line-height:1.2em;}
.footer_link1 { line-height:150%; width:800px; margin-left:auto; margin-right:auto; margin-bottom:1.5em; text-align:left; color:#333;}
.footer_link1 a { color:#333; font-size:10px;}
.footer_link1 a:hover { color:#959595;}
.footer_link1 ul { width:210px; float:left;}
.footer_link1 li { background-image:url(images/common/icon_04.gif); background-repeat:no-repeat; background-position:left 0.3em; padding-left:15px; margin-right:5px; margin-bottom:0.3em; font-size:10px;}

.block06_box { background:url(images/others/block06_back.gif) no-repeat left top;}
.block06_box .block06_box_inner { width:762px; margin-left:14px; text-align:left;}
.block06_box .left_block { width:388px; float:left;}
.block06_box .right_block { padding-top:10px; width:344px; float:right;}

.block06_box .left_block .book_block,
.block06_box .right_block .book_block { width:110px; float:left;}
.block06_box .left_block .book_block img,
.block06_box .right_block .book_block img { border:1px #ccc solid;}

.block06_box .left_block .book_block a,
.block06_box .left_block .book_block a:hover { margin-top:5px; display:block; background:url(images/others/block06_btn01_o.jpg) no-repeat left top; width:110px; height:21px;}
.block06_box .right_block .book_block a,
.block06_box .right_block .book_block a:hover { margin-top:5px; display:block; background:url(images/others/block06_btn02_o.jpg) no-repeat left top; width:110px; height:21px;}
.block06_box .left_block .book_block a:hover img,
.block06_box .right_block .book_block a:hover img { visibility:visible; display:none;}
.block06_box .left_block .book_block a img,
.block06_box .right_block .book_block a img { border:none;}
* html .block06_box .left_block .book_block a,
* html .block06_box .right_block .book_block a { display:inline-block;}

.block06_box .left_block .text_block1,
.block06_box .right_block .text_block1 { overflow:auto; margin-top:7px;}
.block06_box .left_block .text_block1 { height:112px;}
.block06_box .right_block .text_block1 { height:122px;}

.block06_box .left_block .left_block_inner { width:266px; float:right;}

.block06_box .left_block .left_block_inner p,
.block06_box .right_block .right_block_inner p { font-size:10px; line-height:130%;}

.block06_box .left_block .left_block_inner p.specs,
.block06_box .right_block .right_block_inner p.specs { background:url(images/common/line_01.gif) repeat-x top; padding-top:8px; margin-top:7px;}

.block06_box .right_block .right_block_inner { width:225px; float:right;}

/*-----ieは機能しないのでJavaScriptで対応-----*/
.block05 .left:hover img,
.block05 .right:hover img {opacity:0.7;}