@charset "Shift-JIS";

/* --------------------------------------------------
  base layout
-------------------------------------------------- */

body#about div#gnav li#gnav_about a{
	background-position: 0 -30px;
}


/* --------------------------------------------------
  about index layout
-------------------------------------------------- */

/* about_cont01_ttl */
h3#about_cont01_ttl{
	background-image:url(img/about_cont01_ttl.png);
}

div#about_cont01{
	background:url(img/about_cont01_bg.jpg) no-repeat right 35px;
}
div#about_cont01 h4{
	margin-bottom:15px;
}
div#about_cont01 li.about_cont01_li{
	padding-bottom:25px;
}

div#about_cont01 ul.about_cont01_ul02{
	width:450px;
}
div#about_cont01 ul.about_cont01_ul02 li{
	width:200px;
	float:left;
}
div#about_cont01 ul.about_cont01_ul02 span{
	background:url(../common/img/arrow_square01.gif) no-repeat 0 0.5em;
	padding-left:14px;
}

/* about_cont02_ttl */
h3#about_cont02_ttl{
	background-image:url(img/about_cont02_ttl.png);
}

ul.about_cont02_ul{
	margin-bottom:1.5em;
}
ul.about_cont02_ul li{
	background:url(../common/img/arrow_square01.gif) no-repeat 0 0.5em;
	padding-left:14px;
}



/* --------------------------------------------------
  about merit layout
-------------------------------------------------- */

#content h3#merit_cont01_ttl{
	background:url(img/merit_cont01_ttl.png) no-repeat;
}

#content h3#merit_cont02_ttl{
	background:url(img/merit_cont02_ttl.png) no-repeat;
}

/* meritbox */
#content div.section_common div.advantage_merit01 div.meritbox{
	width:655px;
	background: url(img/meritbox_bg.gif) no-repeat bottom;
	margin: 10px 10px 20px 10px;
	position: relative;
}
#content div.section_common div.advantage_merit01 div.meritbox_left{
	border: 3px solid #ccc;
	border-bottom: none;
	width: 304px;
	_width: 310px;/* IE bugfix */
	float: left;
}

#content div.section_common div.advantage_merit01 div.meritbox_right{
	border: 3px solid #ccc;
	border-bottom: none;
	width: 304px;
	_width: 310px;/* IE bugfix */
	float: right;
}
#content div.section_common div.advantage_merit01 div.meritbox_left p,
#content div.section_common div.advantage_merit01 div.meritbox_right p{
	margin: 0 0 1em 0;
	padding: 0 10px;
}
#content div.section_common div.advantage_merit01 div.meritbox_left p.meritbox_ttl,
#content div.section_common div.advantage_merit01 div.meritbox_right p.meritbox_ttl{
	margin: 5px 0 0 0;
	padding: 5px 10px;
}
#content div.section_common div.advantage_merit01 div.meritbox_arrow{
	position: absolute;
	left: 320px;
	top: 50%;
}



/* --------------------------------------------------
  about flow layout
-------------------------------------------------- */

/* ttl */
#content h3#flow_cont01_ttl{
	background:url(img/flow_cont01_ttl.png) no-repeat;
}
#content h3#flow_cont02_ttl{
	background:url(img/flow_cont02_ttl.png) no-repeat;
}
#content h3#flow_cont03_ttl{
	background:url(img/flow_cont03_ttl.png) no-repeat;
}
#content h3#flow_cont04_ttl{
	background:url(img/flow_cont04_ttl.png) no-repeat;
}
#content h3#flow_cont05_ttl{
	background:url(img/flow_cont05_ttl.png) no-repeat;
}

div.flow_index01_img{
	width:210px;
	float:left;
}
div.flow_index01_txt{
	width:450px;
	float:right;
}



/* --------------------------------------------------
  about question layout
-------------------------------------------------- */

/* ttl */
#content h3#question_cont01_ttl{
	background:url(img/question_cont01_ttl.png) no-repeat;
}
#content h3#question_cont02_ttl{
	background:url(img/question_cont02_ttl.png) no-repeat;
}


/* qa_q */
div.qa_q{
	border: 1px solid #aaa;
	margin-bottom: 2em;
	padding: 1px;
}
div.qa_q h3{
	font-size: 14px;
	color: #555555;
	background-color: #fff8ee;
	border-bottom: 1px dotted #aaa;
	padding: 8px 15px;
}

div.qa_q div.qa_q_body{
	margin: 15px;
}


/* qa_a */
div.qa_a{
	border: 1px solid #aaa;
	margin:2em 0 ;
	padding: 1px;
}
div.qa_a h4{
	font-size: 12px;
	color: #555555;
	border-bottom:  1px dotted #aaa;
	background-color: #fff8ee;
	margin-bottom:0.5em;
	padding: 0.5em;
}
div.qa_a div.qa_a_a{
	padding: 0 15px;
}