/*contents*/ /*メインコンテンツ*/ #main{ height:auto;width:860px; padding:0 0 0 50px; *padding:0 0 0 10px; margin:0; text-align:left;} h1 { margin-top:10px; padding:0;} h2 { } h3 { margin:10px 0 0 0; border:none; text-align:left;} table { border:none; text-align:left;} /*Menu*/ div#menu_area{ width:950px; height:85px; background:url(/dd/special/sakura-taisen/image/menu_bg.jpg) top center no-repeat;} ul#menu{ padding:20px 0;margin:0 auto; width:850px; height:40px; } ul#menu li { width:auto; float:left; vertical-align:top; text-align:left;} ul#menu li a { text-indent:-9999px;} ul#menu li#m01{ width:178px; height:40px; display:block; padding-left:0; text-indent:-9999px;} ul#menu li#m01 a{ width:178px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) 0 0 no-repeat; display:block;text-indent:-9999px; } ul#menu li#m01 a:hover{ width:178px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) 0 -40px no-repeat; display:block; text-indent:-9999px;} ul#menu li#m02{ width:210px; height:40px; display:block; text-indent:-9999px;} ul#menu li#m02 a{ width:210px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) -178px 0 no-repeat; display:block; } ul#menu li#m02 a:hover{ width:210px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) -178px -40px no-repeat; display:block; } ul#menu li#m03{ width:264px; height:40px; display:block; text-indent:-9999px;} ul#menu li#m03 a{ width:264px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) -388px 0 no-repeat; display:block; } ul#menu li#m03 a:hover{ width:264px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) -388px -40px no-repeat; display:block; } ul#menu li#m04{ width:198px; height:40px; display:block; text-indent:-9999px;} ul#menu li#m04 a{ width:198px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) -652px 0 no-repeat; display:block; } ul#menu li#m04 a:hover{ width:198px; height:40px; background:url(/dd/special/sakura-taisen/image/menu_img.png) -652px -40px no-repeat; display:block; } /*Info*/ #tb_info{ width:800px; text-align:center; margin:20px 40px 10px 40px; } table#info { width:770px;_width:800px; border:0; padding:0 0 2px 0; color:#443333; text-align:left;} #info th{ border-bottom:4px double #f5a2b3; padding:6px 0 4px 0; font-weight:normal; text-align:center; font-size:13px; background:#863a23; color:#FFF;} #info td{ border-bottom: 1px solid #887777; padding:10px 0 12px 0; vertical-align:top;} #info .cell1{ width: 20%;} #info .cell2{ width: 60%;} #info .cell3{ width: 20%;} #info td.name{ padding-left:20px; font-size:12px;padding-top: 8px; vertical-align:top;} #info td.date ul { padding: 0 14px; font-size:12px; list-style:none; margin:0; line-height: 140%;} #info td.date li { margin-left:1em; text-indent:-1em; list-style:none;} #info td p { padding: 0 14px 0 14px; font-size:11px;} #info td.date h3 { padding: 0 14px 10px 14px; margin:0; font-size:14px; color:#f55b83;} #info td.date h4 { padding: 0px 14px; font-weight: normal;} .info_box { margin: 0px 1em; border: 2px dotted #999; padding: 10px; } table#info_det{ margin:5px 1em 1.2em; border-collapse:collapse; border:1px solid #cb5a67; clear:both;} table#info_det th{ padding:5px 1em; background:#cb5a67; border:none; color:#FFF; text-align:left;} table#info_det td{ padding:10px 1em;background:none; border:none; } /*TOP*/ #main_txt { height:160px;width:950px;background:#4e261a url(/dd/special/sakura-taisen/image/index_txt_bg.jpg) bottom center no-repeat; padding:35px 0; margin-bottom:30px; } #main_txt h2 { font-size:28px; color:#efe1cb; margin-bottom:15px; } #main_txt ul { list-style:none; padding:0; margin:0 60px; line-height: 140%;} #main_txt ul li { font-size:18px; padding:10px 0 10px; list-style:none; margin:0; color:#efe1cb; border-bottom:dotted 2px #efe1cb;} .bt_dd { display:block; margin:0 0 10px 0; padding:0; text-align:left;text-indent:-999em; overflow:hidden;width:425px;height:400px; float:left; display:inline;} .bt_dd a{ background:url(/dd/special/sakura-taisen/image/bt_dd01_off.png) no-repeat;display:block;text-indent:-999em;overflow:hidden;width:425px;height:395px; } .bt_dd a:hover{ background:url(/dd/special/sakura-taisen/image/bt_dd01_on.png) no-repeat;} .bt_dress { display:block; margin:0 0 10px 0; padding:0; text-align:left;text-indent:-999em; overflow:hidden;width:425px;height:400px; float:left; display:inline;} .bt_dress a{ background:url(/dd/special/sakura-taisen/image/bt_dress01_off.png) no-repeat;display:block;text-indent:-999em;overflow:hidden;width:425px;height:395px;} .bt_dress a:hover{ background:url(/dd/special/sakura-taisen/image/bt_dress01_on.png) no-repeat;} .bt_dd02 { display:block; margin:0 0 10px 0; padding:0; text-align:left;text-indent:-999em; overflow:hidden;width:425px;height:400px; float:left; display:inline;} .bt_dd02 a{ background:url(/dd/special/sakura-taisen/image/bt_dd02_off.png) no-repeat;display:block;text-indent:-999em;overflow:hidden;width:425px;height:395px; } .bt_dd02 a:hover{ background:url(/dd/special/sakura-taisen/image/bt_dd02_on.png) no-repeat;} .bt_dress02 { display:block; margin:0 0 10px 0; padding:0; text-align:left;text-indent:-999em; overflow:hidden;width:425px;height:400px; float:left; display:inline;} .bt_dress02 a{ background:url(/dd/special/sakura-taisen/image/bt_dress02_off.png) no-repeat;display:block;text-indent:-999em;overflow:hidden;width:425px;height:395px;} .bt_dress02 a:hover{ background:url(/dd/special/sakura-taisen/image/bt_dress02_on.png) no-repeat;} /*DD 真宮寺さくら*/ #spec_sakura { background:url(/dd/special/sakura-taisen/image/dd_sakura_spec.jpg) top center no-repeat; margin:15px 0; padding:0; width:850px; height:auto; text-align:left;} table.sakura_det { width:440px; padding-top:0; margin-left:0px;} table.sakura_det th { width:85px;font-size:12px;padding:3px 0 3px 0; border-bottom:dotted 1px #2f2f2f; color:#77483d; text-align:right; } table.sakura_det td { font-size:12px;padding:3px 0 3px 5px;border-bottom:dotted 1px #2f2f2f;color:#2f2f2f; text-align:left;} table.sakura_det td h2 { font-size:14px; color:#863a23; padding:2px 0 0 0;} table.sakura_det td h3 { font-size:10px; font-weight:normal;} table.sakura_det td.spec_att { padding:5px 0 0 0; border:none; } #ss_sakura {margin-bottom: 20px;} /*DD エリカ・フォンティーヌ*/ #spec_erica { background:url(/dd/special/sakura-taisen/image/dd_erica_spec.jpg) top center no-repeat; margin:15px 0; padding:0; width:850px; height:auto; text-align:left;} table.erica_det { width:440px; padding-top:0; margin-left:0px;} table.erica_det th { width:85px;font-size:12px;padding:3px 0 3px 0; border-bottom:dotted 1px #2f2f2f; color:#77483d; text-align:right; } table.erica_det td { font-size:12px;padding:3px 0 3px 5px;border-bottom:dotted 1px #2f2f2f;color:#2f2f2f; text-align:left;} table.erica_det td h2 { font-size:14px; color:#863a23; padding:2px 0 0 0;} table.erica_det td h3 { font-size:10px; font-weight:normal;} table.erica_det td.spec_att { padding:5px 0 0 0; border:none; } ul.spec_att_list { margin:0px;} ul.spec_att_list li { font-size:10px; line-height:150%; padding:0; margin:0px; border:none;} /*さくらの戦闘服セット*/ #spec_dr_sakura { background:url(/dd/special/sakura-taisen/image/dr_sakura_spec.jpg) top center no-repeat; margin:15px 0; padding:0; width:850px; height:470px; text-align:left;} /*エリカの戦闘服セット*/ #spec_dr_erica { background:url(/dd/special/sakura-taisen/image/dr_erica_spec.jpg) top center no-repeat; margin:15px 0; padding:0; width:850px; height:485px; text-align:left;} /*SS*/ #ss { margin:0; padding:0; width:860px; height:220px; text-align:left;} #ss img.line { margin-bottom:5px;} p.pic { margin-left:0px; padding-top:15px; } #ss img.pics { text-align:left; margin:0; padding:0;} #ssimg.pics a { text-align:left; margin:0; padding:0;} /*Gallery 20.05.07*/ #ss_gallery{ margin: 0 0 20px; padding:0; width:860px; } #ss_gallery img.line { margin-bottom:5px;} .galleryBox { padding: 0; margin: 0 auto 0; } .item-pic{ margin: 0 auto 0; display: flex; flex-flow: row wrap; justify-content: center; padding: 0rem; } .item-pic--list { margin: 5px 0; line-height: 0; } .item-pic--list > a {} .item-pic--thumb { object-fit: contain; } /*コンテンツ_ボックス*/ h2.tit00{ width:950px; height:86px; margin-bottom:20px; background:url(/dd/special/sakura-taisen/image/h2_tit.png) top center no-repeat; clear:both;} h2.tit00 p{ font-size:26px; color:#4b2317; text-align:center; padding-top:32px;} #main h2.tit00{ width:850px; height:75px; background:url(/dd/special/sakura-taisen/image/h2_tit00.jpg) top center no-repeat; clear:both;} #main h2.tit00 p{ font-size:24px; color:#FFF; text-align:center; padding-top:25px;} #main h2.tit02{ width:850px; height:70px; background:url(/dd/special/sakura-taisen/image/h2_tit02.jpg) top center no-repeat;} #main h2.tit02 p{ font-size:26px; color:#b62d4d; text-align:center; padding-top:25px;} #main h2.tit03{ width:850px; height:66px; background:url(/dd/special/sakura-taisen/image/h2_tit02.jpg) top center no-repeat;} #main h2.tit03 p{ font-size:26px; color:#b62d4d; text-align:center; padding-top:27px;} .cbox{ width:850px; height:auto; background:url(/dd/special/sakura-taisen/image/cbox_bg_all.jpg) top center repeat-y; padding-bottom:15px;} .cbox h2.tit01{ width:850px; height:62px; background:url(/dd/special/sakura-taisen/image/h2_tit01.jpg) top center no-repeat;} .cbox h2.tit01 p{ font-size:26px; color:#b62d4d; text-align:center; padding-top:25px;} .c_txt{ font-size:13px; text-align:left; margin:20px 40px 10px 40px; } .c_txt li{ border-bottom:dotted 1px #5e4f42; padding:5px 0 2px 0;} .c_img{ margin-left:80px; padding:0;padding-top:15px; } .c_t{ margin-left:80px; padding:0;text-align:left;} .c_t table{ border:2px solid #f9b7c2; width:700px;font-size:13px;} .c_t th{ background-color: #FDE3E8; width:130px; padding:10px 6px 8px 20px; text-align:left; font-weight:normal;} .c_t td{ background-color:#FFF; padding:10px 6px 8px 20px;border-top:#FDE3E8 1px solid;border-right:#FDE3E8 1px solid;} .c_t td.c_t_att{ font-size:12px; line-height:150%;border-left:#FDE3E8 1px solid;border-bottom:#FDE3E8 1px solid;} .cbox_bottom{ width:850px; height:20px; background:url(/dd/special/sakura-taisen/image/cbox_bg_bottom.jpg) top center no-repeat;} /*etc*/ .pnk { color:#f55656;} .grn { color:#498b0d;} p.line{ height:10px; margin:20px 15px; border-bottom:dotted 2px #8f7770;clear:both; }