@charset "utf-8";


.sideGuideNav {
	background: #fff;
	border: solid 1px #dadbde;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
}
.sideGuideNav .sideCntTtl {
	padding: 11px;
	color: #60493B;
	font-weight: bold;
	line-height: 1;
	font-size: 131%;
	background: #e5e6e8;
	margin-bottom: 0;
}
.sideGuideNav .sideNav1 li {
	border-bottom: solid 1px #e7e7e7;
}
.sideGuideNav .sideNav1 li a {
	display: block;
	padding: 13px 5px 12px 33px;
	line-height: 1;
	width: 200px;
	background: url(../img/common/arrow.gif) 17px center no-repeat #fff;
	color: #333;
}
.sideGuideNav .sideNav1 li a:hover {
	text-decoration: none;
	color: #333;
	background: url(../img/common/arrow.gif) 17px center no-repeat #f5f5f5;
}


/* order/index.asp
----------------------------------------------- */
#sheets_select {
	margin: 10px auto 0;
	text-align: center;
	letter-spacing: 0.05em;
}

#sheets_select select#cmbSu{
	height:auto;
	line-height:1;
	font-size: 139%;
	vertical-align: middle;
	text-align:-webkit-center;
	padding:5px 5px;
}
#sheets_select #dTankaRenge {
	height:auto;
	line-height:1;
	vertical-align: middle;
	padding:5px 5px;
}

#sheets_select #dTankaRenge input#txtSonota {
	padding:3px 5px;
	width:100px;
	text-align:center;
	font-size: 139%;
}

.att_point{
	text-align:center;
	margin:15px 0 5px 0;
	line-height: 1.8;
}
.att_point a {
	background: url(../img/common/arrow2.gif) left 3px no-repeat;
	padding-left: 12px;
}

.itemStep h3.ttlStep span.hint,
#p_text_box h3.ttlStep span.hint {
	font-size: 77% !important;
}



/* order_chk.asp
----------------------------------------------- */
#orderbox table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 10px 20px;
	text-align: left;
	width: 710px;
}
#orderbox table tbody th {
	background-color: #F6F6F6;
	border: 1px solid #ccc;
	font-weight:normal;
	line-height: 1.2;
	text-align: center;
	width: 180px;
	padding: 8px 6px;
}
#orderbox table tbody td {
	border: 1px solid #ccc;
	text-align:left;
	padding: 8px 10px;
}
#pricecheck{
	margin-bottom: 30px;
}
#pricecheck table {
	border: 2px solid #ccc;
	margin: 5px 10px 15px;
	text-align: right;
	width: 80%;
}
#pricecheck table th {
	background-color: #F6F6F6;
	border: 1px solid #ccc;
	text-align: right;
	width: 230px;
	padding: 8px 10px;
	font-weight:normal;
	font-size: 124%;
}
#pricecheck table td {
	border: 1px solid #ccc;
	text-align:right;
	padding: 8px 10px;
	font-size: 154%;
}
#pricecheck table td#bold{
	color: #f14f4c;
	font-weight: bold;
}
#main .grayBox {
	margin-bottom: 15px;
}
#main .whiteBox {
	margin-bottom: 15px;
}
#intocart {
	clear: both;
	margin:20px  0 20px 50px;
	padding: 10px 0 20px;
	text-align:center;
}
#intocart img{
	vertical-align: middle;
	margin:0;
}
.itemOrderBtn {
	width: 740px;
	clear: both;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 40px;
	/*
	background: #d2d2d5;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	*/
}
.itemOrderBtn #cartBtn {
	padding: 15px 0;
	margin: 0 auto;
	clear: both;
	width: 200px;
	text-align: center;
	font-size: 154%;
	background: #742F33;
	color: #fff;
	border-style: none;
	border-bottom: solid 3px #5d1e22;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.itemOrderBtn #cartBtn:hover {
	margin-top: 3px;
	border: none;
	background: #642327;
}
#cartBackBtn {
	padding: 15px 0;
	margin: 0 auto;
	clear: both;
	width: 160px;
	text-align: center;
	font-size: 154%;
	background: #666;
	color: #fff;
	border-style: none;
	border-bottom: solid 3px #444;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#cartBackBtn:hover {
	margin-top: 3px;
	border: none;
	background: #555;
}


/* categories/index.asp
----------------------------------------------- */
#toumei2_div .itemUl {
	width: 730px;
	clear: both;
	padding: 15px 0 0 15px;
	background: #ebebed;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 30px;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

#toumei2_div .itemUl::after{
  content:"";
  display: block;
  width:230px;
  margin-left:5px;
}

#toumei2_div .itemUl li {
	width: 230px;
	height:auto;
	margin-right: 12px;
	/*margin-left: 5px;*/
	margin-bottom: 12px;
	line-height: 1.1;
	padding-bottom:5px;
}
#toumei2_div .itemUl li a {
	width: 230px;
	height:100%;
	background: #fff;
	display:block;
	padding-bottom:5px;
}
#toumei2_div .itemUl li a:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=90)";
}

#toumei_div ul#toumei_ul{
	padding:0 0 50px;
}

#toumei_div ul#toumei_ul li{
	float: left;
	padding:5px;
}

#toumei_div ul#toumei_ul li a{
	width: 230px;
	overflow: hidden;
	display: block;
	border: solid 3px #0075c1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	padding: 9px 0 8px;
}

#toumei2_div .itemUl .itemTxt2{
	color:#742F33;
}

.itemPic img{
	max-width: 100%;	
}


/* page
----------------------------------------------- */

.posiR {
	/*width: 340px;*/
	float: right;
	padding-left: 20px;
}
.posiL {
	/*width: 340px;*/
	float: left;
	padding-right: 20px;
}


/* ������@�ɂ‚���----------------------------------------------- */

.gab_points{
	margin: 30px 0 40px;
}
.gab_points dl dt{
	margin: 15px 0 5px;
	font-size: 116%;
	font-weight:bold;
}
.gab_points dl dd{
	margin: 0 0 0 10px;
}

/* ���݂ɂ‚���----------------------------------------------- */

div#palette{
	
}

div#palette dl{
	background: url(../img/guide/palette.png) 0 center no-repeat;
	margin:20px 15px 20px;
	height:100px;
}
div#palette dt{
	padding: 0 0 10px;
	font-size: 116%;
	font-weight: bold;
	color: #0075c1;
}
div#palette dt{
	padding:15px 0 0 270px;
}
div#palette dd{
	padding:15px 0 0 270px;
}

/* �f�[�^���e�K�C�h----------------------------------------------- */

.upload a {
	color: #F8E41C !important;
}
.dateflow{
	padding:20px 12px 20px !important;
}
.dateflow img{
	margin:0 0 0  !important;
}
ul.dg_list{
	margin:10px 0 0 15px !important;
}
ul.dg_list li{
	font-size: 116%;
	line-height:2.2;
}
ul.dg_list li span.important{
	margin:0 10px 0 0;
}

/* �L�����y�[��----------------------------------------------- */

#campaign_box h3{
	margin-top: 15px;
}
#campaign_box h4{
	margin: 5px 0 0;
	font-size: 116%;
}
#campaign_box .yellowBox p{
	font-size: 116%;
	margin: 0 0 10px;
}
#campaign_box .yellowBox p.txtRed{
	font-size: 132%;
	margin: 0 0 10px;
}
#campaign_box ul.campaign_content{
	margin: 10px 20px 10px;
}
#campaign_box ul.campaign_content li{
	font-size: 124%;
	margin: 0 0 0;
	list-style: disc;
}
#campaign_box ul.campaign_content li span.txtRed{
	font-size: 132%;
}


/* categories/list.asp
----------------------------------------------- */

form#frmCate {
	width: 720px;
	clear: both;
	padding: 10px 10px 10px 15px;
	background: #ebebed;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 15px;
}

/*
dl#kensaku_cmb {
	width: 720px;
	clear: both;
	padding: 10px 10px 10px 15px;
	background: #ebebed;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 15px;
}
*/
dl#kensaku_cmb dt {
	float: left;
	margin:5px 25px 8px 0;
	padding:0 0 0;
}
dl#kensaku_cmb dt span {
	font-weight: normal;
	margin: 0 0 4px -5px;
	letter-spacing: 0.1em;
}
dl#kensaku_cmb dt select{
	padding:2px 4px;
}
.page_total{
	padding:0 15px 2px;
	/*text-align:right;*/
	letter-spacing: 0.1em;
}

p.reset_btn{
	text-align:right;
	margin-top:8px;
}
.shohin_info2{
	padding:0 10px 8px;
	line-height: 1.2;
	color: #333;
	font-size: 0.9em;
}
.shohin_info2 span{
	padding-right: 10px;
}

/* order/order.asp
----------------------------------------------- */

.template_download_link {
	clear: both;
	width: 100%;
	margin: 5px auto 10px;
	padding: 0 0 0;
}
.template_download_link a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	background: #742F33;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #5d1e22;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.template_download_link a:hover {
	top: 3px;
	text-decoration: none;
	background: #642327;
	box-shadow: 0 2px 0 #5d1e22;
}
.template_download_link a:active {
	top: 5px;
	box-shadow: none;
}

.template_dl_excel {
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 0 0;
}
.template_dl_excel a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 104%;
	font-weight: bold;
	background: #1c982f;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #0b6e1a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.template_dl_excel a:hover {
	top: 3px;
	text-decoration: none;
	background: #167f26;
	box-shadow: 0 2px 0 #0b6e1a;
}
.template_dl_excel a:active {
	top: 5px;
	box-shadow: none;
}

.yo_catalog {
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 0 0;
}
.yo_catalog a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 104%;
	font-weight: bold;
	background: #0C381D;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #051e00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.yo_catalog a:hover {
	top: 3px;
	text-decoration: none;
	background: #051e00;
	box-shadow: 0 2px 0 #051e00;
}
.yo_catalog a:active {
	top: 5px;
	box-shadow: none;
}


.wa_catalog {
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 0 0;
}
.wa_catalog a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 104%;
	font-weight: bold;
	background: #c62e2e;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #a02424;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.wa_catalog a:hover {
	top: 3px;
	text-decoration: none;
	background: #a02424;
	box-shadow: 0 2px 0 #a02424;
}
.wa_catalog a:active {
	top: 5px;
	box-shadow: none;
}

.inquiry_btn {
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 0 0;
}
.inquiry_btn a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 104%;
	font-weight: bold;
	background: #c62e2e;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #a02424;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.inquiry_btn a:hover {
	top: 3px;
	text-decoration: none;
	background: #a02424;
	box-shadow: 0 2px 0 #a02424;
}
.inquiry_btn a:active {
	top: 5px;
	box-shadow: none;
}

.templdl_info,
.material_info {
	margin-top: 15px;
	padding: 10px !important;
	font-size:77%;
	margin-bottom: 5px !important;
}

.mT10{
	margin-top: 10px;
}
.taR{
	text-align:right;
}
.taL{
	text-align:left;
}


/* BA�N���[��
----------------------------------------------- */

.ba_catalog {
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 0 0;
}
.ba_catalog a {
	width: 100%;
	position: relative;
	line-height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 104%;
	font-weight: bold;
	background: #1800FF;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #110866;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.ba_catalog a:hover {
	top: 3px;
	text-decoration: none;
	background: #110866;
	box-shadow: 0 2px 0 #110866;
}
.ba_catalog a:active {
	top: 5px;
	box-shadow: none;
}


/* GUIDE DATE
----------------------------------------------- */
#optionGuide {
	padding: 10px 20px;
	background: #fff;
}
#optionGuide section {
	font-size: 108%;
}
/*
#optionGuide .backTop {
	display: none;
}
*/



/* �I���W�i���N���A�P�[�X----------------------------------------------- */

#occ_discBox{
	background: url(../img/chuckporch/pouch_desc_bg.png) 0 0 repeat;
	/*border:10px solid #EEEFEF;*/
	margin:0 0 40px;
	padding:10px 0 20px;
}

.occ_specBox{
	padding:5px 20px 12px 20px;
}

.occ_r260{
	float:right;
	width:260px;
}
.occ_l400{
	float:left;
	width:400px;
}

.occ_specBox h3{
	font-size:24px;
	font-weight:bold;
}

.occ_specBox h3#occ_use01,
.occ_specBox h3#occ_use02{
	height:70px;
	padding:18px 0 0 38px;
}
.occ_specBox h3#occ_use01{
background: url(../img/chuckporch/pouch_img_07t.png) 0 0 no-repeat;}
.occ_specBox h3#occ_use02{
background: url(../img/chuckporch/pouch_img_11t.png) 0 0 no-repeat;}

#occ_discBox table{
	margin:0 0 10px;
}
#occ_discBox table th{
	padding:15px 5px 0 0 !important;
}
#occ_discBox table th,
#occ_discBox table td{
	padding:0 5px 5px;
}
#occ_discBox table img{
	margin:0 0 12px;
}

#occ_discBox .fnt16{
	font-size:16px;
}

#occ_discBox .original_flow{
display:table;
position:relative;
margin-bottom:30px;
}

#occ_discBox .original_flow#arrow:after{
position:absolute;
bottom:-30px;
left:40px;
content:url(../img/chuckporch/flow_arrow.png);
}


#occ_discBox .original_flow div{
display:table-cell;
}

#occ_discBox .original_flow div:first-child{
background:#eaf6fd;
width:90px;
text-align:center;
padding:0 10px;
vertical-align:middle;
font-size:16px;
font-weight:bold;
}

#occ_discBox .original_flow div:first-child span{
color:#0d6fb8;
font-size:1.5em;
}

#occ_discBox .original_flow div p.textarea{
padding:0 0 0 10px;
display:inline-block;
width:300px;
}

#occ_discBox .original_flow div p.textarea img{
margin-top:5px;
}

#occ_discBox .original_flow div p.textarea span.ttl{
font-size:16px;
line-height:0;
font-weight:bold;
display:block;
margin-top:10px;
}

#occ_discBox .original_flow div p.textarea span.ttl span{
color:#FF0000;
font-size:1.4em;
}

#occ_discBox .original_flow div p.textarea span.material{
font-weight:bold;
background:#d0e3f1;
padding:2px 10px;
margin-right:10px;
line-height:2.5;
}

#occ_discBox .original_flow div p.textarea span.txtb{
font-weight:bold;
}

#occ_discBox .original_flow div p.textarea span.caution{
font-size:12px;
line-height:1.3;
}

#occ_discBox .original_flow div p.textarea span.caution br{
margin-bottom:5px;
}

#occ_discBox .original_flow div p.img{
display:inline-block;
vertical-align:top;
}

.txtb{
font-weight:bold;
font-size:1.1em!important;
}