/* ------------------------------
 全体共通指定
------------------------------ */

* {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	font-size: 14px;
}

	body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	background-image: url(images/wall.jpg);
		}
		
	.oneColFixCtr #container {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-color: #FFFFFF;
	background-image: url(images/whiteback.jpg);
	}

	.oneColFixCtr #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	}

	A:link	{
	color:#0000FF;
	font-weight: normal;
	border: 1px;
	}
	
	A:visited	{
	color:#666666;
	font-weight: normal;
	text-decoration: underline;
	}

	A:active	{
	color:#CC0000;
	}
	
	A:hover	{
	color:#CC0000;
	text-decoration: underline;
	}


	A:link.map	{
	color:#0000FF;
	font-weight: bold;
	border: 1px;
	}
	
	A:visited.map	{
	color:#666666;
	font-weight: bold;
	text-decoration: underline;
}
	A:active.map	{
	color:#CC0000;
	font-weight: bold;
}
	A:hover.map	{
	color:#CC0000;
	text-decoration: underline;
	font-weight: bold;
}


/* ------------------------------
 ナビゲーションメニュー
------------------------------ */

	#menu_main{
	width: 750px;
	margin-top: 0px;
	height: 40px;
	margin-left: 35px;
	}
	
	#menu_sub{
	width: 750px;
	margin-left: 150px;
	margin-top: -20px;
	height: 20px;
	z-index: auto;
	}
	
/* ナビゲーションメニューボタン画像指定 */

	a.home {
	width: 100px;
	height: 40px;
	background-image: url(images/menu_home.jpg);
	float: left;
	text-indent: -1000px;
	display: block;
	margin: 0px;
	}

	a:hover.home{
    background-position: 0px -40px;
	}

	.home-hover{
    display: block;
	width: 100px;
	height: 40px;
	background-image: url(images/menu_home.jpg);
	float: left;
	background-position: 0px -40px;
	text-indent: -1000px;
	margin: 0px;
	}
	
	a.gaiyo {
	width: 120px;
	height: 40px;
	background-image: url(images/menu_gaiyo.jpg);
	float: left;
	text-indent: -1000px;
	display: block;
	margin: 0px;
	}

	a:hover.gaiyo{
    background-position: 0px -40px;
	}

	.gaiyo-hover{
    display: block;
	width: 120px;
	height: 40px;
	background-image: url(images/menu_gaiyo.jpg);
	float: left;
	background-position: 0px -40px;
	text-indent: -1000px;
	margin: 0px;
	}
	
	a.gyomu {
	width: 120px;
	height: 40px;
	background-image: url(images/menu_gyomu.jpg);
	float: left;
	text-indent: -1000px;
	display: block;
	margin: 0px;
	}

	a:hover.gyomu{
    background-position: 0px -40px;
	}

	.gyomu-hover{
    display: block;
	width: 120px;
	height: 40px;
	background-image: url(images/menu_gyomu.jpg);
	float: left;
	background-position: 0px -40px;
	text-indent: -1000px;
	margin: 0px;
	}
	
	a.contact {
	width: 120px;
	height: 40px;
	background-image: url(images/menu_contact.jpg);
	float: left;
	text-indent: -1000px;
	display: block;
	margin: 0px;
	}

	a:hover.contact{
    background-position: 0px -40px;
	}

	.contact-hover{
    display: block;
	width: 120px;
	height: 40px;
	background-image: url(images/menu_contact.jpg);
	float: left;
	background-position: 0px -40px;
	text-indent: -1000px;
	margin: 0px;
	}
	
	a.bbs {
	width: 120px;
	height: 40px;
	background-image: url(images/menu_bbs.jpg);
	float: left;
	text-indent: -1000px;
	display: block;
	margin: 0px;
	}

	a:hover.bbs{
    background-position: 0px -40px;
	}

	.bbs-hover{
    display: block;
	width: 120px;
	height: 40px;
	background-image: url(images/menu_bbs.jpg);
	float: left;
	background-position: 0px -40px;
	text-indent: -1000px;
	margin: 0px;
	}

	a.sitemap {
	width: 120px;
	height: 40px;
	background-image: url(images/menu_sitemap.jpg);
	float: left;
	text-indent: -1000px;
	display: block;
	margin: 0px;
	}

	a:hover.sitemap{
    background-position: 0px -40px;
	}

	.sitemap-hover{
    display: block;
	width: 120px;
	height: 40px;
	background-image: url(images/menu_sitemap.jpg);
	float: left;
	background-position: 0px -40px;
	text-indent: -1000px;
	margin: 0px;
	}


/* ------------------------------
 トップページ
------------------------------ */

/* メインバナー部分 */

	#mainbanner {
	height: 346px;
	width: 700px;
	}

	.main_title {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	width: 700px;
	}

/* メインコピー部分 */

	#main_copy {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-color: #FFFFFF;
	background-image: url(images/whiteback.jpg);
	}

	.copy_body {
	margin-top: 10px;
	padding-top: 0px;
	float: left;
	margin-left: 35px;
	}

/* ------------------------------
 下階層ページ
------------------------------ */

/* 下階層メインバナー部分 */

	#sub_titlebanner {
	height: 151px;
	width: 700px;
	}

	.sub_title {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	height: 151px;
	width: 700px;
	}

/* 下階層メインコンテンツ部分 */

	#main {
	width: 800px;
	  }

/* 下階層ページテキスト領域 */

	.bodytext {
	margin-left: 150px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
	}

	.shopbanner {
	margin-left: 150px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 0px;
	}


/* ------------------------------
テキスト関連
------------------------------ */

/* プレーンテキスト */

	.normaltext {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding-top: 5px;
	margin-right: 5px;
	margin-left: 50px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

/* プレーンテキスト・太字 */

	.boldtext {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	font-weight: bold;
	}

/* プレーンテキスト・ボトムマージン狭め */

	.normaltext-bottom10 {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding-top: 5px;
	margin-right: 5px;
	margin-left: 50px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-right: 60px;
	padding-left: 10px;
	}

/* 脚注 */

	.note {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:130%;
	color: #333333;
	margin-right: 100px;
	margin-left: 70px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-left: 2em;
	text-indent: -1em;
	}

/* キャプションテキスト */

	.text_80 {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 80%;
	line-height:120%;
	color: #333333;
	}

/* 赤字 */

	.red {
	color: #F00;
	}

/* 文字大き目・太字 */

	.bigtext {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 120%;
	line-height:120%;
	color: #333333;
	margin-right: 5px;
	margin-left: 50px;
	margin-bottom: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	}

/* 画像パラグラフ */

	.text-images {
	line-height:150%;
	color: #333333;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	text-align: center;
	}
	
/* 見出しレベル1 */

	h1.normal {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-left: 0px;
	width: 700px;
	padding-bottom: 0px;
	padding-top: 5px;
	margin-left: 35px;
	}

/* 見出しレベル2 */

	h2.normal {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 140%;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 0px;
	background-image: url(images/headline.jpg);
	height: 43px;
	margin-top: 30px;
	padding-left: 60px;
	width: 683px;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-top: 2px;
	margin-left: 35px;
	}

/* 会社概要 */

	.overview {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding-top: 5px;
	margin-left: 80px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-right: 60px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-color: #61401F;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-right: 80px;
	}

	.overview-detail {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding-left: 100px;
	}

/* 見出しレベル3 */

	h3.normal {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 120%;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 2px;
	margin-left: 60px;
	color: #FFF;
	background-color: #814b1e;
	padding-right: 5px;
	margin-right: 80px;
	}

	h3.sitemap {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 120%;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 0px;
	height: 43px;
	margin-top: 30px;
	padding-left: 60px;
	width: 683px;
	padding-bottom: 0px;
	padding-top: 2px;
	margin-left: 35px;
	}


/* 施工事例 */

	.text_jirei {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	margin-right: 5px;
	margin-left: 50px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 15px;
	padding-right: 80px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
	.text_description {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	margin-right: 20px;
	margin-left: 80px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 80px;
	padding-bottom: 10px;
	padding-left: 10px;
	}


/* パンくず */

	.breadscumb {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 70%;
	line-height:100%;
	color: #333333;
	margin-right: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	

/* サイトマップ*/

	.sitemap_discription {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 100%;
	line-height:140%;
	color: #333333;
	padding-top: 0px;
	margin-left: 100px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-right: 80px;
	padding-bottom: 5px;
	padding-left: 10px;







	margin-right: 10
];
	}



/* ------------------------------
画像配置
------------------------------ */

	img.placement{
	margin: 10px;
	}
	
	img.placement-w5{
	margin-left: 5px;
	margin-right: 5px;
	}

	img.placement-w10{
	margin-left: 5px;
	margin-right: 10px;
	}

	img.placement-w10h10{
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 10px
	}

	img.placement-w20h10{
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 10px
	}

/* ------------------------------
罫線
------------------------------ */
	
	.baseline{
	background-image: url(images/baseline.jpg);
	background-repeat: no-repeat;
	}


/* ------------------------------
テーブル
------------------------------ */
	
	table.example{
	border: none;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
	td.eximage{
	text-align: center;
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 80%;
	color: #333333;
	padding: 5;
	font-weight: bold;
	}


/* ------------------------------
共通フッター
------------------------------ */	

	#footer {
	width: 700px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-bottom: 20px;
	}

	.companyname {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 120%;
	font-weight:bold;
	color: #000;
	}

	.address {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 80%;
	font-weight:normal;
	color: #000;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	}

	.copyright {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 5px;
	}

/* ------------------------------
お問い合わせテーブル
------------------------------ */

table.contact {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	text-align: left;
	width: 650px;
	margin-left: 80px;
	margin-top: 30px;
}

th.contact-1 {
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	empty-cells: show;
	background-color: #FC9;
	margin: 0;
	text-align: left;
}	

td.contact-2 {
	padding-right: 10px;
	padding-left: 5px;
}	

textarea.contact {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding: 1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

input.contact {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding: 1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 3px;
}

select.contact {
	font-family: Arial, Helvecita, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 100%;
	line-height:150%;
	color: #333333;
	padding: 3px;
	margin: 3px;
	border: 1px solid #999;
}

.required {
	font-family: Arial, Helvecita, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #FF0000;
}