/* CSS Document */

/*ここから基本レイアウト*/
body {
	background-image:url(../images/template/bg.jpg);
	font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 12px; /* Except IE */
}

#BodyContainer {
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";*/
	margin:auto;
	background-color:#FFFFFF;
	line-height:150%;
	color:#535353;
}

#Header {
	height:120px;
}

#logo {
	padding:5px 0 3px 10px;
}

#Menu {
	float:left;
	height:33px;
	padding-top:3px;
}

#MainBody {
	background-color:#ffffff;
	padding:10px;
}

#Footer {
	height:30px;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
}
/*基本レイアウトここまで*/

/*ここからindexのスタイル*/
#topmenu {
	 padding:0 0 200px 0;
}
a.topmenu01 { 
	float:left; 
	text-align:center;
	padding:0 15px 0 15px;
	text-decoration:none;
	color:#535353;
}
a.topmenu01:hover {
	text-decoration:underline;
	padding:1px 14px 0 16px;	
}
a.topmenu02 { 
	float:right; 
	text-align:center;
	padding:0 15px 0 25px;
	text-decoration:none;
	color:#535353;
}
a.topmenu02:hover { 
	text-decoration:underline;
	padding:1px 14px 0 26px;
}
/*ここまでindexのスタイル*/


/*ここからメニューボタンの設定*/
#menu01 {
	float:left;
	background:url(../images/template/menu01_b.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu01 {
	float:left;
	background:url(../images/template/menu01_a.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu01:hover {
	float:left;
	background:url(../images/template/menu01_hover.jpg) no-repeat;
	height:33px;
	width:133px;
}
#menu02 {
	float:left;
	background:url(../images/template/menu02_b.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu02 {
	float:left;
	background:url(../images/template/menu02_a.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu02:hover {
	float:left;
	background:url(../images/template/menu02_hover.jpg) no-repeat;
	height:33px;
	width:133px;
}
#menu03 {
	float:left;
	background:url(../images/template/menu03_b.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu03 {
	float:left;
	background:url(../images/template/menu03_a.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu03:hover {
	float:left;
	background:url(../images/template/menu03_hover.jpg) no-repeat;
	height:33px;
	width:133px;
}
#menu04 {
	float:left;
	background:url(../images/template/menu04_b.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu04 {
	float:left;
	background:url(../images/template/menu04_a.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu04:hover {
	float:left;
	background:url(../images/template/menu04_hover.jpg) no-repeat;
	height:33px;
	width:133px;
}
#menu05 {
	float:left;
	background:url(../images/template/menu05_b.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu05 {
	float:left;
	background:url(../images/template/menu05_a.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu05:hover {
	float:left;
	background:url(../images/template/menu05_hover.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu06 {
	float:left;
	background:url(../images/template/menu06_a.jpg) no-repeat;
	height:33px;
	width:133px;
}
a#menu06:hover {
	float:left;
	background:url(../images/template/menu06_hover.jpg) no-repeat;
	height:33px;
	width:133px;
}
/*メニューボタンの設定ここまで*/

/*ここからmainbodyの基本的なスタイル*/
#h1 {
	font-size:16px;
	font-weight:bold;
	border-left:#FF0000 10px solid;
	border-bottom:#333333 1px solid;
	padding:5px 0 2px 5px;
}
#h2 {
	font-size:15px;
	font-weight:bold;
	color:#666666;
	padding:15px 0 15px 5px; 
	border-bottom:#535353 dotted 1px;
}
.small_text {
	color:#666666;
}
/*ここまでmainbodyの基本的なスタイル*/

/*ここからPROFILE会社概要のスタイル*/
.field_title {
	width:22%;
	padding:3px 0 0 0;
	vertical-align:top;
	color:#585858;
	border-bottom:1px dotted #D1D1D1;
	font-weight:bold;
}
.field_contents {
	width:78%;
	padding:3px 0 0 0px;
	border-bottom:1px dotted #D1D1D1;
}
/*ここからPROFILE会社概要のスタイル*/

/*ここからGALLERY施工事例のスタイル*/
.gallery_image {
	padding:0 0 10px 0;
}
.gallery_text {
	padding:0 0 10px 20px;
	color:#333333;
}
/*ここまでGALLERY施工事例のスタイル*/