/* CSS Document */

/* 全体構造 */
html {height:100%;}

*{
	margin:0px;
	padding:0px;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	line-height:160%;
	font-weight: normal;
	font-variant: normal;
	font-size:small;
	/*
	background-image:url(../img/bg.gif);
	background-repeat: repeat;
	*/
	color: #000000;
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat-x;
}

/*リンク
------------------------------------------------*/

a:focus { -moz-outline-style: none; }

a:link{
/*color:#3366CC;*/
text-decoration:none;
}

a:visited{
/*color:#000099;*/
text-decoration:none;
}

a:hover{
/*color:#3366CC;*/
text-decoration:underline;
}

img{
	border:none;
}


/*コンテナ
-----------------------------------------*/
div#wrapAll{
	width:800px;
	margin-top:19px;
	margin-right: auto;
	margin-left: auto;
	
	background-color:#FFFFFF;
	
	background-image: url(../img/bg_wrap.jpg);
	background-repeat: no-repeat;
}

div#wrapIN{
	width:750px;
	margin:0 auto;
}

div#wrapA{
}

h1#description{
	font-size:12px;
	font-weight:normal;
	color:#747474;
	
	/*margin:10px 0;*/
}

/* ヘッドエリア
---------------------------------------------------- */
div#header{
	height:70px;
}

div#headLogo{
	float:left;
	width:230px;
}

div#headLogo#logo{
}

div#headLogo#logo a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:60px;
	background-image:url(../img/head_logo.jpg);
	background-repeat:no-repeat;
}

div#headMenu{
	float:right;
	width:520px;
}

ul#hm{
	list-style-type:none;
	display:block;
	margin:0 auto;
}

ul#hm li{
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	text-indent:-9999px;
}

ul#hm li a{
	margin:0px;
	text-decoration:none;
	display:block;
	height:60px;
	
	background-repeat:no-repeat;
}


ul#hm li a:hover {	background-position: 0px -60px;}
ul#hm li.hm01 a{
	width:126px;
	background-image:url(../img/bg_hm-01.gif);
}

ul#hm li.hm02 a{
	width:126px;
	background-image:url(../img/bg_hm-02.gif);
}
ul#hm li.hm03 a{
	width:126px;
	background-image:url(../img/bg_hm-03.gif);
}
ul#hm li.hm04 a{
	width:126px;
	background-image:url(../img/bg_hm-04.gif);
}

/* ヘッドエリア
---------------------------------------------------- */


div#headLogo2{
	float:left;
	width:230px;
}

div#headLogo2 #logo{
}

div#headLogo2 #logo a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:60px;
	background-image:url(../img/head_logo.jpg);
	background-repeat:no-repeat;
}






/*右メインエリア
---------------------------------------------*/

div#mainBox{
	float:right;
	width:540px;	
}

div#mainBox h3{
	font-size:12px;
	margin: 4px 0;
}

div#komaBoxIN{
	width:520px;
	margin-left:auto;
	margin-right:auto;
}





/*曽我社長からのメッセージ
---------------------------------------------*/


div#komaBoxIN .messe-01{

}

div#komaBoxIN .messe-02{
	width:380px;
	background-image:url(../img/obj_sogakome2_1.gif);
	background-repeat:no-repeat;
	padding-left: 140px;
	padding-top: 110px;

}


div#komaBoxIN .messe-02 p{
	color:#000066;
	letter-spacing: 0.1px;
	line-height: 180%;

}

div#komaBoxIN .messe-03{
	width:420px;
	background-image:url(../img/bg_messe03.jpg);
	background-repeat:no-repeat;
	padding-top: 70px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;


}


/*旧事例紹介
---------------------------------------------*/


div.jirei{
	height: 160px;
	width: 500px;

}

div#komaBoxIN .jireiA{
	width:245px;
	height:76px;
	display:block;
	float: left;
		background-image: url(../img/bana_koma_kusabana.gif);
	background-repeat: no-repeat;
}

div#komaBoxIN .jireiB{
	width:245px;
	height:76px;
	display:block;
	float: right;
}

div#komaBoxIN .jireiC{
	width:245px;
	height:76px;
	display:block;
	float: left;
	background-image: url(../img/bana_koma_wood.gif);
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
}

div#komaBoxIN .jireiD{
	width:245px;
	height:76px;
	display:block;
	float: right;
}


div#komaBoxIN .jireiA a{
	width:245px;
	height:76px;
	display:block;

	text-indent: -9999px;
	float: left;
}

div#komaBoxIN .jireiB a{
	width:245px;
	height:76px;
	display:block;
	background-image: url(../img/bana_koma_sentaku.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
}

div#komaBoxIN .jireiC a{
	width:245px;
	height:76px;
	display:block;

	text-indent: -9999px;
	float: left;
	margin-top: 5px;
}

div#komaBoxIN .jireiD a{
	width:245px;
	height:76px;
	display:block;
	background-image: url(../img/bana_koma_barbecue.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
	margin: 5px 0 0 0;
}

div#komaBoxIN .sodan a{
	width:496px;
	height:116px;
	display:block;
	background-image: url(../img/bana_koma_soga.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: both;
}

div#komaBoxIN img{
　padding:3px;
}

/*トピックスCMS部分
---------------------------------------------*/

div#topicBox{
	width:540px;
	background-image:url(../img/bg_topics.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

div#topicBoxIN{
	width:512px;
	margin-left:auto;
	margin-right:auto;
}

div#topicBoxIN h3{
	text-indent:-9999px;
}

div#topicBoxIN h3 a{
	text-indent:-9999px;
	height:30px;
	margin:5px 4px;
	display:block;
}

div#topicBox dl{
	margin:0px 20px;
	
	color:#686868;
}

div#topicBox dt{
	margin-top:25px;
	text-indent:20px;
	
	/*font-size:12px;*/
	font-weight:bold;
	
	background-image:url(../img/pt_orange.jpg);
	background-repeat:no-repeat;
	background-position:0 50%;
}

div#topicBox dd{
	line-height:250%;
	text-indent:20px;
	
	background-image:url(../img/line_gray.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

/*我が家の変な話
---------------------------------------------*/
div#column{

}


div#column img{
	float:left;
	padding: 0 10px 5px 0;
}



/*サイドナビ
---------------------------------------------*/
div#sideBox{
	width:210px;
	padding:0 0;
	float:left;
}

div#sideNavi-Box{
	width:200px;
	margin:0px auto;
}

div#sideNavi-Box ul{
	list-style:none;
	
	margin:0px;
	padding:0px;
}

div#sideNavi-Box li a{
	display:block;
	height:60px;
	width:200px;
	text-indent:-9999px;
	
	margin:2px 0;
}

div#sideNavi-Box li#s01 a{
	background-image:url(../img/navi_home-01.gif);
}

div#sideNavi-Box li#s02 a{
	background-image:url(../img/navi_home-02.gif);
}

div#sideNavi-Box li#s03 a{
	background-image:url(../img/navi_home-03.gif);
}

div#sideNavi-Box li#s04 a{
	background-image:url(../img/navi_home-04.gif);
}

div#sideNavi-Box li#s05 a{
	background-image:url(../img/navi_home-05.gif);
}

div#sideNavi-Box li#regarden a:hover/*,a:active*/{
	background-position:-200px 0;
}

div#sideNavi-Box li#sekorei a:hover/*,a:active*/{
	background-position:-200px 0;
}

div#sideNavi-Box li#shohin a:hover/*,a:active*/{
	background-position:-200px 0;
}

/* フッターエリア
---------------------------------------------------- */


div#footBana{
	clear:both;
	padding:5px;
}


div#footNavi{
	padding:10px 0;
	text-align:center;
	font-size:90%;
	line-height:160%;
	clear: both;
}

div#footer{
	height:71px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
}

div#footer-Box{
	width:720px;
	
	font-size:90%;
	margin:0px auto;
	padding:20px 0;
}
div#footer-Box ul{
	
	list-style:none;
}

div#footer-Box li{
	float:left;
	
	margin-left:15px;
	margin-right:15px;
}


/* 装飾
---------------------------------------------------- */
.space{
padding-left:10px;
}

.komidashi {
	color: #FF6600
}