@charset "UTF-8";

/* ==================================================================
CSS information
style info :「CHARACTER」 用
================================================================== */


#wrapper { overflow: hidden;}
#container { overflow: visible; }
#contents { overflow: visible; }
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: url(../_img/character/bg_r2.png) top center repeat; }



/* #c1
-------------------------------------------------------- */
#c1 { padding-bottom: 50px; background: url(../_img/character/bg_r.png) top center repeat-x; }
#c1 h2 { position: relative; top: -18px; margin-bottom: -18px;}
#c1 .inner { position: relative;}


#c1 .btnList { position: relative; width: 100%; letter-spacing: -.45em; font-size: 12px; vertical-align: top; padding: 0 4.6875%; top: -33px; }
#c1 .btnList li { letter-spacing: normal; display: inline-block; position: relative; }
#c1 .btnList li img { width: 100%; height: auto;}
#c1 .btnList li.p1 { width: 50%; padding-right: 13px; margin-bottom: 17px;}
#c1 .btnList li.p2 { width: 50%; padding-left: 13px; margin-bottom: 17px;}
#c1 .btnList li.p3 { width: 33.3%; padding-right: 12px;}
#c1 .btnList li.p4 { width: 33.3%; padding-right: 6px; padding-left: 6px;}
#c1 .btnList li.p5 { width: 33.3%; padding-left: 12px;}




/* #c2
-------------------------------------------------------- */
#c2 .picList { position: relative; width: 100%; letter-spacing: -.45em; font-size: 12px; vertical-align: top; }
#c2 .picList li { letter-spacing: normal; display: inline-block; position: relative; vertical-align: top; }
#c2 .picList li img { position: relative;}
#c2 .picList .p1 { width: 32.96875%;}
#c2 .picList .p2 { width: 34.0625%;}
#c2 .picList .p3 { width: 32.96875%;}
#c2 .picList .p4 { width: 100%;}



#btn_back { text-align: center; width: 66.71875%; margin: 0 auto; padding: 20px 0 0;}
#btn_back img { width: 100%; height: auto;}