@charset "utf-8";

@import "/css/common.css";

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

h1{margin:0;}

#links *{margin:0;padding:0;}

#links{
	margin:0 0 2em;
	background:#f6fed8;
}

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

#links li{
	float:left;
	width:244px;
	list-style:none;
}

#links li a{
	margin:0 auto;
	width:229px;
	line-height:40px;
	display:block;
	background:url('../image/link_back.gif') no-repeat 0 0 ;
	text-align:center;
	color:#333;
	font-weight:bold;
}

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

/* 商品ラインナップ */

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

#lineup *{margin:0;padding:0;}
#lineup{
	font-size:14px;
}

/* h2 */
#lineup .subtitle{
	width:700px;
	margin:0 auto 1.6em;
	background:url('../image/subtitle_back.gif') no-repeat 0 0;
}

#lineup .subtitle h2{
	margin:0 0 0 36px;
	padding:8px 0 10px;
	font-size:1.3em;
}

#lineup .block{
	width:696px;
	margin:0 auto 2em;
}

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

#lineup .block .left{
	width:260px;
	float:left;
	text-align:center;
}

#lineup .block .right{
	width:420px;
	float:right;
}

#lineup p.text-long{
	width:696px;
	margin:0 auto 1em;
}

#lineup .block p.text{margin:0 0 1em;}
#lineup .block p.text-link{
	margin:0 0 1em;
	font-size:0.9em;
	text-align:right;
}

#lineup h3{color:#f60;}

#lineup .block p.btn{text-align:right;}
#lineup .block p.btn img{margin-bottom:1em;}

/* サービス */
/* ------------------------------------------------- */
#lineup ul.service{margin:0 0 0.8em;}

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

#lineup ul.service li{
	float:left;
	list-style:none;
	margin:0 3px 0 0;
}

/* 用途 */
/* ------------------------------------------------- */
#lineup .youto{
	margin:0 0 2em;
	padding:10px 6px 3px;
	background-color:#eee;
}

#lineup .youto p{
	margin:0;
	padding:0;
}

#lineup .youto ul{
	padding:0 0 0 6px;
	border-bottom:1px dashed #aaa;
}
/* clear hack */
#lineup .youto ul{zoom:1;}
#lineup .youto ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup .youto ul li{
	margin:0 18px 0 0;
	padding:6px 0 6px 12px;
	float:left;
	list-style:none;
	background:url('/common_img/listmark.gif') no-repeat 0 50%;
}


/* IE hack */
* html #lineup .youto ul li{background:url('/common_img/listmark.gif') no-repeat 0 48%;}
*:first-child+html #lineup .youto ul li{background:url('/common_img/listmark.gif') no-repeat 0 48%;}

#lineup .youto ul li.end{margin-right:0;}


/* 圧着はがきレイアウト変更 */
/* ------------------------------------------------- */
#postcard #lineup p.fig{
	margin:10px 0 15px;
	text-align:center;
}
#postcard #lineup .left p{
	padding:20px 0 0 12px;
	text-align:left;
}
#postcard h2{
	margin:0 12px;
	color:#b30028;
	font-size:20px;
}


/* お問合せ */
/* ------------------------------------------------- */
#lineup .contact-area{
	width:460px;
	margin:0 0 2em auto;
	text-align:right;
}

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

#lineup .contact-area li{
	float:left;
	list-style:none;
	margin:0 12px 0 0;
}

#lineup .contact-area li.contact{margin:5px 0 0 0;}

#lineup a:hover img{opacity:0.8;filter:alpha(opacity=80);}

/* 種類 */
#lineup h2.type-title{
	width:680px;
	margin:0 auto 1em;
}

#lineup p.btn-right{text-align:right;}


/* ---------------------------------------------------------- */
/* 圧着はがき */
/* ---------------------------------------------------------- */
#lineup .postcard-type-area p.text{margin:0 0 1em;}
#lineup .postcard-type-area p.type{margin:0 auto;text-align:center;}

#lineup .postcard-type-area{
	width:670px;
	margin:0 auto 1.8em;
}

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

#lineup .postcard-type-area .left{
	width:320px;
	float:left;
}

#lineup .postcard-type-area .right{
	width:320px;
	float:right;
}

/* clear hack */
#lineup .postcard-type-area dl{zoom:1;}
#lineup .postcard-type-area dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup .postcard-type-area dl dt{
	width:144px;
	float:left;
}

#lineup .postcard-type-area dl dd{
	width:170px;
	float:right;
	padding:20px 0 0;
}

/* ---------------------------------------------------------- */
/* ミシン目入り用紙（白紙） */
/* ---------------------------------------------------------- */
#lineup .white-type-area{
	width:660px;
	margin:0 auto 1em;
}

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

#lineup .white-type-area .left{
	width:220px;
	float:left;
	font-size:12px;
}

#lineup .white-type-area .right{
	width:431px;
	float:right;
}

#lineup .white-type-area h3{margin:0 0 6px;}

/* table：一覧表 */
#white-list{
	margin:0 auto 12px;
	padding:0;
	line-height:1.4;
	background:#ccc;
}

#white-list th{
	padding:3px 0;
	border:1px solid #fff;
	background:#e3f1fd;
	font-weight:normal;
	vertical-align:top;
}
#white-list th.first{vertical-align:middle;}
#white-list tr.headline th{background:#85c2f7;}

#white-list th span{font-size:12px;}

#white-list td{
	padding:3px 6px;
	border:1px solid #fff;
	width:20%;
	background:#fff;
	text-align:right;
}

/* ストライプ */
#white-list tr.even td{background:#efefef;}

/* ---------------------------------------------------------- */
/* ナンバー印刷・バーコード印刷 */
/* ---------------------------------------------------------- */
#lineup .number-type-area{
	width:670px;
	margin:0 auto 1em;
}

/* h3 */
#lineup .number-type-area h3{
	margin:0 0 1.4em;
	padding:3px 0 3px 8px;
	border-left:6px solid #5eb2fb;
	background-color:#e7f5ff;
}

#lineup .number-type-area .block{
	width:650px;
	margin:0 auto 3em;
}

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

#lineup .number-type-area .block .left{
	width:370px;
	float:left;
	text-align:left;
}

#lineup .number-type-area .block .right{
	width:270px;
	float:right;
	text-align:center;
}

/* clear hack */
#lineup .number-type-area .qr{zoom:1;}
#lineup .number-type-area .qr:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup .number-type-area .qr .left{
	width:500px;
	float:left;
}

#lineup .number-type-area .qr .right{
	width:140px;
	float:right;
	text-align:center;
}

#lineup .number-sample{text-align:center;}

#lineup .font{
	margin:0 auto 2em;
	width:680px;
}
/* clear hack */
#lineup .font{zoom:1;}
#lineup .font:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup .font p{
	margin:0 0 6px;
	text-align:right;
	font-size:12px;
}

#lineup .font ul{
	margin:0;
	padding:0;
}
#lineup .font li{
	margin:0 8px 6px;
	padding:0;
	float:left;
	font-size:0;
	line-height:0;
	list-style:none;
}
#lineup .font li img{border:1px solid #ccc;}
#lineup .font li a:hover img{border:1px solid #f60;}


#lineup .bottom{
	margin:2em auto 3em;
	width:640px;
}
#lineup .bottom dl{
	margin:0 0 2em;
	padding:12px;
	border:1px solid #ccc;
}
/* clear hack */
#lineup .bottom dl{zoom:1;}
#lineup .bottom dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup .bottom dt{
	float:right;
	width:270px;
	text-align:center;
}
#lineup .bottom dd{
	float:left;
	width:340px;
}
#lineup .bottom dd.note{color:#f00;}

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