@charset "utf-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通クラス
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*
 基本タグ
------------------------------------------------------ */

* {
	margin:0;
	padding:0;
	font-style:normal;
	line-height: 1.6em;
}

body, input, select, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", sans-serif;
	/*\*/
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	/*	font-family:"ＭＳ Ｐゴシック", sans-serif;*/
	/**/
	color:#505150;
}

html>/**/body div.sample1 div {
	display /*\**/: table-cell\9;
	zoom: 1\9;
}

body {
	color: #505150;
	font-size: 12px;
	text-align: center;
	background: #fff;
	background: url(img/img_01.jpg) repeat-x left top;
}

html>/**/body {
	font-size: 12px;
} /* IE以外に適用*/

a {
	outline: none;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通項目部分　レイアウト＆スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#wrap {
	width: 830px;
	margin: 0px auto;
	text-align: left;
}

#wrap h2{
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 830px;
	margin-bottom: 28px;
}

#head {
	height: 356px;
	width: 830px;
	position: relative;
	background: url(img/img_02.jpg);
	margin-bottom: 46px;
}


#section01 {
	margin-bottom: 30px;
	overflow: hidden;
	font-size: 14px;
}

#section02 {
	margin-bottom: 40px;
	overflow: hidden;
	font-size: 14px;
}
#section03 {
	margin-bottom: 30px;
	overflow: hidden;
	font-size: 12px;
}
#section04 {
	overflow: hidden;
	font-size: 12px;
}
#section05 {
	overflow: hidden;
	font-size: 14px;
	display: inline-block;
}
#section06 {
	overflow: hidden;
	font-size: 14px;
	padding-top: 50px;
}




/* */

#section01 h2 {
	background: url(img/img_03.gif);
}
#section01 ul {
	margin-bottom: 20px;
	overflow: hidden;
}
#section01 ul li {
	float: left;
}
#section01 .cntr {
	margin: 0px 28px;
}

/**/
#section02 .inLeft {
	float: left;
	width: 543px;
	margin-bottom: 40px;
}
#section02 .inLeft h3 {

}
#section02 .inLeft p {
	margin-top: 16px;
}
#section02 .inRight {
	float: right;
	margin-bottom: 40px;
}

.mgB35 { margin-bottom: 35px; }
.mgB15 { margin-bottom: 15px; }
.fs14 { font-size: 14px !important; }


/* */

#section03 h2 {
	background: url(img/img_10.jpg);
}
#section03 h3 {
	background: url(img/img_11.gif) no-repeat left top;
	height: 20px;
	margin-bottom: 30px;
	text-indent: -9999px;
}
#section03 .cntr { margin: 0px 26px; }
#section03 .product-all {
	overflow: hidden;
	background: url(img/dotx.gif) repeat-x left bottom;
	padding-bottom: 26px;
	height: 1%;
}
#section03 .product-all .box {
	width: 400px;
	float: left;
}
#section03 .product-all .box .img {
	float: left;
}
#section03 .product-all .box dl {
	float: right;
	width: 196px;
}
#section03 .product-all .box dt {
	margin-bottom: 8px;
}
.mgL30 { margin-left: 30px;}





/* */

#section04 {
	font-size: 14px;
	line-height: 1.8;
}
#section04 h2 {
	background: url(img/img_21.gif);
}
#section04 h3 {
	background: url(img/img_22.gif) no-repeat left top;
	height: 20px;
	margin-bottom: 30px;
	text-indent: -9999px;
}

#section04 .box {
	float: left;
	width: 261px;
	overflow: hidden;
	height: 387px;
	margin-right: 22px;
}

#section04 .box.last {
	margin-right: 0px;
}

#section04 .box ul .sttl,
#section04 .box ul .sttl-2 {
	margin-left: 37px;
}
#section04 .box ul .txt {
	width: 240px;
	margin-left: 8px;
	height: 107px;
}
#section04 .box ul .img {
	text-align: center;
}
#section04 .box .sttl {
	margin-top: 22px;
	margin-bottom: 29px;
}
#section04 .box .sttl-2 {
	margin-top: 11px;
	margin-bottom: 16px;
}
#section04 .box .sttl-2 {
	margin-top: 13px;
	margin-bottom: 16px;
}




/* */

#section05 h2 {
	background: url(img/img_38.gif);
}

#section05 .voice01,
#section05 .voice02 {
	background: url(img/dotx.gif) repeat-x left bottom;
	margin-bottom: 16px;
	padding-bottom: 16px;
	overflow: hidden;
	height: 1%;
}

#section05 .voice01 .img {
	float: right;
	margin-left: 28px;
}
#section05 .voice01 .name {
	background: url(img/img_39.gif);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 162px;
	margin-bottom: 20px;
}
#section05 .voice02 .img {
	float: left;
	margin-right: 28px;
}
#section05 .voice02 .name {
	background: url(img/img_42.gif);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 140px;
	margin-bottom: 20px;
}
#section05 .voice02 div {
	float: left;
	width: 606px;
}

#section05 .voice03 {
	float: left;
	width: 418px;
	background: url(img/doty.gif) repeat-y right top;
}
#section05 .voice03 .name {
	background: url(img/img_43.gif);
	height: 40px;
	width: 181px;
	margin-bottom: 20px;
	text-indent: -9999px;
	display: block;
}
#section05 .voice03 div {
	width: 400px;
}
#section05 .voice04 {
	float: right;
	width: 400px;
}
#section05 .voice04 .name {
	background: url(img/img_51.gif);
	height: 40px;
	width: 218px;
	margin-bottom: 20px;
	text-indent: -9999px;
	display: block;
}


/* */

#section06 h2 {
	background: url(img/img_45.gif);
	height: 74px;
	width: 830px;
}
#section06 p {
	background: url(img/img_44.gif) no-repeat center top;
	text-indent: -9999px;
	display: block;
	height: 50px;
	margin-bottom: 60px;
}
#footer {
	background: url(img/img_46.jpg) repeat-x left top;
	height: 96px;
	clear: both;
}
#footer #footer-in {
	width: 830px;
	position: relative;
	margin: 0px auto;
}
#footer #footer-in .rogo {
	position: absolute;
	left: 0px;
	top: 14px;
}
#footer #footer-in .copy {
	background: url(img/copy.gif) no-repeat left top;
	height: 13px;
	width: 643px;
	text-indent: -9999px;
	position: absolute;
	top: 25px;
	right: 0px;
}
#section02 .inLeft h3 {
	background: url(img/img_52.gif);
	height: 68px;
	width: 540px;
	text-indent: -9999px;
}
#head .rogo {
	position: absolute;
	height: 73px;
	width: 112px;
	top: 12px;
	right: -1px;
}
#head .rogo a {
	text-indent: -9999px;	
	height: 87px;
	width: 126px;
	display: block;
}
#head .txt {
	display: none;
}
#section02 .inLeft .txt01 {
	background: url(img/txt01.gif) no-repeat -2px 8px;
	height: 268px;
	width: 543px;
	text-indent: -9999px;
	display: block;
}
