@import url("./common.css");

/* ================================================================ */
/* style =トップページcss= */
/* ================================================================ */

/* --------------------- base --------------------- */
#header{background:url('../image/mainvisual_sub.jpg') no-repeat 0 100% #f2e690;}
#wrapper{padding-top:0;}

/* --------------------- mainvisual --------------------- */
/* メインビジュアル */
#mainvisual{margin:0 0 12px;}

#mainvisual h1{margin:0;}
#mainvisual img{vertical-align:bottom;}

/* メインビジュアル：テキスト */
#mainvisual p{
	margin:0;
	padding:10px 0 12px;
	border-top:1px solid #999;
	background:url('../image/mainvisual_back.jpg') repeat-x 0 0;
	text-align:center;
}

/* --------------------- banner --------------------- */
#contents .banner{margin:0 0 20px;}
#contents .banner img{vertical-align:bottom;}


/* --------------------- binding --------------------- */
/* 製本加工：リセット */
#binding *{margin:0;padding:0;}

/* 製本加工 */
#binding{margin:0 0 40px;}

/* 製本加工：見出し */
#binding h2{margin:0 0 20px;}

/* 製本加工：キャッチ */
#binding h3{
	margin:0 20px 15px;
	clear:both;
}

/* 製本加工：ブロック */
#binding .block{
	margin:0 0 30px 20px;
	width:555px;
}
/* clear hack */
#binding .block{zoom:1;}
#binding .block:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/* 製本加工：加工例 */
#binding dl{
	float:left;
	width:185px;
}

/* 製本加工：加工例：写真 */
#binding dt{margin:0 0 10px;}

/* 製本加工：加工例：写真（小） */
#binding .normal dt{padding:7px 0 0;}

/* 製本加工：加工例：加工名 */
#binding dd.name{
	padding:7px 5px 4px 10px;
	border-left:3px solid #d4a23f;
}

/* 製本加工：加工例：テキスト */
#binding dd.text{
	padding:8px 10px 4px 20px;
	border-left:3px solid #e4dfe3;
}

/* 製本加工：加工例：詳細 */
#binding dd.more{
	padding:0 20px;
	text-align:right;
}

/* --------------------- blog --------------------- */
#blog *{margin:0;padding:0;}
#blog img{vertical-align:bottom;}
#blog{
	margin:0 auto 2em;
	width:558px;
	background:url('/blog/image/back.gif') repeat-y 0 0 #efefef;
}
#blog .frame{background:url('/blog/image/back_sub.gif') no-repeat 100% 24px;}

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

#blog .headline h2{
	float:left;
	width:200px;
}
#blog .headline p{
	margin:0;
	padding:12px 0 0;
	float:right;
	width:114px;
}

#blog p{
	margin:12px 0 6px 21px;
	padding:0;
}

#blog iframe{
	margin:0 21px 12px;
	width:516px;
	height:200px;
	overflow:auto;
}


/* --------------------- company --------------------- */
#company img{vertical-align:bottom;}

/* 会社概要 */
#company{
	margin:0 auto 20px;
	width:560px;
	background:url('../image/company_back.gif') no-repeat 0 64px;
}

#company h2{margin:0;}
#company p{
	margin:5px 24px 0;
	line-height:1;
}

#company p.btn{
	margin:0 20px;
	text-align:right;
}

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