@charset "shift-jis";

/*TAGS*/
body{
margin:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka;
font-size:12px;
line-height:1.4em;
color:#666666;
}
td{
font-size:12px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka;
line-height:1.4em;
color:#666666;
}
img{
vertical-align:bottom;
}
a{
color:#006699;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a:visited{
color:#800080;
}
input{
font-size:small;
}
textarea{
font-size:small;
}
h1{
display:none;
}
/*layout*/
#outer{
margin:0 auto;
width:780px;
}
.head{
padding-top:10px;
margin:0px;
background-image:url(../images/back_head.gif);
background-repeat:no-repeat;
}
#main{
background-image:url(../images/back.jpg);
background-repeat:repeat-x;
padding:0px;
margin:0px;
}
#main2{
background-color:#FFFFFF;
border-top:solid 1px #000000;
border-right:solid 1px #000000;
border-left:solid 1px #000000;
padding:0px;
margin:0px;
}
#column01{
float:left;
display:inline;
width:145px;
margin-top:6px;
margin-left:11px;
}
#column02{
float:left;
display:inline;
width:604px;
margin-top:6px;
margin-left:7px;
}
.foot{
background-image:url(../images/foot.jpg);
}
#clear{
clear:both;
font-size:9px;
}

/********************
head
********************/

.head img{
	vertical-align:bottom;
}
.head .navi_h{
	margin-right:10px;
	padding-top:15px;
	width:350px;
	float:left;
	text-align:right;
}
.head .navi_char{
	float:right;
	width:125px;
}
.head ul.gnavi{
	list-style:none;
	display:block;
	padding:0px;
	margin:0px;
	margin-left:30px;
	clear:both;
	text-align:right;
}
.head ul.gnavi li{
	float:left;
	padding:0px;
	margin:0px;
	margin-left:3px;
}



/*column01*/
#column01 .menu{
background-color:#BEAB6F;
padding:3px;
border:solid 1px #978B64;
}
#column01 .menu .in{
background-color:#FFFFFF;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
#column01 .menu .in img{
padding-top:1px;
padding-bottom:1px;
}
#column01 .menu .fs10{
color:#FFFFFF;
}
#column01 .menu .in02{
background-color:#FFFFFF;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
#column01 .menu .in02 a{
display:block;
padding-left:10px;
}
#column01 .qr{
background-color:#7F610E;
padding:3px;
color:#FFFFFF;
}

/*column02*/
#column02 .genre{
border-top:solid 1px #7F610E;
border-right:solid 1px #7F610E;
border-bottom:solid 1px #7F610E;
border-left:solid 1px #7F610E;
height:380px;
overflow:auto;
}
#column02 .genre td{
background-image:url(../images/back_top_genre.gif);
background-repeat:no-repeat;
width:118px;
height:70px;
padding-top:0px;
padding-right:3px;
padding-bottom:3px;
padding-left:3px;
}
#column02 .genre td img{
vertical-align:top;
}
#column02 .box{
background-color:#F7F4EB;
padding:10px;
}

/*etc*/
.li_head{
background-color:#F9F8F0;
padding:5px;
}
.li_head02{
background-color:#9F853A;
padding:5px;
color:#FFFFFF;
font-weight:bold;
}
.li_01{
background-color:#FFFFFF;
padding:5px;
}
.li_03{
background-color:#FFFFFF;
padding:5px;
}
.fs10{
font-size:10px;
}
.ti_job{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
.msg{
}
.msg_cotion{
color:#3333CC;
}
.msg_err{
color:#FF0000;
}
.box_w{
border:solid 1px #DED4B0;
background-color:#FFFFFF;
padding:5px;
}
.f_subject{
padding-top:0px;
padding-left:10px;
}
.f_subject_p{
padding-top:20px;
padding-right:10px;
}
.logout{
text-align:center;
padding-top:8px;
padding-bottom:8px;
}

/*ranking*/
.ranking{
border-bottom:dotted 1px #BEAB6F;
padding:5px;
}

/*sr*/
.box_sr{
border:solid 1px #BEAB6F;
}
.box_sr td{
font-size:10px;
}
.ti_sub_sr{
background-image:url(../images/ti_sub_back_sr.gif);
background-repeat:no-repeat;
padding:7px;
font-size:12px;
color:#666666;
font-weight:bold;
}
.ti_sr{
font-size:18px;
font-weight:bold;
color:#9F853A;
line-height:normal;
}
.menu01 ul{
margin:0px;
padding:0px;
list-style-image:url(../images/ico/ico_circle.gif);
}
.menu01 li{
margin-left:15px;
}
.menu01 a:visited{
color:#006699;
}

#column02 h4{
color:#FF0000;
font-size:16px;
font-weight:bold;
margin-top:5px;
margin-bottom:15px;
display:block;
}
#column02 .category{
color:#7F610E;
font-weight:bold;
margin-bottom:5px;
}
#column03 h4{
color:#FF0000;
font-size:16px;
font-weight:bold;
margin-top:5px;
margin-bottom:15px;
display:block;
}
#column03 .category{
color:#7F610E;
font-weight:bold;
margin-bottom:5px;
}
.chatch_back{
background-image:url(../images/btn_chatch_back.gif);
background-repeat:no-repeat;
width:218px;
padding-top:6px;
padding-right:0px;
padding-bottom:6px;
padding-left:27px;
height:18px;
vertical-align:middle;
}
/**/
.ti_qa{
display:block;
padding-left:15px;
background-image:url(../images/mk_arrow.gif);
background-repeat:no-repeat;
color:#947E29;
}
.qa01{
background-image:url(../images/back_qa01.gif);
background-repeat:no-repeat;
height:28px;
}
.qa02{
background-image:url(../images/back_qa02.gif);
background-repeat:no-repeat;
height:32px;
color:#947E29;
font-weight:bold;
}
.qa02 a{
color:#947E29;
text-decoration:none;
}
.qa02 a:hover{
color:#947E29;
text-decoration:underline;
}
.qa_q{
}
.qa_q td{
font-size:18px;
color:#5A3C0F;
}
.qa_a{
background-color:#5A3C0F;
color:#FFFFFF;
line-height:150%;
}
.qa_a td{
color:#FFFFFF;
}
.pad{
padding:20px;
line-height:150%;
}
.red{
color:#FF0000;
font-size:10px;
}
.page{
margin-top:5px;
margin-bottom:5px;
text-align:center;
}

/*report*/
.cheer_ti{
font-size:14px;
font-weight:bold;
color:#90781F;
}
.cheer_name{
color:#000000;
font-weight:bold;
font-size:12px;
}
.cheer_data{
color:#000000;
padding:5px;
background-color:#DED4B0;
}
.cheer_box{
padding:5px;
border-bottom:dotted 1px #947E29;
}
.cheer_box2{
padding:5px;
border-right:solid 1px #947E29;
border-left:solid 1px #947E29;
background-color:#FFFFFF;
}
.menu_box{
color:#947E29;
border:solid 1px #947E29;
padding:5px;
background-color:#FFFFFF;
}
.in ol{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:25px;
padding:0px;
}
.in li{
margin:0px;
padding:0px;
}

/*fs*/
.fs10{
font-size:10px;
}
.star{
color:#FE9F34;
}
.rep_ac{
background-image:url(../images/ti_rep_rep_ac_mid.gif);
background-repeat:repeat-y;
padding-right:14px;
padding-left:14px;
font-size:x-small;
padding-bottom:4px;
line-height:130%;
}
.mail {
	color:#666666;
	background-color: #fff3c2;
}
.foot_mypage_howto{
border-bottom:dotted 1px #7F610E;
text-align:right;
}
.box_mypage_howto{
background-image:url(../images/box_mypage_howto.gif);
padding-right:10px;
padding-left:10px;
color:#7F610E;
font-weight:bold;
}
.box_mypage_howto a{
color:#7F610E;
}
.box_mypage_howto a:hover{
color:#006699;
}
.w700{
width:700px;
margin:0 auto;
}
.foot_mypage_howto2{
background-image:url(../images/box_mypage_howto_bottom.gif);
background-repeat:no-repeat;
}
.w700 td img{
margin-bottom:20px;
}
.txt2{
padding-left:14px;
}

/*****************************
character
*****************************/
.charcter{
}
.charcter .box_char{
	margin-right:12px;
	margin-left:12px;
	background-color:#FFFFFF;
}
.charcter .box_char h3{
	display:block;
	margin:0px;
	padding:10px;
	text-align:center;
	border-bottom:solid 2px #9E8438;
}
.charcter .box_char .in{
	padding-top:10px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
}
.charcter .box_char .in .item{
	background-color:#9E8438;
	padding:4px;
	margin-bottom:15px;
}
.charcter .box_char .in .item .in{
	background-color:#FFFFFF;
	padding:5px;
}

.charcter .box_char .in .item .in td{
	vertical-align:top;
}
.charcter .box_char .in .item .in td.char{
	width:126px;
	text-align:center;
	vertical-align:middle;
}
.charcter .box_char .in .item .data{
}
.charcter .box_char .in .item .data .prof1{
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}
.charcter .box_char .in .item .data .name{
	font-size:24px;
	font-weight:bold;
	margin-bottom:5px;
}
.charcter .box_char .in .item .data .name_s{
	font-size:12px;
}
.charcter .box_char .in .item .data .name_e{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
.charcter .box_char .in .item .data .birth{
	font-size:12px;
	border-bottom:dotted 2px #9E8438;
	margin-bottom:5px;
}
.charcter .box_char .in .item .data .genzai{
	font-size:12px;
	margin-bottom:5px;
}
.charcter .box_char .in .item .data .descr{
	font-size:11px;
	padding:5px;
	width:194px;
	height:52px;
	background-image:url(../images/character/bk_sub.gif);
	background-repeat:no-repeat;
	float:none;
	line-height:1.1em;
	margin-bottom:5px;
}
.charcter .box_char .in .item .data .hobby{
	font-size:12px;
	border-bottom:dotted 2px #9E8438;
	float:none;
	margin-bottom:5px;
}
.charcter .box_char .in .item .data .favorite{
	font-size:12px;
	float:none;
}

.charcter .box_char .in .item .box_txt{
	background-image:url(../images/character/bk_box.gif);
	background-repeat:repeat-y;
	width:358px;
}
.charcter .box_char .in .item .box_txt .txt{
	padding:5px;
	margin-left:18px;
	font-size:11px;
}