@import "common.css";

/*==================================================================*/
/* TOP css */
/*==================================================================*/
/* ---------------------------------------------------------------- */
/* mainvisual：メインビジュアル */
/* ---------------------------------------------------------------- */
p#mainvisual{margin:0 auto 1em;padding:0;}
p#mainvisual span{display:none;}

/* h1 */
h1#head-catch{
	margin:0;
	padding:15px 0;
	color:#da1a1a;
	font-weight:bold;
	font-size:14px;
}
#head-contents {
	width:330px;
	padding:10px 10px 30px 290px;
	margin:0 auto 20px auto;
	background:url('../image/top_img.jpg') no-repeat 5px top;

}
#head-contents p.main-text {
	padding:0 0 10px 0;
	margin:0;
	font-size:14px;
	line-height:1.4em;
}

#head-contents p.main-text span.blue{
	line-height:1.5em;
	color:#0066CC;
	font-weight:bold;
}

#head-contents p.main-text span.red{
	line-height:1.5em;
	color: #da1a1a;
	font-weight:bold;
}


#head-contents .contact-btn {
	padding:10px 0 0 0;
	margin:0;

}


/* ---------------------------------------------------------------- */
/* search：検索 */
/* ---------------------------------------------------------------- */
/* リセット */
#search *{margin:0;padding:0;}

#search{margin-bottom:1.4em;}

/* h2 */
#search h2{margin:0 auto 0.6em;}

/* h3 */
#search h3{
	width:600px;
	font-size:1em;
	font-weight:normal;
	margin:0 auto;
	padding:7px 0 0 0;
	text-align:right;
	border-top:1px solid #ccc;
}

#search h3 span{color:red;font-weight:bold;}

/* clear hack */
#search-menu ul{zoom:1;}
#search-menu ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#search-menu li{
	float:left;
	margin:0 6px 0 0;
	padding:0;
	list-style-type:none;
}

#search-menu li.end{margin:0;padding:0;}
#search-menu li img{vertical-align:bottom;}

/* ------------------------ */
/* search-waku */
/* ------------------------ */
#search #search-waku{
	border:1px solid #3165cb;
	border-top:2px solid #3165cb;
	padding:18px 0 5px;
}

#search #search-waku #search-link{
	width:520px;
	margin:0 auto 1.2em;
}

/* clear hack */
#search #search-link{zoom:1;}
#search #search-link:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#search #search-link ul{}

#search #search-link ul li{
	float:left;
	width:170px;
	margin:0 0 1.2em 0;
	list-style-type:none;
	background:url('../image/mark_industry.gif') no-repeat left center;
}

#search #search-link ul li a{margin:0 0 0 20px;}

/* link */
#search a					{color:#555;text-decoration:none;}
#search a:hover		{color:#05418c;text-decoration:underline;}

/* ---------------------------------------------------------------- */
/* sozai：素材 */
/* ---------------------------------------------------------------- */
/* リセット */
#sozai *{margin:0;padding:0;}

#sozai{
	margin:0 auto 1.6em;
	padding:14px 0 5px;
	background-color:#fef3e8;
}

/* h2 */
h2#t-sozai{margin:0 auto 0.6em;}

/* dl */
#sozai dl{
	width:610px;
	margin:0 auto 0.6em;
}

/* clear hack */
#sozai dl{zoom:1;}
#sozai dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* dt */
#sozai dl dt{
	float:left;
	width:248px;
}

/* dd */
#sozai dl dd{
	float:right;
	width:353px;
}

/* ---------------------------------------------------------------- */
/* block:トピックス、ブログ */
/* ---------------------------------------------------------------- */
#block{margin:0 auto 2.8em;}

/* clear hack */
#block{zoom:1;}
#block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* block:左枠 */
#block .left{
	float:left;
	width:340px;
}

/* block:右枠 */
#block .right{
	float:right;
	width:275px;
}

/* ------------------------------- */
/* topics：トピックス */
/* ------------------------------- */
/* リセット */
#topics *{margin:0;padding:0;}

/* トピックス:h2 */
h2#t-topics{margin:19px auto 0;}

/* トピックス:枠 */
#topics{
	width:335px;
	height:240px;
	margin:0 auto;
	overflow-y:auto;

	scrollbar-arrow-color:#bdbcbd;
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-3dlight-color:#ddd;
	scrollbar-darkshadow-color:#ddd;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
}

/* トピックス:中枠 */
#topics dl{
	padding:8px 5px 5px 5px;
	background:url('../image/dotline_topics.gif') no-repeat 0 bottom;
}

/* clear hack */
#topicss dl{zoom:1;}
#topics dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}/* */

/* トピックス:日付 */
#topics dl dt{
	margin:0 0 0.2em 0;
	padding:0 0 0 10px;
	background:url('../image/arr_block.gif') no-repeat left 3px;
}

/* トピックス:記事 */
#topics dd{
	width:300px;
	text-align:left;
}

/* トピックス:NEW! */
#topics span{
	padding-left:10px;
	color:#ba2a2a;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
}

/* ------------------------------- */
/* blog：ブログ */
/* ------------------------------- */
/* リセット */
#blog *{margin:0;padding:0;}

/* ブログ:h2 */
h2#t-blog{margin:0 auto;}

/* ブログ:枠 */
#blog{
	width:270px;
	height:240px;
	margin:0 auto;
	overflow-y:auto;

	scrollbar-arrow-color:#bdbcbd;
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-3dlight-color:#ddd;
	scrollbar-darkshadow-color:#ddd;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
}

/* ブログ:中枠 */
#blog dl{
	padding:8px 5px 5px 5px;
	background:url('../image/dotline_blog.gif') no-repeat 0 bottom;
}

/* clear hack */
#blogs dl{zoom:1;}
#blog dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}/* */

/* ブログ:日付 */
#blog dl dt{
	margin:0 0 0.2em 0;
	padding:0 0 0 10px;
	background:url('../image/arr_block.gif') no-repeat left 3px;
}

/* ブログ:記事 */
#blog dd{
	width:240px;
	text-align:left;
}

/* ブログ:NEWマーク */
#blog span{
	padding-left:10px;
	color:#ba2a2a;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
}

/* link */
#blog dd a					{color:#d01411;text-decoration:underline;}
#blog dd a:hover		{color:#e24947;text-decoration:underline;}

/* ---------------------------------------------------------------- */
/* trial:試作について */
/* ---------------------------------------------------------------- */
/* リセット */
#trial *{margin:0;padding:0;}

/* 試作について:枠 */
#trial{
	width:610px;
	margin:0 auto 2.4em;
}

/* 試作について:h2 */
h2.catch{margin:0 auto 0.3em;}

/* 試作について:h3 */
h3.catch{margin:0 auto 0.6em;}

/* clear hack */
#trial{zoom:1;}
#trial:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* 試作について:左枠 */
#trial .left{
	float:left;
	width:360px;
}

/* 試作について:右枠 */
#trial .right{
	float:right;
	width:235px;
	margin:18px 0 0 0;
}

#trial .left p.text{
	margin:0 0 0.6em 0;
}

#trial .left dl{
}

#trial .left dl dt{
	font-weight:bold;
	color:#c70b0b;
}

#trial .left dl dd{
	margin:0 0 0.4em 0;
}

#trial .left p.btn{
	text-align:right;
	margin:0 0 0 auto;
}

/* ---------------------------------------------------------------- */
/* bn-item:バナー */
/* ---------------------------------------------------------------- */
ul.bn-item{margin:0 auto 2.8em;padding:0;}

ul.bn-item li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

/* ---------------------------------------------------------------- */
/* company:会社案内 */
/* ---------------------------------------------------------------- */
/* リセット */
#company *{margin:0;padding:0;}

/* 会社案内:枠 */
#company{margin:0 auto 3.2em;}

/* clear hack */
#company{zoom:1;}
#company:after{content:".";clear:both;height:0;display:block;visibility:hidden;}
/* 会社案内:左枠 */
#company .left{
	float:left;
	width:265px;
}

/* 会社案内:右枠 */
#company .right{
	float:right;
	width:350px;
}

/* 会社案内:h2 */
#company h2{margin:0 auto 0.6em;}

/* 会社案内:テキスト */
#company p{margin:0 auto 1em;}

#company .right .btn{
	text-align:right;
	margin:0 0 0 auto;
}

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