@charset "utf-8";

/* ==========================================================
title : 東建ウェブサイト 標準スタイル

scope : すべてのページ

 -- これ以降に記述を追加することを禁ず -- 

last modify : 2012/11/27 006_oshi
========================================================== */

/* ----------------------------------------------------------
 初期化
---------------------------------------------------------- */

html {
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6,div,span,p,pre,blockquote,ul,ol,li,dl,dt,dd,address,form,select,option,input,label,section,nav,aside,article,figure,figcaption,header,footer,fieldset{
	margin:0;
	padding:0;
	font-weight:normal;
	}
	
h1,h2,h3,h4,h5,h6 { font-size:100%; }

article,header,footer,section,nav,aside { display:block; }

img {
	margin:0;
	padding:0;
	border:none;
	vertical-align:bottom;
	}

table {
	empty-cells: show;
	border 	: 0;
	border-collapse	: collapse;
	border-spacing	: 0;
	}
	
hr { display:none; }

hr.disp{ display:block; }/* 未使用？削除候補 */

ul,ol,li { list-style:none; }

/* ----------------------------------------------------------
 標準スタイル定義
---------------------------------------------------------- */

body {
	min-width:980px;
	margin:0;
	border-top:#cc5479 solid 15px;
	color:#333;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size:80%;
	line-height:150%;
	text-align:center;
	}

a:link {
	color:#336699;
	background-color:transparent;
	text-decoration:none;
	}

a:visited {
	color:#336699;
	text-decoration:none;
	}

a:active { text-decoration:none; }

a:hover {
	color:#336699;
	text-decoration: underline;
	}

/* ----------------------------------------------------------
 汎用クラス（能動的クラス指定）
---------------------------------------------------------- */

.clear:after{
    content:"";
    clear:both;
    display:block;
    height:0;
}

/* 使ってる？削除候補 */
/*.dispnon { display:none; }*/
.red { color:#FF0000; }
.linkcolor { color:#336699; }
.txt_small {
	font-size: 80%;/*IE8バグ対応のため、%にします*/
	letter-spacing: 0.05em;
	}
.txt_normal { font-size: 13px; }
.center { text-align: center; }
.block { display:block; }
.flt_l { float:left !important;}
.flt_r { float:right !important;}
.txt_l { text-align:left !important;}
.txt_c { text-align:center !important;}
.txt_r { text-align:right !important;}
.auto {
	margin-right:auto;
	margin-left:auto;
	}
.psn { position:relative;}
.none { background-image:none !important;}
.txt_gray { color:#999; }
/* 使ってる？削除候補ここまで */



.mt0  { margin-top:0    !important; display: block; }
.mt5  { margin-top:5px  !important; display: block; }
.mt10 { margin-top:10px !important; display: block; }
.mt15 { margin-top:15px !important; display: block; }
.mt20 { margin-top:20px !important; display: block; }
.mt25 { margin-top:25px !important; display: block; }
.mt30 { margin-top:30px !important; display: block; }
.mt35 { margin-top:35px !important; display: block; }
.mt40 { margin-top:40px !important; display: block; }
.mt45 { margin-top:45px !important; display: block; }
.mt50 { margin-top:50px !important; display: block; }

.mr0  { margin-right:0    !important; display: block; }
.mr5  { margin-right:5px  !important; display: block; }
.mr10 { margin-right:10px !important; display: block; }
.mr15 { margin-right:15px !important; display: block; }
.mr20 { margin-right:20px !important; display: block; }
.mr25 { margin-right:25px !important; display: block; }
.mr30 { margin-right:30px !important; display: block; }
.mr35 { margin-right:35px !important; display: block; }
.mr40 { margin-right:40px !important; display: block; }
.mr45 { margin-right:45px !important; display: block; }
.mr50 { margin-right:50px !important; display: block; }

.mb0  { margin-bottom:0    !important; display: block; }
.mb5  { margin-bottom:5px  !important; display: block; }
.mb10 { margin-bottom:10px !important; display: block; }
.mb15 { margin-bottom:15px !important; display: block; }
.mb20 { margin-bottom:20px !important; display: block; }
.mb25 { margin-bottom:25px !important; display: block; }
.mb30 { margin-bottom:30px !important; display: block; }
.mb35 { margin-bottom:35px !important; display: block; }
.mb40 { margin-bottom:40px !important; display: block; }
.mb45 { margin-bottom:45px !important; display: block; }
.mb50 { margin-bottom:50px !important; display: block; }

.ml0  { margin-left:0    !important; display: block; }
.ml5  { margin-left:5px  !important; display: block; }
.ml10 { margin-left:10px !important; display: block; }
.ml15 { margin-left:15px !important; display: block; }
.ml20 { margin-left:20px !important; display: block; }
.ml25 { margin-left:25px !important; display: block; }
.ml30 { margin-left:30px !important; display: block; }
.ml35 { margin-left:35px !important; display: block; }
.ml40 { margin-left:40px !important; display: block; }
.ml45 { margin-left:45px !important; display: block; }
.ml50 { margin-left:50px !important; display: block; }

/* ----------------------------------------------------------

 #wrap  bodyの直下に挿入。全てのコンテンツを含みます。

---------------------------------------------------------- */

div#wrap{
	margin: 0 auto;
	padding: 0;
	width:100%;
	text-align: left;
	}

/* ----------------------------------------------------------

 1.header

 #wrapの中に最初に挿入。

---------------------------------------------------------- */

div#wrap > header { /**各ページcommon/header.cssで設定します。サイトトップページのみ、css/header.css**/ }

/* ----------------------------------------------------------

 2.breadcrumb（パンクズ）

 TOPページを除く全てのページに、headerの後に挿入。

---------------------------------------------------------- */

div#wrap > nav#breadcrumb {
	width:950px;
	margin: 10px auto;	
	}

div#wrap > nav#breadcrumb > p {
	margin:0 5px;
	padding: 0 0 5px 0;
	background: url(/image_cmn/bg_dot_bread.gif) repeat-x 0 bottom;
	}

div#wrap > nav#breadcrumb > p > img {
	padding: 2px 10px 5px 10px;
	}
	
/* ----------------------------------------------------------

 3.content section

 （ヘッダー・フッター・パンクズを除く本文は全てここに含みます。）

---------------------------------------------------------- */

/* ----------------------------------------------------------
 main column
---------------------------------------------------------- */

div#wrap > #contents {
	width:950px;
	margin:0 auto 20px;
	}

div#wrap > #contents > h1 {
	margin: 0px 5px 15px 5px;
    padding: 0px 0 8px 5px;
    font-size: 135%;
    font-weight: normal;
	border-bottom:1px solid #cccccc;
	}

div#wrap > #contents > h1 + img {
	display:block;
	overflow:hidden;
	margin-bottom:15px;
	}

div#wrap > #contents > p,
div#wrap > #contents > section p {
	width:790px;
	margin:0 auto 15px;
	font-size:14px;
	line-height:1.6;
	}

	/* ---------------------------------------
	 box（汎用のボックス）
	---------------------------------------- */

	div#wrap > #contents section[class~="box"],
	div#wrap > #contents div[class~="box"] {
		display:block;
		max-width:895px;
		margin:10px auto;
		padding:10px;
		}
	
	div#wrap > #contents section[class~="outline"],
	div#wrap > #contents div[class~="outline"] {
		padding:9px;
		border:1px #999 solid;
		}
	
	div#wrap > #contents section[class~="round"],
	div#wrap > #contents div[class~="round"] {
		border-radius:7px;
		behavior:url(/js/lib/PIE.htc);
		position:relative;
		}
	
	div#wrap > #contents section[class~="box"] *[class~="box"],
	div#wrap > #contents div[class~="box"] *[class~="box"] {
		margin-bottom:0;
		}

	/* ---------------------------------------
	 bottom_foot（お問合せと資料請求）
	---------------------------------------- */
	
	div#wrap > #contents > div#bottom_foot {
		clear:both;
		width:950px;
		margin:20px auto 0;
		padding:20px 0px 0px 0px;
		border-top:#dddddd solid 2px;
		}
	
	div#wrap > #contents > div#bottom_foot ul#bottom_inquiry {
		width:620px;
		height:100px;
		margin:0 auto;
		background:url(/image_cmn/bottom_inquiry_bg.jpg) 0 0 no-repeat;
		}
		
	div#wrap > #contents > div#bottom_foot ul#bottom_inquiry li {
		display:inline;
		float:left;
		width:247px;
		height:65px;
		text-indent:-10000px;
		}
	
	div#wrap > #contents > div#bottom_foot ul#bottom_inquiry li a {
		display:block;
		width:247px;
		height:65px;
		}
	
	div#wrap > #contents > div#bottom_foot > ul#bottom_inquiry > li#btn_mail {
		margin:20px 33px 0px 43px;
		}
	
	div#wrap > #contents > div#bottom_foot > ul#bottom_inquiry > li#btn_mail > a {
		background:url(/image_cmn/bottom_inquiry.jpg) -43px -20px no-repeat;
		}
	
	div#wrap > #contents > div#bottom_foot > ul#bottom_inquiry > li#btn_mail > a:hover {
		background:url(/image_cmn/bottom_inquiry.jpg) -43px -120px no-repeat;
		}
	
	div#wrap > #contents > div#bottom_foot > ul#bottom_inquiry > li#btn_material {
		margin:20px 0px 0px 0px;
		}
	
	div#wrap > #contents > div#bottom_foot > ul#bottom_inquiry > li#btn_material > a {
		background:url(/image_cmn/bottom_inquiry.jpg) -323px -20px no-repeat;
		}
	
	div#wrap > #contents > div#bottom_foot > ul#bottom_inquiry > li#btn_material > a:hover {
		background:url(/image_cmn/bottom_inquiry.jpg) -323px -120px no-repeat;
		}

	/* ---------------------------------------
	 keyword_box（ページキーワード）
	---------------------------------------- */

	div#wrap > #contents > div.keyword_box {
		clear: both;
		width: 780px;
		margin: 30px auto 20px;
		padding: 10px;
		text-align:left;
		border: 3px solid #EDEDED;
		color: #868686;
		}


	/* ---------------------------------------
	 簡易ロールオーバー
	---------------------------------------- */
	
	div#wrap > #contents a.ov {
		background:#fff;
		}
	 
	div#wrap > #contents a.ov:hover > img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		}

/* ----------------------------------------------------------
 right column
---------------------------------------------------------- */

近日追加予定

/* ----------------------------------------------------------

 4.footer

   フッター

---------------------------------------------------------- */

div#wrap > footer {
	margin: 10px auto 0px;
	padding: 5px 0 0 0;
	}

div#wrap > footer > div#inquiry {
	display: block;
	width:934px;
	padding: 10px 8px;
	margin: 0 auto 9px;
	background: #ededed;
	text-align: center;
	}

div#wrap > footer > ul#link {
	width: 760px;
  margin: 0 auto;
	text-align: center;
	padding: 0 0 23px 0;
	}

div#wrap > footer > ul#link > li {
	display: inline-block;
	}

div#wrap > footer > ul#link > li > a { color: #666666; }

div#wrap > footer > ul#link > li > a:link,
div#wrap > footer > ul#link > li > a:visited,
div#wrap > footer > ul#link > li > a:active {
	color: #666;
	font-weight: normal;
	text-decoration: none;
	}
	

div#wrap > footer > ul#link > li > a:hover {
	color: #ccc;
	font-weight: normal;
	text-decoration: none;
	}

div#wrap > footer > #footer_copy {
	margin: 0 auto;
	padding:0 0 40px 0;
	text-align: center;
	background:url(/image_cmn/bg_btmlabel.gif) repeat-x bottom; 
	}

div#wrap > footer > #footer_copy > div#create { display: inline; }

div#wrap > footer > #footer_copy > div#create > p#copyright { display:inline; }

div#wrap > footer > #footer_copy > div#language { display: inline; }

div#wrap > footer > #footer_copy > div#language > ul {
	display: inline;
	padding: 0 0 0 10px;
	}

div#wrap > footer > #footer_copy > div#language > ul > li { display: inline; }


/* ----------------------------------------------------------
 footer menu（トップ・セカンドページのみ使用）
---------------------------------------------------------- */

div#b_menu_bg {
	overflow:hidden;
	margin: 0 auto;
	padding: 5px 0 0 0;

	}

div#b_menu_bg > div#b_menu {
	overflow:hidden;
	list-style:none;
	clear:both;
	width:950px;
	margin:0px auto 7px;
	padding: 10px 0 12px 30px;

	text-align:left;
	}

div#b_menu_bg > div#b_menu dl {
	float:left;
	width:145px;
	margin:0px 10px 0px 0px;
	padding:0px;
	}

div#b_menu_bg > div#b_menu > dl:last-child {
	margin:0px;
	}

div#b_menu_bg > div#b_menu dl > dt {
	display:block;
	height:22px;
	margin:0px 0px 8px 0px;
	padding:0px;
	background:#8D8D8D;
	color: #FFF;
	font-weight:bold;
	line-height:22px;
	text-indent:5px;
	text-decoration:none;
	}

div#b_menu_bg > div#b_menu dl > dd {
	margin:0px;
	padding:0px;
	}

div#b_menu_bg > div#b_menu dl > dd > ul {
	width:145px;
	margin:0px;
	padding:0px;
	font-size:100%;
	}

div#b_menu_bg > div#b_menu dl > dd > ul > li {
	display:block;
	clear:both;
	margin:0px;
	padding:0px 0px 11px 14px; 
	background:url(/image_cmn/bottom_menu_mark.gif)  no-repeat 4px 4px;
	line-height:1.2;
}

div#b_menu_bg > div#b_menu dl > dd > ul > li > a {
	color:#666666;
	text-decoration:none;
	}

div#b_menu_bg > div#b_menu dl > dd > ul > li > a:hover {
	color:#999999;
	}

	div#b_menu_bg > div#b_menu > dl > dd > ul > li.inquiry {
		display:block;
		width:129px;
		height:34px;
		margin:0 0 0 0;
		padding:0 0 0 2px;
	}
		
	div#b_menu_bg > div#b_menu > dl > dd > ul > li.inquiry > a {
		background:url(/image_cmn/tc_inquiry_btn.gif) no-repeat 0 0;
		width:129px;
		height:17px;
		text-indent:-9999px;
		padding: 0 0 0 0;
		display:block;
	}
	
	div#b_menu_bg > div#b_menu > dl > dd > ul > li.inquiry > a:hover{
		background:url(/image_cmn/tc_inquiry_btn.gif) no-repeat 0 -17px;
		width:129px;
		height:17px;
		text-indent:-9999px;
	}

	/* メニューを縦に並べる場合 */
	div#b_menu_bg > div#b_menu > #b_menu > .menubox {
		display:inline;
		float:left;
		margin:0px;
		padding:0px;
		border: #0C9 outset 1px;
		}
	
	div#b_menu_bg > div#b_menu > #b_menu > .menubox > dl {
		float:none;
		padding:0px;
		}
	
	div#b_menu_bg > div#b_menu > #b_menu > .menubox > dl > dd.upper {
		margin:0px 0px 10px 0px;
		}


.bnr_in2 {
	width:600px;
	margin:0 auto;
    padding: 15px 0 30px;
    background: #fff;
}

.bnr_in2 > a:hover > img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		}


/*----  フッター　注目ワード  ----*/
#hotwords {
	width:940px;
	margin:10px auto 30px;
	overflow:hidden; /zoom:1;
	background:#fff;
	text-align:left;
}
#hotwords dl dt {
	font-size:123%;
	color:#CC5479;
	font-weight:bold;
	border-bottom:2px dotted #CC5479;
	padding:0 0 8px 10px;
	line-height:1.2;
}
#hotwords dl dd {
	padding:10px 4px;
	border-bottom:2px dotted #CC5479;
	overflow:hidden;
}
#hotwords dl dd ul li {
	float: left;
	white-space: nowrap;
	margin: 4px 0px;
	padding: 0px 9px 0px 8px;
	border-right:1px dotted #CC5479; 
}

/* これ以降に記述を追加することを禁ず */