/* ver:2.3 license:wakodo mapping:fabric floor */
@charset "utf-8";

h1, h2, h3, h4, h5, div, p, span, strong{
margin:0;
padding:0;
font-weight:normal;
}

section, nav{
margin-bottom:50px;
font-size:1em;
}

header h1{
font-size:14px;
text-align:right;
}

header p{
padding:10px 0;
text-align:center;
}
header p strong{
padding:0 10px;
font-size:1.8em;
font-weight:bold;
border-top:2px solid #111;
border-bottom:2px solid #111;
}

header h4{
margin:0;
font-size:1.2em;
text-align:center;
}
header h4 span{
padding:0 20px;
color:#B3D6D3;
background-color:#2a2a2a;
font-weight:bold;
}

header h5{
margin:20px 0;
padding:0 20px;
font-size:1em;
text-align:center;
}

header div.header-cap h2{	
font-size:2.4em;
font-weight:bold;
text-align:center;
}
header div.header-cap p{
font-size:1.0em;
font-weight:bold;
text-align:center;
}

section h3.cap-main{
margin:0 0 10px 0;
padding:17px 0 12px 0;
font-size:1.6em;
font-weight:bold;
border-top:1px solid #B3D6D3;
border-bottom:1px solid #B3D6D3;
}

section h3#_section_cap{
margin:0 0 10px 0;
text-align:center;
font-weight:bold;
}


section table#_fb_fnction{
width:100%;
max-width:800px;
border-top:1px solid #999;
border-left:1px solid #999;
}
section table#_fb_fnction td, section table#_fb_fnction th{
padding:5px 5px;
border-bottom:1px solid #999;
border-right:1px solid #999;
text-align:center;
}
section table#_fb_fnction th{
background-color:#3c4450;
color:#fff;
}
section table#_fb_fnction td.s-attack{
background-color:#bc4846;
color:#fff;
}
section table#_fb_fnction td.s-square{
background-color:#4b6775;
color:#fff;
}
section table#_fb_fnction td.s-textile{
background-color:#9ba398;
color:#fff;
}
section table#_fb_fnction td.s-character{
background-color:#71c7cd;
color:#fff;
}
section table#_fb_fnction td.s-attack a, section table#_fb_fnction td.s-square a, section table#_fb_fnction td.s-textile a, section table#_fb_fnction td.s-character a{
color:#fff;
text-decoration:underline;
}


section h3.cap-series-attack{
margin:0 0 30px 0;
padding:20px 0;
border-top:8px solid #f0f0f0;
border-bottom:8px solid #f0f0f0;
background-color:#bc4846;
font-size:1.8em;
font-weight:bold;
text-align:center;
color:#fff;
}
section h3.cap-series-square{
margin:0 0 30px 0;
padding:20px 0;
border-top:8px solid #f0f0f0;
border-bottom:8px solid #f0f0f0;
background-color:#4b6775;
font-size:1.8em;
font-weight:bold;
text-align:center;
color:#fff;
}
section h3.cap-series-textile{
margin:0 0 30px 0;
padding:20px 0;
border-top:8px solid #f0f0f0;
border-bottom:8px solid #f0f0f0;
background-color:#9ba398;
font-size:1.8em;
font-weight:bold;
text-align:center;
color:#fff;
}
section h3.cap-series-character{
margin:0 0 30px 0;
padding:20px 0;
border-top:8px solid #f0f0f0;
border-bottom:8px solid #f0f0f0;
background-color:#71c7cd;
font-size:1.8em;
font-weight:bold;
text-align:center;
color:#fff;
}
section h3.cap-series-sub{
margin:0 0 30px 0;
padding:20px 0;
border-top:8px solid #f0f0f0;
border-bottom:8px solid #f0f0f0;
background-color:#333;
font-size:1.8em;
font-weight:bold;
text-align:center;
color:#fff;
}


header div.header-cap ul#_navi_info{
margin:10px 0 40px 0;
padding:0;
text-align: center;
}
header div.header-cap ul#_navi_info a:link li, header div.header-cap ul#_navi_info a:visited li{
display:inline-block;
width:46%;
margin:0 6px;
padding:15px 0;
text-align:center;
color:#000;
border:3px solid #ccc;
border-radius:4px;
background-color:#fafafa;
}
header div.header-cap ul#_navi_info a:hover li{
text-decoration:none;
background-color:#ebc804;
border:3px solid #1c1d3f;
color:#1c1d3f;
}


/* nav */
nav ul.navi-gallery{
margin:0 0 100px 0;
padding:0;
overflow:hidden;
width:100%;
max-width:800px;
}
nav ul.navi-gallery a li{
float:left;
width:32%;
padding:30px 0 20px 0;
margin:10px 2px;
border:3px solid #ebc804;
border-radius:4px;
color:#ebc804;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#1c1d3f;
}
nav ul.navi-gallery a:hover li{
background-color:#ebc804;
color:#1c1d3f;
border:3px solid #1c1d3f;
}



/* list left */
section ul.img-list-l{
overflow:hidden;
width:100%;
max-width:800px;
}
section ul.img-list-l li{
float:left;
padding:10px;
vertical-align:top;
}
section ul.img-list-l li p{
margin:0 0 5px 0;
font-size:14px;
text-align:right;
}
section ul.img-list-l li img{
width:100%;
}
section ul.img-list-l li a:link img, section ul.img-list-l li a:visited img{
box-shadow:2px 2px 3px #ddd;
}
section ul.img-list-l li a:hover img{
box-shadow:3px 3px 4px #bbb;
opacity:0.9;
}



/* list center */
section ul.img-list-c{
text-align: center;
}
section ul.img-list-c li{
padding:10px;
display:inline-block;
vertical-align:top;
}
section ul.img-list-c li img{
width:100%;
margin-bottom:5px;
}
section ul.img-list-c li a:link img, section ul.img-list-c li a:visited img{
box-shadow:2px 2px 3px #ccc;
}
section ul.img-list-c li a:hover img{
box-shadow:4px 4px 5px #aaa;
}


section ul.img-list-c li#_point{
margin:0 0 10px 0;
border:3px solid #f0f0f0;
box-sizing:border-box;
}



/* list center */
section.inner-navi{
background-color:#f1f0ec;
}
section.inner-navi ul.img-list-c{
text-align: center;
}

section.inner-navi ul.img-list-c li{
padding:3px;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
}
section.inner-navi ul.img-list-c li a:link, section.inner-navi ul.img-list-c li a:visited{
padding:25px 25px;
color:#4b4136;
font-weight:bold;
border-radius:2px;
background-color:#f1f0ec;
text-decoration:underline;
}
section.inner-navi ul.img-list-c li a:hover{
background-color:#f58501;
color:#fff;
}



/* hinban color 表示数設定 2～5 */
section ul#_ct2 li{
width:47%;
}
section ul#_ct3 li{
width:30%;
}
section ul#_ct4 li{
width:24.1%;
}
section ul#_ct5 li{
width:19.1%;
}
section ul#_ct6 li{
width:15.7%;
}



/* itemlist navi */
section div.itemlist ul.parent-navi{
width:100%;
max-width:800px;
margin:12px 0 40px 0;
padding:0;
box-sizing:border-box;
overflow:hidden;
}
section div.itemlist ul.parent-navi li{
width:50%;
float:left;
margin:0;
padding:5px 0;
border:0px solid #111;
}
section div.itemlist ul.parent-navi li#_bk_menu{
text-align:left;
}
section div.itemlist ul.parent-navi li#_bk_top{
text-align:right;
}
section div.itemlist ul.parent-navi li#_bk_menu a:link, section div.itemlist ul.parent-navi li#_bk_menu a:visited, section div.itemlist ul.parent-navi li#_bk_top a:link, section div.itemlist ul.parent-navi li#_bk_top a:visited{
background-color:#ff6000;
color:#fff;
border-radius:2px;
padding:3px 20px;
font-size:14px;
font-weight:normal;
box-shadow:1px 1px 2px #ccc;
}
section div.itemlist ul.parent-navi li#_bk_menu a:hover, section div.itemlist ul.parent-navi li#_bk_top a:hover{
background-color:#2b2016;
color:#fff;
}


section div.itemlist ul.child-navi{
margin:10px 0 40px 0;
padding:0;
overflow:hidden;
box-sizing:border-box;
}
section div.itemlist ul.child-navi li{
float:left;
width:100%;
max-width:24.8%;
margin:0;
padding:6px 0;
border:0px solid #ddd;
font-weight:normal;
font-size:14px;
text-align:left;
color:#ff6000;
}
section div.itemlist ul.child-navi li a:link, section div.itemlist ul.child-navi li a:visited{
padding:3px 7px;
text-decoration:underline;
color:#111;
border-radius:4px;
background-color:#fafafa;
}
section div.itemlist ul.child-navi li a:hover{
background-color:#2b2016;
text-decoration:none;
color:#fff;
}


/* item list */
.itemlist{
overflow:hidden;
padding:0px 0px;
}
.itemlist a:hover img{
border:0px;
}
.itemlist table{
width:100%;
max-width:800px;
border:0px solid #ff0000;
}
.itemlist table td#_cate_child{
padding:3px 0px 5px 0px;
text-align:left;
}
.itemlist table#_tbl2{
width:100%;
max-width:800px;
border-top:1px solid #2a2a2a;
border-bottom:1px solid #2a2a2a;
}
.itemlist table#_tbl2 td{
width:50%;
max-width:360px;
padding:10px 0px;
font-weight:bold;
}

.itemlist table#_tbl3{
width:100%;
max-width:800px;
}
.itemlist table#_tbl3 td#_item{
max-width:230px;
}
.itemlist table#_tbl3 td#_pager{
padding:8px 5px;
background:#fff;
}
.itemlist table#_tbl3 td#_pager td, .itemlist table#_tbl3 td#_pager a{
color:#1a1a1a;
font-size:14px;
font-weight:bold;
}
.itemlist table#_tbl3 td#_pager a:hover{
color:#00fcff;
}

section div.itemlist p#_bk_top{
margin:0 0 5px 0;
padding:10px 0;
text-align:right;
}
section div.itemlist p#_bk_top a:link, section div.itemlist p#_bk_top a:visited{
padding:3px 20px;
background-color:#ff6000;
border-radius:2px;
font-size:13px;
color:#fff;
}
section div.itemlist p#_bk_top a:hover{
background-color:#9cb2d7;
color:#000;
}



/* navi */
section#navi_main{
margin-bottom:20px;
}
section#navi_main ul.img-list-c{

}
section#navi_main ul.img-list-c li a:link, section#navi_main ul.img-list-c li a:visited{
padding:10px 20px;
text-decoration:underline;
background-color:#f5f5f5;
color:#1a1a1a;
border-radius:3px;
}
section#navi_main ul.img-list-c li a:hover{
background:#B3D6D3;
box-shadow:2px 2px 3px #ddd;
}



section h3#_section_cap{
margin:80px 0 20px 0;
padding:15px 0;
border-top:15px solid #eaeaea;
border-bottom:15px solid #eaeaea;
text-align:center;
background-color:#1c1d3f;
color:#ebc804;
font-weight:bold;
font-size:20px;
}
section h3#_section_cap span{
font-size:14px;
}


section h3#_section_cap_s{
margin:80px 0 20px 0;
padding:15px 0;
border-top:5px solid #1c1d3f;
border-bottom:5px solid #1c1d3f;
text-align:center;
background-color:#fafafa;
color:#1c1d3f;
font-weight:bold;
font-size:20px;
}
section h3#_section_cap_s span{
font-size:14px;
}




section p#_fb_info{
margin:20px 0;
text-align:center;
}
section p#_fb_info strong{
padding:1px 7px;
border-bottom:2px solid #2a2a2a;
background-color:#1a1a1a;
border-radius:50px;
color:#fff;
}

section a p#_sub_anchor{
width:40%;
margin:20px auto 0 auto;
text-align:center;
font-size:13px;
font-weight:bold;
}
section a:link p#_sub_anchor, section a:visited p#_sub_anchor{
padding:7px 20px 5px 20px;
background:#ebc804;
color:#1c1d3f;
border-radius:50px;
box-shadow:1px 1px 2px #ccc;
}
section a:hover p#_sub_anchor{
background:#1c1d3f;
color:#ebc804;
box-shadow:2px 2px 3px #999;
}




/* caption */
section div.case-cap{
margin:30px 0;
padding:7px 0;
font-size:18px;
font-weight:bold;
border-bottom:1px solid #111;
}
section div.case-cap span{
font-size:13px;
color:#666;
}
section div.case-cap-w{
margin:60px 0 30px 0;
padding:7px 0;
font-size:18px;
font-weight:bold;
border-top:1px solid #111;
border-bottom:1px solid #111;
}
section div.case-cap-w span{
font-size:13px;
color:#666;
}




/* infomation */
section div#_infobox ul{
width:100%;
margin:0;
padding:0;
}
section div#_infobox ul li{
width:100%;
max-width:776px;
margin:0 0 10px 0;
padding:15px 10px;
border:1px solid #ccc;
list-style-type:none;
font-size:14px;
}
section div#_infobox ul li h3{
margin:0 0 10px 0;
padding:7px 5px;
border-left:7px solid #ccc;
font-size:18px;
font-weight:bold;
background:#fafafa;
}
section div#_infobox ul li h3 span{
padding:3px 25px;
background:#a20606;
color:#fff;
border-radius:50px;
font-size:14px;
}
section div#_infobox ul li h5{
margin:0 0 10px 0;
padding:5px;
border-left:7px solid #ccc;
font-size:14px;
font-weight:bold;
}
section div#_infobox ul li p#_cap_dd{
margin:5px 0;
}
section div#_infobox ul li p{
margin:5px 0;
padding:5px 0;
}
section div#_infobox ul li p span{
padding:2px 6px;
background-color:#4a4a4a;
color:#fff;
}
section div#_infobox ul li p strong{
color:#ba0000;
}
section div#_infobox ul li p font{
text-decoration:underline;
}

section div#_infobox p#_aten_guide a{
text-decoration:underline;
}





@media screen and (max-width: 480px){



}