@charset "utf-8";

hr{
	margin:0;
}
.pd_line{
	height:1px;
	background:#F7931E;
	border-style:none;
	border-width:0;
}
.side_data_btn{
	position:relative;
	top:82px;
	left:6px;
}
.side_guide_btn{
	position:relative;
	top:40px;
	left:6px;
}

/*メイン*/
/*#main{
	width:700px;
	float:right;
}*/
table tr th,td{
	text-align:left;
}
#contents{
	float: left;
	margin:170px 0 50px;
}
h3.midashi{
	background:url(../img/midashi.gif) no-repeat left top;
	width:680px;
	height:20px;
	display: inline-block;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding:22px 0 0 20px;
	margin:0 0 20px;
	line-height:0;
}
div > h3.midashi{
	margin:20px 0 10px;
}
h3.midashi2{
	background:url(../img/midashi2.gif) no-repeat left top;
	width:680px;
	height:20px;
	display: inline-block;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding:22px 0 0 20px;
	margin:20px 0 20px 0;
	line-height:0;
}

h3.midashi span{
	margin-left:11px;
	background-color:#79b6f2;
	padding:9px 5px 6px;
	color:#FFFFFF;
	font-size:12px;
	position: relative;
	bottom:2px;
}
.banner{
	width: 658px;
	padding: 20px;
	margin: 60px 0;
	background-color: #EEE;
	border-radius: 10px;
	border: #DDD 1px solid;
}
.banner a:hover img{ opacity: 0.5; }
.banner a:last-child{ margin-left: 13px; }
.banner h4.kazari{ margin: 0 0 10px; }
.banner h4.kazari span.cap{ font-size: 12px; vertical-align: middle; }

/* carouFredSel */
#idMediaWrap{
	width:700px;
	height:480px;
	margin:0 auto;
}
#lineupItem{
	width:640px;
	float:left;
	text-align:left;
	position:relative;
	z-index:1000;
}
#lineupItem ul{	margin:0; padding:0; }
#lineupItem li{
float: left;
display: inline;
padding: 0;
width: 200px;
height: 480px;
text-align: center;
overflow: hidden;
}
.prevBtn{
	float:left;
	width:25px;
	height:40px;
	padding-top:89px;
	position:relative;
	z-index:10000;
}
.prevBtn a:hover{
	width:25px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
.nextBtn{
	float:right;
	width:25px;
	height:40px;
	padding-top:89px;
	position:relative;
	z-index:10000;
}
.nextBtn a:hover{
	width:25px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
#lineupItem #carousel #carouselInner #productList > li{
	margin-right: 10px;
}

.pol{
	font-weight:bold;
	font-size:116%;
	line-height:135%;
	color: #f24e18;
}
.pol2{
	font-weight:bold;
	font-size:95%;
	line-height:125%;
	color: #f24e18;
}
.grayback{
	width:680px;
	background:#EBEBEB;
	padding:0.5em 10px 0.4em 10px;
	margin-bottom:20px;
}
.grayback h5.strong{ padding:0; }
.grayback > .pol_text{ text-indent:-1em; padding:0 10px 5px 1em; }
.grayback .btn{ margin:0 0 15px 1em; }
.grayback > .cap{
	text-indent:-1em;
	padding-left:2.3em;
	padding-right:1em;
	line-height:150%;
	margin:-5px 0 10px;
}
.grayback > ol{ margin: 5px 0 5px 20px; }
#cart_content .grayback{ margin-bottom: -15px }
#cart_content .grayback p{ padding: 5px 10px }
.grayback span.red{ text-decoration: underline }
.pol_text{
	line-height:175%;
	text-align:justify;
	text-justify: inter-ideograph;
	padding: 5px 10px;
}
.text{
	line-height:175%;
	text-align:justify;
	text-justify: inter-ideograph;
	padding:10px;
}
.text > img{ margin-top:10px }
.thanks p{
	font: bold 116% "arial", "verdana", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  sans-serif;
	color: #373737;
	text-align:center;
	line-height:175%;
	padding:10px;
	margin-bottom:20px;
}

/* パンくずリスト */
#pl{
	color:#777;
	text-align:right;
	font-size: 85%;
	width: 700px;
	margin: 20px auto;
}
#crumbs{
	height:1.5em;
/*	border:1px solid #dedede;*/
}
#crumbs li{
	float: right;
	list-style:none;
	line-height: 1.5em;
	padding-right: 0.75em;
}
#crumbs li a {
	display: block;
	color:#f24e18;
	background: url(../img/crumbs.gif) no-repeat right center;
	padding-right: 15px;
}
#crumbs li a:visited{
	color:#f24e18;
}

/*ボタン_sprite*/
.btn div{ background:url(../img/btn_sprite.png) no-repeat left top; }
dd > ul > .btn > div{ margin:10px 0 5px 5px; }

.btn .btn_xbanner_on { background-position: 0 0; width: 240px; height: 30px;  }
.btn .btn_works_on { background-position: 0 -40px; width: 240px; height: 30px;  }
.btn .btn_temp_xbanner_on { background-position: 0 -80px; width: 240px; height: 45px; }
.btn .btn_temp_sd850_on { background-position: 0 -135px; width: 240px; height: 45px; }
.btn .btn_temp_sd600_on { background-position: 0 -190px; width: 240px; height: 45px; }
.btn .btn_temp_okugai_on { background-position: 0 -245px; width: 240px; height: 45px; }
.btn .btn_temp_dx850_on { background-position: 0 -300px; width: 240px; height: 45px; }
.btn .btn_submit_on { background-position: 0 -355px; width: 240px; height: 30px;  }
.btn .btn_rollup_sd_on { background-position: 0 -395px; width: 240px; height: 45px; }
.btn .btn_rollup_okugai_on { background-position: 0 -450px; width: 240px; height: 45px; }
.btn .btn_rollup_dx_on { background-position: 0 -505px; width: 240px; height: 45px; }
.btn .btn_print_on { background-position: 0 -560px; width: 240px; height: 30px;  }
.btn .btn_pricelist_sd_on { background-position: 0 -600px; width: 240px; height: 45px; }
.btn .btn_pricelist_on { background-position: 0 -655px; width: 240px; height: 30px;  }
.btn .btn_pricelist_dx_on { background-position: 0 -695px; width: 240px; height: 45px; }
.btn .btn_pdfguide_on { background-position: 0 -750px; width: 240px; height: 30px;  }
.btn .btn_pay_on { background-position: 0 -790px; width: 240px; height: 30px;  }
.btn .btn_pack_on { background-position: 0 -830px; width: 240px; height: 30px;  }
.btn .btn_nouki_on { background-position: 0 -870px; width: 240px; height: 30px;  }
.btn .btn_mailto_on { background-position: 0 -910px; width: 240px; height: 30px;  }
.btn .btn_flow_submit_on { background-position: 0 -950px; width: 240px; height: 30px;  }
.btn .btn_flow_design_on { background-position: 0 -990px; width: 240px; height: 30px;  }
.btn .btn_design_on { background-position: 0 -1030px; width: 240px; height: 30px;  }
.btn .btn_deliver_on { background-position: 0 -1070px; width: 240px; height: 30px;  }
.btn .btn_data_on { background-position: 0 -1110px; width: 240px; height: 30px;  }
.btn .btn_color_on { background-position: 0 -1150px; width: 240px; height: 30px;  }
.btn .btn_checklist_on { background-position: 0 -1190px; width: 240px; height: 30px;  }


.btn a img{transition:opacity 0.25s }
.btn a img:hover{ opacity:0; }

.btn_detail_set_on{
	background:url(../img/btn_detail_set_on.png) no-repeat left bottom;
	width:330px;
	height:70px;
	margin-top:10px;
}
.btn_detail_media_on{
	background:url(../img/btn_detail_media_on.png) no-repeat left bottom;
	width:330px;
	height:70px;
	margin-top:10px;
}
.btn2 a img{transition:opacity 0.25s }
.btn2 a img:hover{ opacity:0; }

h2.pd_title{
	background:url(../img/pd_title.jpg) no-repeat left top;
	width:620px;
	height:20px;
	font-size:20px;
	font-weight:bold;
	color:#f24e18;
	padding:23px 0 0 80px;
	line-height:0;
}
h2.pd_title span{ font-size:13px; vertical-align:middle; }
.pdbox_l{
	width:240px;
	float:left;
}
.pdbox_l > img{ margin-bottom: 20px; }
.pdbox_r{
	width:440px;
	float:right;
	margin-left:20px;
}
.pdbox_r .icon{ margin-right:10px; }

.wrap {
	width:240px;
	margin:0 0 20px 0;
}
.wrap p {
	height:320x;
}
.wrap ul {
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-right:-10px;
	clear:both;
	padding:0;
	list-style:none;
}
.wrap li {
	display:block;
	float:left;
	background:#fff;
	margin:0 7px 7px 0;
	list-style:none;
}
.wrap li:nth-child(4n+0){ margin-right:0 }

.wrap li img {
	cursor:pointer;
}
.wrap li img:hover { opacity:0.8; }

.wrap ul li{ background:#1A4DC7;}
.set_icon{ height:50px;}
.set_icon ul{
	padding:0;
	margin:0;
	clear:both;
}
.set_icon ul li{
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
	list-style:none;
}
.pdbox_r > div{	margin-bottom:20px; }
.price_table table tr th{
	font-weight:normal;
	line-height:210%;
	font-size:14px;
	padding:5px 0 15px 10px;
}
.price_table table tr th img{
	vertical-align: middle;
}
.price_table table tr th.strong{
	font: bold 116% "arial", "verdana", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  sans-serif;
	color: #373737;
	line-height:200%;
	margin: 10px 0;
	padding-bottom: 0;
}
.cap{ font-size:11px; line-height: 150%;}
.cap2{
	background-color:#FCEAE1;
	margin-bottom:20px;
	color:#DD2724;
	font-size:88%;
	line-height:150%;
	padding:10px 1em 10px 2em;
	text-indent:-1em;
	text-align:justify;
	text-justify:inter-ideogragh;
}
.cap2 p{
	margin:0;
	padding:0;
}
.spec_table table tr{
	border-top:1px #EEE solid;
}
.spec_table table tr:last-child{
	border-bottom:1px #EEE solid;
}
.spec_table table tr th,.spec_table table tr td{
	padding:0.3em 0;
	font-size: 12px;
	font-weight:normal;
}
.spec_table .cap{ padding-top:0.6em }
.spec_title{ font-size:15px; font-weight:bold; }
.red {
	color:#F00;
	font-weight: bold;
}
.red2 {
	color: #F00; }
.red.strong{ color: #F00 }
.pink{
	color:#F3F;
	font-weight:bold;
}
.blue{
	color:#33F;
	font-weight:bold;
}
.hidden_parts{ margin:10px 0 5px 23px; }
form#mailformpro dl dd ul li label .media_space{
	display:inline-block;
	width:250px;
}
.konpou{ margin:10px 0 10px 23px; }

.databx{
	margin-bottom:30px;
	padding:0 10px;
}
.databxL{
	float:left;
	width:360px;
}
.databxR{
	float:right;
	width:300px;
}
.data{
	margin-bottom:-10px;
}

.waku{
	border: 2px solid #06F;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:5px 10px 10px 10px;
	margin:10px 0 20px;
}
.waku1{
	border: 2px solid #FC0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:5px 10px 10px 10px;
	background-color:#FFC;
	margin-top:10px;
}
.gray20{ background: url(../img/gbotton_sprite.jpg) 0 0; width: 250px; height: 35px;  display: block; text-indent: -9999px; }
.gray20:hover{ background-position: 0 -55px; }
.gray21{ background: url(../img/gbotton_sprite.jpg) 0 -110px; width: 250px; height: 35px;  display: block; text-indent: -9999px;}
.gray21:hover{ background-position: 0 -165px; }

.maleft{
	margin-left:30px;
}
.mabot{
	margin:0 0 50px 20px;
}
.check_red{
	padding:0 0 0 25px;
	margin:0.8em 0 0.8em 45px;
	vertical-align:bottom;
	line-height:150%;
	background: url(../img/checkbox_red.gif) no-repeat left top;
}
.check_black {
	padding:0 0 0 25px;
	margin:0.8em 0 0.8em 45px;
	vertical-align:bottom;
	line-height:150%;
	background: url(../img/checkbox_black.gif) no-repeat left top;
}
.check_no{
	margin:10px 0 20px 50px ;
	line-height:150%;
}
.tempBtn_1{ background: url(../img/tempBtn_sprite.jpg) 0 0; width: 291px; height: 31px;  display: block; text-indent: -9999px;}
.tempBtn_1:hover{ background-position: 0 -51px;}
.tempBtn_2{ background: url(../img/tempBtn_sprite.jpg) 0 -102px; width: 291px; height: 31px;  display: block; text-indent: -9999px;}
.tempBtn_2:hover{ background-position: 0 -153px;}
.tempBtn_3{ background: url(../img/tempBtn_sprite.jpg) 0 -204px; width: 291px; height: 31px;  display: block; text-indent: -9999px;}
.tempBtn_3:hover{ background-position: 0 -255px;}
.unfit{
   background-color:#fff;*/
    margin-bottom:20px; }
.unfit a img{ transition:opacity 0.25s; vertical-align:bottom; }
.unfit a img:hover{ opacity:0.3; }

.unfit_img001{
	background:url(../img/unfit002.jpg) 0 0;
	width:700px;
	height:270px;
}
.unfit_img001 a{
	top: 221px;
	left: 315px;
	display:block;
	text-indent:-9999px;
	width:350px;
	height:35px;
}
.unfit_img001 a:hover{ background-position:-315px -270px;}

.orange001{ background:url(../img/orange_sprite.jpg) 0 0; width: 300px; height: 35px; display: block; text-indent: -9999px;}
.orange001:hover{ background-position: 0 -55px;}
.orange002{ background:url(../img/orange_sprite.jpg) 0 -110px; width: 300px; height: 35px;  display: block; text-indent: -9999px;}
.orange002:hover{ background:url(../img/orange_sprite.jpg) 0 -165px;}
.orange003{ background-position: 0 -220px; width: 300px; height: 35px; display: block; text-indent: -9999px;}
.orange003:hover{ background:url(../img/orange_sprite.jpg) 0 -275px;}
.orange004{ background-position: 0 -330px; width: 352px; height: 35px; display: block; text-indent: -9999px; }
.orange004:hover{ background:url(../img/orange_sprite.jpg) 0 -385px;}

.oreTit{
	font-weight:bold;
	font-size:130%;
	color:#F63;
	margin:10px 0;
}
.oreSma{
	font-weight:bold;
	font-size:110%;
	color:#F63;
	margin:10px 0 -5px;
}
.waku_intro{ margin:10px 0; }
.waku_intro .strong{ color: #f24e18; }
.fault_cap{ width:420px; margin-bottom:10px; }
.border_ore{
	border:dotted #FFCC00 1px;
	width:650px;
}

.mr5 {
	margin-right: 10px;
	margin-left: 10px;
}
#main h2{ margin:0 0 20px; }
#main h2.pd_title{ margin:0 0 17px; }
#main > .strong{
	padding: 0 15px;
	margin: 0;
	line-height: 175%;
}
.submit_text{ padding:15px 10px; }
.submit_text .btn{ margin:5px 0; }
h4.kazari{
	background:url(../img/kazari.jpg) no-repeat left top;
	padding-left:15px;
	margin-bottom:10px;
	font-size:18px;
	color:#F24E18;
	line-height: 150%;
}
div > h4.kazari{
	margin:20px 0 10px;
}
.pat1{
	width:200px;
	padding:10px;
	float:left;
}
.pat2{
	width:220px;
	padding:10px 0 0;
	float:left;
}
.pat3{
	width:210px;
	padding:10px;
	float:left;
}
.strong{
	font: bold 110% "arial", "verdana", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  sans-serif;
	line-height:130%;
	margin: 10px 0;
	color: #373737;
}
h5.strong{ border-bottom:1px #F24E18 solid; padding-top: 10px; }
.orange_box{
	border:#F6CB3E solid 3px;
	background:#FFFDE6;
	width:694px;
	margin:20px 0;
}
.orange_box > img,.orange_box > p{
	padding:10px 15px;
}
.orange_line{ height:1px; background-color:#F6CB3E; border:0; }
.orange_box > div.btn{
	padding:0 0 15px 15px;
}

/*制作実績*/
.workstop{
	width:200px;
	float:left;
}
#workArea{
	padding:10px 0 10px 20px;
	width:680px;
}
.workitem{
	width:210px;
	height:500px;
	margin:0 10px 0 0;
	padding-left:5px;
	float:left;
	text-align:center;
}
#wo_table{
	width:200px;
}
#wo_table table tr th{
	width:50px;
	height:14px;
	padding:5px;
	border-collapse:collapse;
	border-width:1px 0 1px 0;
	border-style:dotted;
	border-color:#CFD2DF;
	background-color:#EAECF1;
	font-size:85%;
	font-weight:normal;
	text-align:left;
}
#wo_table table tr td{
	width:130px;
	height:14px;
	padding:5px;
	border-collapse:collapse;
	border-width:1px 0 1px 0;
	border-style:dotted;
	border-color:#CFD2DF;
	background-color:#FFFFFF;
	font-size:80%;
	line-height:135%;
}
#wo_table table tr td a{
	text-decoration:none;
}
.wo_new{
	padding-left:10px;
}
#wo_table2{
	width:450px;
	margin:20px 125px 40px;
}
#wo_table2 table tr th{
	width:100px;
	height:20px;
	padding:5px;
	border-collapse:collapse;
	border-width:1px 0 1px 0;
	border-style:dotted;
	border-color:#CFD2DF;
	background-color:#EAECF1;
	font-weight:normal;
	text-align:left;
}
#wo_table2 table tr td{
	width:360px;
	height:20px;
	padding:5px;
	border-collapse:collapse;
	border-width:1px 0 1px 0;
	border-style:dotted;
	border-color:#CFD2DF;
	background-color:#FFFFFF;
}
#wo_table2 table tr td a{
	text-decoration:none;
}
.wo_photo{
	text-align:center;
	margin-top:10px;
}
.wo_back{
	text-align:center;
	margin:20px;
}
.wo_back a{
	text-decoration:none;
}
.blueback{
	background:#EFF5FC;
	width:670px;
	height:auto;
	margin:-10px 0 20px 0;
	padding:10px 15px;
}
.blueback p.strong{ margin:5px 0; }
.blueback .btn{ margin:10px 0; }

.yellowback{
	background:#FEF4DB;
	height:auto;
	padding:10px 15px;
	margin:-10px 0 20px 0;
	width: 670px;
}
.pdbox_r .yellowback{ width: 410px; }
.top_yellowback{
	background-color: #EFF5FC;
	width:664px;
	margin:30px 0 ;
	padding:10px 15px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: #5A9EF3 3px solid;
	position: relative;
}
.top_yellowback .strong{
	text-align: center;
	font-size: 20px;
	color: #1B71DE;
	letter-spacing: 0.05em;
	margin: 0;
}

.yellowback .cap{ font-weight: normal; }
.yellowback p.strong{ line-height:150%; margin:5px 0; }
.yellowback .btn{ margin:10px 0; }
.opt.yellowback{ margin: 0 0 -5px }
.temp_list{
	margin:10px 0 30px 10px;
	height:45px;
}
.temp_list ul{
	 clear:both;
	 padding:0;
	 margin:0;
}
.temp_list ul li{
	list-style:none;
	float:left;
	width:240px;
	margin-right:15px;
}
.sample1{
	width:330px;
	float:left;
	padding:10px;
}
.sample2{
	width:330px;
	float:right;
	padding:10px;
}
.sample1 p{
	text-align:center;
}
.sample2 p{
	text-align:center;
}
.box1{
	width:480px;
	margin-top:10px;
	float:left;
}
.box2{
	width:460px;
	margin:10px 0 0;
	float:left;
}
.box3{
	width:420px;
	margin:10px 0 0;
	float:left;
}
.box3 p{
	padding:0 0 10px 0;
	line-height:175%;
}
.box4{
	width:280px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:right;
	float:right;
}

.index_works{ margin:0 0 20px 420px; }

/* 防炎関連 */

.fireproof{
	width:644px;
	height:auto;
	border:solid 3px #c1272d;
	padding:15px;
	margin:20px 10px 25px;
}
.fpbox_left{
	float:left;
	width:400px;
}
.fptitle{
	font-size:138.5%;
	color:#c1272d;
	font-weight:bold;
	margin:5px 0 10px;
}
.fptext{
	line-height:150%;
	margin:5px 0 10px;
}
.fptext2{
	background-color:#c1272d;
	font-size:90%;
	color:#FFF;
	padding:0.5em 10px;
	margin-bottom:5px;
}

.fpbox_right{
	float:right;
	width:224px;
	text-align:right;
}
.dbox1{
	width:330px;
	padding:10px;
	float:left;
	margin:10px 0 -10px 0;
}
.dbox2{
	width:330px;
	padding:10px;
	float:left;
	margin:10px 0 -10px 0;
}
.col_caption{
	height:25px;
	font-size:85%;
	line-height:150%;
	padding:5px 0 20px 0;
}
.col_table table{
	width:700px;
}
.col_table table tr td{
	border-collapse:collapse;
	text-align:center;
	border-width:0px;
}

.wday{
	color:#F7931E;
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
}

.lisk table{ margin-top:10px; }
.lisk table td{
	line-height:175%;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-left:10px;
}
.lisk_caution{
	font-weight:bold;
	line-height:175%;
	text-align:justify;
	text-justify:inter-ideograph;
	padding:0 10px 0 1em;
	text-indent:-1em;
}
.nouki_button{
	background-image:url(../img/nouki_button.jpg);
	background-position:left top;
	display:block;
	width:220px;
	height:75px;
	text-indent:-9999px;
	overflow:hidden;
}
.nouki_button:hover{
	background-image:url(../img/nouki_button.jpg);
	background-position:left top;
	display:block;
	width:220px;
	height:75px;
	text-indent:-9999px;
	overflow:hidden;
	opacity:0.5;
}
.nouki_button2{
	background-image:url(../img/nouki_button2.jpg);
	background-position:left top;
	display:block;
	width:700px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
}
.nouki_button2:hover{
	background-image:url(../img/nouki_button2.jpg);
	background-position:left top;
	display:block;
	width:700px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	opacity:0.5;
}
.underline{
	border-bottom: 1px #1B71DE solid;
}
.pack_box_l{
	width:410px;
	margin-right:30px;
	float:left;
}
.pack_box_r{
	width:240px;
	float:left;
}
.sagawa_box_l{
	width:290px;
	float:left;
	margin:20px 30px 0 0 ;
}
.sagawa_box_r{
	width:360px;
	float:left;
	margin-top:20px;
}
.kome{
	font-size:11px;
	color:red;
}
p span.kome{ vertical-align:15%; }
.yamato_arrow{
	margin:10px 310px;
}

.list_btn{

	margin:0 10px 20px;
}
.list_btn a img{ vertical-align:bottom; transition:opacity 0.25s; }
.list_btn a img:hover{ opacity: 0.3; }
.data_guide ul li{
	width:330px;
	float:left;
}
.data_guide{ clear:both; }
.data_guide ul{}
.fptitle.info{
	line-height: 140%;
	margin: 0;
	text-align: center;
}

/*ご注文の流れ*/
.customer_main{
	border-radius: 5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 3px #FFB866 solid;
	width:484px;
	padding:10px;
	margin-top:10px;
	float:left;
}
.customer_icon{
	width:85px;
	margin:10px 10px 0 0;
	float:left;
}
.customer_main h3{
	width:464px;
	height:20px;
	padding:10px;
	background:#F7931F;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	margin:0 0 20px 0;
}
.customer_main h3 img{
	vertical-align:middle;
	padding:0 5px 3px 0;
}
.staff_main{
	border-radius: 5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 2px #CCC solid;
	width:484px;
	padding:20px 11px;
	margin-top:10px;
	float:right;
}
.staff_icon{
	width:85px;
	margin:10px 0 0 10px;
	float:right;
}
.boxleft{
	width:100px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.boxright{
	width:374px;
	float:left;
}
.boxright h4.kazari{ margin:0 0 10px 0; }
.boxright > p{ padding:0 10px 5px 0; }
.boxright .btn{ margin:10px 0; }
.flow_arrow{
	background:url(../img/flow_arrow.png) no-repeat left top;
	width:40px;
	height:35px;
	margin:0 330px;
	clear:both;
}
.dotline_s{
	height:0;
	border-bottom:1px #CCC dotted;
	margin:20px 0;
}
.dotline_c{
	height:0;
	border-bottom:1px #5A9EF2 dotted;
	margin:20px 0;
}
.add{
	background:#FFFFDA;
	width:344px;
	padding:10px;
	margin:10px 10px 0 0;
}
.add_l{
	width:67px;
	float:left;
	margin-right:10px;
}
.add_r{
	width:257px;
	padding:1.3em 0;
	float:left;
}
.add_r p{
	font-size:15px;
	font-weight:bold;
	color:#F7931E;
}
.warning{
	background-color:#FCEAE1 !important;
	padding:10px 15px;
	margin:10px 0;
}
.warning h5{
	font-size:15px;
	color:#F00;
	margin:5px 0;
}
.boxright .warning , .boxright .cap2{ margin:10px 10px 20px 0; }
#mfp_phase_1,#mfp_phase_2{ padding-top:80px; margin-top:-80px; }

/*商品紹介*/
.pdmain_l{
	width:305px;
	margin:20px 20px 20px 0;
	float:left;
}
.pdmain_r{
	width:375px;
	margin:20px 0;
	float:left;
}
.pdmain_r p{ margin-bottom:20px; }
.pdspec{ clear:both }
.pdspec_l{
	width:140px;
	float:left;
	margin:15px 20px 15px 0;
}
.pdspec_c{
	width:360px;
	float:left;
	margin:15px 20px 15px 0;
}
.pdspec_r{
	width:160px;
	float:left;
	margin:15px 0 15px;
}
.pdspec_cr{
	width:540px;
	float:left;
	margin:15px 0 15px;
}
div.pd_line{ clear:both; }
.pdflow{ clear:both }
.pdflow img{ margin:0 10px; }
.pdflow ul li{
	width:160px;
	margin:0 10px;
	float:left;
}
.jiritsu {
	width: 664px;
	border: 3px solid #5A9EF2;
	background-color: #FFF;
	padding:15px;
	margin:20px 0;
}
.jiritsu_box1 {
	width: 390px;
	float: left;
}
.jiritsu_box1 p{ margin-top:10px; }
.jiritsu_box2 {
	width: 120px;
	float: right;
	margin-left:15px;
	text-align:center;
}
.kaitei{
	font-size:11px;
	text-align:right;
	margin-bottom:0px;
	padding-right:10px;
}
.price_back{
	background-color:#FFE6D9;
}
.price_back2{
	background-color:#ECF5E5;
}
.price_back3{
	background-color:#c1272d;
}
#table .price_title{
	font-size:15px;
	padding:10px 0;
}
.price_text{
	font-size:146.5%;
	font-weight:bold;
}
.price_text_o{
	font-size:115%;
	font-weight:bold;
}
.text_deco{
	text-decoration:underline;
	color:#B90000;
	font-weight:bold;
}
.clname{
	height:60px;
	width:210px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.clname a:link{
	color: #f24e18;
}
.clname a:visited{
	color: #f24e18;
}
div.workitem.new .clname a:after , div.workstop.new .clname a:after{
	content: url(../img/wo_new.jpg);
	padding-left: 0.5em;
	vertical-align: middle;
}

.top_price{
	padding:10px;
	margin-bottom:10px;
	background-color:#FFE6D9;
}
.top_price2{
	padding:10px;
	margin-bottom:10px;
	background-color:#ECF5E5;
}
.top_price table, td, th{
	border-width:0;
}

#kumitate {
	background: url(../img/kumitate_sd.jpg) no-repeat left top;
	height: 80px;
	margin: 0px;
	padding: 150px 0px 0px;
}
#kumitate_dx {
	background: url(../img/kumitate_dx.jpg) no-repeat left top;
	height: 80px;
	margin: 0px;
	padding: 150px 0px 0px;
}

#kumitate_okugai {
	background: url(../img/kumitate_okugai.jpg) no-repeat left top;
	height: 80px;
	margin: 0px;
	padding: 150px 0px 0px;
}

#kumitate_xbanner {
	background: url(../img/kumitate_xbanner.jpg) no-repeat left top;
	height: 80px;
	margin: 0px;
	padding: 150px 0px 0px;
}

#kumitate li {
	width: 160px;
	float: left;
	list-style: none;
	margin-right: 20px;
	line-height:1.4em;
	font-size:11px;
}

#kumitate li:last-child {
	margin-right: 0px;
}


#kumitate_dx li {
	width: 160px;
	float: left;
	list-style: none;
	margin-right: 20px;
	line-height:1.4em;
	font-size:11px;
}
#kumitate_dx li:last-child {
	margin-right: 0px;
}

#kumitate_okugai li {
	width: 160px;
	float: left;
	list-style: none;
	margin-right: 20px;
	line-height:1.4em;
	font-size:11px;
}
#kumitate_okugai li:last-child {
	margin-right: 0px;
}

#kumitate_xbanner li {
	width: 160px;
	float: left;
	list-style: none;
	margin-right: 20px;
	line-height:1.4em;
	font-size:11px;
}
#kumitate_xbanner li:last-child {
	margin-right: 0px;
}

.ml{
	font-size:14px;
	font-weight:bold;
	color:#F00;
	}
/************************************************START TABLE*******/
#table {
	background:#fff;
	width:680px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(221,221,221,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(221,221,221,0.75);
	box-shadow: 0px 0px 5px 0px rgba(221,221,221,0.75);
	font-family: helvetica, arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  sans-serif;
}
#table a {
	color:#c1272d;
}
#table a:hover {
	text-decoration: none;
}
#table table {
	width:680px;
	line-height:1.3em;
}
#table .headline {
	color: #FFF;
}
#table .headline2 {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
#table table , #table table td, #table table th {
	border: 1px solid #babfd2;
	border-collapse: collapse;
	text-align:center;
}

#table td, th {
	padding: 2px; /* chg 3->2 20130605:morozumi */
	/*width: 30px;*/
	height: 25px;
	text-align:center;
}
#table th {
	border: 1px solid #babfd2;
	text-align:center;
	padding:5px;
}
#table td {
	border: 1px solid #babfd2;
	text-align:center;
}

#table .head{
	background: #EF8833;
	color: #fff;
}
#table .blue_point {
	color: #fff;
	background-color:#9C704A;
}
#table .mediatext{
	text-align:left;
	text-align:justify;
	line-height:150%;
	padding:10px;
	vertical-align:top;
}
#table .mediatext p{
	margin:5px 0;
}
#table .even {
	background: #fbf8f0;
}
#table .yellow {
	color: #ffff00;
	font-weight: 500;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#table .odd {
	background: #fefcf9;
}
#table .cap{
font-size: 77%;
font-weight: inherit;
line-height: 1.35em;
text-align: left;
text-align: justify;
padding: 5px;
margin: 0;
}
.no1 *{
	vertical-align:middle;
}
#scene {
	margin-top: 10px;
}
#scene ul {
	margin: 0px;
	padding: 0px;
}
#scene ul li {
	float: left;
	list-style-type:none;
	width:340px;
	margin: 0px 5px;
}
#scene dl {

}
#scene dt {
	margin-bottom:5px;
}
#scene dt img {}
#scene dd {
	margin:15px 0 25px 0;
}
.matop_10{
	margin-top:-10px;
}

.mediabox{
	width:136px;
	float:left;
	margin:15px 22px 10px 23px;
}
.mediabox a{
	background-image:url(../img/media_button.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	width:136px;
	height:24px;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
}
.mediabox a:hover{
	opacity:0.5;
}
.mediabox2{
	width:183px;
	float:left;
	margin-top:15px;
}
.mediabox2 a{
	background-image:url(../img/media_button.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	width:170px;
	height:24px;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
	padding:0 7px;
}
.mediabox2 a:hover{
	opacity:0.5;
}
.mediabox3 ul li{
	width:238px;
	float:left;
	margin-top:15px;
}
.mediabox3 ul li a{
	background-image:url(../img/media_button.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	width:170px;
	height:24px;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
	padding:0 34px;
}
.mediabox3 ul li a:hover{
	opacity:0.5;
}

/************************************************END TABLE*******/
.nouki {
	width: 674px;
	border: 3px solid #ffcc00;
	background-color: #FFF;
	margin:20px 10px 10px;
}
.nouki_l{
	width:125px;
	padding:15px;
	float:left;
}
.nouki_l .strong{ text-align:center; }
.nouki_border{
	width:0;
	height:170px;
	border-left:1px solid #ffcc00;
	float:left;
}
.nouki_r{
	width:488px;
	padding:15px;
	float:left;
}
.nouki_r .disc{
	list-style-type: disc;
	margin-left: 17px;
}
.s_muryo{
	margin:5px 0;
}
.s_muryo img{
	vertical-align:-0.5em;
	margin-right:8px;
}
.p_caption{
	margin:0 0 15px 10px;
}
.p_caption p{
	margin:5px 0;
}
.nagare{ margin-bottom:15px; }
.type { margin:10px 0; }
.type ul li{
	width:330px;
	margin:0 10px;
	float:left;
}
.type ul li > img{ margin-bottom:10px; }
.type ul li div{ margin-top:15px; }
.type ul li .cap{ margin:7px 0; }


.photo_hidari{
	text-align: left;
	margin-top:15px;
}

.text_migi{
	width:470px;
	float:right;
	}

.btn_switch ul li{
	width:240px;
	margin:10px 20px 0 0;
	float:left;
}
.caution{ width:680px; margin:0 10px; }
.caution > p{
	background:url(../img/caution.jpg) no-repeat left top;
	width:647px;
	height:14px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:8px 0 8px 33px;
	line-height:100%;
}
.caution .cap2 p{ line-height:150%; margin:0.5em 0; }
.boxright .caution{
	width: auto;
	margin: 0 10px 0 0;
}
.boxright .caution > p{
	width: auto;
	overflow: hidden;
}
.boxright .caution .cap2{
	margin: 0 0 20px 0;
}
/*デザインデータ制作*/
.course{ margin-top:20px; }
.course ul li{ margin-bottom:10px; }
.indent{
	padding-left:1em;
	text-indent:-1em;
	margin-top:5px;
	line-height:1.3em;
}
.indent_a{
	vertical-align:0.15em;
	color:#0A3F9C;
	padding-right:5px;
}
.indent_c{
	vertical-align:0.15em;
	color:#E64682;
	padding-right:5px;
}
.add_course{
	background:#E6F1FF;
	width:670px;
	padding:15px;
	margin-top:20px;
	overflow: hidden;
}
.add_course > p{
	font-size:15px;
	font-weight:bold;
	color:#1B71DE;
	margin-bottom:10px;
}
.add_course .cap{
	width:520px;
	padding-right:10px;
	float:left;
}
.add_course .cap ul{ padding-left:1em; }
.add_course .cap ul li{ text-indent:-1em; margin-bottom:5px; }
.add_course .icon{
	width:60px;
	padding-left:10px;
	float:left;
}
.add_course .dotline{ margin-bottom:20px }
.add_course h4.kazari{ margin-top:5px }
.add_course dt{
	font-size:14px;
	font-weight:bold;
	display:list-item;
	margin-left:1.3em;
	list-style-type:disc;
}
.add_course dd{
	margin-left:1.5em;
	margin-bottom:0.4em;
}
.pattern_reg{
	width:280px;
	margin-left:20px;
	margin-bottom:20px;
	float:left;
}

.kanren{ width:200px; margin:0 10px; }
.kanren a img{
	vertical-align:bottom;
	margin-bottom:10px;
	transition:opacity 0.25s;
}
.kanren a img:hover{ opacity:0.5; }
#cbox_space{
	width:700px;
	margin:0 20px;
}


/*特別商取引法による記載*/
#tok_table {
	background:#fff;
	margin-top:20px;
	font-family: helvetica, arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  sans-serif;
}
#tok_table table {
	width:670px;
	margin:0px;
	line-height:1.5em;
}
#tok_table .headline {
	color: #FFF;
}
#tok_table table td, #tok_table table th {
	border-color:#373737;
	border-style:solid;
	border-width:1px 0 1px 0;
	border-collapse: collapse;
	text-align:left;
}
#tok_table td{
	padding: 5px;
	width: 470px;
	height: 25px;
	padding-right:10px;
}
#tok_table th .white{
	color:FFF;
}

/*カラーボックス*/
.btn_colorbox_on{
	background:url(../img/btn_colorbox_on.png) no-repeat left bottom;
	width:680px;
	height:70px;
	overflow:hidden;
	margin:10px;
}
.btn_colorbox_on a img{transition:opacity 0.25s }
.btn_colorbox_on a img:hover{ opacity:0; }
.price_img{ margin:0 10px }
.price_img > p{ text-align: center; margin: 10px 0 20px; }

#detail1 , #detail2 , #detail3 , #detail4{ margin:0.5em 0 0.7em 2em; }
#contents #main .back_white{ background-color:#FFF; }

.leftfloat{
	float:left;
	margin:5px 10px 5px 0;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}

#pointlist {
	list-style-type: none;
	margin: 0px 9px;
	padding: 0px;
}

#pointlist li {
	float: left;
	margin-bottom: 10px;
}

li.strong .red2 {
	font-size: 12px;
	font-weight: normal;
}

/*フォーム追加*/
#mfp_phase_1,#mfp_phase_2{ padding-top:80px; margin-top:-80px; }
form#mailformpro dl dd ul.sub_item{ margin:10px 0 10px 1.85em }
form#mailformpro dl dd ol.sub_item{ margin:10px 0 20px 1.85em }
form#mailformpro dl dd ul.sub_item div{ margin:8px 0 0 3px }
form#mailformpro dl dd ul #tsukihi{ margin-left:1.85em }
.txt_hidden{ display: none }

/*カート*/
.select_area{
	width: 699px;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	margin: 5px 0 20px;
	position:relative;
}
.select_area table{
	background-color: #F2F2F2;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	border-spacing: 0;
	border-collapse: separate;
	width: 699px;
	margin-bottom: 20px;
}
.select_area th{
	width: 90px;
	font-size: 12px;
	line-height: 150%;
	text-align: right;
	vertical-align: top;
	padding: 1em 1em 0;
	float: left;
}
.select_area th p{ margin-top: 9px }
.select_area td{
	font-size: 12px;
	vertical-align: baseline;
	float: left;
	margin: 0;
	display: block;
	text-align: justify;
	padding: 0;
}
.select_area tr > td button{
	display: block;
}
.select_area tr:after{
	clear: both; }
.select_area button ,
.media_cart_table form.mfpcart button {
	background: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*display: block;*/
	border: none;
	margin: 2px 5px 0 5px;
}
#main .select_area button span.btn_add ,
#main .media_cart_table form.mfpcart button span.btn_add {
	cursor: pointer;
	display: block;
	width: 120px;
	height: 30px;
	padding: 0;
	border: none;
	/*text-indent: 100%;
	white-space: nowrap;*/
	overflow: hidden;
	background: url(../img/btn_add.png) no-repeat left top;
}
#main .select_area button:hover span.btn_add ,
#main .media_cart_table form.mfpcart button:hover span.btn_add {
  background: url(../img/btn_add.png) no-repeat 0 -30px;
}
#main .select_area button.disabled span ,
#main .media_cart_table form.mfpcart button.disabled span {
	display: block;
	width: 120px;
	height: 30px;
	padding: 0;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_add_after.png) no-repeat left top;
}
.select_area input.btn_add {
	cursor: pointer;
	display: block;
	width: 200px;
	height: 40px;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_add.png) no-repeat left top;
	margin: 0 220px 0.5em;
}
.select_area input.btn_add:hover {
  background: url(../img/btn_add.png) no-repeat 0 -40px;
}
.btn_other a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_other.png) no-repeat left top;
	float: right;
	margin-right: 10px;
}
.btn_other a:hover {
  background: url(../img/btn_other.png) no-repeat 0 -40px;
}
.btn_other2 a {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_other2.png) no-repeat left top;
	float: right;
}
.btn_other2 a:hover {
  background: url(../img/btn_other2.png) no-repeat 0 -55px;
}
.btn_other2_disabled {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_other2_disabled.png) no-repeat left top;
	float: left;
	margin-right: 10px;
	opacity: 0.5;
}
.btn_mitsumori a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_mitsumori.png) no-repeat left top;
	float: right;
}
.btn_mitsumori a:hover {
  background: url(../img/btn_mitsumori.png) no-repeat 0 -40px;
}
.btn_mitsumori2 a {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_mitsumori2.png) no-repeat left top;
	float: right;
	margin-left: 10px;
}
.btn_mitsumori2 a:hover {
  background: url(../img/btn_mitsumori2.png) no-repeat 0 -55px;
}
.btn_mitsumori_disabled {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_mitsumori_disabled.png) no-repeat left top;
	float: right;
	opacity: 0.5;
}
.btn_step3 a {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_step3.png) no-repeat left top;
	float: right;
}
.btn_step3 a:hover {
  background-position: 0 -55px;
}
.btn_step4 a {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_step4.png) no-repeat left top;
	float: right;
}
.btn_step4 a:hover {
  background-position: 0 -55px;
}

.btn_back a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_back.png) no-repeat left top;
	float: right;
	margin-right: 10px;
}
.btn_back a:hover {
  background: url(../img/btn_back.png) no-repeat 0 -40px;
}
.btn_back2 a {
	display: block;
	width: 200px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_back2.png) no-repeat left top;
	float: right;
	height: 55px;
}
.btn_back2 a:hover {
	background: url(../../img/btn_back2.png) no-repeat 0 -55px;
}
.cart_btn{
	width: 200px;
	margin: 20px auto 50px;
}
.cart_btn:after{ clear: both }
#cart_content ul#mfp_phase_stat li.mfp_inactive_phase{ display: none }
.btn_cart a {
	width: 220px;
	height: 90px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_cart.png) no-repeat left top;
	display: block;
}
.btn_cart a:hover {
	background: url(../img/btn_cart.png) no-repeat 0 -90px;
}
.btn_cart2 a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_cart2.png) no-repeat left top;
	float: right;
}
.btn_cart2 a:hover {
	background: url(../img/btn_cart2.png) no-repeat 0 -40px;
}
.btn_design a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_design.png) no-repeat left top;
	float: left;
}
.btn_design a:hover {
	background: url(../img/btn_design.png) no-repeat 0 -40px;
}
.btn_set a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_set.png) no-repeat left top;
	float: left;
}
.btn_set a:hover {
	background: url(../img/btn_set.png) no-repeat 0 -40px;
}
.btn_set_disabled {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_set_disabled.png) no-repeat left top;
	float: left;
	opacity: 0.5;
}
.btn_set2 a {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_set2.png) no-repeat left top;
	float: left;
	margin-right: 10px;
}
.btn_set2 a:hover {
	background: url(../img/btn_set2.png) no-repeat 0 -55px;
}
.btn_set2_disabled {
	display: block;
	width: 200px;
	height: 55px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_set2_disabled.png) no-repeat left top;
	float: left;
	opacity: 0.5;
	margin-right: 10px;
}
#mfp_phase_1{
	padding: 80px;
	margin: -80px;
}
.select_area ul{
	padding-left: 0;
	margin:0;
}
.select_area label {
	border: solid 1px #DEDEDE;
	border-radius: 3px;
	display: block;
	background-color: #FCFCFC;;
	font-size: 13px;
	vertical-align: middle;
	width: 415px;
	line-height: 100%;
	padding: 6px;
	margin: 2px 0 5px;
}
.select_area table tr:nth-child(1) th , .select_area table tr:nth-child(1) td{
	margin: 3px 0 0px; }
.select_area table tr form.mfpcart td button{
	width: 120px;
	height: 30px;
	display: block;
}
.select_area .cap, .select_area .cap a{
	font-size:10px;
	margin-top:0.5em;
}
.select_area span.num{
	font-size: 11px; }
.select_area tr.separate , .select_area tr.separate th, .select_area tr.separate td{
	border-collapse: separate;
	border-spacing: 0;
	border-top: #CCC 1px solid;
	padding: 0 0 3px;
	height: 0;
}
.select_area label input{ margin-bottom: 5px }
.select_area .btn_other{ float: right; margin-right: 10px; }
.select_area label select{ margin: 0px 0 0px 2px; font-size: 12px; }
div#mfp_shopping_cart .set_btn{ margin:0 0 40px }
div#mfp_shopping_cart .set_add{ width: auto; margin: 20px 0 0; }
div#mfp_shopping_cart .set_add p{
	color:#333;
	font-size: 15px;
	font-weight:bold;
	text-align: left;
	border: none;
	padding: 0;
	background-color: #FEF4DB;
}
.select_area p.strong{ font-size: 13px; margin: 2px 0 5px; line-height: 150%; }
.select_area span.strong{ font-size: 13px; margin: 2px 0 5px; }
.cart_hidden #mfp_shopping_cart table , .cart_hidden #mfp_shopping_cart p{ display: none }
.media_pulldown{ width:150px }
/*.add_media{ margin-top: -10px }*/
.btn_box{
	width: 620px;
	padding: 0 40px 40px;
	position: relative;
}
.set_item{
	position: relative;
	top:1060px;
	margin-top:-280px;
}
div#mfp_shopping_cart p.red{
	background: none;
	border: none;
	padding: 0;
	font-size: 14px;
	margin: 0;
}
div#mfp_shopping_cart .cart_add {
	background-color: #FEF4DB;
	padding: 10px 15px;
	position: absolute;
	margin-top: -110px;
	top: 310px;
	margin: 10px 0;
	width: 670px;
}
div#mfp_shopping_cart .cart_add p{
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	padding: 0;
	border: none;
	background: none;
}
.jQueryBox{
	position: relative;
	width: 700px;
}
#white_overlay{
	position: absolute;
	width: 440px;
	height: 75px;
	z-index: 1000;
	background: #FFF;
	opacity: 0.7;
	top:-10px;
}
#white_overlay1_2{
	position: absolute;
	width: 700px;
	height: 75px;
	z-index: 1000;
	background: #FFF;
	opacity: 0.7;
	top: -10px;
	left: 0;
}
#white_overlay2{
	position: absolute;
	width: 700px;
	height: 650px;
	z-index: 1000;
	background: #FFF;
	opacity: 0.7;
}
#design_cart{
	margin-top: -20px;
	border-top: none;
}
input[type="radio"]{ margin-top: 3px; }
#black_overlay{
	position: absolute;
	width: 700px;
	z-index: 1500;
	background: #000;
	opacity: 0.8;
	top:0;
}
#black_overlay p{
	color: #FFF;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	padding: 160px 0;
	line-height: 100%;
}
#black_overlay .cap{
	font-size: 14px;
	font-weight: normal;
}



/*zrssfeed*/
.rssRow{
	width: 218px;
	position: relative;
}
.rssRow h4 {
font-size: 14px;
margin: 0px;
}
.rssRow .tit {
font-size: 12px;
overflow:hidden;
line-height:140%;
width:198px;
display:block;
padding:18px 10px 10px;
margin:0 0 8px;
border-bottom:1px #CCC dotted;
}
.rssBody ul li.rssRow:last-child .tit{
	border-bottom: 1px #CCC solid;
	margin-bottom: 20px;
}
.rssRow div {
line-height:1.2;
font-size: 12px;
margin: 0px;
width:198px;
position:absolute;
left:0;
top:0;
padding:0 10px;
}
.rssRow p {
font-size: 13px;
margin: 0px;
display: block;
overflow: hidden;
width: 100%;
padding: 5px 0;
line-height: 1.5;
}
.rssRow a {
color: #C1272D;
text-decoration: none;
}
.rssRow a:hover { text-decoration: underline; }
li.rssRow.even{
	list-style: none;
}
.shop_info{
	width: 218px;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	background-color: #F6F6F6;
}
.shop_info p{
	padding: 0 10px 5px;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px #CCC dotted;
	font-weight: bold;
	line-height: 140%;
}
.shop_info p .cap{ font-weight: normal; }
div#mfp_shopping_cart .set_btn{
	margin: 0 0 30px;
}

.price_table table{
	width: 440px;
	border-collapse: collapse;
}

#white_overlay1_1{
	position: absolute;
	width: 700px;
	height: 330px;
	z-index: 1000;
	background: #FFF;
	opacity: 0.7;
	left:-1px;
	top:-1px;
}
#white_overlay1_1.media_only{
	height: 270px;
	top: -40px;
}
#white_overlay1_1.okugai{
	height: 350px;
	top: -120px;
}
#white_overlay1_1.okugai_media_only{
	height: 275px;
	top:-50px;
}
.jQueryPush4{ margin: 10px 8px 12px 10px; }
.btn_anchor{
	width: 500px;
	margin: 30px 90px;
}
.btn_detail_anchor a{
	background: url(../img/btn_detail_anchor_on.png) no-repeat left top;
	width: 240px;
	height: 65px;
	float: left;
}
.btn_select_anchor a{
	background: url(../img/btn_select_anchor_on.png) no-repeat left top;
	width: 240px;
	height: 65px;
	float: right;
}
.pdbox_l .btn_select_anchor{ margin-bottom: 20px; }
.btn_detail_anchor a img:hover , .btn_select_anchor a img:hover{ opacity: 0; }
.camp_price{ display: none; }
#detail h3.midashi{ margin-top: 0; }
.select_area table td label > p{
	margin: 3px 0 5px;
}

/* 初期状態に非表示 */
#nouki1_2 , #nouki1_3 , #nouki2_2 , #nouki2_3{ display: none; }

/*#nouki1_1 , #nouki1_2  , #nouki1_3 , #nouki2_1 , #nouki2_2 , #nouki2_3 {
	margin: -20px 0 20px;
}*/
.yellowback .strong span.red{ border-bottom: #F00 1px solid; font-size: 135%; }
.media_spec{
	font-size: 12px;
	padding: 4px 8px;
	margin-right: 6px;
	border-radius: 4px;
	font-weight: bold;
	color: #c1272d;
	background-color: #FFF;
	border: 1px solid #c1272d;
	vertical-align: middle;
	line-height: 200%;
}
.media_spec.fp{
	color: #FFF;
	background-color: #c1272d;
	border-radius: 4px;
	margin-left: 8px;
}
span.example{
	color: #999;
	font-size: 11px;
	padding-left: 10px;
}
.pdbox_r .warning{ margin-top: -20px; }
.pdbox_r .warning p{
	text-indent: -1em;
	padding-left: 1em;
	line-height: 160%;
}
.price_table a .cap{ vertical-align: text-top; }
.step1{
	background: url(../img/step1.png) no-repeat left top;
}
.step2{
	background: url(../img/step2.png) no-repeat left top;
}
.step3{
	background: url(../img/step3.png) no-repeat left top;
}
.step4{
	background: url(../img/step4.png) no-repeat left top;
}
.step5{
	background: url(../img/step5.png) no-repeat left top;
}
.step2_s{
	background: url(../img/step2_s.png) no-repeat left top;
}

h2.step1 , h2.step2 , h2.step3 , h2.step4 , h2.step5{
	font-size: 18px;
	color: #c1272d;
	padding: 1.55em 0 0 135px;
	height: 29px;
}
h3.step2_s{
	font-size: 15px;
	color: #c1272d;
	padding: 1.15em 0 0 95px;
	height: 25px;
}
.pdlist li{
	width: 342px;
	border: #CCC 1px solid;
	margin-right: 12px;
	float: left;
	position:relative;
}
.pdlist li:nth-child(2n){
	margin-right: 0;
}
.pdlist li:nth-child(3) ,
.pdlist li:nth-child(4),
.pdlist li:nth-child(5),
.pdlist li:nth-child(6){
	margin-top: 12px;
}
.pdlist li:nth-child(3) .pdlist_main ,
.pdlist li:nth-child(4) .pdlist_main{
	height: 205px;
}
.pdlist_title{
	padding: 10px 15px;
	background-color: #F2F2F2;
}
.pdlist .pdlist_title .strong{
	font-size: 16px;
}
.pdlist .strong{
	font-size: 18px;
	margin: 0;
}
.pdlist_title span img{
	padding-left: 7px;
	vertical-align: text-bottom;
}
.pdlist_main{
	height: 260px;
	padding: 15px;
}
.pdlist_photo{
	position:relative;
	width: 100px;
	float: left;
	margin-right: 15px;
}
.pdlist_right{
	width: 197px;
	float: left;
}
#pd_media .pdlist_photo{ width: 155px; }
#pd_media .pdlist_right{ width: 142px; }
.pdlist_main .pdlist_right a.strong{ margin-top: 10px; }
.pdlist_main a:link{
	color: #194CC6;
	text-decoration: none;
}
.pdlist_main a:hover{
	color: #262873;
	text-decoration: underline;
}
.pdlist_main img{ margin-bottom: 5px; }
.pdlist_main .strong .cap{
	font-weight: normal;
}
.pdlist_main .strong.red span{
	font-size: 11px;
}
.btn_pdlist a{
	background: url(../img/btn_list_on.png) no-repeat left top;
	width: 142px;
	height: 48px;
	display: block;
	margin: 5px 0 15px;
}
.btn_pdlist a img{
	transition:opacity 0.25s;
}
.btn_pdlist a img:hover{
	opacity: 0;
}
.pdlist_mark{
	position: absolute;
	top: -5px;
	left: 125px;
}
.btn_pd_media .pdlist ul{ position: relative; }
.btn_pd_media{
	background: url(../img/btn_media_on.png) no-repeat left top;
	width: 400px;
	height: 45px;
}
.btn_pd_media li > img{
	transition: opacity 0.25s;
}
.btn_pd_media li > img:hover{
	opacity: 0;
}
.btn_pd_media .btn_media_cursor{
	position: absolute;
	top:19px;
	left: 10px;
	line-height: 0;
}
.btn_pd_media .dropdown_toggle .btn_media_cursor{
	transform: rotate(180deg);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}
.btn_pd_media > li{
	width: 400px;
	height: 45px;
	position: relative;
}
#pd_media{
	display: none;
	margin: 20px 0;
}
.btn_close{
	background: url(../img/btn_close_on.png) no-repeat left top;
	width: 80px;
	height: 28px;
	margin: 20px auto 0;
}
.btn_close img{ transition: opacity 0.25s; }
.btn_close img:hover{
	opacity:0;
}

.media_cart_table ul{ position: relative; }
.media_cart_spec{
	position: absolute;
	top: 10px;
	right: 10px;
}
.media_cart_table li{
	width: 438px;
	border-right: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}
.media_cart_table ul:first-child li{
	border-top: #CCC 1px solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.media_cart_table ul:last-child li{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.media_cart_table .boxleft{
	width: 34px;
	height: 50px;
	padding-top: 30px;
	border-right: #CCC 1px solid;
	margin-right: 0;
}
.media_cart_table .boxleft.okugai{
	height: 70px;
	padding-top: 50px;
}
.media_cart_table .boxright{
	width: 328px;
	text-align: left;
	padding: 10px 0;
	margin-left: 10px;
}
.media_cart_table .boxright p{ padding: 0; }
.media_cart_table .yellowback{
	width: 408px;
	margin: 0;
	position: relative;
}
.media_cart_table li.clearfix:hover{
	background-color: rgba(254, 244, 219, 0.4);
}
.media_cart_table .num_submit{
	width: 408px;
	height: 34px;
	padding: 10px 15px;
}
.media_cart_table .num_submit .boxleft{
	width: 50%;
	height: 20px;
	border: none;
	padding: 9px 0 0;
	text-align: left;
}
.media_cart_table .num_submit .boxright{
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: right;
}
.media_cart_table .btn_step3{
	width: 200px;
	height: 55px;
	margin: 20px auto;
}
.media_cart_table > div{ position: relative; }
.media_cart_table > .cap{ margin-top: 0.7em; }
.pd_media_box{
	width: 670px;
	padding: 15px;
	background-color: #FEF4DB;
	border-top: #F7C156 1px dotted;
	border-bottom: #F7C156 1px dotted;
	margin: 30px 0;
}
.pd_media_box .media_img{
	width: 115px;
	margin-right: 10px;
	float: left;
}
.pd_media_box .media_img p{
	margin-top: 0.7em;
	text-align: center;
}
.pd_media_box .media_text{
	width: 195px;
	margin-right: 30px;
	margin-bottom: 15px;
	float: left;
}
.pd_media_box .media_text p{
	font-size: 11px;
	line-height: 150%;
}
.pd_media_box div:nth-child(4){
	margin-right: 0;
}
.pd_media_box div:last-child{
	margin-bottom: 0;
}
.media_text h4{
	font-size: 15px;
	color: #f24e18;
	margin: 0 0 0.3em;
}
#okugai_price1 ,
#okugai_price2 ,
#okugai_price3{ display: none; }
.media_cart_table li.okugai{
	width: 343px;
	height: 100%;
	padding: 20px 15px 10px;
}
.media_cart_table select{ margin-bottom: 10px; }
.mitsumori_title{ position: relative; }
.mitsumori_title p{
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main #mfp_phase_stat li:nth-child(4) ,
#main #mfp_phase_stat li:nth-child(5){
	display: none;
}

/*
2016 renew Nav*****************************************/
ul.navNew{
	}
ul.navNew li {
	font-size:13px;
	border-top:1px solid #cccccc;

}
ul.navNew .borderNone{
	border-top:none;
}
ul.navNew li span {
	font-size:16px;
	font-weight:bold;
	display:block;
}
ul.navNew li a{
	display:block;
	color:#000;
	text-decoration:none;
	padding:4px 0 4px 0;
}
ul.navNew li a:hover{
	background-color:#cccccc;
}

ul.navNew .w_img{/*画像付き*/
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:40px;
	}

ul.navNew .w_img{
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:40px;
	}
	ul.navNew li.pdLine{/*orange line*/
	border-top:1px solid #F7931E;
}
		/*個別*/
		ul.navNew .arrow{
	background-image:url(../img/navNew_arrow.png);
	padding:2px 0 2px 22px;
	background-position:10px center;
	background-repeat:no-repeat;
	}
ul.navNew .navNew_sd{
	background-image:url(../img/navNew_img_SD.png);
	height:48px;
	padding-top:12px;
	}
ul.navNew .navNew_dx{
	background-image:url(../img/navNew_img_DX.png);
	height:48px;
	padding-top:12px;
	}
ul.navNew .navNew_yagai{
	background-image:url(../img/navNew_img_Yagai.png);
	height:48px;
	padding-top:12px;
	}
ul.navNew .navNew_x{
	background-image:url(../img/navNew_img_X.png);
	height:38px;
	padding-top:22px;
	}
