@charset "utf-8";

/*
======== table of content. =================================

summary:soudan用レイアウト定義


============================================================
*/

/*-----------------------------------------------------
CONTENT-BOX
-------------------------------------------------------*/

div#main .content-box{
	padding:0 0 20px 0px;
	margin:0;
	text-align:left;
}

div#main .q_a-box{
	width:660px;
	margin:0 auto;
	padding:0;
	clear:both;
	background:url(../soudan/images/img_dot_line.gif) bottom left no-repeat;
}

div#main .no-line{
	background:none;
}


div#main .q_a-box img{
	margin:0;
	padding:0 5px 0 0;
}

div#main .q_a-box p.question{
	margin:20px 0 0 0;
	padding:0px 0 10px 25px;
	font-weight:bold;
	font-size:100%;
	background:url(../images/common/img_q.gif) left top no-repeat;
}

div#main .q_a-box p.answer{
	margin:0;
	padding:0px 0 0px 25px;
	font-size:100%;
	line-height:20px;
	background:url(../images/common/img_a.gif) left top no-repeat;
	width:580px;
}

div#main .q_a-box p.read-more{
	margin:0;
	padding:5px 0 5px 0;
	float:right;
	clear:both;
	display:inline;
}


/*-----------------------------------------------------
TOPIC
-------------------------------------------------------*/
div#main .topic-ttl{
	width:700px;
	height:30px;
	margin:20px 0;
	padding:0;
	background:url(../soudan/images/bg_soudan_topic.jpg) left top no-repeat;
}

div#main .topic-ttl p{
	margin:0;
	padding:4px 0 0 10px;
	font-size:114%;
	color:#FFFFFF;
	font-weight:bold;
}

div#main .q_a-box p.topic-question{
	margin:20px 0 0 0;
	padding:5px 0 20px 35px;
	font-weight:bold;
	font-size:114%;
	background:url(../images/common/img_q_big.jpg) left top no-repeat;
}

div#main .q_a-box p.topic-answer{ 
	margin:0;
	padding:5px 0 0px 35px;
	font-size:100%;
	line-height:20px;
	background:url(../images/common/img_a_big.jpg) left top no-repeat;
}




/*INTRO
-------------------------------------------------------*/
div#main  p.intro{
	color:#516402;
	margin-left:30px;
	margin-top:10px;
	font-size:105%;
	width:630px;
	}


/*LINK
-------------------------------------------------------*/
div#main .link{
	padding-top:20px;
	font-size:105%;
	}



/*H3 H2
-------------------------------------------------------*/
div#main  div.content-box div.section{
	border:1px solid #CCCCCC;
	padding:10px 0 15px 0;
	margin-bottom:10px;
	margin-top:20px;
	clear:both;
	}
	
	
div#main   div.content-box div.section h2{
	padding:5px 0 0 11px;
	font-size:126%;
	font-weight:normal;
	font-weight:bold;
	color:#516402;
	background:url("../images/common/bg_h_ttl.jpg") no-repeat left center;
	margin-left:15px;

}

div#main   div.content-box div.section h3{
	margin:0 0 0 10px;
	font-size:100%;
	color:#705B4C;
	font-weight:bold;
}


/*FLOW-BOX-TITILE
-------------------------------------------------------*/
div#main div.content-box div.section p.flow-box-title {
	font-size:100%;
	font-weight:bold;
	color:#333;
	margin:25px 0 0 15px;
	padding:0 0 0 20px;
	background:url(../five_features/images/img_square.jpg) no-repeat left 2px ;
	clear:both;
}


/*FLOW-BOX-TITILE
-------------------------------------------------------*/
div#main div.content-box div.section p.text{
	margin:10px 35px;
	width:580px;
	}

/*-----------------------------------------------------
PAGE-BT
-------------------------------------------------------*/
div#main  ul.page-bt{
	width:710px;
	clear:both;
	margin:15px 0;
}

div#main ul.page-bt li{
	float:left;
	margin:10px 4px 0 3px;
}


div#main ul.page-bt li a{
	display:block;
	background:url(../shinryoukamoku/images/bg_p_navi.jpg) no-repeat left top;
	width:200px;
	height:36px;
	line-height:36px;
	padding:0 0 0 26px;
	color:#666666;
	text-decoration:none;
}

div#main ul.page-bt li a:hover{
	color:#FFF;
	background:url(../shinryoukamoku/images/bg_p_navi_on.jpg) no-repeat left top;
}


/*-----------------------------------------------------
SHOUSAI
-------------------------------------------------------*/

div#main div.content-box div.q_a-box div.section dl.result{
	width:500px;
	margin:10px 0 0 45px;
}

div#main div.content-box div.q_a-box div.section dl.result dt{
	font-weight:bold;
	padding:10px 0 0 15px;
	color:#FF7E00;
	background:url(../images/common/ic_point.jpg) no-repeat left 14px;
}

div#main div.content-box div.q_a-box div.section dl.result dd{
	padding:5px 35px 0 15px;
	}
	

/*-----------------------------------------------------
ATN-COMMENT
-------------------------------------------------------*/
div#main div.content-box .atn-comment{
	padding:5px 0 0 11px;
	font-size:126%;
	font-weight:bold;
	font-weight:bold;
	color:#516402;
	margin:25px auto 0 35px;
	background:url(../images/common/ic_arrow.jpg) no-repeat left top;
	padding:0 0 0 35px;
	width:500px;
	}


/*-----------------------------------------------------
OSUSUME
-------------------------------------------------------*/	
div#main div.content-box .osusume{
	height:21px;
	margin:10px 0 0 65px;
	font-weight:bold;
	font-size:114%;
	width:300px;
	}	

div#main div.content-box .osusume a{
	background:url(../images/common/ic_star.jpg) no-repeat left top;
	padding:5px 0 0 25px;
	font-weight:bold;
	}

div#main div.content-box .osusume a:hover{
	background:url(../images/common/ic_star_on.jpg) no-repeat left top;
	padding:5px 0 0 25px;
	}


/*-----------------------------------------------------
HOSOKU
-------------------------------------------------------*/
div#main div.content-box div.q_a-box div.section .hosoku{
	width:555px;
	margin:20px auto 0 35px;
	color:#333;
	font-size:97%;
	padding:10px;
	border: 1px dotted #ccc;
	}

/*-----------------------------------------------------
TOPIC02
-------------------------------------------------------*/
div#main div.content-box div.q_a-box div.section dl.result dd ol{
	width:500px;
	margin:0 0 0 0;
}

div#main div.content-box div.q_a-box div.section dl.result dd ol li{
	list-style-type:decimal;
	padding:5px 0 5px 0;
	margin-left:2em;
	color:#333;
}