/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　Office HARADA ｜オフィスハラダ｜
基本スタイルCSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■基本スタイル：960px　印刷時75％

｜100px｜　　　840px　　　｜100px｜

■基本フォント：ゴシック系

■基本文字サイズ：14px　行間：1.75em
□小さい文字サイズ：12px
□さらに小さい文字サイズ：10px
□タイトルなど大きなサイズ：16px

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

/*　初期設定　*/

body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(img_general/headbg_blackbar.gif) repeat-x left top;	
}

/*　すべてにフォント設定　*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳゴシック", "ＭＳ Ｐゴシック", "Trebuchet MS", "Arial", "Helvetica";
}

/*　見出しのマージン・余白・行間クリア　*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 1.25em;
}


/*　段落の基本設定　*/
p {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
}

/*　imgのクリア　*/
img {
	margin: 0px;
	padding: 0px;
}

/*　IE6バグ対策｜画像下に隙間があく　*/
img{
vertical-align: top;
vertical-align: bottom;
}



/*　divのクリアとブロック化　*/
div {
display:block;
}

.clear {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.hidden {
	display: none;
}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　基本構造　
　　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
div#allcover {

}


div#headcover {
	width: 1220px;
	margin: 0px auto;
	height: 130px;
}

div#headleft {
	width: 360px;
	float: left;
	margin-left: 0px;
	height: 130px;
}

div#headcover div#colorblock{
	height: 130px;
	width: 280px;
	background: #6A0 url(img_general/headcolor_blackbar.gif) no-repeat left top;
	margin: 0px 0px 0px 80px;
}

/*  イエノタネ　*/
body.it div#headcover div#colorblock{
background-color: #6A0;
}

/*　インテリアビルダー　*/
body.ib div#headcover div#colorblock{
	background-color: #36C;
}


/*　オーラ　*/
body.ola div#headcover div#colorblock{
	background-color: #966;
}


/*　会社概要　*/
body#about div#headcover div#colorblock{
	background-color: #CC9;
}


/*　お問合せ　*/
body#inquiry div#headcover div#colorblock{
	background-color: #CC9;
}



/*　社名とナビ　*/
div#head {
	width: 560px;
	display: block;
	float: left;
}

div#head h1{
	width: 560px;
	margin-bottom: 35px;
	display: block;
}

div#head h2 {
	font-size: 10px;
	line-height: 1em;
	font-weight: normal;
	color: #999;
	text-align: right;
	width: 560px;
	display: block;
}

div#head h2 a{
	color: #999;
	text-decoration: none;
}

div#head h2 a:hover{
	color: #F60;
}

div#head h2 a.on{
	color: #FD0;
}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　コンテンツ
　　−−−−−−−−−−−−−−−−−−−−−−*/

/*｜ヘッダ以下のコンテンツ全体を覆う｜*/
div#contcover {
	margin: 0px auto 40px;
	width: 1220px;
}


/**/

/*｜コンテンツカバー内の左ブロック｜左寄せ｜幅280px｜
　　　※　左アキ40pxをつくるため、この中のに入れ子の「.inleft」で左マージン40pxを適用（IE6対策）*/
div#sheetleft {
	width: 360px;
	float: left;
	margin-left: 0px;
}

div#sheetleft  .inleft{
	margin-left: 80px;
}



/*｜コンテンツカバー内の右ブロック｜右寄せ｜幅840px｜右側にラインを背景で。｜
　　　※　ラインとのアキをつくるため、この中のブロックには↓の「.inright」で左マージン40pxを適用（IE6対策）*/
div#sheetright {
	background: url(img_tane/sideline.gif) repeat-y left;
	width: 860px;
	margin-top: 60px;
	margin-left: 0px;
	float: right;
	display: block;
}

body.ib div#sheetright {
	background-image: url(img_ib/sideline.gif) ;
}

body.ola div#sheetright {
	background-image: url(img_ola/sideline.gif) ;
}

body#about div#sheetright {
	background-image: url(img_about/sideline_CC9.gif) ;
}

body#inquiry div#sheetright {
	background-image: url(img_inquiry/sideline_CC9.gif) ;
}



div#sheetright .inright{
	margin-left: 40px;
	margin-bottom: 20px;
}



/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　コンテンツ　｜左部｜
　　−−−−−−−−−−−−−−−−−−−−−−*/
p#meen {
	font-size: 11px;
	line-height: 1.75em;
	width: 180px;
	border: 1px solid #CCC;
	border-width: 0 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 20px auto;
}



div#prof {
	margin-top: 40px;
	font-size: 10px;
	line-height: 1.5em;
}

div#prof p{
	font-size: 10px;
	line-height: 1.5em;
	width: 110px;
	float: left;
	margin-right: 30px;
	margin-top: 10px;
}

div#prof p strong{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 5px;
	margin-bottom: 0px;
	display: block;
	line-height: 1.25em;
}

div#prof p em{
	font-style: normal;
	color: #09F;
}

/*　ブログリンクボタン　*/

p.bloglink {
	height: 26px;
	width: 220px;
}

p.bloglink a{
	background-image: url(img_general/bloglink_tane.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 220px;
	display: block;
	border: none;
	margin: 0px 0px 10px 0px;
	text-indent: -9999px;
}

/*画像書き換え*/
body#interiorbuilder  p.bloglink a,
body.ib  p.bloglink a{
	background-image: url(img_general/bloglink_ib.gif);
}

body#ola  p.bloglink a{
	background-image: url(img_general/bloglink_ola.gif);
}




p.bloglink a:hover{
background-position:bottom;
}



/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　コンテンツ　｜右部｜
　　−−−−−−−−−−−−−−−−−−−−−−*/
div#txtblock {
	margin-top: 20px;
	display: block;
}


div#mainimagebox {
}

div#mainimagebox img{
	float: left;
}

p#maintxt {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 14px;
	line-height: 1.75em;
	display: block;
	width: 300px;
	float: left;
}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　問合せフォームボタン
　　−−−−−−−−−−−−−−−−−−−−−−*/

div#goinquiry {
	margin-top: 40px;
	margin-left: 10px;
}

div#goinquiry p{
	height: 70px;
	width: 220px;
}

div#goinquiry p a{
	background: url(img_ib/go_inquiry.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 220px;
}

div#goinquiry p a:hover{
	background-position: bottom;
}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　フッター
　　−−−−−−−−−−−−−−−−−−−−−−*/

/*｜フッタのコンテンツ全体を覆う｜*/
div#footer {
	margin: 0px auto 40px;
	width: 1220px;
}


/*　｜テキストリンク｜　*/
div#footer p#txtlink {
	display: block;
	margin-left: auto;
	font-size: 11px;
	line-height: 1.75em;
	margin-right: auto;
	width: 860px;
	text-align: center;
}

div#footer p#txtlink a{
	text-decoration: none;
	color: #0066FF;
}

div#footer p#txtlink a:hover{
	color: #F60;
	text-decoration: underline;
}




/*コピーライト*/
p#copyright {
	display: block;
	width: 100%;
	font-size: 10px;
	line-height: 1.75em;
	color: #666;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	letter-spacing: 0.2em;
	text-align: center;
	height: 40px;
	padding-top: 1em;
	padding-bottom: 1em;
}