@charset "UTF-8";

.sample,.flow,.list,.prof,.mail,.news,.sitemap{
	height: 550px;
	margin: 0px auto -450px auto;
	padding: 100px 0px;
	width: 990px;
}
.sample{background:url('/images/contents/sample/title_bg.jpg') no-repeat;}
.flow{background:url('/images/contents/flow/title_bg.jpg') no-repeat;}
.list{background:url('/images/contents/list/title_bg.jpg') no-repeat;}
.prof{background:url('/images/contents/prof/title_bg.jpg') no-repeat;}
.mail{background:url('/images/contents/mail/title_bg.jpg') no-repeat;}
.news{background:url('/images/contents/news/title_bg.jpg') no-repeat;}
.sitemap{background:url('/images/contents/sitemap/title_bg.jpg') no-repeat;}


/****************************************
		index.html
*****************************************/
#wrapper_top{
	width:880px;
	margin:0px auto 0px auto;
	padding:0px;
	height:auto;
	overflow:hidden;
	z-index:2;
}
#wrapper_top article{
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	border: 1px solid #ccc;
	height: auto;
	margin: 0 auto 20px;
	overflow: hidden;
	padding: 10px 10px 20px 10px;
	width: 838px;
	z-index: 2;
}
.top{
	background:url('/images/contents/top/top_bg.jpg') no-repeat;
	height: 735px;
	margin: -13px auto -350px;
	padding: 0;
	width: 1200px;
}
article#gom h1,article#expo h1,article#news h1 {
	background: rgba(0, 0, 0, 0) url("/images/contents/top/h1.png") no-repeat scroll 0 0;
	color: #ffffff;
	font-size: 16px;
	height: 30px;
	margin: 0 0 20px 0;
	padding: 27px 0 0 55px;
	text-align: left;
	width: 770px;
}
article#news .contents {
	background-color: #fafafa;
	height: 400px;
	line-height: 140%;
	margin: 15px auto 0 auto;
	overflow: auto;
	padding: 0 5px 10px;
	width:800px
}
article#news section{
	margin:20px;
	border-bottom:1px dotted #ccc;
}
article#news h2{
	background:none;
	border-left:#1595EA 10px solid;
	color:#000000;
	padding:0px 10px ;
	margin:20px 0px 0px 0px;
	height:auto;
	width:720px;
}
article#news p{
	padding: 0px 20px 10px 20px;
	margin:10px 0px;
	font-size:12px;
}
article#news .date{
	margin-left:20px;
	font-size:12px;
}
/*
article#gom h1,article#butyl h1{
	margin: 20px auto;
	padding: 18px 0 18px 0px;
	border:1px solid #ddddff;
	color: #4f4f93;
	font-size: 20px;
	text-align: center;
	background:rgba(240, 240, 255, 0.6);
}
*/
article#gom p{padding:0px;margin:5px 0px 5px 30px;}

article#expo dl{
	float:right;
	margin:0px 20px 0px 0px;
	width:490px;
	border-top:1px dashed #ccc;
	padding:0;
}
article#expo dt,article#expo dd{
	padding:10px ;
}
article#expo dt{
	float:left;
	width:100px;
}
article#expo dd{
	border-bottom:1px dashed #ccc;
	margin:0;
}

/****************************************
		sample/index.html
*****************************************/
.top_contents{
	margin-top:-300px;
}

/****************************************
		sample/seal.html
*****************************************/
article#sample table{
	width:500px;
	padding-right:20px
}
article#sample th,article#sample td{
	border:1px #ccc solid;
	padding:10px;
}
article#sample th{
	width:100px;
}
ul.thumb li{
	float:left;
	margin: 0px 0px 20px 0px;
}

/****************************************
		list/
*****************************************/
article#list table{
	width:810px;
	margin:0px auto 20px auto;
	font-size: 11px;
}
article#list table td,
article#list table th{
	padding:5px;
	text-align:center;
	border:1px solid #ccc;
}
article#list td.bg_blue{background:#EAE5FF;}
article#list tr.bg_red{background:#FFE5E5;}

/****************************************
		prof.html
*****************************************/
table.prof_table{
	margin:20px auto;
}
table.prof_table th,table.prof_table td{
	padding:10px;
	border:1px solid #eeeeee;
}