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

	SiteName : サンエイクリーン
	FileName : default.css
	
	== URL ======================================
	http://www.sanei-sangyo.com/
	
-------------------------------------------------- */


/* 共通
================================================== */
html {
height:100%;
}

body {
	font-size:100%;
	line-height:1.3;
	letter-spacing:0.1em;
	color:#333;
	background:#FFF;
	min-width:910px;
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

#container {
	margin:0px;
	padding:0px 0px 0px 0px;
	height: 100%;
	min-width:1000px;
	min-height: 100%;
	background:#FFF url("../img/back.gif") 50% 0 repeat-x;
	/*background:#7678e0;*/
	}

body > #container {
	height: auto;
	}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {min-height: 1px;}

img, div, a, input { behavior: url("iepngfix.htc") }

hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #999999;
height: 1px;
}

/* 見出しタグ
================================================== */
h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
}

/* 共通（リンク）
================================================== */
a {color:#220300; text-decoration:underline;}

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

a img {border:none;}

/* ヘッダー
================================================== */
#header {
	width:1000px;
	height:95px;
	margin:0px auto;
	padding:0px;
	position:relative;
	}
	#header h1 {
		width:800px;
		position:absolute;
		top:10px;
		margin:0;
		padding:0;
		color:#452310;
		font-size: 12px;
		font-weight: normal;
	}
	#header #header_logo {
		position:absolute;
		top:24px;	
	}
	
	#header #header_logo2 {
		position:absolute;
		top:48px;
		left:350px;
	}
	
	#header #fla {
		position:absolute;
		top:15px;
		left:460px;
	}
	#header #tel {
		position:absolute;
		top:39px;
		right:0px;
	}
	#header #illu {
		position:absolute;
		top:0px;
		right:0px;
		}


/* メニュー
================================================== */
#menu {
	height:70px;
	background:#FFF url("../img/menu_back.gif") 50% 0 repeat-x;
	margin:0px auto;
	border-top: solid 1px #23c3d6;
	}
	
	#menu_in {
	width:1000px;
	height:70px;
	background:#FFF url("../img/menu_in_back.gif") 0 0 no-repeat;
	margin:0px auto;
	}
	
	#menu_in ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
	#menu_in ul li {
	float:left;
	}
	
	#menu_in ul li a {
	display: block;
	text-decoration: none;
	
	}
	
		#menu_in ul li.menu1 a {
		background: url("../img/menu1a.png") center top no-repeat;
		width:122px;
		height:70px;
		text-indent: -9999px;
		}
		#menu_in ul li.menu1 a:hover {
		background: url("../img/menu1b.png") center top no-repeat;
		width:122px;
		height:70px;
		}
		
		#menu_in ul li.menu2 a {
		background: url("../img/menu2a.png") center top no-repeat;
		width:162px;
		height:70px;
		text-indent: -9999px;
		}
		#menu_in ul li.menu2 a:hover {
		background: url("../img/menu2b.png") center top no-repeat;
		width:162px;
		height:70px;
		}
		
		#menu_in ul li.menu3 a {
		background: url("../img/menu3a.png") center top no-repeat;
		width:253px;
		height:70px;
		text-indent: -9999px;
		}
		#menu_in ul li.menu3 a:hover {
		background: url("../img/menu3b.png") center top no-repeat;
		width:253px;
		height:70px;
		}
		
		#menu_in ul li.menu4 a {
		background: url("../img/menu4a.png") center top no-repeat;
		width:148px;
		height:70px;
		text-indent: -9999px;
		}
		#menu_in ul li.menu4 a:hover {
		background: url("../img/menu4b.png") center top no-repeat;
		width:148px;
		height:70px;
		}
		
		#menu_in ul li.menu5 a {
		background: url("../img/menu5a.png") center center no-repeat;
		width:160px;
		height:70px;
		text-indent: -9999px;
		}
		#menu_in ul li.menu5 a:hover {
		background: url("../img/menu5b.png") center center no-repeat;
		width:160px;
		height:70px;
		}
		
		#menu_in ul li.menu6 a {
		background: url("../img/menu6a.png") center top no-repeat;
		width:153px;
		height:70px;
		text-indent: -9999px;
		}
		#menu_in ul li.menu6 a:hover {
		background: url("../img/menu6b.png") center top no-repeat;
		width:153px;
		height:70px;
		}
		
	#menu #menu_in ul ul.menu4b { /*2段目以降*/
		display: none;
		z-index: 10;
		width:180px;
		margin-top:70px;
		}
	 
	#menu #menu_in li li { /*2段目以降のリスト項目*/
		clear: left;
		position:relative;
		width: 100%;
		}
	
	#menu #menu_in ul li:hover > ul {
		display: block;
		}
	 
	*+html #menu #menu_in ul ul a { /*IE用*/
		width: 120px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
		}
	 
	#menu #menu_in ul ul a:hover {
		color: #52AAFE;
		background-color: #111;
		}

	#menu #menu_in ul ul a { /*2段目以降のメニュー文字*/
		color: #dadada;
		text-decoration: none;
		font-size: 13px;
		line-height: 1.3;
		text-align: left; /*2段目以降は左寄せにもどす*/
		border-top: solid 1px #555555;
		border-right: solid 1px #070707;
		border-bottom: solid 1px #070707;
		border-left: solid 1px #555555;
		background-color: #343434;
		padding: 5px 10px;
		display: block;
		}


/* 共通
================================================== */
#column {
	margin:0px auto;
	padding:0px;
	background: url("../img/top_back.jpg") top center no-repeat;
	}
	#column #column_in {
		width:1000px;
		margin:0px auto;
		padding:15px 0px 0px 0px;
		}
	#column #secolumn_in {
		width:1000px;
		margin:0px auto;
		padding:0px;
		}


/* トップ
================================================== */
#top_back {
	height:420px;
	margin:0px auto;
	padding:0px;
	background:url("../img/top_back.jpg") 50% 50% no-repeat;
	}
#top_in {
	width:1000px;
	height:400px;
	margin:0px auto;
	padding:10px 0px;
	}
	#top_in ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		}
	
	#top_in ul li {
		float:left;
		}
	
	#top_in ul li a {
		display: block;
		text-decoration: none;
		}
	
		#top_in ul li.tmenu1 a {
		background: url("../img/top_menu4a.png") center top no-repeat;
		width:326px;
		height:400px;
		text-indent: -9999px;
		}
		#top_in ul li.tmenu1 a:hover {
		background: url("../img/top_menu4b.png") center top no-repeat;
		width:326px;
		height:400px;
		}
		#top_in ul li.tmenu2 a {
		background: url("../img/top_menu5a.png") center top no-repeat;
		width:326px;
		height:400px;
		text-indent: -9999px;
		padding:0px 11px;
		}
		#top_in ul li.tmenu2 a:hover {
		background: url("../img/top_menu5b.png") center top no-repeat;
		width:326px;
		height:400px;
		}
		#top_in ul li.tmenu3 a {
		background: url("../img/top_menu6a.png") center top no-repeat;
		width:326px;
		height:400px;
		text-indent: -9999px;
		}
		#top_in ul li.tmenu3 a:hover {
		background: url("../img/top_menu6b.png") center top no-repeat;
		width:326px;
		height:400px;
		}

#top_left {
	width:725px;
	float:left;
	}
	#top_left img { margin-bottom:15px;}

#top_case {
	width:665px;
	margin:10px 0px;
	padding:0px;
	}
	#top_case .t_case1 {
		width:215px;
		float:left;
		}
	#top_case .t_case2 {
		width:215px;
		float:left;
		padding:0px 10px;
		}

#top_right {
	width:250px;
	float:right;
	}

/* スライド
================================================== */
#slide_box{
	height:420px;
	margin:0px auto;
	padding:20px 0px 20px 0px;
	background:#0D1402 url("../img/top_back.jpg") 50% 50% repeat-x;
	}

#idMediaWrap{
	width:725px;
	height:430px;
	margin:0 auto;
	/*background:#FF0000;*/

}
#lineupItem{
	width:725px;
	float:left;
	text-align:left;
	/*background:#659b14;*/


}
#lineupItem li{
	float:left;
	display:inline;
	padding:0px 40px 0px 0px;
	width:326px;
	height:430px;
	text-align:center;

}
.prevBtn{
	float:left;
	width:25px;
	height:40px;
	padding-top:190px;
}
.prevBtn a:hover{
	width:25px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
.nextBtn{
	float:right;
	width:25px;
	height:40px;
	padding-top:190px;
	padding-right:20px;
}
.nextBtn a:hover{
	width:25px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}


/* 各項目メニュー
================================================== */
.menu_sub{
	width:1000px;
	margin:40px 0px 30px 0px;
}


.menu_sub_in{
	float:left;
	width:235px;
	margin:0px 20px 0px 0px;
}

.menu_sub_in_last{
	float:right;
	width:235px;
}


#menu_middle {
	width:235px;
	background: url("../img/menu_sub_back0.gif") 0px -15px repeat-y;
	margin:0px;
	}
	
	#menu_middle ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		font-size: 12px;
		
		}
	#menu_middle ul li {
		padding:0px 10px 0px 0px;
		line-height:12px;
		}
	#menu_middle ul li a {
		display: block;
		text-decoration: none;
		}
		#menu_middle ul li.menu a {
			color:#595757;
			background: url("../img/mark.png") 0px 1px no-repeat;
			padding:0px 0px 5px 25px;
			}
			#menu_middle ul li.menu a:hover {
				color:#595757;
				background: url("../img/mark2.png") 0px 1px no-repeat;
				}

/* face book
================================================== */

#fb {
	width:1000px;
	height:300px;
	margin:10px auto 0px;
	padding:0px;
	position:relative;
	}

#cl_box {
		position:absolute;
		width:200px;
		height:50px;
		top:10px;
		left:400px;
		background-color: #fff;

	}

/* ブログ
================================================== */
#blog_waku {
	width:290px;
	background:#d6eb99;
	padding:10px;
	}
	
#blog_waku_in {
	width:270px;
	background:#FFFFFF;
	padding:10px;
	}

#feed {
	font-size:12px;
	margin:5px 0px 0px 0px;
	padding:0px;
	color: #000000;
	border-bottom: 1px solid #DDD;
	}

#feed a {color:#000000;text-decoration:none;}

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

#feed ul {margin:0px 0px; padding:0px;}
#feed li {list-style:none; padding-bottom:10px;}


/* セカンドページ（Template）
================================================== */
/* セカンドページ */
#sec_layout {
	width:1000px;
	background: #FFF url("../img/bg_layout.gif") 0% 0% repeat-y;
}

h2 {
	margin: 0; padding: 0 0 0 20px;
	width:745px;
	height: 101px;
	line-height: 101px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	background: url("../img/bg_tit_h2.gif") 0% 0% repeat-x;
	}

h3 {
	margin: 20px 0; padding: 0 0 0 15px;
	width: 745px;
	height: 33px;
	line-height: 33px;
	font-size: 18px;
	font-weight: bold;
	border-left: 4px solid #66B821;
	border-bottom: 1px solid #D1D1D1;
	background:#F4F0D7;
	}

h4 {
	font-size:18px;
	margin:20px 0px 10px 0px; padding: 5px 5px;
	color: #50B31F;
	font-weight: bold;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	}

h5 {
	font-size:20px;
	font-weight:bold;
	color: #50B31F;
	margin:0px 0px 5px 0px;
	padding:0px;
	}

h6 {
	font-size:16px;
	margin:5px 0px;
	padding:0px;
	color: #50B31F;
	border-bottom: 1px solid #DDD;
	}

/* セカンドページ 左カラム */
#sec_leftcol {
	float:left;
	width:200px;
	vertical-align: top;
	}
	
	#sec_leftcol img {margin:5px 0px 3px 10px;}
	
	#sec_leftcol ul {
	margin: 0; padding: 0;
	list-style-type: none;
	background-color: #FFF;
	}
	
	#sec_leftcol ul li {
	margin: 0 0 1px;
	border-bottom: 1px dotted #CCC;	
	}
	
	#sec_leftcol ul li a {
	margin: 0 auto;
	padding-left: 10px;
	padding-bottom:10px;
	padding-top:10px;
	display: block;
	width: 184px;
	border-left: 4px solid #73BB33;
	}

	#sec_leftcol ul li a:hover {
	margin: 0 auto; padding-left: 14px;
	display: block;
	width: 180px;
	border-left: 4px solid #FFEF00;
}


/* セカンドページ 右カラム */
#sec_rightcol {
	float: left;
	margin: 13px 0 0 20px; padding: 0;
	width:765px;
}

/* セカンドページ 右カラム内　表 */
#sec_rightcol table.list {
	margin-bottom: 10px;
	width: 100%;
	}

	#sec_rightcol table.list th {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-left: 3px solid #999;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	white-space: nowrap;
	}
	
	#sec_rightcol table.list th.top {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-left: none;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	white-space: nowrap;
	}
	
	#sec_rightcol table.list th.last {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 3px solid #999;
	border-collapse: collapse;
	white-space: nowrap;
	}
	
	#sec_rightcol table.list td {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	}
	
	#sec_rightcol table.list td.last {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;	
	border-collapse: collapse;
}

#sec_rightcol ul {
	margin: 0; padding: 0;
	}
	
	#sec_rightcol ul li {
	margin: 0 0 10px 20px; padding: 0;
	}


/* 商品紹介
================================================== */
.menu img {
	float: left;
	margin: 0 20px 20px 0; padding: 0;
	}

.construction_l {
	width:359px;
	float:left;
	}
.construction_r {
	width:386px;
	float:right;
	}

.k2_l {
	width:372px;
	float:left;
	}
.k2_r {
	width:372px;
	float:right;
	}

.eco_l {
	width:300px;
	float:left;
	}
.eco_r {
	width:445px;
	float:right;
	}
.eco_l2 {
	width:445px;
	float:left;
	}
.eco_r2 {
	width:300px;
	float:right;
	}
.eco_l3 {
	width:372px;
	float:left;
	}
.eco_r3 {
	width:372px;
	float:right;
	}
table.eco-list {
	width:100%;
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
	margin:5px 0px 10px 0px;
	padding:0px;
	}
.eco-list th {
	font-weight:normal;
	border:1px solid #BFBFBF;
	padding:5px;
	}
.eco-list th.title {text-align:center; background:#E6E6E6;}
.eco-list th.detail1 {text-align:center; background:#0A8A01; color:#FFF;}
.eco-list th.detail2 {text-align:center; background:#5DA302; color:#FFF;}
.eco-list th.detail3 {text-align:center; background:#93C600; color:#FFF;}

.film_l {
	width:372px;
	float:left;
	}
.film_r {
	width:372px;
	float:right;
	}
table.film-list {
	width:100%;
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
	margin:5px 0px 10px 0px;
	padding:0px;
	}
.film-list th {
	font-weight:normal;
	border:1px solid #BFBFBF;
	padding:5px;
	}
.film-list th.film1 {text-align:center; background:#E6E6E6;}
.film-list th.film2 {text-align:center; background:#0A8A01; color:#FFF;}

#product_ekitaiglass {}
#product_ekitaiglass table.uchiwake {
	float: right;
	margin-left: 10px; padding: 5px;
	border: 3px double #CCC;
}

#product_morinokomichi img {margin: 10px;}
#product_ecoroad img {margin: 10px;}
#product_ecochip img {margin: 10px;}

#product_kenchikukoji .txt {
	float: left;
	margin-bottom: 20px;
	width: 560px;
	}
#product_kenchikukoji .ph{
	float: right;
	margin-left: 10px;
	width: 160px;
	vertical-align: top;
	}

	#product_kenchikukoji .ph p {
	margin: 0; padding: 0;
	text-align: right;
	vertical-align: top;
	}

/* 施工例紹介
================================================== */

.sekou_ti {
	margin: 20px 0;
	padding: 6px 0 6px 15px;
	width: 739px;
	height: 33px;
	line-height: 33px;
	color: #FFF;
	font-size: 26px;
	/*font-weight: bold;*/
	border-left: 10px solid #ffc000;
	background:#912828;
	}

.sekou_ti3 {
	color: #912828;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #8a8a8a;
	margin-bottom:20px;
	}

.sekou_ti2 {
	color: #912828;
	font-size: 14px;
	}

.sekou_menu {
	color: #912828;
	font-size: 12px;
	margin: 20px 0;
	}

.seko_box {
	width:200px;
	float:left;
	margin: 10px 25px 10px 25px;
	}

.seko_box img {
	margin-bottom:10px;
	}

/* 会社紹介
================================================== */
#company_aisatsu {}

	#company_aisatsu .phcol {
	float: left;
	margin-right: 23px;
	width: 58px;
	}

	#company_aisatsu .txtcol {
	float: left;
	width: 660px;
	}

#company_gaiyo {}
#company_enkaku {}
#company_meibo {}
#company_map iframe {border: 1px solid #CCC; margin-bottom: 20px;}


/* お問い合わせ
================================================== */
#contact {
	width:960px;
	background: #FFF url("../img/bg_contact.gif") 0% 0% repeat;
	margin:0px auto;
	padding:20px;
	}

#contact_in {
	width:920px;
	padding:20px;
	background:#FFF;
    border: 1px solid #999999;
	border-radius: 8px 8px 8px 8px;
	margin:0px;
	}

#con_title {
	margin: 0; padding: 0 0 0 20px;
	width:900px;
	height: 101px;
	line-height: 101px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	background: url("../img/bg_con_title.gif") 0% 0% no-repeat;
	}

.con_title2 {
	font-size:14px;
	margin:10px 0px 0px 0px;
	padding:0px;
	color: #50B31F;
	border-bottom: 1px solid #DDD;
	}

table.contact-list {
	width:100%;
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
	margin:0px 0px 10px 0px;
	padding:0px;
	}

.contact-list th {
	font-weight:normal;
	border:1px solid #999;
	padding:5px;
	}

.contact-list th.kenmei {
	background-color: #F1EACF;
	text-align:left;
	}
.contact-list th.koumoku {text-align:left; background-color:#F4F0D7; padding-left:10px; width:220px;}
.contact-list th.naiyo {text-align:left; padding-left:10px; background-color:#FFF;}


/* フッターメニュー
================================================== */
#footer_menu {
	margin:0px auto;
	height:34px;
	background:#D1D1D1;
	border-top:1px solid #999;
	margin:0px;
	padding:0px;
	}

#footer_menu_in {
	width:1000px;
	color:#362401;
	font-weight: normal;
	position:relative;
	margin:0px auto;
	padding:0px;
	}

#footer_menu_in #fmenu_left {
	position:absolute;
	top:5px;
	left:0px;
	}
	#fmenu_left a {color:#333;}
#footer_menu_in #pagetop {position:absolute; top:8px; right:0px;}


/* フッター
================================================== */
#footer  {
	margin:0px auto;
	padding:0px;
	background: url("../img/footer_back2.png") repeat-x;
	}

#footer_in {
	width:1000px;
	height:100px;
	color:#FFF;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	position:relative;
	min-width:1000px;
	}
#footer_in #footer_left_logo {position:absolute; top:27px; left:0px;}
#footer_in #footer_left {line-height:1.3; position:absolute; top:23px; left:290px; font-size:12px;}
#footer_in #footer_right {position:absolute; bottom:4px; left:330px;}
.copy_txt {font-size:10px; color:#595757;}


#footer a {color:#fff; text-decoration:underline;}

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

#footer a img {border:none;}


/* マージン
================================================== */
.m_b00   {margin-bottom:0px;}
.m_b04   {margin-bottom:4px;}
.m_b05   {margin-bottom:5px;}
.m_b08   {margin-bottom:8px;}
.m_b10   {margin-bottom:10px;}
.m_b15   {margin-bottom:15px;}
.m_b20   {margin-bottom:20px;}
.m_b30   {margin-bottom:30px;}
.m_b40   {margin-bottom:40px;}
.m_b50   {margin-bottom:50px;}
.m_t05   {margin-top:5px;}
.m_t10   {margin-top:10px;}
.m_t15   {margin-top:15px;}
.m_t20   {margin-top:20px;}
.m_t30   {margin-top:30px;}
.m_r04   {margin-right:4px;}
.m_r05   {margin-right:5px;}
.m_r10   {margin-right:10px;}
.m_l10   {margin-left:10px;}
.m_all05 {margin:5px auto;}
.m_all10 {margin:10px auto;}
.m_all15 {margin:15px auto;}
.m_all50 {margin:50px auto;}
.m_t08b05 {margin:8px auto 5px;}
.m_t5b10 {margin:5px 0px 10px 0px;}
.m_t10b10 {margin:10px 0px;}
.m_t10b20 {margin:10px auto 20px;}
.m_t10b30 {margin:10px auto 30px;}
.m_t10b40 {margin:10px auto 40px;}
.m_t15b05 {margin:15px auto 5px;}
.m_t20b20 {margin:20px auto 20px;}
.m_t20b10 {margin:20px auto 10px;}
.m_t20b30 {margin:20px auto 30px;}