@charset "UTF-8";
/* CSS Document */

@import url("base.css");
@import url("reset.css");

#subNav{
	width:600px;
	font-size:12px;
	margin:25px 0 25px 45px;
}

#subNav li{
	display:inline;
	float:left;
	background-image: url(../img/tomonokai/list.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 18px;
	margin:0 15px 0 0;
}

div#area1{
}

h1{
	margin:12px 0 0 0;
}

.tomoBox1{
	width:600px;
	margin:20px 0 0 40px;
}

.tomoBox2{
	width:600px;
	margin:20px 0 0 40px;
}

.tomoBoxBody1{
	width:560px;
	background-image: url(../img/tomonokai/tomo_r12_c6.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 20px;
}

.tomoBoxBody2{
	width:560px;
	background-image: url(../img/tomonokai/tomo_r20_c6.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 20px;
}


.tomoBox1 h3
,.tomoBox2 h3{
	font-size:1.2em;
	font-weight:bold;
	line-height:200%;
}

.tomoBox1 p
,.tomoBox2 p{
}

#area2{
	margin:40px 0 0 0;
}

#area3L{
	width:334px;
	float:left;
}

#area3{
	margin:20px 0 0 40px;
}

#area3R{
	width:277px;
	float:left;
}

#area3L p{
	font-size:1.4em;
	line-height:160%;
	width:300px;
	padding:0 14px 0 20px;
	background-image: url(../img/tomonokai/tono_t_r4_c2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#area3{
	width:611px;
	margin:0 0 30px 0;
}


#area4{
	margin:0 0 30px 0;
}

#area4Box{
	font-size:1.4em;
	width:600px;
	background-image: url(../img/tomonokai/tomo2_22.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
	
#area4Box h3{
	width:560px;
	margin:0 0 0 30px;
}
#area4Box p{
	width:560px;
	margin:5px 0 0 20px;
}

#area4Box dl{
	width:560px;
	margin:5px 0 5px 20px;
}
#area4Box dt{
	width:30px;
	float:left;
	clear:left
}
#area4Box dd{
	width:530px;
	float:left;
}

#kaisoku{
	width:600px;
	margin:0 0 0 20px;
}



/* faq
-------------------------------------------------------------*/

#area5{
	font-size:1.4em;
}
p.workP{
	color:#000000;
	width:650px;
	margin:0 0 30px 20px;
}

div#main .asset-header a{
	color:#ffffff;
	text-decoration:none;
}

div#main .asset-header a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.q{
	width:127px;
	background-image: url(../img/faq/faq_09.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	vertical-align: bottom;
}

.a{
	width:127px;
	background-image: url(../img/faq/faq_14.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	vertical-align: bottom;
}

.qa{
	background-color:#287ee7;
	color:#ffffff;
	padding:5px;
}

.aa{
	background-color:#fef6ca;
	color:#666666;
	padding:5px;
}

.faq_table{
	width:650px;
	margin:20px 0 0 10px;
	padding:1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e7e7e7;
	border-right-color: #e7e7e7;
	border-bottom-color: #e7e7e7;
	border-left-color: #e7e7e7;
}
.faq_table table{
	width:650px;
}
.faq_table tr
,.faq_table td{
	border: 1px solid #ffffff;
}
.asset-meta{
	display:none;
}
div#main strong{
	color:#ff0000;
}

p.top{
	font-size:1.2em;
	width:650px;
	float:left;
	text-align:right;
	margin:15px 0 5px 0;
}


p.top a{
	color:#333333;
	text-decoration:underline;
}

p.top a:hover{
	color:#333333;
	text-decoration:none;
}