@charset "utf-8";

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

index.css

======================================================================

	01.common elements

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

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

/*--------------------------------------------------------------------
	01.common elements
--------------------------------------------------------------------*/
h2{margin-top: 16px;}
.lv2 h3{margin-top: 35px;}
.lv2 h4{margin-top: 15px;}
.lv2 h5{
	font-size: 16px;
	font-weight: bold;
	color: #c50018;
	margin-bottom: 15px;
}

/*box
----------------------------------------------------------------*/
.box{
	width: 583px;
	margin: 16px 0 0 16px;
}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box p strong{color: #ab1934;}
.box img.left{margin-right: 15px;}
.box img.right{margin-left: 15px;}
.box a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.cons p{margin-bottom: 15px;}
/*list*/
.box ul{
	display: block;
	margin-top: 15px;
	}
.box ul li{
	display: block;
	background: url(../img/dot.gif) no-repeat left 12px;
	padding: 3px 0 3px 7px;
	margin-bottom: 5px;
}
/*lo list*/
.box ol{border-top: solid 1px #e6e6e6;}
.box ol li{
	display: block;
	padding: 5px 0 5px 25px;
	background-repeat: no-repeat;
	background-position: left 6px;
	border-bottom: solid 1px #e6e6e6;
}
.no1{background: url(../img/1.gif);}
.no2{background: url(../img/2.gif);}
.no3{background: url(../img/3.gif);}
.no4{background: url(../img/4.gif);}
.no5{background: url(../img/5.gif);}
.no6{background: url(../img/6.gif);}

/*table
----------------------------------------------------------------*/
/*table1*/
.table1{
	width: 583px;
	background: url(../img/border_01.gif) repeat-x top left;
}
.table1 th,
.table1 td{
	text-align: left;
	vertical-align: top;
	background: url(../img/border_01.gif) repeat-x bottom left;
	padding-top: 8px;
	padding-bottom: 7px;
}
.table1 th{
	font-weight: normal;
	color: #7a7a74;
	width: 120px;
}
.table1 td{padding-right: 15px;}
.table1 td strong{
	font-weight: bold;
	color: #0c82cd;
}
/*table2*/
.table2{
	width: 583px;
	background: #dcdcd9;
	margin-bottom: 5px;
}
.table2 th,
.table2 td{
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	padding: 10px 15px;
}
.table2 th{
	font-weight: bold;
	color: #7a7a74;
	background: #efefef;
}
.table2 td{background: #fafafa;}
.table2 td strong{
	font-weight: normal;
	color: #709e00;
}

/*	btns
----------------------------------------------------------------*/
.btns ul{
	width: 485px;
	height: 40px;
	overflow: hidden;
	margin-top: 15px;
}
.btns ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.btns ul li,
.btns ul li a{
	width: 230px;
	height: 40px;
}
#rightpane div.btns ul li{
	margin: 0;
	padding: 0;
	border: none;
}
.btns ul li a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: none;
}
.btns ul li a:hover{
	background: #fff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
#cpg ul{background: url(../../glass/img/btns.gif) no-repeat;}
#vg ul{background: url(../../vg/img/btns.gif) no-repeat;}
#og ul{background: url(../../others/img/btns.gif) no-repeat;}
#exp1 ul{background: url(../../example1/img/btns.gif) no-repeat;}
#exp2 ul{background: url(../../example2/img/btns.gif) no-repeat;}
#exp3 ul{background: url(../../example3/img/btns.gif) no-repeat;}


/*--------------------------------------------------------------------
	02.reform
--------------------------------------------------------------------*/
#rlist{
	background: url(../../reform/img/border.gif) repeat-y 410px top ;
	position: relative;
}
#rlist div{
	zoom: 1;
	overflow: hidden;
}
#rlist div:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#rlist ul.left{
	width: 150px;
}
#rlist ul.right{
	width: 230px;
}
#rlist h3{margin-top: 20px;}

#rfm1,#rfm2,#rfm3,#rfm4,#rfm7{width: 391px;}
#rfm5{
	float: left;
	width: 150px;
	margin-right: 30px;
	padding-bottom: 20px;
}
#rfm6{
	float: left;
	width: 211px;
}
#rfm7{clear: both;}
#rfm8{
	width: 160px;
	position: absolute;
	top: 0;
	left: 425px;
}
#rlist div#rfm8 h3,
#rlist div#rfm1 h3{margin-top: 0;}

#rere img{margin-top: 16px;}
#rere p{
	width: 443px;
	margin-top: 16px;
}


/*--------------------------------------------------------------------
	03.worry
--------------------------------------------------------------------*/
#wintro{
	width: 615px;
	background: url(../../worry/img/intro.jpg) no-repeat top;
	margin-bottom: 25px;
}
#wintro h3{
	height: 200px;
	visibility: hidden;
}
#wintro ul{display: none;}
#wintro p{
	width: 515px;
	margin-left: 50px;
}
#advantage{
	width: 615px;
	height: 270px;
	background: url(../../worry/img/list_01.gif) no-repeat;
	margin-top: 10px;
}
#advantage h4,
#advantage ul{display: none;}
#speacia{
	width: 615px;
	background: url(../../worry/img/speacia.jpg) no-repeat;
	margin-bottom: 35px;
}
#speacia h4{
	height: 180px;
	visibility: hidden;
}
#speacia div{
	width: 483px;
	margin-left: 50px;
}
#speacia div:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#speacia div img{
	float: left;
	margin: 0 3px 5px 0;
}
#kind{margin-bottom: 50px;}
#kind div{
	width: 283px;
	margin-top: 20px;
}
#kind div h4{
	background: #7c0211;
	padding: 3px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	
}
#kind div img{margin-top: 10px;}
#kind div p{margin-top: 10px;}

#advantage2{
	width: 615px;
	height: 270px;
	background: url(../../worry/img/list_02.gif) no-repeat;
	margin-top: 10px;
}
#advantage2 h4,
#advantage2 ul{display: none;}

#secuo img{
	float: left;
	margin-right: 35px;
}
#secuo h4{
	float: left;
	width: 257px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../worry/img/h4_01.gif) no-repeat;
	margin: 50px 0 15px;
}
#secuo p{
	float: left;
	width: 333px;
}


/*--------------------------------------------------------------------
	04.result
--------------------------------------------------------------------*/
.rbox{
	width: 583px;
	margin-left: 16px;
}
.rbox *{display: none;}

#result1{height: 437px;background: url(../../results/img/result_01.jpg) no-repeat;margin-top: 10px;}
#result2{height: 330px;background: url(../../results/img/result_02.jpg) no-repeat;margin-top: 13px;}
#result3{height: 361px;background: url(../../results/img/result_03.jpg) no-repeat;margin-top: 1px;}
#result4{height: 375px;background: url(../../results/img/result_04.jpg) no-repeat;margin-top: 16px;}
#result5{height: 368px;background: url(../../results/img/result_05.jpg) no-repeat;margin-top: 9px;}
#result6{height: 315px;background: url(../../results/img/result_06.jpg) no-repeat;margin-top: 20px;}



/*--------------------------------------------------------------------
	05.FAQ
--------------------------------------------------------------------*/
.qa dl{
	width: 583px;
	border-bottom: dashed 1px #ebebeb;
	margin-bottom: 15px;
}
.qa dl dt{
	vertical-align: top;
	background: #dddddd ;
	font-weight: normal;
	color: #c50018;
	padding: 5px 10px 5px;
}
.qa dl dd{
	background: url(../../faq/img/a.gif) no-repeat left top;
}
.qa dl dd span{
	vertical-align: top;
	display: block;
	padding: 10px 10px 10px 10px;
}
/*table*/
.qa table{
	width: 563px;
	background: #e1e1e1;
	margin-top: 5px;
}
.qa table th,
.qa table td{
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}
.qa table th{background: #ededed;}
.qa table td{background: #fff;}
.qa table td strong{white-space: nowrap;}


/*--------------------------------------------------------------------
	05.check
--------------------------------------------------------------------*/
/*list*/
#rightpane div.cons ul{}
#rightpane div.cons ul li{
	display: block;
	border: solid 1px #e2e2e2;
	background: none;
	padding: 5px 10px;
	margin-bottom: 5px;
}



/*--------------------------------------------------------------------
	06.glass
--------------------------------------------------------------------*/
#bb{
	padding-bottom: 15px;
	border-bottom: solid 1px #e6e6e6;
}
.point{
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 15px;
	border-bottom: solid 1px #e6e6e6;
}
#rightpane div.point h4{
	height: 45px;
	visibility: hidden;
	overflow: hidden;
	margin: 0;
}
.point p{
	width: 443px;
	margin-left: 140px;
	height: 97px;
}
#p1{background-image: url(../../glass/img/point_01.gif);}
#p2{background-image: url(../../glass/img/point_02.gif);}
#p3{background-image: url(../../glass/img/point_03.gif);}
#p4{background-image: url(../../glass/img/point_04.gif);}
#p5{background-image: url(../../glass/img/point_05.gif);}



/*--------------------------------------------------------------------
	07.company
--------------------------------------------------------------------*/
#map{
	background: #e0e0e0;
	padding: 10px 0;
}
#map iframe{
	margin-left: 10px;
}



/*--------------------------------------------------------------------
	08.contact
--------------------------------------------------------------------*/
/* btn */
.btnt{margin: 12px 0 0 0;}
.btnt td{
	padding-right: 35px;
}
.stick{height: 500px;}