@charset "utf-8";
/*@import url("parts.css");*/

/* ==========================================================



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

scope : すべてのページ

last modify : 2014/10/17 227_suzuki 注目ワードのリスト表示を修正
last modify : 2014/10/06 163_yamamoto パンくずキーワード追加
last modify : 2012/10/12 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,
ection,
nav,
aside,article,
figure,figcaption,
header,
footer,
fieldset{
	margin:0;
	padding:0;
	overflow: hidden;
	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;
}

hr { display:none; }

hr.disp{display:block;}

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

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

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 {
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	font-size:0%;
	line-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; }

p.center { text-align: center; }
.dispnon {
	display:none;
	}
.txtsmall{
	font-size: 80%;
	}


table {
	empty-cells: show;
	border 	: 0;
	border-collapse	: collapse;
	border-spacing	: 0;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}



.rollover{}

#summary p {
	margin : 0 25px 15px;
	font-size : 14px;
	line-height : 1.6;
}
.box950 {
	width 		: 950px;
	padding		: 7px 0 0 0;
	margin		: 0 auto 15px;
	background	: url(/image/bg_950boxtop.gif) no-repeat 0 0;
}
.box950 .bg01 {
	width:950px;
	background	: url(/image/bg_950box.gif) repeat-y 0 0;
}
.box950 .bg02 {
	width: 950px;
	padding: 0 0 15px 0;
	background	: url(image/bg_950boxbottom.gif) no-repeat 0 bottom;
}
	

.entry {
	margin	: 0 auto;
	width	: 900px;
}
.entry p {
	margin		: 0 0 15px;
	font-size	: 110%;
	line-height	: 1.5;
}
		
.entry2 {
	width	: 900px;
	margin	: 15px auto 0;
}
	.entry2 h5 {
		margin		: 18px 15px 5px;
		font-size	: 110%;
	}
	.entry2 p {
		margin		: 0 15px 10px;
		font-size	: 110%;
		line-height	: 1.5;
	}

.box915 {
	width: 915px;
	margin: 0 auto 15px;
}
section.box915 p {
		margin:0 20px 15px;
		font-size:14px;
}

	
	
.linkblank{
	padding: 0 0 0 14px;
	background: url(/common5/image/mrk_blank.gif) no-repeat 0 2px;
	}
	
/* ----------------------------------------------------------

 大カラム

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



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

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

---------------------------------------------------------- */
#wrap{
	margin: 0 auto;
	padding: 0;
	width:950px;
	text-align: left;
	}

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

 1.header

 #wrapの中に最初に挿入。

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

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

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

 2.breadcrumb（パンクズ）

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

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

nav#breadcrumb p {
	padding: 0 0 5px 0;
	margin: 5px 5px 10px 5px;
	background: url(/common5/image/bg_dot_bread.gif) repeat-x 0 bottom;
}

nav#breadcrumb p img { padding: 2px 10px 5px 10px; }


/* --追加-- */
nav#breadcrumb ul {
    padding: 0 0 5px 0;
	margin: 10px 5px 10px 5px;
	background: url(/common5/image/bg_dot_bread.gif) repeat-x 0 bottom;
}
nav#breadcrumb ul li{
    background: url("/common5/image/mrk_arrow_bread.gif") no-repeat scroll 0 1px;
    float: left;
    line-height: 110%;
    margin: 0 4px 0 0;
    padding: 0 3px 3px 12px;
    white-space: nowrap;
}
nav#breadcrumb ul li:first-child{
    background: none;
	 padding: 0 3px 3px 0px;
}
/* ----------------------------------------------------------

 3.content

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

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


/* ----------------------------------------------------------
 content
---------------------------------------------------------- */
#content {
overflow: hidden;
	}
	
section{

}

#main {
overflow: hidden;
width:950px;
margin: 0 auto;
padding: 0 0 15px 0;
text-align:left;
	}


/* ----------------------------------------------------------
 rightbar
---------------------------------------------------------- */
#rightbar{
overflow: hidden;
float: right;
width:305px;
	}
	
	
	
.side_movie_area {
width: 300px;
height: 260px;
background: url(/image_cmn/side_movie_back.png) no-repeat;
margin-bottom: 15px;
margin-top: 10px;
}	

.side_movie_area iframe {
margin: 10px 10px 15px;
width: 280px;
height: 158px;
}

.side_movie_area div.linkbtn {
width: 270px;
height: 60px;
margin: 15px 15px 0px;
}

.side_movie_area div.linkbtn a {
display: block;
width: 270px;
height: 60px;
background: url(/image_cmn/youtube_official_btn_on.png) no-repeat center center;
}


.side_movie_area div.movie_link {
width: 280px;
height: 158px;
margin: 10px 10px 0px;
}





/* ----------------------------------------------------------
 お問合せ
---------------------------------------------------------- */

#footBtn_l {
display: inline;
float: left;
margin: 15px 0 10px 20px;
}

#footBtn_r {
display: inline;
float: right;
margin: 15px 20px 10px 0;
}



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

 4.footer

   フッター

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

footer {
	overflow:hidden;
	height: 1%;
	margin: 10px auto 0px;
	padding: 5px 0 0 0;
	/*background: url(/common5/image/bg_footernav_top.gif) no-repeat center 0;*/
}

.b_menu_bg {
	overflow:hidden;
	clear: both;
	height: 1%;
	margin: 15px auto 0px;
	padding: 5px 0 0 0;
	/*background: url(/common5/image/bg_footernav_top.gif) no-repeat center 0;*/
	}



#b_menu {
	overflow:hidden;
	list-style:none;
	clear:both;
	width:950px;
margin: 0px auto 7px -15px;
	height: 1%;
	padding: 10px 0 12px 30px;
	text-align:left;
	}
#b_menu dl {
	float:left;
	padding:0px;
	}
#b_menu dl dt {
	height:22px;
	margin:0px 0px 8px 0px;
	padding:0px;
	font-weight:bold;
	line-height:22px;
	text-indent:5px;
	text-decoration:underline;
	}
#b_menu dl dd {
	margin:0px;
	padding:0px;
	}

#b_menu dl dd ul {
	margin:0px;
	padding:0px;
	font-size:100%;
	}
#b_menu dl dd ul li {
	display:block;
	clear:both;
	margin:0px;
	padding:0px 0px 11px 14px; 
	background:url(/common5/image/bottom_menu_mark.gif)  no-repeat 4px 4px;
	line-height:1.2;
}

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

#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;
}


	
#b_menu dl dd ul li a {
	color:#666666;
	text-decoration:none;
	}
#b_menu dl dd ul li a:hover {
	color:#999999;
	}
/* メニューを縦に並べる場合 */
#b_menu .menubox {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
	}
#b_menu .menubox dl {
	float:none;
	padding:0px;
	}
#b_menu .menubox dl dd.upper {
	margin:0px 0px 10px 0px;
	}

#b_menu dl {
	width:145px;
	margin:0px 10px 0px 0px;
	}
#b_menu dl.menuright {
	margin:0px;
	}
#b_menu dl dt {
	display:block;
	padding:0px;
	background:#8D8D8D;
	color: #FFF;
	text-decoration:none;
	}
#b_menu dl dd ul {
	width:145px;
	}
#b_menu dl dd ul li {
	margin:0px;
	}
	
	
footernav section {
	width: 170px;
	height: 1%;
	float: left;
	margin: 4px 0 0 0;
	padding: 5px 0 10px 15px;
}

footernav div.long { width: 210px; }

footernav div.short { width: 150px; }

footernav h2 { margin: 0 0 12px 0; }

footernav ul li {
	font-size: 80%;
	padding: 0 0 0 10px;
}

footernav ul li a { color: #666666; }



/*----  お問合せ  ----*/

footer #inquiry {
	display: block;
	width:934px;
	padding: 10px 8px;
	margin: 0 auto 9px;
	background: #ededed;
}

/*----  可視 footer  ----*/

footer ul.link {
	text-align: center;
	padding: 0 0 23px 0;
}

footer ul.link li {
	display: inline;
}

footer ul.link li a { color: #666666; }

footer ul.link li a:link,
footer ul.link li a:visited,
footer ul.link li a:active,
footer ul.link li a:hover {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

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

#footer_copy section { display: inline; }

#footer_copy p#copyright { display:inline; }

#footer_copy #langage { display: inline; }

#footer_copy #langage ul {
	display: inline;
	padding: 0 0 0 10px;
}

#footer_copy #langage li { display: inline; }




/*----  注目ワード  ----*/
#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{
	overflow:hidden;
	display:block;
}
#hotwords dl dd ul li {
	float: left;
	white-space: nowrap;
	margin: 4px 0px;
	padding: 0px 9px 0px 8px;
	border-right:1px dotted #CC5479;
	overflow:visible; 
}
/*----  キーワード  ----*/
#content > div.keyword_box {
    border: 3px solid #EDEDED;
    clear: both;
    color: #868686;
    margin: 20px auto 0;
    width: 770px;
}
#content > div.keyword_box > p {
    margin: 10px auto;
    text-align: left;
    width: 700px;
}

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





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

/*  clearfix

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

.clr:after{
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}
.clr{
	overflow	: hidden;
}
/* Hides from IE-mac \*/
* html .clr{
	height		: 1%;
	overflow	: visible;
}
/* End hide from IE-mac */