@charset "utf-8";

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

level2.css

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

	01.common element
	02.company
	03.painting
	04.recommend
	05.price
	06.faq
	07.contact


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

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

/*--------------------------------------------------------------------
	01.common element
--------------------------------------------------------------------*/
/*	1-1.body
----------------------------------------------------------------*/
#container{
	background: url(../img/bg.gif) repeat-x top;
}
#container:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*	1-2.h2
----------------------------------------------------------------*/
#h2box{
	width: 850px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
#h2box h2{
	text-indent: -9999px;
	overflow: hidden;
}


/*	1-2.table
----------------------------------------------------------------*/
#rightpane table{
	width: 510px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ced1bf;
}
#rightpane th,
#rightpane td{
	padding: 5px 10px;
	text-align: left;
	border: solid 1px #ced1bf;
}
#rightpane th{
	width: 110px;
	background: url(../img/th.gif);
	color: #2d2300;
	font-weight: bold;
	border-right: solid 1px #ef7b00;
}


/*	1-3.to contact
----------------------------------------------------------------*/
#contact{
	overflow: hidden;
	position: relative;
	background: url(../img/contact.gif) no-repeat;
	width: 535px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#contact h3{text-indent: -9999px;}
#contact p{
	position: absolute;
	top: 65px;
	left: 15px;
	width: 300px;
	text-align: left;
}
#contact img{
	position: absolute;
	bottom: 0;
	left: 340px;
}


/*--------------------------------------------------------------------
	02.company
--------------------------------------------------------------------*/
#access{
	width: 510px;
	margin: 20px auto 0 auto;
	border: solid 2px #ced1bf;
	text-align: left;
}
#access small{
	display: block;
	margin: 5px;
}


/*--------------------------------------------------------------------
	03.painting
--------------------------------------------------------------------*/
#role{
	overflow: hidden;
	width: 504px;
	height: 104px;
	background: url(../../painting/img/img_02.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#role ul li{text-indent: -9999px;}
#p-bnr{
	width: 500px;
	height: 78px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}


/*--------------------------------------------------------------------
	04.recommend
--------------------------------------------------------------------*/
#nano{
	overflow: hidden;
	width: 500px;
	height: 250px;
	background: url(../../recommend/img/img_01.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#nano h4,
#nano h5,
#nano p{text-indent: -9999px;}
#rec{
	width: 450px;
	background: url(../../recommend/img/h4_01.gif) no-repeat left center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#rec:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#rec h4{text-indent: -9999px;}
#rec ul{
	float: right;
	width: 270px;
}
#rec li{
	padding: 8px 5px 8px 25px;
	list-style: none;
	background: url(../../recommend/img/list.gif) no-repeat center left;
	text-align: left;
	line-height: 15px;
	font-size: 14px;
	border-bottom: solid 1px #f2f2f2;
}


/*--------------------------------------------------------------------
	05.price
--------------------------------------------------------------------*/
#rightpane table.price{
	width: 500px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ced1bf;
}
#rightpane table.price thead th,
#rightpane table.price thead td{
	text-align: left;
	background: url(../../price/img/thead.gif);
	font-weight: bold;
}
#rightpane table.price thead th{
	color: #2d2300;
	border-right: solid 1px #ef7b00;
}
#rightpane table.price tfoot th,
#rightpane table.price tfoot td{
	color: #2d2300;
	font-weight: normal;
	text-align: right;
}
#rightpane table.price tfoot th span,
#rightpane table.price tfoot td span{font-weight: bold;}
#rightpane table.price tfoot th{
	background: url(../img/th.gif);
	text-align: left;
	font-weight: normal;
	border-right: solid 1px #ef7b00;
}
#rightpane table.price tfoot th.part{
	border-right: none;
	vertical-align: top;
}
#rightpane table.price tfoot th.gt,
#rightpane table.price tfoot td.gt{
	background: url(../../price/img/tfoot.gif);
	color: #fff;
	font-weight: bold;
}
#rightpane table.price tbody th,
#rightpane table.price tbody td{
	padding: 5px 10px;
	text-align: right;
	vertical-align: middle;
	border: solid 1px #ced1bf;
}
#rightpane table.price tbody th span{font-size: 10px;}
#rightpane table.price tbody th{
	background: url(../img/th.gif);
	color: #2d2300;
	font-weight: normal;
	text-align: left;
	border-right: solid 1px #ef7b00;
}
#rightpane table.price tbody th.part{
	border-right: none;
	vertical-align: top;
}

/*--------------------------------------------------------------------
	06.faq
--------------------------------------------------------------------*/
.qbox{
	width: 520px;
	height: 45px;
	background: url(../../faq/img/qbox.gif) repeat-x bottom;
	margin-left: auto;
	margin-right: auto;
}
.qbox h4{
	background: url(../../faq/img/q.gif) no-repeat left;
	padding-left: 50px;
	color: #317d03;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	line-height: 40px;
}
.abox{
	width: 520px;
	background: url(../../faq/img/a.gif) no-repeat left top;
	overflow: hidden;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.abox p{
	padding: 5px 15px 0 50px;
	text-align: left;
}


/*--------------------------------------------------------------------
	07.contact
--------------------------------------------------------------------*/
.w19{
	width: 19px;
}
.box table#sub{
	width: 490px;
	margin: 15px auto 0 auto;
	border: solid 1px #e1e1e1;
}
.box table#sub td{
	background: url(../img/td_bg.gif);
	border: none;
}

.submit_box{
	width: 490px;
	margin: 15px 0 0 25px;
	text-align: left;
}
.submit{
	text-align: center;
}