/***********************/
/* レイアウトCSS         */
/***********************/
body , div , p , ul , 
h1 , h2 , h3 , h4 , h5 , h6 {
  margin: 0;
  padding: 0;
}
img{border:none;}
html, body {
	height: 100%;
	text-align:center;
}
body{
	background:url(../images/bg_img.jpg) repeat-x center top;
	color:#333;
	font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}
body#TopPage{
	background:url(../images/bg_img_top.jpg) repeat-x center top;
}
#design-bg{
	width:100%;
	min-height: 100%;
	height:100%;
	background:url(../images/logo_header.jpg) no-repeat center 20px;
}
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
}
#headerinner{
	position:relative;
	width:840px;
	height:20px;
	font-size:85%;
	line-height:20px;
	margin:auto;
	text-align:left;
	color:#FFF;
}
#HeaderLogo{
	float:left;
	margin-top:15px;
	width:340px;
	height:45px;
}
#submenu{
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/line_submenu.gif) right center no-repeat;
	text-align:right;
}
#submenu ul li{
	display: inline;
	list-style:none;
	background:url(../images/line_submenu.gif) left center no-repeat;
	padding:0;
}
#submenu ul li a{
	display: -moz-inline-box; /* firefox2 対応 */  
	display: inline-block; 
	height:20px;
	line-height:20px;
	font-size:90%;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 10px;
	background:url(../images/pointer_submenu.gif) center 0px no-repeat;
}
#submenu ul li a:hover{color:#EEEEEE; background-position:center -50px;}
#submenu ul li a:hover{color:#EEEEEE; background-position:center -50px;}
#headernavi{
	width:840px;
	height:32px;
	text-align:left;
	margin:auto;
	background-image:url(../images/bg_headernavi.gif);
}
#header-under{
	display:none;
	text-align:left;
	margin:auto;
}
#container , #container-m-r {
	background-image:url(../images/bg_container.jpg);
}
#container-l-m , #container-m{
	background-image:url(../images/bg_container_white.jpg);
}
#container , #container-l-m , #container-m-r , #container-m {
	position: relative;
	width:100%;
	text-align:center;
	min-height: 100%;
	margin:0px auto;
	background-repeat:repeat-y;
	background-position:center;
}
* html #container , * html #container-l-m , * html #container-m-r , * html #container-m{
    height:100%;
}
body > #container , body > #container-l-m , body > #container-m-r , body > #container-m {
	height: auto;
}
#footer {
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	text-align:center;
	background:url(../images/bg_footer.gif) repeat-x top;
}
#container #footer , #container-l-m #footer{}
#container-m-r #footer , #container-m #footer{}
#footer-inner{
	width:840px;
	height:38px;
	margin:auto;
	font-size:85%;
	text-align:left;
	background:url(../images/logo_footer.gif) no-repeat left bottom;
}
#copyright{
	width:840px;
	height:27px;
	line-height:250%;
	margin:auto;
	font-size:85%;
	text-align:left;
	overflow:hidden;
}
.moduletable , .moduletable_menu {margin-bottom:5px;}

/***************************/
/* イメージ部分　　　　　　*/
/***************************/
#HeaderImg{
	position:relative;
	width:840px;
	height:254px;
	text-align:left;
	z-index:0;
	background:url(../images/bg_header_line.gif) repeat-x bottom;
	margin-bottom:20px;
}
#HeaderImg #OverImg{
	position:absolute;
	top:79px;
	left:0px;
	width:840px;
	height:160px;
}
#HeaderImg .Works{background:url(../images/img_works.jpg);}
#HeaderImg .Products{background:url(../images/img_products.jpg);}
#HeaderImg .Profile{background:url(../images/img_profile.jpg);}
#HeaderImg .Inquiry{background:url(../images/img_inquiry.jpg);}
#HeaderImg .Adminstrator{background:url(../images/img_administrator.jpg);}
#HeaderImg .Link{background:url(../images/img_link.jpg);}
#HeaderImg .Environment{background:url(../images/img_environment.jpg);}

/* トップ頁のみ */
#TopPage #HeaderImg{
	position:relative;
	width:840px;
	height:340px;
	text-align:left;
	z-index:0;
	background:url(../images/bg_header_line.gif) repeat-x bottom;
	margin-bottom:20px;
}
#TopPage #HeaderImg #OverImg{
	position:absolute;
	top:79px;
	left:0px;
	width:840px;
	height:244px;
	background:url(../images/img_top.jpg);
}
#TopPage #Navi{
	position:absolute;
	top:1px;
	right:3px;
	text-align:left;
	z-index:1;
}

/***************************/
/* container部分岐処理　　*/
/***************************/
/* left right いずれもあるとき&共通の処理 */
#inner{
	width:820px;
	text-align:center;
	margin:auto;
	padding-bottom:80px;
}
#main{
	position:relative;
    width:605px;
    float:left;
	margin:auto;
}
#center{
	width:410px;
    float:right;
	text-align:left;
	margin:auto;
}
#left {
/* position:fixed; */
	/*top:20px;   headerinnner height ＋ headernavi height ＋ header-under height */
	width:180px;
	float:left;
	text-align:left;
	overflow:hidden;
}
* html #left {
	/*position:absolute;*/
}
#right{
	width:225px;
    float:right;
	text-align:left;
	overflow:hidden;
}
#right #Navi{
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}

/* left だけあるときの処理 */
#container-l-m #header-img , #container-l-m #overimg{
	width:840px;
	border-right:none;
}
#container-l-m #inner{
	width:815px;
	margin-left:20px;
	margin-right:25px;
}
#container-l-m #main{
	width:815px;
}
#container-l-m #center{
	width:620px;
}

/* right だけあるときの処理 */
#container-m-r #inner{
	width:840px;
}
#container-m-r #center{
	float:left;
    width:597px;
}
#container-m-r #right{
    float:right;
}

/* left rightのいずれもないときの処理 */
#container-m #header-img , #container-m #overimg{
	left:-16px;
	width:840px;
	border-right:none;
}
#container-m #inner{
    width:810px;
}
#container-m #main{
    width:810px;
	float:none;
}
#container-m #center{
	width:810px;
	float:none;
	margin:auto;
}

/***************************/
/* User1 User2　　　　　 */
/***************************/
.col-spacer{float:left; width:16px; height:1px; overflow:hidden;}
#u1u2 , #u1 , #u2{clear:both; margin:15px 0 0 0; background-repeat:repeat-y;}
#u1u2 a , #u1 a , #u2 a{ color:#000000;}
#u1u2 a:hover , #u1 a:hover , #u2 a:hover{color:#96B100;}
#u1u2 h3 , #u1 h3 , #u2 h3{
	font-size: 16px !important;
	font-size: 1.2em;
	line-height:150%;
	color:#3892AB;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3";
}

/* left rightいずれもあるときのUser1 User2*/
#u1u2 .top{width:410px; height:16px;}
#u1u2 .btm{width:410px; height:16px; clear:both; background:url(../images/l_m_r_u1u2_btm.gif);}
#u1u2 .moduletable{float:left; width:181px;}
#u1 .top , #u2 .top{width:410px; height:16px;}
#u1 .btm , #u2 .btm{width:410px; height:16px; clear:both; background:url(../images/l_m_r_u1_btm.gif);}
#u1 .moduletable , #u2 .moduletable{float:left; width:378px;}
#u1u2{background-image:url(../images/l_m_r_u1u2_top.gif);}
#u1 , #u2{background-image:url(../images/l_m_r_u1_top.gif);}

/* leftだけあるときのUser1 User2*/
#container-l-m #u1u2 .top{width:620px; height:16px;}
#container-l-m #u1u2 .btm{width:620px; height:16px; clear:both; background:url(../images/l_m_u1u2_btm.gif);}
#container-l-m #u1u2 .moduletable{float:left; width:286px;}
#container-l-m #u1 .top , #container-l-m #u2 .top{width:620px; height:16px;}
#container-l-m #u1 .btm , #container-l-m #u2 .btm{width:620px; height:16px; clear:both; background:url(../images/l_m_u1_btm.gif);}
#container-l-m #u1 .moduletable , #container-l-m #u2 .moduletable{float:left; width:588px;}
#container-l-m #u1u2{background-image:url(../images/l_m_u1u2_top.gif);}
#container-l-m #u1 , #container-l-m #u2{background-image:url(../images/l_m_u1_top.gif);}

/* rightだけあるときのUser1 User2*/
#container-m-r #u1u2 .top{width:600px; height:16px;}
#container-m-r #u1u2 .btm{width:600px; height:16px; clear:both; background:url(../images/m_r_u1u2_btm.gif);}
#container-m-r #u1u2 .moduletable{float:left; width:276px;}
#container-m-r #u1 .top , #container-m-r #u2 .top{width:600px; height:16px;}
#container-m-r #u1 .btm , #container-m-r #u2 .btm{width:600px; height:16px; clear:both; background:url(../images/m_r_u1_btm.gif);}
#container-m-r #u1 .moduletable , #container-m-r #u2 .moduletable{float:left; width:568px;}
#container-m-r #u1u2{background-image:url(../images/m_r_u1u2_top.gif);}
#container-m-r #u1 , #container-m-r #u2{background-image:url(../images/m_r_u1_top.gif);}

/* left rightいずれもないときのUser1 User2*/
#container-m #u1u2 .top{width:810px; height:16px;}
#container-m #u1u2 .btm{width:810px; height:16px; clear:both; background:url(../images/m_u1u2_btm.gif);}
#container-m #u1u2 .moduletable{float:left; width:381px;}
#container-m #u1 .top , #container-m #u2 .top{width:810px; height:16px;}
#container-m #u1 .btm , #container-m #u2 .btm{width:810px; height:16px; clear:both; background:url(../images/m_u1_btm.gif);}
#container-m #u1 .moduletable , #container-m #u2 .moduletable{float:left; width:778px;}
#container-m #u1u2{background-image:url(../images/m_u1u2_top.gif);}
#container-m #u1 , #container-m #u2{background-image:url(../images/m_u1_top.gif);}

#u1u2 .moduletable , #u1 .moduletable , #u2 .moduletable , 
#u1u2 .moduletable_menu  , #u1 .moduletable_menu  , #u2 .moduletable_menu  {margin-bottom:0px;}
#u1u2 h3 , #u1 h3 , #u2 h3 {margin:0px 0px 5px 0px;}

/***************************/
/* メインメニュー部　　　　 */
/***************************/
ul#Navi{width:223px;}
ul#Navi li{list-style:none;}
ul#Navi li a{ 
	display: block;
	width:223px;
	height:60px;
	text-indent:-9999em;
	/* \*/overflow:hidden;/* */
}
ul#Navi li.Works{background:url(../images/bg_navi_works.jpg);}
ul#Navi li.Products{background:url(../images/bg_navi_products.jpg);}
ul#Navi li.Profile{background:url(../images/bg_navi_prof.jpg);}
ul#Navi li.Inquiry{background:url(../images/bg_navi_inquiry.jpg);}
ul#Navi li:hover , ul#Navi li.Current{background-position:0px -100px;}

/***************************/
/* 右側レイアウト　　　　 */
/***************************/
.Enveronment{margin:0px 0px 5px 0px;}

/***************************/
/* トップページ　　　　　 */
/***************************/
#right #News{background:url(../images/bg_news.gif);}
#right #News h2{height:60px; background:url(../images/bg_news_top.jpg); text-indent:-9999em;}
#right #News dl{margin:0px; padding:0px;}
#right #News dl dt{background:url(../images/mark_dt.gif) no-repeat; margin:0px 0px 0px 5px; padding:0px 0px 0px 18px;}
#right #News dl dd{margin:0px 0px 5px 0px; padding:0px 5px 0px 23px; border-bottom:1px dotted #DEDEDE;}
#right #News .Bottom{height:5px; background:url(../images/bg_news_btm.gif) bottom; overflow:hidden; margin-bottom:10px;}

body#TopPage .ProductsCst p{margin:5px 0px;}
body#TopPage .ProductsCst p.ProductName{font-size:120%;}
body#TopPage .ProductsCst hr{clear:none;}
body#TopPage .ProductsCst .ProductIcon{display:block;}
body#TopPage .ProductsCst a{display:block; background:url(../images/bg_btn_detail.gif) no-repeat right top; float:right; text-indent:-9999em; /* \*/overflow:hidden;/* */ width:86px; height:23px;}
body#TopPage .ProductsCst a:hover{background-position:right -50px;}

/***************************/
/* 納入実績・取扱商品　　　*/
/***************************/
.ProductTab{height:31px; background:url(../images/products_tab_line.gif) repeat-x bottom; text-align:center; margin-bottom:15px; overflow:visible;}
#center .ProductTab li{
	display: inline;
	list-style:none;
	padding:0px;
}
.ProductTab li a{
	display: -moz-inline-box; /* firefox2 対応 */  
	display: inline-block;
	width:128px;
	height:27px;
	/* \*/overflow:hidden;/* */
}
.ProductTab li a span{display:none;}
.ProductTab li .Building{background:url(../images/tab_building.jpg);}
.ProductTab li .Car{background:url(../images/tab_car.jpg);}
.ProductTab li a:hover , .ProductTab li a.Current{background-position:0px -50px;}
.ProductView div{width:25%; float:left; text-align:center;}
.ProductView div img{margin:0px; padding:3px; border:1px solid #E6E6E6; background-color:#FFFFFF; cursor:pointer;}
.ProductView p{margin:0px;}
.ProductView .ProductName{font-size:115%;}

/***************************/
/* 見出し（記事以外）　　　 */
/***************************/
h1{text-indent:-9999em;}
h2{
	border-left:3px #3E8DC8 solid;
	border-bottom:1px solid #DDD;
	padding:6px 10px;
	font-weight:normal;
	font-size: 16px !important;
	font-size: 1.1em;
	line-height:150%;
	margin-bottom:10px;
	background:url(../images/bg_h2.gif) repeat-x;
}
h2.H2-img{
	border:none;
	background:none;
	padding:0px;
}
h3{
	font-size: 14px !important;
	font-size: 1em;
	font-weight:normal;
	color:#3E8DC8;
}
#left h3{
	width:180px;
	height:30px;
	font-size: 12px !important;
	font-size: 0.9em;
	line-height:28px;
	text-indent:15px;
	color:#3784C6;
	background-image:url(../images/bg_h3.gif);
	background-repeat:no-repeat;
}
#right h3{
	font-size: 14px !important;
	font-size: 1.0em;
	line-height:150%;
	color:#BDB2AB;
	background:url(../images/bg_h3_right.gif) repeat-x bottom;
	font-weight:normal;
}

/***************************/
/* 記事レイアウト＆見出し */
/***************************/
.article_column{float: left;}
.cols1{float: none !important;}
.blog h2 span , #page h2 span , .searchintro span , .componentheading span{
	position:absolute;
	left:5px;
	top:5px;
	background:url(../images/bg_h2_mark.jpg);
	width:9px;
	height:22px;
}
* html .blog h2 span , * html #page h2 span , * html .searchintro span , * html .componentheading span{
	left:-15px;
}
.blog h3{
	font-size: 14px !important;
	font-size: 1em;
	margin:10px 0px;
	font-weight:normal;
	color:#3892AB;
}
.blog h4{
	font-size: 13px !important;
	font-size: 0.9em;
	margin-top:10px;
	font-weight:normal;
	color:#64B3A4;
}
/* left rightいずれもあるときのcols*/
.cols2 {width:197px; float:left;}
.cols3 {width:126px; float:left;}
/* leftだけあるときのcols*/
#container-l-m .cols2 {width:302px;}
#container-l-m .cols3 {width:192px;}
/* rightだけあるときのcols*/
#container-m-r .cols2 {width:290px;}
#container-m-r .cols3 {width:191px;}
/* left rightいずれもないときのcols*/
#container-m .cols2 {width:397px;}
#container-m .cols3 {width:259px;}

.column1 , .column2{
	border:solid 0px #D4A7C5;
	position:relative;
}

.leading_separator{
	display:block;
	height:15px;
	clear:both;
	overflow: hidden;
}
.row_separator{
	display:block;
	height:15px;
	clear:both;
	overflow: hidden;
}
.article_separator{
	display:block;
	width:20px;
	height:1px;
	float:left;
	overflow: hidden;
}

/***************************/
/* 商品ページ　　　　　　 */
/***************************/
.ProductView a.MakerPdctPage:link , .ProductView a.MakerPdctPage:visited {
	display:block;
	margin:3px 2px 0px 10px;
	padding:0px;
	background-color:#0168B7;
	color:#FFF;
}
.ProductView a.MakerPdctPage:hover {
	color:#FC3;
}

/***************************/
/* PageInfo、ItemInfo　　 */
/***************************/
p.pageinfo{
	width:125px;
	font-size:85% !important;
	font-size:0.8em;
	line-height:100%;
	text-align:center;
	color:#FF3300;
	border:solid 1px #FF3300;
	padding:2px 2px 1px 2px;
	margin:3px 1px -16px 1px;
}
p.iteminfo {
	clear:both;
	border-bottom:1px dotted #E6E6E6;
	font-size:95% !important;
	font-size:0.8em;
	margin-bottom:5px;
	text-align:right;
}

/***************************/
/* 印刷ボタン・続きを読む　 */
/***************************/
.buttonheading {
	border: 0;
	margin-top:-25px;
	float:right;
	/*margin-right:10px;*/
}
a.readon , a.readon:visited{
	display:block;
	background:url(../images/bg_readon.gif) right 0px no-repeat;
	text-indent:-9999em;
	/* \*/
	overflow:hidden;
	/* */
}
a.readon:hover{
	background-position:right -50px;
}

/***************************/
/* ページネーション　　　 */
/***************************/
#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}

#main ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}

#main ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:center;
background-image:none;
}

#main ul.pagination li a {
padding:2px;
}

/***************************/
/* 投票　　　　　　　　　 */
/***************************/
.poll .button {
	display:block;
	border:none;
	width:62px;
	height:25px;
	margin:0px 1px;
	background:url(../images/poll.gif) no-repeat;
	background-color:#ECECEC;
	text-indent:-9999em;
	float:left;
	text-align:center;
	cursor:pointer;
}
.poll a {
	display:block;
	width:62px;
	height:25px;
	margin:0px 1px;
	cursor:pointer;
	background:url(../images/result.gif) no-repeat;
	text-indent:-9999em;
	/* \*/
	overflow:hidden;
	/* */
}
.poll fieldset input{
	background:#F7F7F7;
	border:none;
}

/***************************/
/* 検索ウィンドウ　	　　 */
/***************************/
form.search label{
	display:none;
}
#mod_search_searchword{
	width:155px;
}
form.search .button{
	border:none;
	background:url(../images/bg_sch_btn.jpg) no-repeat;
	text-indent:-9999em;
	width:24px;
	height:24px;
	margin-left:3px;
	cursor:pointer;
}

/***************************/
/* タレント検索　　	　　 */
/***************************/
.moduletableTltSchMod{
	background:url(../images/bg_tlt_sch_mod.gif) no-repeat;
	width:190px;
	height:60px;
	padding:24px 5px 5px 5px;
}
.moduletableTltSchMod select{
	width:178px;
	margin:1px;
}
.moduletableTltSchMod input{
	width:126px;
	margin:1px;
}
.moduletableTltSchMod input.btn{
	width:40px;
	margin:1px;
}
.moduletableTltSchMod a{
	display:none;
	background:url(../images/btn_casting.gif) no-repeat;
	width:178px;
	height:25px;
	margin:1px;
	/margin:-18px 1px 1px 1px;
	text-indent:-9999em;
	/* \*/
	overflow:hidden;
	/* */
}

/***************************/
/* スポンサーバナー	　　 */
/***************************/
.SponserBnr{
	text-align:center;
	margin:0px 0px 25px 0px;
}

/***************************/
/* 右側バナー　　　	　　 */
/***************************/
.moduletableRightBanner img{
	border:5px #E6E6E6 solid;
	margin-bottom:7px;
}

/***************************/
/* リンクロールオーバー　　 */
/***************************/
a:hover{
    background-position:0px -50px;
}
a:active{
    background-position:0px -100px;
}

/***************************/
/* ストア　　　　　　　　　 */
/***************************/
iframe{
	overflow-x:hidden;
}

/***************************/
/* スタンダードレイアウト　　 */
/***************************/
table.category{
	border-top:2px solid #54AEDA;
	border-left:1px solid #EDEDED;
	width:100%;
	margin-top:15px;
}
table.category th , table.category td{
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	padding:3px;
}
table.category th{
	background-color:#F6F6F6;
	text-align:left;
	font-weight:normal;
}
table.category #count{
	width:30px;
}
.filter , .display {
	position:relative;
}
.filter input , .display select {
	position:absolute;
	left:5em;
}

/* float-align */
.txt-center{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.flt-l{float:left;}
.flt-r{float:right;}
.clear , .wrap{clear:both; overflow:hidden; height:1px;}