@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
	RESET
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em;}
body, table, input, textarea, select, option { font-family:Meiryo,'MS PGothic','Segoe UI',Tahoma,Helvetica,Sans-Serif; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

html{ overflow-y:scroll; }

* {
    -webkit-appearance: none;
}

img{ vertical-align:middle;}
img{vertical-align:middle;max-width:100%; height:auto;}

a{text-decoration:none; color:#f66;}
a:hover{text-decoration:none; color:#f44;}
table{border-collapse:collapse;}

.bold{font-weight:bold;}
.right{text-align:right;}
.centering{ text-align:center;}
.small{font-size:11px; }
.mini{font-size:11px; line-height:12px;}
.center{text-align:center;}

section{ overflow:hidden; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb80{ margin-bottom:80px !important; }
.mb100{ margin-bottom:100px !important; }
.mb200{ margin-bottom:200px !important; }

.mt10{ margin-top:10px !important }

.aligncenter{
	display:block;
	margin:0 auto;
}


.chushaku{
	font-size:12px;
	color:#666;
	line-height:18px;
}

.chushaku2{
	background:#f0f8ff;
	padding:10px;
	border-radius:4px;
	color:#333;
	display:block;
}


.contour{
	background:url(img/contour.png) no-repeat center center;
	background-size:124px;
	height:4px;
	display:block;
	padding:40px 0;
}

.yul{ background:url(img/underline_y.png) repeat-x left bottom; background-size:3px; }
.pul{ background:url(img/underline_p.png) repeat-x left bottom; background-size:3px; }
.bul{ background:url(img/underline_b.png) repeat-x left bottom; background-size:3px; }

.mail{
background:#f7f7f4 url(img/listmark_mail.png) no-repeat 20px center;
background-size:20px;
padding:10px 10px 10px 50px;
border-radius:4px;
border:2px solid #dcdcdc;
}
.mail a{
	color:#333;
	display:block;
}

.fax{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
}
.telbtn{
	background:#f7f7f4;
	padding:10px;
	text-align:center;
	border-radius:4px;
	border:2px solid #dcdcdc;
}
.telbtn a{
	color:#333;
	display:block;
}
.telnumber{
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
}

.blockquote{
	background:#f7f7f4;
	padding:10px;
	border-radius:4px;
}

.red{ color:#cc2728; }
.eblue{ color:#191970; }
.yellow{ color:#FF0; }


.linkbtn{
	padding:10px;
	background:#191970;
	border-radius:4px;
	display:block;
	width:220px;
	margin:0 auto;
}
.linkbtn a{
	display:block;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.pbtnlink{
	border-top:3px double #dcdcdc;
	border-bottom:3px double #dcdcdc;
}
.pbtnlink li{
	border-bottom:1px dotted #dcdcdc;
	padding:5px 25px 5px 0;
	position:relative;
	color:#111;
	font-weight:bold;
}
.pbtnlink li:last-child{
	border-bottom:0;
}
.pbtnlink li::after{
	position: absolute;
	top: 45%;
	right: 5px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #dcdcdc;
}

.pbtnlink li a{
position:absolute;
width:100%;
height:100%;
display:block;
}
	

/*------------------------------------------------------------
	BASIC
------------------------------------------------------------*/

body{
	font-size:12px;
	line-height:20px;
	color:#333;
}

/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/

#header{
	background:#fff;
	overflow:hidden;
	padding:10px 0;
	border-bottom:1px solid #dcdcdc;
}

.sitelogo{
	width:200px;
	float:left;
	padding-left:10px;
}

.tellogo{
width:90%;
margin:10px auto;
}

.hinfo{
	padding:5px 10px;
	font-size:11px;
	line-height:18px;
}
/*------------------------------------------------------------
	MENU BTN
------------------------------------------------------------*/
.sp_menu {
	float:right;
	width:60px;
	height:60px;
}
#menubox {
	position:absolute;
	top:80px;
	left:0;
	z-index:999;
	width:100%;
	height:auto;
	display:none;
	background:#fff;
}
#menubtn {
	display:block;
	cursor:pointer;
	background:url(img/menubtn.png);
	background-repeat:no-repeat;
	background-size:60px;
	height:60px;
}
#menubtn.active {
	display:block;
	cursor:pointer;
	background:url(img/menubtn_close.png);
	background-repeat:no-repeat;
	background-size:60px;
	height:60px;
}
#menubox ul {
	border-top:2px solid #dcdcdc;
	background:url(img/menubg.png) repeat;
border-bottom:2px solid #dcdcdc;
}
#menubox li {
	position:relative;
	font-size:13px;
	color:#111;
	font-weight:normal;
	display:block;
	line-height:20px;
	text-align:left;
	border-bottom:1px solid #dcdcdc;
}
#menubox li a {
	width:100%;
	height:100%;
	display:block;
	color:#333;
	font-weight:bold;
	padding:15px 20px 15px 40px;
	box-sizing:border-box;
}
#menubox li::after {
	position: absolute;
	top:50%;
	right:10px;
	margin-top:-10px;
	content:'\f105';
	font-family:fontawesome;
}

#menubox li#gbegin{ background:url(img/listmark_megane.png) no-repeat 10px center; background-size:20px; }
#menubox li#gsearch{ background:url(img/listmark_brace.png) no-repeat 10px center; background-size:18px; }
#menubox li#gcolumn{ background:url(img/listmark_column.png) no-repeat 10px center; background-size:17px; }
#menubox li#gfaq{ background:url(img/listmark_faq.png) no-repeat 10px center; background-size:18px; }
#menubox li#gcompany{ background:url(img/listmark_shop.png) no-repeat 10px center; background-size:18px; }

/*------------------------------------------------------------
	SEARCH BOX
------------------------------------------------------------*/
.searchbox{
	width:90%;
	margin:20px auto 20px;
}

.searchbtn{
	margin:0 auto;
	display:block;
	border:none;
}





/*------------------------------------------------------------
	CONTENT
------------------------------------------------------------*/

#content{
	width:100%;
	margin:0 auto 20px;
	overflow:hidden;
}

#page{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:#f7f7f4;
}


.inner{
	width:92%;
	margin:20px auto;
	background:#fff;
}

.pinner{
	width:82%;
	margin:10px auto;
	padding:5%;
	background:#fff;
	overflow:hidden;
}

.clr{
	overflow:hidden;
}


.banner{
	width:90%;
	margin:0 auto 10px;
}




#page h1{
	border:4px solid #dcdcdc;
	font-size:15px;
	color:#666;
	line-height:36px;
	text-align:center;
	width:92%;
	margin:0 auto;
	background:#fff;
}

#page h2{
	color:#191970;
	text-align:center;
	padding-bottom:5px;
	border-bottom:2px solid #191970;
	margin-bottom:10px;
	font-size:16px;
}


#page h3{
	font-size:14px;
	color:#191970;
}

#page h4{
	font-size:14px;
}



/*------------------------------------------------------------
	TOP
------------------------------------------------------------*/
.greeting{
	background:#f7f7f4;
	padding:10px;
}

.greeting h2{
	background:url(img/listmark_bar_cb.png) no-repeat left center;
	background-size:5px;
	padding-left:15px;
}

#content h2{
	font-weight:normal;
}


.leafI{
	padding:5px 10px;
	border-bottom:2px solid #666;
	font-size:18px;
	text-align:left !important;
	font-weight:normal !important;
}
.leafI::before{
	content:'\f06c';
	font-family:fontawesome;
	margin-right:10px;
	font-weight:normal;
}

.searchI{
	padding:5px 10px;
	border-bottom:2px solid #666;
	font-size:18px;
	text-align:left !important;
	font-weight:normal !important;
}
.searchI::before{
	content:'\f002';
	font-family:fontawesome;
	margin-right:10px;
	font-weight:normal;
}

.diamondI{
	padding:5px 10px;
	border-bottom:2px solid #666;
	font-size:18px;
	text-align:left !important;
	font-weight:normal !important;
}
.diamondI::before{
	content:'\f219';
	font-family:fontawesome;
	margin-right:10px;
	font-weight:normal;
}

.diamondI span{
	font-size:13px;
	color:#999;
	display:inline-block;
	margin-left:10px;
}




.slides{
	width:92%;
	margin:10px auto 0;
}

.sq_banner{
	overflow:hidden;
	margin-bottom:20px;
}
.sq_banner li{
	float:left;
	width:50%;
}

/*------------------------------------------------------------
	TOP ITEM BOX
------------------------------------------------------------*/

#itemBoxList{
		text-align:left !important;
}


#itemBoxList h3{
	background:#0073a8;
	color:#fff;
	padding:5px 5%;
	text-shadow:none !important;
}


.itemBox{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	padding:10px 0;
}

.itemBox1{
	width:90%;
	margin:0 auto;
	border:4px solid #F2FFF4;
	box-sizing:border-box;
	border-radius:4px;
	overflow:hidden;
}
.itemBox1 h3{
	background:#F2FFF4;
	font-size:15px;
	padding:5px 10px;
}

.itemList1{
}
.itemList1 li{
	border-bottom:1px dotted #b0c4de;
	overflow:hidden;
	position:relative;
	font-size:12px;
	line-height:20px;
	padding:10px 20px 10px 5%;
}
.itemList1 li a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

.itemList1 li::after{
	content:'\f105';
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:10px;
	font-family:fontawesome;
}


.itemList1 li:last-child{
	border:0;
}



.itemList2{
	border-top:2px solid #fff;
	overflow:hidden;
	width:99%;
	margin:0 auto;
}
.itemList2 li{
	float:left;
	width:25%;
	overflow:hidden;
	padding:10px 5px;
	position:relative;
	box-sizing:border-box;
	text-align:center;
	background:#f0f8ff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.itemList2 li:nth-child(4n){
	border-right:0;
}

.itemList2 li a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

.itemThumb{
	width:60px;
	height:60px;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	margin:0 auto 10px;
	border-radius:6px;
	overflow:hidden;
}
.itemThumb img{
	width:100%;
}

.itemText{
	font-size:12px;
	line-height:16px;
	text-align:center;
	min-height:48px;
	color:#00a1e9;
}



.ui-content{
	padding:0 !important;
}


.helpBox{
	border:4px solid #dcdcdc;
	padding:10px 5%;
	box-sizing:border-box;
	position:relative;
	width:90%;
	margin:10px auto;
	text-align:center;
	background:#f8f8f8;
}
.helpBox a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.helpTitle{
	font-size:15px;
}
.helpTitle span{
	display:block;
	font-size:12px;
}




/*------------------------------------------------------------
	BEST5
------------------------------------------------------------*/
#tabSet {
	width:90%;
	margin:0 auto;
}
#tabSet ul li a {

}
#tabSet ul li a:hover {

}
#tabSet ul li a.on {
 cursor: default
}
#tabSet ul li a.on:hover {

}
#tabSet .panels {
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	border-radius:0 0 4px 4px;
	overflow:hidden;
	box-sizing:border-box;
}
.tabs {
 overflow: hidden; width: 100%; height: 80px;
}
.tabs li {
 float: left; width: 50%; height: 80px; text-indent: -9999px;
}
.tabs li:first-child {

}
.tabs li a {
 display: block; width:100%; height:80px;
}
#tab1 a{
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	box-sizing:border-box;
 background:#f8f8f8 url(img/tabsl.png) no-repeat center center; background-size: 120px;
}
#tab2 a{
	border-left:0;
	border-top:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	box-sizing:border-box;
	background:#f8f8f8 url(img/tabsr.png) no-repeat center center; background-size: 120px;
}

#tab1 a.on {
 background:#fff url(img/tabsl.png) no-repeat center center; background-size: 120px;
	border-bottom:1px solid #fff;
}
#tab2 a.on {
 background:#fff url(img/tabsr.png) no-repeat center center; background-size: 120px;
	border-bottom:1px solid #fff;
}
/*------------------------------------------------------------
	BEST5
------------------------------------------------------------*/

#best5{
	padding:10px 3.125%;
	width:93.75%;
}
.best5{
	background:#fff;
}
.best5 li{
	border-bottom:1px dotted #dcdcdc;
	position:relative;
	overflow:hidden;
	padding:10px 40px 10px 10px;
	box-sizing:border-box;
}
.bestThumb{
	float:left;
	width:50px;
	height:50px;
	border:1px solid #dcdcdc;
}

.bestText{
	margin-left:60px;
}


.best5 li a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}


.best5 li:last-child{
	border-bottom:0;
}

.best5 li::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '\f105';
	font-family:fontawesome;
	margin-top:-10px;
	}






/*------------------------------------------------------------
	BOOKS
------------------------------------------------------------*/
.books{
	margin-bottom:20px;
}
.books li{
	position:relative;
	border-bottom:1px solid #dcdcdc;
	display:block;
}

.books li a {
	width:100%;
	height:100%;
	display:block;
	color:#333;
	padding:10px 25px 10px 5%;
	box-sizing:border-box;
	font-weight:normal !important;
}
.books li::after {
	position: absolute;
	top: 50%;
	right: 10px;
	content: '\f105';
	font-family:fontawesome;
	margin-top:-10px;
}

/*------------------------------------------------------------
	ORDER
------------------------------------------------------------*/
.ordermenu{
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px solid #dcdcdc;
}
.ordermenu li{
	box-sizing:border-box;
	float:left;
	width:25%;
	font-size:11px;
	line-height:44px;
	border-right:1px solid #dcdcdc;
	background:#f7f7f4;
	color:#fff;
	text-align:center;
}
.ordermenu li:last-child{
	border-right:0;
}
.ordermenu li a{
	display:block;
	color:#333;
}
.contlist{
	margin-left:10px;
}

.contlist li{
	background:url(img/listmark_ball_gray8.png) no-repeat left 10px;
	background-size:4px;
	padding-left:14px;
}
.numlist{
	margin-left:10px;
}


/*------------------------------------------------------------
	7POINT
------------------------------------------------------------*/
.n1{background:url(img/n1.png) no-repeat left 5px; background-size:11px; padding-left:21px; }
.n2{background:url(img/n2.png) no-repeat left 5px; background-size:15px; padding-left:25px; }
.n3{background:url(img/n3.png) no-repeat left 5px; background-size:16px; padding-left:26px; }
.n4{background:url(img/n4.png) no-repeat left 5px; background-size:16px; padding-left:26px; }
.n5{background:url(img/n5.png) no-repeat left 5px; background-size:17px; padding-left:27px; }
.n6{background:url(img/n6.png) no-repeat left 5px; background-size:15px; padding-left:25px; }
.n7{background:url(img/n7.png) no-repeat left 5px; background-size:17px; padding-left:27px; }

/*------------------------------------------------------------
	FAQ
------------------------------------------------------------*/
.faqdesc{
	padding-bottom:10px;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
}

input[type="checkbox"].on-off {
 display: none
}
input[type="checkbox"].on-off + ul {
 height: 0; overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul {
 height: auto
}

label.faqmenu {
background: #fff url(img/down_arrow.png) no-repeat right bottom;
background-size: 40px;
color: #111;
line-height: 40px;
height: 40px;
font-size: 13px;
padding-left: 20px;
display:block;
border-bottom:1px solid #dcdcdc;
}
.faq{
}
.bt1{
	border-top:1px solid #dcdcdc;
}

.faq ul{
 -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; list-style: none;
}
.faq li {
	width:82%;
	padding:5%;
	background:#fff;
	margin:10px auto;
	position: relative;
}

/*------------------------------------------------------------
	ABOUT
------------------------------------------------------------*/
.aboutT{
	width:92%;
	margin:0 auto 20px;
	background:#fff;
	border:1px solid #dcdcdc;
	font-size:11px;
	line-height:18px;
}
.aboutT th{
	white-space:nowrap;
	padding:10px;
	border:1px solid #dcdcdc;
	background:#f8f8ff;
	vertical-align:top;
}
.aboutT td{
	padding:10px;
	border:1px solid #dcdcdc;
}
	
/*------------------------------------------------------------
	ITEMINFO
------------------------------------------------------------*/


/*------------------------------------------------------------
	SELECTION
------------------------------------------------------------*/
.pagedesc{
	width:92%;
	margin:0 auto;
	text-align:center;
}


label.selectmenu {
background: #fff url(img/down_arrow2.png) no-repeat right bottom;
background-size: 35px;
color: #111;
font-size: 13px;
padding:10px;
display:block;
border-bottom:1px solid #dcdcdc;
overflow:hidden;
}
.selectionimg{
	width:15%;
	height:45px;
	float:left;
}

.selectionimg img{
	width:45px;
	border:2px solid #dcdcdc;
}


.selectiontext{
	float:right;
	width:80%;
}
.selecttitle{
	font-size:11px; line-height:16px;
}
.effect{
	display:inline-block;
	padding:2px 5px;
	background:#3CC;
	color:#fff;
	margin-right:10px;
}

.land{
	display:inline-block;
	color:#cc2728;
}


.selection ul{
 -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; list-style: none;
}
.selection li {
	width:82%;
	padding:5%;
	background:#fff;
	margin:10px auto;
	position: relative;
	text-align:center;
}

.tanpin{
	width:100%;
	font-size:11px;
	border:1px solid #dcdcdc;
}
.tanpin th{
	padding:3px;
	border:1px solid #dcdcdc;
	background:#f0f8ff;
}
.tanpin td{
	border:1px solid #dcdcdc;
	padding:3px;
}


/*------------------------------------------------------------
	SAMPLEINFO
------------------------------------------------------------*/
.question{
}
.question li{
	background:url(img/listmark_question.png) no-repeat left 8px;
	background-size:6px;
	padding-left:16px;
	margin-bottom:5px;
}
.sampleset{
	overflow:hidden;
}
.sampleimg{
	float:left;
	padding:10px;
	width:24%;
}
.sampleimg img{
	border:2px solid #dcdcdc;
}
.sampletext{
	padding:10px 0;
	width:67%;
	float:right;
}

.sampleflow dt{
	background:#dcdcdc;
	padding:2px 10px;
}
.sampleflow dd{
	border:1px solid #dcdcdc;
	padding:10px;
	margin-bottom:20px;
}

h4.set{
	background:#46A4D7;
	padding:3px 10px;
	font-weight:bold;
	margin-bottom:10px;
	color:#fff;
}

h4.set span{
	color:#fc0;
	font-size:18px;
}

/*------------------------------------------------------------
	COLUMNS
------------------------------------------------------------*/
.spl{
	width:92%;
	margin:0 auto;
}


.spl li{
	border:4px solid #bdb76b;
	padding:10px 40px 10px 20px;
	position:relative;
	margin-bottom:10px;
	background:#fff;
}
.spl li::after{
	position: absolute;
	top: 45%;
	right: 20px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #bdb76b;
}

.spl li a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
}


.columns{
	border-top:1px solid #dcdcdc;
}
.columns li{
	position:relative;
	background:#fff;
	border-bottom:1px solid #dcdcdc;
	padding:10px;
}

.columns li a{
	position:absolute;
	display:block;
	width:92%;
	height:80%;
}

.columns li.double{
	position:relative;
	background:#fff;
	border-bottom:3px double #dcdcdc;
	padding:10px;
}

.columns li::after{
	position: absolute;
	top: 45%;
	right: 20px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #dcdcdc;
}
.columns li span{
	font-weight:bold;
}

.columns li span.cnumber{
	font-weight:bold;
	color:#999;
	display:inline-block;
	letter-spacing:2px;
	margin-right:10px;
	font-size:11px;
}
.columns li span.kin{
	padding:2px 5px;
	color:#fff;
	background:#bdb76b;
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	line-height:15px;
}
.spl li span.sougou,
.columns li span.sougou{
	padding:2px 5px;
	color:#fff;
	background:#fc0;
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	line-height:15px;
}
.columns li span.ningen{
	padding:2px 5px;
	color:#fff;
	background:#09f;
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	line-height:15px;
}
.columns li span.renai{
	padding:2px 5px;
	color:#fff;
	background:#fcc;
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	line-height:15px;
}
.columns li span.uup{
	padding:2px 5px;
	color:#fff;
	background:#69f;
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	line-height:15px;
}
.columns li span.kenkou{
	padding:2px 5px;
	color:#fff;
	background:#090;
	display:inline-block;
	margin-right:10px;
	font-size:11px;
	line-height:15px;
}
.columns li span.ctitle{
	font-weight:bold;
	color:#191970;
	font-size:13px;
}

/*------------------------------------------------------------
	COLUMN SINGLE (記事ページ)
------------------------------------------------------------*/
#single{}

#single p{
	margin-bottom:20px;
}

.contour2{
	background:url(img/column_sep.jpg) no-repeat center center;
	background-size:120px;
	width:120px;
	height:17px;
	margin:0 auto 20px;
}


/*------------------------------------------------------------
	ORDER
------------------------------------------------------------*/
#order{
	width:82%;
	margin:10px auto;
	padding:5%;
	background:#fff;
	overflow:hidden;
}

#order p{
	margin-bottom:20px;
}

#order h2{
	border-left:4px solid #191970;
	border-bottom:1px solid #191970;
	border-top:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-radius:4px;
	text-align:left;
	padding:0 10px 0 10px;
	font-size:14px;
	line-height:30px;
	margin-bottom:10px;
}

.orb{
	width:82%;
	padding:5%;
	margin:0 auto 20px;
	overflow:hidden;
	background:#fff;
}

.orb h3{
	font-size:18px !important;
	color:#384452 !important;
	letter-spacing:2px;
	padding-left:10px;
	border-left:4px solid #191970;
	margin-bottom:10px;
}


.orbL{
	width:24%;
	float:left;
	padding:10px;
}
.orbL img{
	border:3px solid #dcdcdc;
}

.orbR{
	width:60%;
	float:right;
	padding:10px;
}
.orbT{
	width:100%;
	border:none;
}
.orbT th{
	width:50%;
	border-bottom:1px dotted #dcdcdc;
	font-weight:normal;
	text-align:right;
}
.orbT td{
	text-align:right;
	width:50%;
	border-bottom:1px dotted #dcdcdc;
	color:#cc2728;
}

/*------------------------------------------------------------
	SIZE
------------------------------------------------------------*/
.sizelist{
	width:100%;
}
.sizelist th{
	text-align:left;
	padding-bottom:5px;
}
.sizelist td{
	padding-left:10px;
}

/*------------------------------------------------------------
	CHOICE 62
------------------------------------------------------------*/
.bb1{
	border-bottom:1px solid #dcdcdc;
}

.c01{ background:url(img/listmark_bar_01.png) no-repeat left center; background-size:20px;}
.c02{ background:url(img/listmark_bar_02.png) no-repeat left center; background-size:20px;}
.c03{ background:url(img/listmark_bar_03.png) no-repeat left center; background-size:20px;}
.c04{ background:url(img/listmark_bar_04.png) no-repeat left center; background-size:20px;}
.c05{ background:url(img/listmark_bar_05.png) no-repeat left center; background-size:20px;}
.c06{ background:url(img/listmark_bar_06.png) no-repeat left center; background-size:20px;}
.c07{ background:url(img/listmark_bar_08.png) no-repeat left center; background-size:20px;}
.c08{ background:url(img/listmark_bar_09.png) no-repeat left center; background-size:20px;}
.c09{ background:url(img/listmark_bar_10.png) no-repeat left center; background-size:20px;}
.c10{ background:url(img/listmark_bar_01.png) no-repeat left center; background-size:20px;}

label.choicemenu {
background-color:#fff;
background-image: url(img/down_arrow3.png);
background-repeat:no-repeat;
background-position:right top;
background-size: 40px;
color: #111;
line-height: 40px;
height: 40px;
font-size: 13px;
padding:10px 0;
display:block;
border-bottom:1px solid #dcdcdc;
border-top:1px solid #f7f7f4;
margin-bottom:1px;
}
.choice ul{
	background:#fff;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:1px;
}

.ctitle62{
	background:#009;
	color:#fff;
	padding:5px 10px;
}


.clist li{
	overflow:hidden;
	border-bottom:1px dashed #dcdcdc;
	position:relative;
	box-sizing:border-box;
	padding:10px;
}
.clist li::after{
	position: absolute;
 top:50%;
	margin-top:-10px;
	content:'\f105';
	font-family:fontawesome;
	right:10px;
}

.clist li a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}


.clist li:last-child{
	border-bottom:0;
}
.itemL{
	width:25%;
	float:left;
}
.itemL img{
	border:3px solid #f7f7f4;
}

.itemR{
margin-left:30%;
}


label.whymenu {
background: #fff url(img/down_arrow.png) no-repeat right center;
background-size: 40px;
color: #111;
line-height: 20px;
font-size: 13px;
padding:5px 30px 5px 10px;
display:block;
border-bottom:1px solid #eee;
}

.whybox{
	border-bottom:1px solid #dcdcdc;
	box-sizing:border-box;
}
.whylist{
	padding:10px 20px 10px 40px;
	background:url(img/listmark_q_orange.png) no-repeat 10px center;
	background-size:20px;
}
.whybox li{
	padding:10px 20px; 
}

.caution{
	border:3px solid #cc2728;
	padding:2px 5px;
	color:#cc2728;
	margin-bottom:10px;
}

.cmenu{
	background:#fff;
	border-bottom:1px solid #dcdcdc;
}


.cmenu dt{
	padding:20px 30px 20px 30px;
 font-size:16px;
	letter-spacing:2px;
	line-height:20px;
	position:relative;
}
.cmenu dt::after{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-10px;
	content:'\f107';
	font-family:fontawesome;
}




/*------------------------------------------------------------
	ENTRSUT
------------------------------------------------------------*/
.entrust_flow{
	background:url(img/flow_bg.png) repeat-y 11px top;
	background-size:2px;
}

.step1{
	background:url(img/step1.png) no-repeat left top;
	background-size:25px;
	padding-left:35px;
	padding-bottom:20px;
}
.step2{
	background:url(img/step2.png) no-repeat left top;
	background-size:25px;
	padding-left:35px;
	padding-bottom:20px;
}
.step3{
	background:url(img/step3.png) no-repeat left top;
	background-size:25px;
	padding-left:35px;
	padding-bottom:20px;
}
.step4{
	background:url(img/step4.png) no-repeat left top;
	background-size:25px;
	padding-left:35px;
	padding-bottom:40px;
}





/*------------------------------------------------------------
	FOOTNAVI
------------------------------------------------------------*/
.footnavi{
	width:93.75%;
	padding:20px 3.125%;
	overflow:hidden;
}
.gotohome{
	width:100px;
	float:left;
	height:30px;
}
.gototop{
	float:right;
	width:100px;
	height:30px;
}

/*------------------------------------------------------------
	FORM
------------------------------------------------------------*/
input,
textarea,
select{
	border-radius:2px;
	border:1px solid #dcdcdc;
	vertical-align:middle;
}



.formw{
	width:96%;
	height:200px;
}
.formtw{
	width:100%;
	padding:5px 5px;
	box-sizing:border-box;
}

.entrustform dd{
	margin-bottom:20px;
}
.entrustform dt{
	border-left:3px solid #46A4D7;
	border-bottom:2px solid #46A4D7;
	margin-bottom:10px;
	padding-left:10px;
}

.formTable{
	width:92%;
	margin:0 auto 20px;
	background:#fff;
	border:1px solid #dcdcdc;
}
.formTable th{
	text-align:left;
	font-weight:normal;
	padding:5px 10px;
	border:1px solid #dcdcdc;
	background:#f0f8ff;
}
.formTable td{
	border:1px solid #dcdcdc;
	padding:5px 10px;
}

#mail-check{
	padding:0 20px 20px;
}

.btn_submit3,
.btn_submit4{
	padding:10px;
	cursor:pointer;
}

input[type=radio]{
	width:15px;
	height:15px;
	border:2px solid #dcdcdc;
}
input[type=radio]:checked{
	width:15px;
	height:15px;
	border:2px solid #dcdcdc;
	background:#69F;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
footer{
}

.flist {
	padding:0 0 10px;
	border-top:1px solid #dcdcdc;
}
.flist li{
	position:relative;
	border-bottom:1px solid #dcdcdc;
}

.flist li a {
	width:100%;
	height:100%;
	display:block;
	color:#333;
	font-weight:bold;
	box-sizing:border-box;
	padding:10px 25px 10px 5%;
}
.flist li::after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top:-10px;
	display: block;
	content: '\f105';
	font-family:fontawesome;
}

.copy{
	text-align:center;
	font-size:10px;
	color:#999;
	letter-spacing:1px;
	margin-bottom:10px;
}