@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Your Name (admin)
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main img  {
	border: 1px solid #E4E4D0;
	margin: 0px 5px 10px 5px;
}

#main table {
	width: 100%;
}
#main th {
	height: 30px;
	border-bottom: dotted 1px #D9D9BD;
	padding-left: 5px;
}
#main td {
	height: 30px;
	border-bottom: dotted 1px #D9D9BD;
	text-align: left;
}
#aboutcorp {
	width: 490px;
	background-image: url(../img/corporate/about_corp.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#aboutprof {
	width: 490px;
	background-image: url(../img/corporate/about_prof.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#aboutstaff {
	width: 490px;
	background-image: url(../img/corporate/about_staff.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#gallery_title {
	background-image: url(../img/gallery/gallery_title.png);
	height: 90px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 34px;
}
#process {
	width: 490px;
	background-image: url(../img/process/process_nagare.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#column {
	width: 490px;
	background-image: url(../img/process/h3bg.png);
	height: 50px;
	background-repeat: no-repeat;
	font-size: 160%;
	padding-left: 6px;
	font-weight: bold;
	background-position: 0px 14px;
	padding-top: 14px;
	color: #333333;
}
.column_free {
	width: 470px;
	background-image: url(../img/process/h3freebg.png);
	height: 24px;
	background-repeat: no-repeat;
	font-size: 140%;
	padding-left: 20px;
	font-weight: bold;
	background-position: 0px 0px;
	padding-top: 56px;
	color: #333333;
}
.column_pay {
	width: 470px;
	background-image: url(../img/process/h3paybg.png);
	height: 24px;
	background-repeat: no-repeat;
	font-size: 140%;
	padding-left: 20px;
	font-weight: bold;
	background-position: 0px -36px;
	padding-top: 20px;
	color: #333333;
}
#payline {
	height: 20px;
	background-image: url(../img/process/payline.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}



.thumbnail  {
	margin-top: 10px;


}


#kuroiwa {
	float: left;
	width: 235px;
	padding-left: 5px;
	padding-bottom: 20px;
}
#kawashima {
	float: right;
	width: 240px;
	padding-left: 5px;
	padding-bottom: 20px;
}



#privacy {
	width: 490px;
	background-image: url(../img/corporate/privacy.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#useweb {
	width: 490px;
	background-image: url(../img/corporate/useweb.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#browser {
	width: 490px;
	background-image: url(../img/corporate/browser.png);
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#javas {
	width: 490px;
	background-image: url(../img/corporate/javas.png);
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#copyright {
	width: 490px;
	background-image: url(../img/corporate/copyright.png);
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#trademark {
	width: 490px;
	background-image: url(../img/corporate/trademark.png);
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#menseki {
	width: 490px;
	background-image: url(../img/corporate/menseki.png);
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
/*----------------------------------------------------
	#sub
----------------------------------------------------*/
#sub {
	float: right;
	width: 249px;
	height: 100%;
	background-color: #F3F3EB;
	border-left: solid 1px #E3E3CC;
	text-align: center;
	padding-bottom: 20px;
}
#accessmap       {
	width: 250px;
	height: 30px;
	background-image: url(../img/corporate/access_head.png);
	text-indent: -9999px;
	margin-bottom: 5px;
	margin-top: 27px;
}
#business {
	width: 250px;
	height: 30px;
	background-image: url(../img/corporate/business_head.png);
	text-indent: -9999px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#sub .item {
	width: 229px;
	float: left;
	font-size: 85%;
	margin-bottom: 8px;
	color: #AF8B5A;
	border-bottom: solid 1px #D9D9BD;
	margin-left: 10px;
	padding-bottom: 5px;
	text-align: left;
}
#sub .imgbod  {
	border-color: #D9D9BD;
	border-width: 4px;
	margin-right: 5px;
	float: left;
	border-style: solid;
}
.imgbod {
	border-color: #E9E9DA;
	border-width: 4px;
	margin-right: 5px;
	float: left;
	border-style: solid;
}
#info_title {
	width: 490px;
	background-image: url(../img/corporate/info_title.png);
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
#info_body {
	width: 490px;
}
.gallery_item {
	background-color: #F8F8F3;
	padding: 5px;
	width: 140px;
	float: left;
	margin-bottom: 30px;
	margin-right: 34px;
	border: #E3E3CC solid 1px;
}
.gallery_itemR {
	background-color: #F8F8F3;
	padding: 5px;
	width: 140px;
	float: left;
	margin-bottom: 30px;
	border: #E3E3CC solid 1px;
}