@charset "utf-8";


/****************** トップページ ***********************/
.index #contents .main_banner {
	max-width: 730px;
}
.index #contents .flame{
	margin-top: 28px;
	border: 1px solid #734100;
	padding-bottom: 12px;
}
.index #contents .main_banner li.col{
	width: 49.3%;
}
.index #contents dl dd{
	margin: 1%;
	float: left;
	width: 98%;
}
.index #contents dl dd.easy_left{ width: 38%; }
.index #contents dl dd.easy_right{ width: 48%; }
.index #contents dl.original dd{
	float: left;
	width: 30%;

}
.index #contents dl.original dd.border_right{
	padding-right: 1.5%;
	margin:  1% 0 8px 2%;
	border-right: 1px solid #734100;
}
.index #contents .category{
	overflow: visible;
}
.index #contents .category h2{
	margin-top: -1.5%;
}
.index #contents .category li{
	float: left;
	margin: 4px 0 4px 1.3%;
}
.index #contents .type li{
	width: 31.8%;
}
.index #contents .design1 li{
	width: 47.8%;
}
.index #contents .design2 li{
	width: 31.6%;
}
.index #contents .ribon{
	float: right;
	margin-top: -11px;
}
.index #contents .category p{
	margin-top: 2%;
}
.index #contents div.tokucho{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/top/top_back.gif);
	max-width: 720px;
	widows: 72%;
}
.index #contents div.tokucho p{
	margin:12px 0 40px 0;
}
.index #contents div.call{
	margin-top: 40px;
}

/****************** トップページ(840px未満) ***********************/
@media screen and (max-width: 1000px){
	.index #contents div.tokucho p{ width: 99%; }
}

/****************** トップページ(500px未満) ***********************/
@media screen and (max-width: 500px){
.index #contents dl dd.easy_left, .index #contents dl dd.easy_right{
	width: 90%;
	margin: 0 0 0 6%;
}
.index #contents dl.original dd{
	width: 46%;
	border-bottom: 1px solid #734100;
}
.index #contents dl.original dd.border_right2{
	padding-right: 1.5%;
	margin:  1% 0 8px 2%;
	border-right: 1px solid #734100;
}
.index #contents .category .type li{
	margin: 4px 0 4px 1.3%;
	width: 48%;
}
.index #contents .category h2{
	width: 200%;
	margin-left: -50%;
}
.index #contents .category p{
	width: 200%;
	text-align: left;
}
.index #contents .design1 li{
	width: 98%;
	float: none;
}
.index #contents .design2 li{
	width: 47.8%;
}
.index #contents .main_banner li.col{
	width: 99%;
	float: none;
}
}

/****************** 商品カタログ ***********************/
.category section h1, .event section h1{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/category/category_h1.png) no-repeat;
	width: 98%;
	max-width: 700px;
	padding: 2% 0 1.5% 6%;
	font-size: 130%;
	background-size: 100% 100%;
	margin: 0 0 4% 0;
}
.category h2{ margin: 8% 0 4% 0;}
.select_category{
	margin: 1% 0 6% 0;
	}
.select_category dl{
	border: 1px solid #C8B59B;
	width: 90%;
	margin: 0 auto;
	border-radius: 4px;
}
.select_category dt{
	text-align: center;
	color: #1111cc;
	font-weight: bold;
	position: relative;
	height: 40px;
	font-size: 120%;
}
.select_category dt span.title{ line-height: 40px; }
.select_category dt span.arrow{
	float: right;
	padding: 0 2%;
	background-color: #9F001C;
	position: absolute;
	right: 0;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
}
.select_category dd{
	border-top:  1px solid #C8B59B;
}
.select_category dd li {
	padding: 1.5% 2%;
	border-bottom: 1px solid #C8B59B;
	position: relative;
}
.select_category li a{
	width: 100%;
	display: block;
}
.select_category dd li a::after{
	display: block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #999999;
	border-right: 2px solid #999999;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	position: absolute;
	right: 3%;
	top: 22px;
}
.category .product_box .code{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/category/bg_code.gif) no-repeat;
	width: 80px;
	height: 28px;
	padding: 0.5% 0 0 46px;
	float: left;
}
.category .product_box h3{
	float: left;
	margin: 0.5% 0 2% 1%;
	color: #734100;
	font-size: 120%;
	font-weight: bold;
}
.category .product_box .product_img {
	float: left;
	width: 35%;
}
.category .product_box .product_spec{
	float: left;
	margin-left: 1%;
	width: 60%;
	text-align: left;
}
.category .product_box .product_spec dl{
	padding: 2%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.category .product_box .product_spec dt{
	float: left;
}
.category .product_box .product_spec dt img{
	vertical-align: middle;
}
.category .product_box .product_spec dd{
	float: left;
	margin-left: 4%;
	font-weight: bold;
	font-size: 112%;
	font-weight: bold;
}
.category .product_box .product_spec .btn{ text-align: right; }
.category .product_box .product_spec dd span{
	font-size: 90%;
	font-weight: normal;
}
.category .design_area li{
	float: left;
	width: 19.5%;
}

/****************** 商品カタログ(500px未満) ***********************/
@media screen and (max-width: 500px){
.category .product_box .product_img{
	float: none;
	width: 40%;
	max-width: 240px;
	margin: 0 auto;
}
.category .product_box .product_spec{
	float: none;
	width: 98%;
}
.category .product_box .product_spec .btn{ text-align: center; }

}

/****************** イベント一覧 ***********************/
.event .event_products {
	float: left;
	width: 48%;
	margin: 0 0 2% 1%;
	border: 1px solid #999999;
	position: relative;
	line-height: 1em;
}
.event .event_products .product_left{
	width: 30%;
	float: left;
}
.event .event_products .product_right{
	width: 60%;
	float: left;
	margin: 2% 0 0 2%;
}
.event .event_products img { vertical-align: middle; }
.event .product_right p {
	text-align: right;
	position: absolute;
	bottom: 3%;
	right: 4%;
}
.event section .event_title{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/h3_obi.gif) no-repeat;
	width: 90%;
	padding: 1% 4%;
	margin: 2% 0;
	font-weight: bold;
	background-size: 100% 100%
}
.event section .event_designs{
	width: 98%;
	margin: 1% 0 2% 2%;
}
.event section .event_designs li{
	float: left;
	margin: 0 0 0 1%;
}
.event section .event_designs li img{ max-width: 80px; }
.event .product_box {
	margin: 0 0 8% 0;
	border-bottom: 8px double #004F00;
}
.event .product_box h3{
	background: #004F00;
	width: 98%;
	padding: 1% 2%;
	margin: 3% 0 2% 0;
	color: #ffffff;
}
.event .event_products .product_right::after{
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px solid #C61722;
	border-right: 3px solid #C61722;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	position: absolute;
	right: 3%;
	top: 46%;
}
@media screen and (max-width: 730px){
.event .event_products{
	font-size: 90%;
}
}
@media screen and (max-width: 500px){
.event .event_products{
	width: 90%;
	margin: 1% auto;
	float: none;
}
.event section .event_designs li img{ max-width: 68px; }
}
/****************** 商品詳細ページ ***********************/
.detail #contents h1{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/h1_back.gif) no-repeat;
	background-size: 100% auto;
	padding: 4% 6% 0 2%;
	margin: 0 0 4% 0;
	font-size: 160%;
	color: #734100;
	margin: 0 0 4% 0;
	text-align: left;
}
.detail #contents section p {
	margin: 8px 20px;
	text-align: left;
}
.detail #contents .sub_area {
	margin-bottom: 7%;
}
.detail #contents .sub_area div{
	width: 70%;
	float: left;
}
.detail #contents .sub_area li{
	float: left;
	width: 47%;
	margin-right: 2%;
	font-size: 90%;
}
.detail #contents .sub_area dl{
	float: left;
	width: 29%;
	margin-left: -1%;
}
.detail #contents .sub_area dt {
	background: #DDDDDD;
	padding: 4px;
	width: 100%;
}
.detail #contents .sub_area dd{
	text-align: left;
	padding: 4px 0 4px 12px;
	border-bottom: 1px solid #333333;
	width: 100%;
}
.detail .tokucho{
	border-top: 1px solid #888888;event
}
.detail #contents .tokucho p{
	width: 30%;
	background: #888888;
	color: #ffffff;
	margin: 0 0 3% 0;
	padding: 0.5% 3%;
}
.detail #contents .tokucho li {
	float: left;
	width: 24%;
	margin: 0 0 2% 0.9%;
}
.detail .tokucho img{ border: 1px solid #999999;}
.detail #contents .konpo li{
	float: left;
	text-align: center;
	width: 48%;
}
.detail #contents .konpo li.border_left{
	border-left: 1px solid #999999;
	margin-left: 3%;
}
.detail #contents h2{
	background: #734100;
	color: #ffffff;
	padding: 1% 2%;
	font-size: 120%;
	margin: 4% 0 2% 0;
	text-align: left;
}
.detail #contents .flame{
	margin-top: 2%;
	border: 1px solid #734100;
	padding-bottom: 12px;
}
.detail .popular{
	width:93%;
	margin: 4% auto;
	padding: 3% 0 2% 3%;
	border-top: #734100 double 3px;
	border-bottom: #734100 double 3px;
}
.detail #contents .popular p{
	margin: 0 2% 2% 0;
	border-bottom: dotted #333333 1px;
	padding: 0 0 0.5% 0.5%;
}
.detail .popular dl{
	float: left;
	text-align: left;
	margin: 0 1% 1% 0;
	font-size: 90%;
	width: 31.5%;
	min-width: ;
	line-height: 1.3em;
	background: #F2E7B9;
	padding: 1% 0 0 0.5%;
}
.detail .popular dt{
	float: left;
	width: 23%;
	height: 34px;
	padding-bottom: 1%;
}
.detail .popular dd{
	float: left;
	width: 75%;
	height: 34px;
	margin:0 0 2% 0;
	padding-right: 1%;
	color: #734100;
	font-weight: bold;
}
.detail #contents .design_all{
	margin: 0 auto 4% auto;
	width: 96%;
	border-radius: 4px;
	padding-bottom: 2%;
}

/********** tab用のスタイルシート **********/
/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px; width: 99.5%; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px !important; padding: 0px; width: 100%; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 19.6%; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
   font-weight: bold;
   border-radius: 10px 10px 0px 0px; /* 角を丸くする */
}
/* ▼(B-3)各タブの配色 */
#txt-tab, #txt_f-tab {
	background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/txt_2.gif);
	background-size: contain;
	padding: 3.5% 0;
}
#op-y-tab, #op-y_f-tab {
	background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/op-y_2.gif);
	background-size: contain;
	padding: 3.5% 0;
}
#op-t-tab, #op-t_f-tab {
	background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/op-t_2.gif);
	background-size: contain;
	padding: 3.5% 0;
}
#deco-y-tab, #deco-y_f-tab {
	background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/deco-y_2.gif);
	background-size: contain;
	padding: 3.5% 0;
}
#deco-t-tab, #deco-t_f-tab {
	background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/deco-t_2.gif);
	background-size: contain;
	padding: 3.5% 0;
}
#txt-tab:hover, #txt_f-tab:hover { background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/txt_1.gif) !important; }
#op-y-tab:hover, #op-y_f-tab:hover { background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/op-y_1.gif) !important; }
#op-t-tab:hover, #op-t_f-tab:hover { background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/op-t_1.gif) !important; }
#deco-y-tab:hover, #deco-y_f-tab:hover { background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/deco-y_1.gif) !important; }
#deco-t-tab:hover, #deco-t_f-tab:hover { background-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/deco-t_1.gif) !important; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: ; overflow: hidden; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#txt { border: 4px solid #E60A16; background-color: #FAD0BB; }
div#op-y { border: 4px solid #E3D93E; background-color: #FFFBD5; }
div#op-t { border: 4px solid #8EC323; background-color: #E7F1D0; }
div#deco-y { border: 4px solid #006BB5; background-color: #CFD7EE; }
div#deco-t { border: 4px solid #940E84; background-color: #E2CAE1; }
div.tab p { margin: 0.5em; }


.detail #contents h3{
	text-align: left;
	font-size: 110%;
	color: #734100;
	margin: 4px 0 0 12px;
}
.detail #contents .design_all h3{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/detail/h3_obi.gif) no-repeat;
	background-size: 100% auto;
	padding: 1.5% 0 2% 4%;
	margin: 2% 0 2% 3%;
	font-size: 130%;
}
.detail #contents .design_all ul{
	margin: 0 0 0 1%;
}
.detail #contents .design_all li{
	float: left;
	padding: 1%;
	margin: 0.5%;
	background: #ffffff;
	border-radius: 8px;
	width: 30%;
	height: 330px;
	overflow: auto;
}
.detail #contents .design_all .mini{
	width: 30%;
	max-width: 34px;
}
.detail #contents .order_form{
	margin: 10% 0;
	text-align: center;
}
.detail #contents .order_form h2{
	padding: 1%;
	font-size: 150%;
	text-align: center;
	margin: 0;
}
.detail #contents .order_form .align_right img{ vertical-align: middle; }
.detail .order_form .form_back{
	border: 2px solid #A8F87C;
	padding: 12px 0.5% 4px 0.5%;
	border-radius: 20px;
}
.detail .selected_design{
	width: 25%;
	float: left;
	margin: 7% 1% 0 0;
	padding: 3% 0.5%;
	border: 2px solid #343434;
}
.detail .selected_design span{
	color: #E9481A;
	font-weight: bold;
}
.detail #contents .selected_design p{
	margin: 0;
	text-align: center;
}
.detail .order_form .design_list{
	width: 70%;
	float: left;
}
.detail #contents .order_form .design_list h3{
	margin: 2% 0 0 0;
	padding: 1% 2%;
}
.detail #contents .order_form .design_list #txt_f h3{ background: #FAD0BB; }
.detail #contents .order_form .design_list #op-y_f h3{ background: #FEF9BC; }
.detail #contents .order_form .design_list #op-t_f h3{ background: #E7F1D0; }
.detail #contents .order_form .design_list #deco-y_f h3{ background: #CFD7EE; }
.detail #contents .order_form .design_list #deco-t_f h3{ background: #E2CAE1; }
.detail #contents .select_design li{
	float: left;
	background: #ffffff;
	width: 19.5%;
	padding: 0.5% 0 0.5% 0.5%;
	margin: 0.5% 0 0 0;
	line-height: 1em;
}
.detail #contents ul.order_waku{
	margin-top: 0;
}
.detail .select_design li.one_point{
	text-align: center; border: 1px solid red;
}
.detail #contents .form_contents .form_left{
	float: left;
	margin-top: 2%;
	width: 30%;
}
.detail #contents .form_contents .form_right{
	float: right;
	width: 70%;
	text-align: left;
}
.detail #contents .form_right div{
	margin: 8px 0;
	padding: 1%;
}
.detail #contents .form_right .order_main {
	width: 100%;
}
.detail #contents .form_contents p{
	margin: 0;
	float: left;
}
.detail #contents .form_right hr{
	width: 200%;
	margin: 3% 0 ;
}
.detail #contents .form_right .product_name{
	margin-left: 4%;
	color: #734100;
	font-size: 140%;
}
.detail #contents .form_right .price{
	margin-left: 6%;
	font-size: 140%;
	float: left;
}
.detail .form_right .form_text{	width: 85%; }
.detail #contents .form_contents .about_check{
	margin: 2%;
	padding: 2%;
	border: 1px solid #999999;
	background: #ffffff;
}
.detail #contents .form_contents #selectedImgArea p{
	text-align: center;
}
.detail #contents .form_contents #hyoji1{
	border: 3px solid #FF0000;
}
.detail #contents .form_contents span{
	font-weight: bold;
}
.detail #contents .form_contents .font1{
	color: #FF0000;
}
.detail #contents .form_contents #hyoji2{
	border: 3px solid #0000FF;
}
.detail #contents .form_contents .font2{
	color: #0000FF;
}
.detail #contents .form_contents #hyoji3{
	border: 3px solid #088A29;
}
.detail #contents .form_contents .font3{
	color: #088A29;
}
.detail #contents .form_contents #hyoji4{
	border: 3px solid #AEB404;
}
.detail #contents .form_contents .font4{
	color: #AEB404;
}
.detail #contents .form_contents #hyoji5{
	border: 3px solid #8000FF;
}
.detail #contents .form_contents .font5{
	color: #8000FF;
}
.detail #contents .form_contents #hyoji10{
	border: 3px solid #343434;
}

/************* 書体選択・ワンポイントデザインのプルダウンデザイン ******************/
.detail #contents .form_contents dl.accordion{
	border: 1px solid #734100;
	padding: 0.5%;
	background: #ffffff;
}
.detail #contents .form_contents .accordion dt{
	position: relative;
	text-align: center;
	padding-top: 0px;
	top: 0px;
	background: #ffffff;
}
.detail .form_contents .accordion dd img{
	vertical-align: middle;
}
.detail #contents .form_contents .accordion .op_down_arrow{
	position: absolute;
	top: 44px;
	right: 2px;
	padding: 0;
	margin: 0;
}
.detail .form_contents .accordion dd .one_point{
	padding-left: 0.5%;
}
.detail .form_contents .accordion dd .one_point li{
	float: left;
	width: 10%;
	margin: 1% 1% 0 0;
	position: relative;
}
.detail .form_contents .accordion dd .one_point li span{
	position: absolute;
	bottom: 1px;
	right: 1px;
	background: #ffffff;
	font-size: 80%;
}
.detail #contents .form_contents .font dt{
	padding: 1.5%;
	position: relative;
}
.detail .accordion2 {
	text-align: left;
	background: #ffffff;
	border: 1px solid #43200D;
}
.detail .accordion2 .down_arrow{
	position: absolute;
	right: 2px;
	top: 50px;
}
.detail .form_contents .font dd {
	border-top: 3px solid #A8F87C;
	padding-top: 1%;
	line-height: 1em;
}
.detail .form_contents .font dd li{
	margin-bottom: 0.5%;
}
.detail #contents .order_waku{
	background: #F8F3ED;
	text-align: left;
	margin: 16px 0;
	padding: 1%;
}
.detail #contents .gift_left {
	width: 40%;
	margin: 1% 2% 1% 1%;
	float: left;
}
.detail .gift_left .card li{
	float: left;
	width: 29%;
	margin: 0 0 0 1%;
	text-align: center;
}
.detail #contents .gift_right {
	width: 52%;
	height: 200px;
	float: left;
	background: #F8F3ED;
	padding: 2%;
}
.detail #contents .gift_right p{ margin: 0; }
.detail .gift_right input[type=text]{ width: 95%; }
.detail .gift_right textarea{ width: 98%; }
.detail section .submit_btn{
	margin: 20px auto;
	width: 100%;
	max-width: 496px;
}

/****************** 詳細ページ(500px未満) ***********************/
@media screen and (max-width: 500px){
.detail #contents .sub_area div{
	width: 98%;
}
.detail #contents .sub_area li{
	width: 47%;
}
.detail #contents .sub_area dl{
	width: 80%;
	margin: 4% auto;
	float: none;
	clear: both;
}
.detail #contents .design_all h3{
	font-size: 100%;
	background-size: 100% 100%;
}
.detail #contents .design_list .align_left{ margin: 0;}
.detail #contents .tokucho li {
	width: 48%;
	margin-right: 0.5%;
}
.detail #contents .tokucho p{ width: 50%; }
.detail #contents .design_all img.mini { width: 30%; }
.detail #contents .design_all li{ width: 47%; }
.detail #contents .form_contents .form_left { margin: 6% 0 0 0; }
.detail #contents .form_contents .accordion dt{
	position: relative;
	text-align: center;
	padding-top: 0px;
	top: 0px;
	background: #ffffff;
}
.detail .form_contents .accordion dt img{ width: 30%; }
.detail .form_contents .accordion dd .one_point li { width: 19%; }

}

/****************** コンテンツ共通 ***********************/
.content_main_title{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/content_h1.gif) no-repeat;
	width: 98%;
	background-size: 100% 100%;
	padding: 2.5% 0 2.5% 0;
	font-size: 170%;
	color: #361900;
	margin: 4% 0;
	text-align: center;
	/*background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/category/category_h1.png) no-repeat;
	width: 98%;
	max-width: 700px;
	padding: 2% 0 1.5% 6%;
	font-size: 130%;
	background-size: 100% 100%;
	margin: 0 0 4% 0;
	*/

}

/****************** 納期・発送・支払いについて ***********************/
.delivery div.hassou1{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/back_note_upper.jpg) no-repeat;
	background-size: contain;
	width: 97%;
	margin:0 0 -0.5% 1%;
	padding: 2% 0;
}
.delivery div.hassou2{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/back_note_middle.jpg);
	background-size: contain;
	width: 97%;
	margin-left: 1%;
}
.delivery div.hassou3{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/back_note_bottom.jpg) no-repeat;
	background-size: contain;
	width: 97%;
	height:28px;
	margin: 0 0 5% 1%;
}
.delivery .hassou2 p.sub_title{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/hassou2.gif) no-repeat;
	background-size: contain;
	margin: 0 0.5% 3% 1%;
	padding: 4% 0 2% 16%;
	font-size: 210%;
	color: #FF4400;
	font-weight: bold;
	line-height: 1.1em;
}
.delivery .hassou2 p.content{
	width: 56.7%;
	float:left;
	margin-left: 5%;
}
.delivery .hassou2 p.content_img{
	width: 35%;
	float: left;
	margin-left: 1%;
}
.delivery h2{
	background-color: #004C00;
	color: #ffffff;
	padding:6px 20px;
	width: 92%;
	font-size: 110%;
	margin-bottom: 4px;
}
.delivery .nouki {
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/back_note_middle.jpg);
	background-size: contain;
	width: 95.5%;
	padding:2% 0 0 1.5%;
	margin-left: 1%;
}
.delivery .nouki p{
	margin: 12px 0 0 3%;
}
.delivery .nouki .deli_table{
	margin-left: 0;
	width: 100%;
}
.delivery .nouki .img_margin{
	margin: 20px 0 0 16px;
}
.delivery span.attention{
	font-weight: bold;
	font-size: 150%;
}
.delivery section span{
	color: #E9481A;
}
.delivery .deli_waku{
	width: 95.5%;
	border: 1px solid #666666;
	border-radius: 20px;
	padding: 20px 2px 32px 8px ;
	margin: 8px 0 32px 0;
	background: #ffffff;
	overflow: hidden;
}
.delivery .receipt dl, .delivery .nouki dl{
	margin: 24px 0 0 2%;
}
.delivery .receipt dl dt, .delivery .nouki dl dt{
	display: list-item;
	list-style-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/common/green_arrow.gif);
	list-style-position: inside;
	border-bottom: 1px dashed #442F00;
	width: 97%;
	margin:0px 0 16px 0;
	font-weight: bold;
	font-size: 120%;
}
.delivery .receipt dl dd, .delivery .nouki dl dd{
	width: 97%;
	margin-left: 2%;
}
.delivery section h3{
	margin: 0 auto;
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/h3_obi.gif) no-repeat;
	background-size: 100% 100%;
	width: 95%;
	padding: 1.1% 0 1% 4%;
	color: #442F00;
}
.delivery .nouki .deli_list{
	margin: 8px 0 2% 8%;
}
.delivery .nouki .deli_list li{
	list-style: disc;
	margin: 0 0 0 0%;
}
.delivery .nouki .soryo{
	margin-bottom: 2%;
}
.delivery .nouki .soryo dd div.left{
	float: left;
	width: 24%;
}
.delivery .nouki .soryo dd div.right{
	float: left;
	width: 72%;
	margin: 4% 0 0 2%;
}
.delivery .nouki .soryo img{
	vertical-align: middle;
}
.delivery .nouki .time_box{
	margin-left: 2.5%;
}
.delivery .nouki .time_box li{
	float: left;
	background: #A2DE7F;
	margin: 5% 0.5%;
	padding:1%;
	width: 13%;
	text-align: center;
	border-radius:6px;
}
.delivery .konpo dl dd{
	float: left;
	width: 48%;
}
.delivery .nouki .card{
	margin: 1% 0 1.5% 4%;
	border: 1px solid #343434;
	padding: 0.5%;
	max-width: 280px;
}
.delivery .nouki .card li{
	float: left;
	margin: 2px 1%;
}
.delivery .nouki .card li img{
	vertical-align: middle;
}
.delivery .nouki .pay_attention{
	margin: 8px 8px 0 0;
	background: #FFF5E4;
	padding: 12px 0;
}
.delivery .nouki .pay_attention li{
	list-style: disc;
	margin: 4px  8%;
}
.delivery .nouki .bank{
	margin: 8px 0 40px 2%;
}
.delivery .nouki .bank dd{
	font-size: 120%;
	font-weight: bold;
	line-height: 2em;
}
.delivery .nouki .bank dd span{
	padding: 4px 8px;
	background: #E9D78C;
	font-size: 80%;
	font-weight: normal;
	color: #333333;
}
.delivery div.call{
	text-align: center;
}

/****************** 納期・発送・支払いについて(900px未満) ***********************/
@media screen and (max-width: 900px){
.delivery h1{
	font-size: 150%;
}
.delivery .hassou2 p.sub_title{
	font-size: 150%;
	padding: 3.5% 0 3.5% 16%;
}
.delivery .nouki .time_box li{
	margin: 1%;
	width: 25%;
}
.delivery .nouki .time_box .line_2{
	clear: both;
}
.delivery .nouki .card{ margin: 1% 2% 1.5% 2%; }

.delivery .nouki .pay_attention li{ margin-right:  3%; }

}

/****************** 納期・発送・支払いについて(699px未満) ***********************/
@media screen and (max-width: 699px){
.delivery h1{ font-size: 150%; }
.delivery .hassou2 p.sub_title{
	font-size: 150%;
	padding: 3.5% 0 3.5% 16%;
}
}

/****************** 納期・発送・支払いについて(500px未満) ***********************/
@media screen and (max-width: 500px){
.delivery h1{
	font-size: 110%;
	padding: 1% 0 4% 0;
}
.delivery .hassou2 p.sub_title{
	font-size: 110%;
	padding: 3.5% 0 3.5% 16%;
}
.delivery .hassou2 p.content{
	float: none;
	width: 90%;
}
.delivery .hassou2 p.content_img{
	float: none;
	width: 50%;
	margin: 0 auto;
}
.delivery .nouki .time_box li{
	width: 28%;
}
}


/****************** 安心コミコミ価格 ***********************/
.anshin .title_setsumei{
	margin: 0 0 6% 3%;
	line-height: 1.6em;
}
.anshin .title_setsumei span{
	font-weight: bold;
	color: #E65800;
	font-size: 110%;
}
.anshin h2{
	background-color: #004C00;
	color: #ffffff;
	padding:8px 20px;
	width: 92%;
	font-size: 110%;
	margin-bottom: 3%;
}
.anshin .anshin_price img{ margin-left: 1%;}
.anshin .anshin_price p{ margin: 0 0 2% 2%;}
.anshin .service {
	margin: 6% 0 0 0;
	padding-top: 3%;
}
.anshin .deli_waku{
	width: 95.5%;
	border: 1px solid #666666;
	border-radius: 20px;
	padding: 20px 2px 32px 8px ;
	margin: 8px 0 32px 0;
	background: #ffffff;
	overflow: hidden;
}
.anshin section h3{
	margin: 0 auto 4% auto;
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/delivery/h3_obi.gif) no-repeat;
	background-size: 100% 100%;
	width: 95%;
	padding: 1.1% 0 1% 4%;
	color: #442F00;
}
.anshin_price .anshin_icon{
	float: left;
}
.anshin .anshin_price dl{
	margin: 5% 0 0 1%;
}
.anshin .anshin_price dl dt{
	display: list-item;
	list-style-image: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/common/green_arrow.gif);
	list-style-position: inside;
	border-bottom: 1px dashed #442F00;
	width: 97%;
	margin:0px 0 16px 0;
	font-weight: bold;
	font-size: 120%;
}
.anshin_price dl .message li{
	float: left ;
	width: 31% ;
	margin: 1% 0 0 1%;
	text-align: center;
	line-height: 1.1em;
}
.anshin_price .left{
	float: left;
	margin: 0 0 0 2%;
	width: 23%;
}
.anshin_price .right{
	margin: 1% 0 0 2%;
	float: left;
	width: 70%;
}
.anshin .attention {
	color: #E65800;
	font-size: 140%;
	font-weight: bold;
}
.anshin .picture li{
	float: left;
	text-align: center;
}
.anshin .picture li.border_left{ border-left: 1px solid #999999; }
.anshin .anshin_price .check img{
	float: right;
	width: 35%;
	max-width: 241px;
}
.anshin .anshin_price .check p{
	margin-top: 2%;
	width: 50%;
}

/****************** 安心コミコミ価格(500px未満) ***********************/
@media screen and (max-width: 500px){
.anshin .picture li{ width: 48%; }
.anshin .anshin_price .check img{
	width: 50%;
	float: none;
}
.anshin .anshin_price .check p{
	clear: both;
	width: 98%;
}

}
/****************** 当店自慢の高品質・低コスト運営 ***********************/
.intro h2{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/intro/intro_waku.gif) no-repeat;
	padding: 1.5% 0 1.5% 2%;
	background-size: 100% 100%;
	margin: 0 0 3% 1%;
	font-size: 120%;
	color: #24A00C;
	text-align: left;
	max-width: 668px;
}
.intro .torikumi_contents{
	text-align: left;
	margin: 0 0 8% 0;
}
.intro .torikumi_contents p{ margin: 2% 0;}
.intro .torikumi_contents img{
	margin: 2% 0 0 2%;
}
.intro .torikumi_contents .left_img{
	max-width: 290px;
	width: 40%;
}
.intro  .right_img{
	max-width: 300px;
	width: 42%;
	float: left;
}
.intro .torikumi_contents span{
	font-size: 120%;
	font-weight: bold;
	color: #E63200;
}
.intro .torikumi_right{
	width: 50%;
	float: right;
	margin: 0 6.5% 0 0;
}
.intro .torikumi img{ width: 40%; }
.intro .torikumi_left{
	width: 50%;
	float: left;
	margin: 0 0 0 3% ;
}

/****************** 高品質（500px未満）***********************/
@media screen and (max-width: 500px){
.intro .torikumi_right, .intro .torikumi_left{
	width: 97%;
	float: none;
	margin-left: 2%;
}
.intro .torikumi_contents .left_img{
	max-width: none;
	width: 98%;
}
.intro .left_img, .intro .right_img{
	width: 97%;
}

}
/****************** その他共通 ***********************/
section { text-align: left; }
section .main_title{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/common/title-red.gif) no-repeat;
	background-size: 100% 100%;
	padding: 2% 4%;
	font-size: 140%;
	margin-bottom: 3%;
}

/****************** 特定商取引法に基づく表示 ***********************/
table.table_border{
	border: 1px solid #343434;
	margin: 0 0 6% 0;
}
table.table_border tr{ border-bottom: 1px solid #343434;}
table.table_border th {
	border-right: 1px solid #343434;
	padding: 2% 4%;
	width: 22%;
	text-align: center;
}
table.table_border td{ padding: 2% 4%; }

/****************** 個人情報の取り扱いについて ***********************/
.privacy #contents .privacy_head {
	text-align: left;
	margin: 0 0 0 2%;
}
.privacy .privacy_head p{ margin: 0 0 4% 2%; }
.privacy .privacy_head ol{ margin: 0 0 4% 6%; }

/****************** スタッフ・工房紹介 ***********************/
.intro .intro_area, .staff .intro_area{
	text-align: left;
	margin:0 0 8% 1%;
}
.intro .intro_title p, .staff .intro_title p{
	width: 65%;
	margin: 1% 2% 0 3%;
	text-align: left;
	float: left;
}
.intro .intro_title img, .staff .intro_title img{
	float: left;
	width: 30%;
	max-width: 214px;
}
.staff .staff_intro{ text-align: left;}
.staff .staff_photo{
	margin: 2% 0 0 1%;
	float: left;
	width: 25%;
}
.staff .daihyo_img { max-width: 150px; }
.staff .staff_img{ max-width: 100px; }
.staff .staff_detail{
	width: 68%;
	float: left;
	margin: 2% 0 6% 2%;
}
.staff .birth_type{
	width: 94%;
	border-bottom: 1px dashed #343434;
	margin: 0 0 2% 4%;
}
.staff .staff_detail p{
	margin: 2% 0 0 3%;
}
.staff .staff_intro h3 {
	border: 1px solid #cccccc;
	border-left: 6px solid #DCBF45;
	padding :1% 3%;
	font-size: 120%;
	width: 85%;
}
.staff .staff_width{ width :70%; }
.staff .staff_detail table{
	border: 1px solid #cccccc;
	width: 100%;
}
.staff .staff_detail tr { border: 1px solid #cccccc; }
.staff .staff_detail td { padding: 2% 4%;}

/****************** スタッフ・工房紹介(500px未満) ***********************/
@media screen and (max-width: 500px){
.staff .staff_detail { width: 98%; }
.staff .staff_photo { width: 50%; }

}
/****************** よくいただくご質問 ***********************/
.faq .list_box{
	text-align: left;
	margin: 0 0 6% 0;
}
.faq .left{
	width: 45%;
	float: left;
	margin: 0 0 0 4%;
}
.faq .right {
	width: 45%;
	float: left;
	margin: 0 0 0 4%;
}
.faq .list_box ol {margin: 0 0 4% 0;}
.faq section h3 {
	text-align: left;
	margin: 4% 0 0 0 ;
}
.faq .q-box{
	margin-left:16px;
	color:#666666;
	text-align: left;
}
.faq section dt{
	background:url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/faq/mark-q.gif) no-repeat;
	padding: 0.5% 0 0.5% 6%;
	margin:16px 0 12px 0;
	font-weight:bold;
	font-size:110%;
	color:#333333;
}
.faq section dd{
	background:url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/faq/mark-a.gif) no-repeat;
	background-position:10px 10px;
	background-color:#eeeeee;
	margin:10px 20px 30px 20px;
	padding:10px 20px 10px 40px;
}
.faq section .float_right{ margin: 0 0 6% 0;}

/****************** ご注文の流れ ***********************/
.flow .flow_title{ margin: 0 0 8% 1%; }
.flow .flow_title p{ margin: 0 0 1% 2%;}
.flow .flow_title img{ margin: 0 0 0 2%;}
.flow .flow_area {
	margin: 0 0 8% 1%;
	max-width: 740px;
}
.flow .flow_area p{
	width: 78.5%;
	padding: 7% 2% 2% 15%;
	background-size: 100% auto ;
	border: 1px solid #666666;
}
.flow .flow_1{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/flow/flow_1.gif) no-repeat; }
.flow .flow_2{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/flow/flow_2.gif) no-repeat; }
.flow .flow_3{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/flow/flow_3.gif) no-repeat; }
.flow .flow_4{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/flow/flow_4.gif) no-repeat; }
.flow .flow_area .flow_check{
	width: 96%;
	max-width: 690px;
}
.flow .flow_area span{
	background: #CC0000;
	color: #ffffff;
	padding: 0 1%;
}
.flow section h2{
	background: #004F00;
	width: 95%;
	color: #ffffff;
	padding: 1%;
	margin: 0 0 2% 0;
}
.flow #return p{ margin: 0 0 2% 2%; }
.flow #return .case{
	background: #FFFF99;
	width: 85%;
	margin: 0 4% 6% 4%;
	padding: 2% 4%;
}
.flow #return dl{ margin: 0 0 2% 0; }
.flow #return dt{ font-weight: bold; }
.flow #return dd {
	display: list-item;
	list-style: disc;
	margin: 0 0 0 4%;
}

/****************** デザイン確認について ***********************/
.flow .flow_1{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/design/design_1.gif) no-repeat; }
.flow .flow_2{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/design/design_2.gif) no-repeat; }
.flow .flow_3{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/design/design_3.gif) no-repeat; }
.flow .flow_4{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/design/design_4.gif) no-repeat; }
.flow .flow_5{ background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/design/design_5.gif) no-repeat; }

/****************** 利用できる書体 ***********************/
.font section h2{
	background: #755849;
	margin: 0 0 2% 2%;
	padding: 1% 2%;
	color: #ffffff;
	width: 98%;
}
.font section ul{ margin: 0 0 6% 4%; }
.font section li{ margin: 0 0 2% 0;}
.message section p { margin: 0 0 1% 2%; }
.message section img{ margin: 0 0 0 2%; }

/****************** FAX注文 ***********************/
.fax section .fax_description{ margin: 0 0 5% 2%;}
.fax section h2{
	width: 98%;
	background: #004D00;
	padding: 0.5% 1%;
	color: #ffffff;
	margin: 0 0 2% 1%;
}
.fax section .fax_tel{
	border: 1px solid #666666;
	padding: 1% 2%;
	width: 90%;
	margin: 0 0 4% 1%;
}
.fax section dl dt{
	float: left;
	background: #755849;
	padding: 0.5% 1%;
	color: #ffffff;
	margin: 0 0 0.5% 0;
	width: 30%;
	text-align: center;
}
.fax section dl dd{
	float: left;
	padding: 0.5% 1%;}
.fax section h3{
	border-bottom: 1px dotted #333333;
	padding: 0.5%;
	margin: 1%;
}
.fax section ol{
	list-style: none;
	margin: 0 0 8% 2%;
}
.fax section ol li{
	padding-left: 4%;
	text-indent: -5%;
	margin: 0 0 2% 0;
}
.fax section ol li span{
	background: #004D00;
	padding: 0 8px;
	color: #ffffff;
	margin: 0 8px 0 0 ;
	font-weight: bold;
}
.fax section .tel_order{
	background: #eeeeee;
	padding: 2%;
	width: 98%;
	margin: 0 0 12% 0;
}
.fax section .tel_order ol{ margin: 0 ; }
.fax section .tel_order li{
	width: 30%;
	float: left;
	margin: 0 0 0 2%;
}
.fax section .tel_order li.short{ width: 15%; }

/****************** FAX注文（848px未満） ***********************/
@media screen and (max-width:848px){

.fax section .tel_order li{
	width: 40%;
	margin: 0 0 1% 0;
}
.fax section .tel_order li.short{ width: 40%; }

}


/****************** FAX注文（500px未満） ***********************/
@media screen and (max-width: 500px){

.fax section .tel_order li{ width: 90%; }
.fax section .tel_order li.short{ width: 90%; }

}
/****************** オリジナルデザイン ***********************/
.page_hosoku { margin: 0 0 6% 2%; }
.page_hosoku p{ margin: 0 0 1% 0;}
.page_hosoku ul{ margin: 0 0 0 2%; }
.original h2{
	background: #004D00;
	width: 98%;
	padding: 0.5% 1%;
	margin: 0 0 3% 0;
	color: #ffffff;
}
.original .original_flow{ margin: 0 0 3% 2%; }
.original .original_flow dt {
	font-weight: bold;
	margin: 3% 0 1% 0;
}
.original section dl span{
	background: #004D00;
	padding: 1px 8px;
	color: #ffffff;
}
.original .original_flow ul{
	border: 1px solid #666666;
	width: 90%;
	padding: 3% 0;
	font-size: 120%;
}
.original .original_flow li{
	float : left;
	margin: 0 0 0 4%;
	padding: 0.5%;
}
.original_flow .brown{
	background: #755849;
	width: 30%;
	color: #ffffff;
	text-align: center;
}
.original .original_flow dd {
	margin: 0 0 2% 4%;
}
.original .original_hosoku{ margin: 0 0 8% 2%; }
.original .original_hosoku h3{
	padding: 0 2%;
	border-bottom: dotted 1px #333333;
	margin: 3% 0 1% 0;
}
.original .original_hosoku p {
	margin: 0 0 1% 2%;
}
.original .original_address{
	background: #FEFBC4;
	width: 80%;
	padding: 2%;
	margin: 0 0 8% 0;
}
.original section dl.check{
	background: #eeeeee;
	margin: 0 0 8% 0;
	padding: 0.5% 4%;
	width: 90%;
}


/****************** ご注文完了 ***********************/

.thanks .head_navi ul{
	font-size: 90%;
	float: right;
	width: 26%;
}
.thanks .head_navi li{
	float: left;
	margin: 0 0 2% 3%;
}
.thanks h1{
	background: url(https://dkshared102.ssl-sys.jp/oem-china.net/naire/img/common/bg_tit_sub_01.jpg) repeat-x;
	background-size: 100% 100%; 
	padding: 1.5%;
	border-top: 1px solid #ebeced;
	color: #ff6600;
	font-weight: normal;
	margin: 2% 0;
}
.thanks .message_area{ margin: 0 0 6% 0;}
.thanks .message_area p{
	margin: 0 0 2.5% 0;
	font-size: 90%;
}
.thanks .message_area span{
	font-weight: bold;
	margin: 0 0 2.5% 0;
	font-size: 110%;
}
.thanks .shop_info{
	border-top: 1px solid #ccc;
	margin: 0 0 2% 0;
}
.thanks .shop_info h2 {
	margin: 2.5% 0 1% 0;
	font-size: 130%;
}
.thanks .btn_area{
	width: 100%;
	text-align: center;
}