@charset "utf-8";

*{ margin:0; padding:0;}
body{ -webkit-text-size-adjust: none;font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Arial, Helvetica, sans-serif;
background:#ede7e9; color:#515151; padding-bottom:45px; font-size:14px;}
img{border:0; padding:0; margin:0;}
dl,dd,dt,ul,li{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:inherit;}
a:hover{ text-decoration:underline; color:inherit;}



.wrap{ width:960px; margin:0 auto; min-height:800px;}
.wrap .head{ padding:27px 0 25px 0; width:960px; height:91px;}



/*    index's css     */
.wrap .main{ width:960px; height:1%; overflow:hidden!important; overflow/**/:visible;}
.wrap .main .box_top{ padding:0 0 17px 0; height:60px;}
.wrap .main .m_left{ float: left; width:710px; padding:0 20px 0 0;}

.wrap .main .m_left dl{ padding:0 0 10px 0;}
.wrap .main .m_left dl dd{ padding:10px 0 0 1px;}
.wrap .main .m_left dl dd img{ padding-right:11px; margin-bottom: 11px;}

.wrap .main .m_right{ float: left; width:230px;}
.wrap .main .m_right dl{ margin:0 0 5px 0;background:#FFF;}
.wrap .main .m_right dt{ position:relative;}
.wrap .main .m_right dd{ padding:10px;/*height:200px;*/}
.wrap .main .m_right dd a{ display:inline-block; text-align:center; width:66px; height:30px; }
.wrap .main .m_right dd .tim_ic{ display:inline-block; width:56px; height:20px; border:2px solid #193a71; text-align:center; font-size:12px; color:#193a71; line-height:20px; font-weight:bold; margin:0 15px 10px 0;}
.wrap .main .m_right dd .m_out{ margin:0 0 10px 0;}

.wrap .main .m_right .d_icon{ position:absolute; top:7px; left:10px; background:url(../images/chara/dic_up.gif) 0 0 no-repeat; width:27px; height:27px;}
.wrap .main .m_right .dt_open{}
.wrap .main .m_right dt.active .d_icon{background:url(../images/chara/dic_dow.gif) 0 0 no-repeat; }

.wrap .foot{ padding:30px 0 0 0;}
.clear{ clear:both;}



/*    role_01's      */

.wrap .main .m_left .left_role{padding:10px; background:#FFF; margin:10px 1px 0 1px; position:relative; min-height:800px; color:#323232; line-height:18px;}
.wrap .main .m_left .left_role .role_photo{ position:absolute; top:10px; /*left:460px;*/right:10px; text-align:right; z-index:1;}
.wrap .main .m_left .left_role .role_tit1{ padding:0 0 0 90px; width:348px; background:url(../images/chara/role01/icon-A01.png) 0 0 no-repeat; height:80px; font-weight:bolder;}
.wrap .main .m_left .left_role .role_tit1 li{ font-size:18px; line-height:24px; color:#323232;}
.wrap .main .m_left .left_role .role_tit1 li.role_bh{ font-size:36px; color:#193a71; line-height:50px; height:50px; border-bottom:#28477a 2px solid;}
.wrap .main .m_left .left_role h3{ padding:20px 0 0 0; margin:0;font-size:18px; }
.wrap .main .m_left .left_role p{ padding:0 0 20px 0; margin:0; line-height:18px;font-size:12px; font-weight:bold; }



.wrap .main .m_left .left_role dl{ width:440px;}
.wrap .main .m_left .left_role dd{ float:left; padding:10px 10px 0 0;}
.wrap .main .m_left .left_role dd img{ display:block; padding:0; margin:0;}
.wrap .main .m_left .left_role dd.role_un{ padding:10px 0px 0 0;}

.wrap .main .m_left .next_role{ background:url(../images/chara/role01/next_role.gif) 0 0 no-repeat;  margin:0 1px; position:relative; height:47px;}
.wrap .main .m_left .next_role a{color:#FFF; font-size:9px; line-height:10px; font-weight:bold;}
.wrap .main .m_left .next_role a b{ font-size:16px; line-height:16px;}
.wrap .main .m_left .next_role a.role_up{ padding: 13px 0 0 45px; height:37px; width:100px; position:absolute; top:0; left:0;}
.wrap .main .m_left .next_role a.role_next{ padding: 13px 45px 0 0px; height:37px; width:100px;position:absolute; top:0; right:0; text-align:right;}