@charset "utf-8";

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

level2.css

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

	01.common element
	02.process
	03.company
	04.contact


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

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

/*--------------------------------------------------------------------
	01.common element
--------------------------------------------------------------------*/

/*	1-1.rightpane bg
----------------------------------------------------------------*/
#rightpane{
	float: right;
	width: 545px;
	background: url(../img/rightpane_bg.gif) repeat-y;
}
#rightpane div#bottom{
	display: block;
	overflow: hidden;
	width: 545px;
	height: 5px;
	background: url(../img/rightpane_bottom.gif) no-repeat;
	margin-top: 10px;
}

/*	1-2.box
----------------------------------------------------------------*/
#rightpane h3{margin: 20px 0 0 0;}
#rightpane h4{margin: 15px 0 0 0;}
.box{width: 545px;}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box img.left{
	display: inline;
	margin: 10px 15px 0 20px;
}
.box img.right{
	display: inline;
	margin: 10px 20px 10px 20px;
}
.box a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.box h5{
	text-align: left;
	color: #cf2828;
	font-weight: bold;
	padding: 10px 20px 0 20px;
	
}
.box p{
	text-align: left;
	padding: 10px 20px 0 20px;
}
.box p.right{
	text-align: right;
	padding: 8px 20px 0 20px;
}
.box img.btn{
	display: inline;
	float: left;
}


/*	1-3.to contact
----------------------------------------------------------------*/
#contact{
	position: relative;
	width: 545px;
	height: 93px;
	background-image: url(../img/contact_bg.gif);
	margin-top: 25px;
}
#contact img#tel{
	position: absolute;
	top: 15px;
	left: 0;
}
#contact img#mail{
	position: absolute;
	top: 15px;
	left: 272px;
}


/*	1-4.table
----------------------------------------------------------------*/
#rightpane table{
	width: 490px;
	margin: 15px auto 0 auto;
	background: url(../img/td_bg.gif) repeat-x top;
}
#rightpane table th{
	width: 120px;
	background: url(../img/td_bg.gif) repeat-x bottom;
	padding: 8px 10px 8px 15px;
	border-right: solid 1px #0badf0;
	text-align: left;
}
#rightpane table td{
	background: url(../img/td_bg.gif) repeat-x bottom;
	padding: 8px 10px 8px 15px;
	text-align: left;
}


/*--------------------------------------------------------------------
	02.process
--------------------------------------------------------------------*/
.p-box{
	width: 545px;
	background: url(../../process/img/process_bg.gif) no-repeat bottom;
	margin-top: 15px;
}
.pl-box{
	width: 545px;
	margin-top: 15px;
}
.p-box:after,
.pl-box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#rightpane .p-box h4,
#rightpane .pl-box h4{margin-top: -5px;}
.p-box p,
.pl-box p{
	text-align: left;
	padding: 15px 20px 10px 60px;
}


/*--------------------------------------------------------------------
	03.company
--------------------------------------------------------------------*/
#access{
	width: 490px;
	margin: 10px auto 0 auto;
	border: solid 1px #efefef;
	text-align: left;
}
#access small{
	display: block;
	margin: 5px;
}


/*--------------------------------------------------------------------
	04.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;
}