/*===============================================
style.css ζΚΜ‘ͺ737pxΘγ
===============================================*/
@media print, screen and (min-width: 737px){
h1,h2,h3,h4 {
	font-weight: bold;
}

#main	{
	width: 950px !important;
	margin: 0 auto;
	position: relative;
	left: 60px;
	padding-bottom: 35px;
	padding-top: 35px;
}


/* --------Left AREA ---------- */
.leftarea	{
	display: inline-block;
	float: left;
	width: 238px;
	margin: 14px 0 auto 0;
	text-align: left;
}
.leftarea	ul	li,
.leftarea	ul	li	a	{
	display: block;
	width: 238px;
	margin: 0;
}
.leftarea	ul	li	a	{
	text-decoration: none;
	color: #515151;
}
.leftarea	ul	li.btn_nv01	a,
.leftarea	ul	li.btn_nv02	a,
.leftarea	ul	li.btn_nv03	a	{
	width: 238px;
	height: 62px;
	margin: 0 auto 5px;
	font-size: 18px;
	background-image: url("../images/common/arw_navi.png");
	background-repeat: no-repeat;
	background-position: 98% 95%;
	background-size : 5%;
	background-color: #D0DADC;
	color: #515151;
	text-align: center;
	font-family: "Times New Roman", "ΰΎ©", "Yu Mincho", "ΰΎ©Μ", "YuMincho", "qMmΎ© Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGSΎ©E", "lr oΎ©", "MS PMincho", serif !important;
}
.leftarea	ul	li.btn_nv01	a	{	padding: 18px 0 19px;}
.leftarea	ul	li.btn_nv02	a	{	padding: 25px 0 12px;}
.leftarea	ul	li.btn_nv03	a	{	padding: 25px 0 12px;}

.leftarea	ul	li.btn_nv01	a	span,
.leftarea	ul	li.btn_nv02	a	span,
.leftarea	ul	li.btn_nv03	a	span	{
	display: block;
	margin: 10px auto 0;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	font-family: 'Archivo Narrow', sans-serif,"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", "Meiryo", "Osaka", "lr oSVbN", "MS Gothic" !important;
}
.leftarea	ul	li.btn_nv01	a	span	{	width: 170px;}
.leftarea	ul	li.btn_nv02	a	span	{	width: 170px;}
.leftarea	ul	li.btn_nv03	a	span	{	width: 203px; white-space:nowrap;}

.leftarea	ul	li.btn_nv01	a:hover,
.leftarea	ul	li.btn_nv02	a:hover,
.leftarea	ul	li.btn_nv03	a:hover	{
	background-color: #e3e9ea;
}/* - - - - - - - - - - - - */
.leftarea	ul	li.btob_subnv	a	{
	width: 234px;
	height: 20px;
	margin-top: 7px;
	padding: 10px 0px 9px;
	font-size: 14px;
	text-indent: 15px;
	line-height: 18px;
	background: #FDFDFD;
	border: solid 2px #D0DADC;
}
.leftarea	ul	li.btob_subnv	a	span	{	color:#D0DADC;}
.leftarea	ul	li.btob_subnv	a:hover	{	background: #f1f3f4;}
/* - - - - - - - - - - - - */
.leftarea	ul	li.contact	a	{
	width: 238px;
	height: 19px;
	margin-top: 11px;
	padding: 9px 0;
	background: #EEEEEF;
	border: solid 1px #E2E2E2;
	color: #333;
	text-align: center;
	vertical-align: middle;
}
.leftarea ul .contact a img{	
	width: 15px;
	height: 12px;
	margin-right: 5px;
	margin-top: 3px;
	vertical-align: top;
}
/* --------Right side ---------- */
.rightarea	{
	display: inline-block;
	float: right;
	width: 670px;
/*	margin-left: 38px;*/
	margin-top: 15px;
/*	position: relative;*/
}
/* --------ttlarea ---------- */
.ttlarea	{
	width: 670px;
	height: 90px;
	background-position: right center;
	background-color: #333;
	background-image: url("../images/common/ttlbg.jpg");
	background-repeat: no-repeat;
}
.ttlarea	h1	{
	padding: 21px;
	color: #FFF;
	font-size: 28px;
	line-height: 24px;
}
.ttlarea	h1	span	{
	display: block;
	font-size: 12px;
}
/* ------------------- */
.read_b1	{
	width: 650px;
	margin: 18px 0 25px;
	font-size: 14px;
	color: #373737;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
}
.read_b1	a{
	color: #06C;
	text-decoration: none;
}
.read_b1	h2	{
	padding-bottom: 9px;
	padding-top: 17px;
}
h2.subcate	{
	display: block;
	width: 141px;
	height: 15px;
	margin-top: 28px;
	padding: 8px 0 11px;
	border: solid 1px #E6E6E6;
	background: #FFF;
	color: #333;
	text-align: center;
	font-size: 15px;
	letter-spacing: 1px;
}
/* --------- Contact ---------- */
div.business_contact	{
	clear: both;
	width: 670px;
	margin: 0 auto;
	border-top: solid 1px #CCC;
}
div.business_contact	h3	{
	padding-top: 11px;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
}
div.business_contact	h3	a	{
	display: inline-block;
	float: right;
	color: #666;
	text-decoration: none;
	font-size: 13px;
}
*:first-child+html	div.business_contact	h3	a	{
	margin-top: -20px;
}

div.business_contact	h3	a	img	{
	width: 15px;
	height: 12px;
	margin-right: 5px;
	margin-top: 3px;
	vertical-align: top;
}
div.business_contact	p	{
	display: inline-block;
	float: left;
	width: 334px;
	height: 14px;
	margin: 12px 0 ;
	padding: 18px 0 20px;
	background: #D0DADC;
	color: #333;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
div.business_contact	p	a,
div.business_contact	p	a:hover	{	color: #333;	text-decoration: none;}
div.business_contact	p.east	{	margin-right: 1px;}
div.business_contact	p.west	{	margin-left: 1px;}

/* --- BUSINESS OEM NOVELTY ---- */
.box01	{
	clear: both;
	width: 670px;
	padding-bottom: 15px;
}
.bdb_s1c	{
	border-bottom: solid 1px #CCC;
}
.box01	h3	{
	margin-top: 31px;
	padding-left: 5px;
	border-left: solid 7px #BBB;
	font-size: 15px;
}
.box01	h4	{
	margin-top: 24px;
	font-size: 14px;
}
.box01	h4.pdgt01	{
	padding-top: 15px;
}
.box01	p	{
	margin-top: 13px;
	line-height: 21px;
	letter-spacing: 1px;
}
.pic01	{
	float: left;
	margin-right: 32px;
	margin-top: 16px;
}
.pic02	{
	float: left;
	margin-bottom: 21px;
	margin-right: 20px;
	margin-top: 22px;
}
.box01	span	a	{
	clear: both;
	display: block;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
.box01	span	a,.box01	span	a:hover	{
	color: #69F;
	text-decoration: none;
}
/* --------- PROCESS ---------- */
div.flowimg {
	display: inline-block;
	float: left;
	width: 411px;
	height: 523px;
	margin-bottom: 30px;
	border: solid 1px #E6E6E6;
	background: #FFF;
}
div.flowimg img {
	margin-left: 23px;
	margin-top: 29px;
}
ol.flow {
	display: inline-block;
	width: 232px;
	margin-left: 24px;
}
ol.flow li {
	width: 164px;
	margin-bottom: 14px;
	padding: 14px 18px 15px 36px;
	text-indent: -20px;
	font-size: 12px;
	border: solid 1px #E6E6E6;
	background: #FFF;
}
ol.flow li span {
	font-size: 18px;
	padding-right: 10px;
	font-weight: bold;
}
/* --------- CASE COLLECTION ---------- */
div.inbox	{
	display: inline-block;
	float: left;
	width: 321px;
	height: 332px;
	font-size: 14px;
	letter-spacing: 1px;
}
div.inbox p.pic03 {
	width: 321px;
	height: 201px;
	border: solid 1px #E7E7E7;
	background: #FFF;
	text-align: center;
}
div.inbox	p.pic03 img	{
	vertical-align: top;
}
div.inbox h4 {
	margin: 14px 0 4px;
}
/* --------- GREETING ---------- */
.box02	{
	display: inline-block;
	float: left;
	width: 420px;
	margin-top: 30px;
	padding-right: 48px;
	font-size: 14px;
	letter-spacing: 1px;
}
.box02	h2	{
	font-size: 15px;
	margin-bottom: 18px;
}
.pic04	{
	display: inline-block;
	float: left;
	margin: 18px 100px 45px 38px;
}
.pic05	{	margin-top: 68px;}
.pic06	{	margin-top: 31px;}
/* --------- FAQ ---------- */
dl.qa	{
	width: 668px;
	border: solid 1px #E6E6E6;
	background: #FFF;
	margin-bottom: -1px;
	font-weight: bold;
	font-size: 13px;
/*	letter-spacing: 1px;*/
}
.str	{	margin-top: 21px;}
.fin	{	margin-bottom: 30px !important;}
dt.qst	{	padding: 24px 28px 4px 54px;	color: #335388;	text-indent: -26px;}
dd.ans	{	padding: 4px 28px 24px 54px;	color: #333333;	text-indent: -26px;}
dt.qst:before	{
	content:"Q";
	padding-left: 0px;
	padding-right: 15px;
}
dd.ans:before	{
	content:"A";
	padding-left: 0px;
	padding-right: 15px;
}
/* --------- INQUIRY ---------- */
.inquiry	{
	width: 598px;
	padding: 20px 35px;
	border: solid 1px #E7E7E7;
	background: #FFF;
	text-align: left;
}
.inquiry	.secu	{
	width: 598px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 140%;
	text-align: left;
}
.inquiry	.secu	div	{
	float: left;
	padding-right: 20px;
}

.inquiry	.note	{
	padding: 15px 0 11px;
	font-weight: bold;
}
.inquiry	.note	span	{
	color: #F17D26;
}
.inquiry	table	{
	width: 580px;
	margin: 15px 0 26px;
	text-align: left;
}
.inquiry	table	th	{
	width: 156px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-top: 15px;
	border-left: solid 1px #E2E2E2;
	border-top: solid 1px #E2E2E2;
	background: #F3F3F3;
	vertical-align: top;
}
.inquiry	table	span	{
	padding-left: 8px;
	color: #F17D26;
}
.inquiry	table	td	{
	padding-left: 30px;
	vertical-align:	middle;
}
.col01,.col02	{	border-top: solid 1px #E2E2E2;	border-right: solid 1px #E2E2E2;	padding-bottom: 14px;	padding-top: 12px;}
.col03	{	border-top: dashed 1px #CCC;	border-right: solid 1px #E2E2E2;	padding-bottom: 14px;	padding-top: 8px;}
.col04	{	border-right: solid 1px #E2E2E2;	padding-bottom: 16px;}
.col05	{	border-bottom: solid 1px #E2E2E2;}
.vide	{	border-top: solid 1px #E2E2E2; height:10px; padding:0 !important;}
.w01	{	width: 264px;	height: 20px;}
.w02	{	width: 70px;	height: 20px;}
.w03	{	width: 330px;	height: 20px;}
.w04	{	width: 312px;	height: 106px;}

input,textarea { border: solid 1px #CCC;}
.formbtn	{
	width: 294px;
	margin: 15px auto;
	text-align: center;
}
.formbtn	a	{
	display: inline-block;
	float: left;
	width: 120px;
	margin: 0 11px;
	padding: 15px 0;
	background: #F3F3F3;
	border: solid 1px #E2E2E2;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.formbtn	input	{
	color: #06C;
	display: inline-block;
	float: left;
	width: 120px;
	margin: 0 11px;
	padding: 11px 0;
	background: #F3F3F3;
	border: solid 1px #E2E2E2;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
}
/*=================================================================== *
*   SmartPhone Display - width:736px under    *
* =================================================================== */
@media only screen and (max-width:736px){
#main	{
	width: 100%;
	margin: auto;
	background-color:#FFF;
}
h1,h2,h3,h4 {
	font-weight: bold;
}
/* --------Left AREA ---------- */
.leftarea	{
	clear: both;
	width:  100%;
	margin: 0 auto;
}
.leftarea	ul	li	a	{
	text-decoration: none;
	color: #515151;
}
.leftarea	ul	li.btn_nv01	a,
.leftarea	ul	li.btn_nv02	a,
.leftarea	ul	li.btn_nv03	a	{
	display: block;
	width: 100%;
	margin: 3px auto;
	padding: 5% 0;
	background-image: url("../images/common/arw_navi.png");
	background-repeat: no-repeat;
	background-position: 98% 95%;
	background-size : 5%;
	background-color: #D0DADC;
	color: #515151;
	text-align: center;
	font-family: "Times New Roman", "ΰΎ©", "Yu Mincho", "ΰΎ©Μ", "YuMincho", "qMmΎ© Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGSΎ©E", "lr oΎ©", "MS PMincho", serif ;
	font-size: 1em;
	line-height: 1em;
}
.leftarea	ul	li.btn_nv01	span,
.leftarea	ul	li.btn_nv02	span,
.leftarea	ul	li.btn_nv03	span	{
	display: block;
	margin: 5px auto 0;
	font-family: 'Archivo Narrow', sans-serif,"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", "Meiryo", "Osaka", "lr oSVbN", "MS Gothic" ;
	font-size: 0.7em;
}
.leftarea	ul	li.btn_nv01	a:hover,
.leftarea	ul	li.btn_nv02	a:hover,
.leftarea	ul	li.btn_nv03	a:hover	{
	background-color: #e3e9ea;
}
/* - - - - - - - - - - - - */
.leftarea	ul	li.btob_subnv	{
	display: inline-block;
	float: left;
	width: 47%;
	margin-left: 2%;
	margin-top: 2%;
	text-align: left;
	font-size: 0.9em;
	text-indent: 15px;
}
.leftarea	ul	li.btob_subnv	a	{
	display: block;
	padding: 12px 0;
	background: #FDFDFD;
	border: solid 2px #D0DADC;
}
.leftarea	ul	li.btob_subnv	a	span	{	color:#D0DADC;}
.leftarea	ul	li.btob_subnv	a:hover	{	background: #f1f3f4;}
/* - - - - - - - - - - - - */
.leftarea	ul	li.contact	{
	clear: both;
	display: block;
	width: 95%;
	margin: 132px auto auto;
	background: #EEEEEF;
	border: solid 1px #E2E2E2;
	color: #333;
	text-align: center;
	vertical-align: middle;
}
.leftarea	ul	li.contact	a	{
	display: block;
	width: 100%;
	padding: 11px 0;
	font-size: 0.9em;
}
.leftarea	ul	.contact	a	img	{
	width: 20px;
	margin-right: 5px;
	margin-top: 5px;
	vertical-align: top;
}
/* --------Right AREA ---------- */
.rightarea	{
	width: 100%;
	margin: 0 auto;
}
/* --------ttlarea ---------- */
.ttlarea	{
	width: 100%;
	background-color: #333;
	background-image: url("../images/common/ttlbg.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.ttlarea	h1	{
	width: 94%;
	margin: 0 auto;
	padding: 8px 0 10px;
	color: #FFF;
	font-size: 28px;
	line-height: 24px;
	text-align: left;
}
.ttlarea	h1	span	{
	display: block;
	font-size: 12px;
}
/* --------- Contact ---------- */
div.business_contact	{
	width: 94%;
	margin: 0 auto 10%;
	border-top: solid 1px #CCC;
}
div.business_contact	h3	{
	padding-top: 3%;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
}
div.business_contact	h3	a	{
	display: inline-block;
	float: right;
	color: #666;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}
div.business_contact	h3	a	img	{
	width: 15px;
	height: 12px;
	margin-right: 5px;
	margin-top: 6px;
	vertical-align: top;
}
div.business_contact	p	{
	clear: both;
	width: 100%;
	margin: auto ;
	padding: 8px 0;
	background: #D0DADC;
	color: #333;
	text-align: center;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
}
div.business_contact	p	a,
div.business_contact	p	a:hover	{	color: #333;	text-decoration: none;}
div.business_contact	p.east	{	margin-top: 8px;}
div.business_contact	p.west	{	margin-top: 3px;}

/* - - - - - - - - - - - - - - - - */
.read_b1	{
	width: 94%;
	margin: 2% auto auto;
	color: #373737;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 21px;
}
.read_b1	a{
	color: #06C;
	text-decoration: none;
}
.read_b1	h2	{
	padding-bottom: 4px;
	padding-top: 3%;
	font-size: 1em;
}
h2.subcate	{
	display: block;
	width: 141px;
	padding: 5px 0;
	margin-left: 3%;
	margin-top: 5%;
	border: solid 1px #E6E6E6;
	background: #FFF;
	color: #333;
	text-align: center;
	font-size: 15px;
	letter-spacing: 1px;
}
/* --- BUSINESS OEM NOVELTY ---- */
.box01	{
	clear: both;
	width: 94%;
	margin: 0 auto;
	padding-bottom: 6%;
	text-align: left;
}
.bdb_s1c	{
	border-bottom: solid 1px #CCC;
}
.box01	h3	{
	margin-top: 6%;
	padding-left: 8px;
	border-left: solid 7px #BBB;
	font-size: 15px;
	line-height: 110%;
}
.box01	h4	{
	margin-top: 4%;
	font-size: 14px;
}
.box01	h4.pdgt01	{
	padding-top: 4%;
}
.box01	p	{
	float: right;
	width: 67%;
	margin-top: 3%;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 1px;
}
.pic01	{
	float: left;
	width: 30%;
	margin-right: 3%;
	margin-top: 5%;
}
.pic02	{
	float: left;
	width: 20%;
	margin-bottom: 15px;
	margin-right: 3px;
	margin-top: 7%;
}
.box01	span	a	{
	clear: both;
	display: block;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
	font-size: 14px;
}
.box01	span	a,.box01	span	a:hover	{
	color: #69F;
	text-decoration: none;
}
/* --------- PROCESS ---------- */
div.flowimg {
	width: 94%;
	margin: 5% auto;
	border: solid 1px #E6E6E6;
	background: #FFF;
}
div.flowimg img {
	width: 70%;
	margin: 5% auto;
}
ol.flow {
	width: 94%;
	margin: auto;
	padding-bottom: 5%;
	text-align: left;
}
ol.flow li {
	width: 86%;
	margin: 0 auto 3%;
	padding: 3% 18px 3% 10%;
	border: solid 1px #E6E6E6;
	background: #FFF;
	text-indent: -6%;
	font-size: 15px;
}
ol.flow li span {
	font-size: 18px;
	font-weight: bold;
	padding-right: 3%;
}
/* --------- CASE COLLECTION ---------- */
div.inbox	{
	width: 100%;
	margin: -2% auto 0;
	padding-bottom: 2%;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
}
div.inbox	p.pic03	{
	width: 100%;
	margin-bottom: 3%;
	padding: 8px 0;
	border: solid 1px #E7E7E7;
	background: #FFF;
	text-align: center;
}
div.inbox	h4	{
	padding: 2% 0;
}
div.inbox	p.pic03 img	{
	vertical-align: top;
}
/* --------- GREETING ---------- */
.box02	{
	width: 94%;
	margin: 5% auto 0;
	text-align: left;
}
.box02	h2	{
	margin-bottom: 5px;
	font-size: 1em;
	letter-spacing: 1px;
}
.pic04	{	float: left;	width: 50%;	margin: 8% 7% 8% 3%;}
.pic05	{	width: 32%;	margin: 4% 3% 2% 0;}
.pic06	{	width: 32%;margin: 2% 3% 8% 0;}
/* --------- FAQ ---------- */
dl.qa	{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #E6E6E6;
	background: #FFF;
	margin-bottom: -1px;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.2em;
	letter-spacing: 1px;
}
.str	{	margin-top: 5%;}
.fin	{	margin-bottom: 8%;}
dt.qst	{	padding: 24px 28px 4px 54px;	color: #335388;	text-indent: -26px;}
dd.ans	{	padding: 4px 28px 24px 54px;	color: #333333;	text-indent: -26px;}
dt.qst:before	{
	content:"Q";
	padding-left: 0px;
	padding-right: 15px;
}
dd.ans:before	{
	content:"A";
	padding-left: 0px;
	padding-right: 15px;
}
/* --------- INQUIRY ---------- */
.inquiry	{
	width: 88%;
	margin: 3% auto 8%;
	padding: 3%;
	border: solid 1px #E7E7E7;
	background: #FFF;
	text-align: left;
}
.inquiry	.secu	{
	font-size: 12px;
	line-height: 16px;
}
.inquiry	.secu	div	{
	float: left;
	padding-right: 10px;
}

.inquiry	.note	{
	clear: both;
	padding: 5% 0 3%;
	font-size: 12px;
	font-weight: bold;
}
.inquiry	.note	span	{
	color: #F17D26;
}
.inquiry	table	{
	width: 100%;
	margin: 0 auto;
	border-top: solid 1px #E2E2E2;
	vertical-align: top;
	font-size: 12px;
	line-height: 140%;
}
.inquiry	table	th	{
	width: 40%;
	border-left: solid 1px #E2E2E2;
	background: #F3F3F3;
	padding-left: 3%;
}
.inquiry	table	span	{
	padding-left: 8px;
	color: #F17D26;
}
.inquiry	table	td	{
	padding-left: 3%;
	padding-right: 3%;
	vertical-align:	middle;
}
.col01	{	border-right: solid 1px #E2E2E2;	padding: 3%;}
.col02	{	border-right: solid 1px #E2E2E2;	padding-top: 3%; padding-bottom: 0%;}
.col03	{	border-top: dashed 1px #CCC;	border-right: solid 1px #E2E2E2;	padding-bottom: 14px;	padding-top: 8px;}
.col04	{	border-right: solid 1px #E2E2E2;	padding-bottom: 16px;}
.col05	{	border-bottom: solid 1px #E2E2E2;}

.vide	{
	border-bottom: solid 1px #E2E2E2;
	border-left: none !important;
	border-right: none !important;
	border-top: solid 1px #E2E2E2;
	height:10px; padding:0 !important;
	background: #FFF;
}

.w01	{	width: 90%;	height: 20px;}
.w02	{	width: 50%;	height: 20px;}
.w03	{	width: 90%;	height: 20px;}
.w04	{	width: 90%;	height: 106px;}
input,textarea { border: solid 1px #CCC;}
.formbtn	{
	width: 294px;
	margin: 15px auto;
	text-align: center;
}
.formbtn	a	{
	display: inline-block;
	float: left;
	width: 120px;
	margin: 0 11px;
	padding: 8px 0;
	background: #F3F3F3;
	border: solid 1px #E2E2E2;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.formbtn	input	{
	display: inline-block;
	float: left;
	width: 120px;
	margin: 0 11px;
	padding: 3px 0;
	background: #F3F3F3;
	border: solid 1px #E2E2E2;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
}

