@charset "utf-8";

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

level2.css




last update 08/11/27
produced by 0510office (http://www.0510office.co.jp/)


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




/*=====================================================================
	　format
=====================================================================*/



/*	　table
=====================================================================*/
table{border-collapse:collapse;}
th{ vertical-align:top;}
td{ text-align:left;}


/* table1 */
.table1{
	border-top:1px solid #e2cc76;
	border-left:1px solid #e2cc76;
	border-right:1px solid #e2cc76;
}
.table1 th{border-right:2px solid #1eb6d2;}
.table1 th,
.table1 td{
	padding:5px 8px;
	border-bottom:1px solid #e2cc76;
}

/* company information*/
#td_company{width:100%;}
#td_company th{width:100px;}
/* color */
#exp table{width:560px;}



/* table2 */
.table2{
	border-top:1px solid #c0803e;
	border-left:1px solid #c0803e;
	border-right:1px solid #c0803e;
}
.table2 th{border-right:2px solid #1eb6d2;}
.table2 th,
.table2 td{
	padding:5px 8px;
	border-bottom:1px solid #c0803e;
}
/* company information*/
#td_recommend{width:560px;}













/*	　font
=====================================================================*/


.font_s{ font-size:10px;}
.font_m{ font-size:14px;}
.font_l{ font-size:18px;}



/* hr 
=====================================================================*/
.hr1{
	display:block;
	width:570px;
	height:7px;
	background:url(../img/hr1.gif) no-repeat;
	margin:20px 0;
	color:#FFF;
	clear:both;
}


/*	　list
=====================================================================*/

.list1 li{
	padding-left:20px;
	line-height:1em;
	margin-bottom:10px;
	background:url(../img/icon1.gif) top left no-repeat;}

.list2 li{
	padding-left:25px;
	background:url(../img/icon2.gif) top left no-repeat;}




/*	　list
=====================================================================*/


#main .box1{
	width:570px;
	background:url(../img/box1.gif) bottom no-repeat;
}
#main .box2{
	width:570px;
	background:url(../img/box2.gif) bottom no-repeat;
}

#main .box3{
	width:570px;
	background:url(../img/box3.gif) bottom no-repeat;
}


#main .box1 .inner,
#main .box2 .inner,
#main .box3 .inner{
	width:550px;
	margin-left:10px;
	padding-bottom:10px;
}






/*	↓each page
========================================================================================================================================*/




/*=====================================================================
	　flow
=====================================================================*/

/*	flow image
=================================*/

#flow_image{
	width:560px;
	height:200px;
	background:url(../../flow/img/image1.jpg) no-repeat;
}
#flow_image ul{
	width:528px;
	height:150px;
	margin-left:37px;
}
#flow_image ul li{
	float:left;
	margin-top:60px;
}
#flow_image ul li a{ text-indent:-9999px;}
#flow_image ul li,
#flow_image ul li a{
	width:30px;
	height:130px;
}

#flow_img1{ margin-right:46px;}



/*	flow chart
=================================*/


#flow_chart div{
	width:560px;
	background:url(../img/box3.gif) bottom no-repeat;
	overflow:auto;
}

#flow_chart div div{
	width:550px;
	margin:0 5px 5px 5px;
	background:none;
}
#flow_chart div div .left{ margin-right:30px;}
#flow_chart .flow_arrow{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:60px;
}





/*=====================================================================
	　qa
=====================================================================*/

#qa dl{
	width:560px;
	margin-top:20px;
}
#qa dl dt{
	height:30px;
	padding:5px 10px;
	background:url(../img/box4.gif) top no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}
#qa dl dd{
	padding:10px;
	background:url(../img/box3_2.gif) bottom no-repeat;
}





/*=====================================================================
	　wall
=====================================================================*/

/* wall1 */
#wall1{
	width:560px;
	height:140px;
	line-height:2em;
}

	
/* wall2 */
#wall2{ margin-top:20px;}
#wall2 dl{
	margin-bottom:20px;
}
#wall2 dl dt{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

/* wall3 */
#wall3 strong{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	background:url(../img/t_line.gif) bottom repeat-x;
	font-size:14px;
	color:#cc870d;
}
#wall3 p{
	margin-top:10px;
	margin-bottom:20px;
}




/*=====================================================================
	　recommend
=====================================================================*/

/* recommend1 */
#recommend1{
	margin-top:10px;
}
#recommend1 li{
	width:560px;
	height:50px;
	text-indent:-9999px;
}


#recommend1_1{ background:url(../../recommend/img/image3_1.jpg) no-repeat;}
#recommend1_2{ background:url(../../recommend/img/image3_2.jpg) no-repeat;}
#recommend1_3{ background:url(../../recommend/img/image3_3.jpg) no-repeat;}



#recommend1 li{ margin-bottom:10px;}

/* td_recommend　 →　table　*/





/*=====================================================================
	　privacy
=====================================================================*/

#privacy1{
	float:right;
	width:110px;
	margin-top:20px;
	text-align:left;
	font-weight:bold;
	font-size:13px;
}



/*=====================================================================
	　color
=====================================================================*/

/* シュミレーター部分 */
#color{
	margin-top:20px;
	margin-left:50px;
}


/* カラーシュミレーター下部*/
#exp{
	width: 560px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
}
/*#exp table　→ talbe */
#exp p{
	text-align: left;
	padding: 10px;
}
#cs-btn{
	width: 160px;
	height: 30px;
	margin: 20px auto 0 auto;
}