body{
  font-size : 12px;
  margin-left : auto;
  margin-right : auto;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	overflow-x : hidden;
}

input[type=text],input[type=tel],input[type=email]{
	font-size : 12px;
	padding : 1px;
	margin-bottom : 7px;
	font-family : 'Hiragino Kaku Gothic ProN','メイリオ';
}

input[type=radio],input[type=checkbox]{
	padding : 2px;
	margin-bottom : -2px;
}

input[type=button]{
	font-size : 11px;
	padding-top : 2px;
	margin-bottom : 7px;
	font-family : 'Hiragino Kaku Gothic ProN','メイリオ';
}

input[type=submit]{
	font-size : 11px;
	padding-top : 2px;
	font-family : 'Hiragino Kaku Gothic ProN','メイリオ';
}

textarea{
	font-size : 12px;
	line-height : 17px;
	padding : 2px;
	font-family : 'Hiragino Kaku Gothic ProN','メイリオ';
}


select{
	font-size : 11px;
	margin-bottom : 7px;
	font-family : 'Hiragino Kaku Gothic ProN','メイリオ';
}


.bt,.bton,.bts,.btson{
	height : 22px;
	margin : 10px 5px 10px 5px;
	cursor : pointer;
	background-repeat : repeat-x;
	border : 1px solid #b3b3b3;
}


.bt,.bton{
	width : 180px;
}


.bts,.btson{
	width : 90px;
}


.bt,.bts{
	background-image : url(img/common/bt.png);
}

.bton,.btson{
	background-image : url(img/common/bton.png);
}


.in2 dl{
	width : 100%;
	line-height : 30px;
	display : table;
}

.in2 dt{
	width : 150px;
	float : left;
	text-align : left;
	padding-top : 10px;
	padding-bottom : 10px;
	border-top : 1px solid #cccccc;
}

.in2 dd{
	margin-left : 150px;
	text-align : left;
	padding-top : 10px;
	padding-bottom : 10px;
	border-top : 1px solid #cccccc;
}

.in2 dd select,.in2 dd input[type=text],.in2 dd input[type=email],.in2 dd input[type=tel]{
	margin-top : 3px;
	margin-bottom : 5px;
}


.in2 dd ul{
	width : 100%;
	margin : 0;
	padding : 0;
	list-style-type : none;
	line-height : 30px;
	display : table;
}

.in2 dd li{
	width : 120px;
	float : left;
}

.in2 dd li img{
	height : 13px;
	margin : 0px 3px -2px 0px;
}

.in2 dd div{
	margin : 0;
	padding : 0;
}

.in2 dd div select{
	margin : 0;
}

.steps{
	width : 80px;
	margin-top : 20px;
	margin-bottom : -5px;
}

.tempimg{
	width : 180px;
	display : block;
	text-align : center;
	padding : 10px;
	border : 1px solid #a9a9a9;
}

.tempimg img{
	width : 180px;
}


.sendbt,.sendbts{
	padding : 6px;
	margin : 20px 10px 20px 10px;
	font-size : 14px;
	cursor : pointer;
	border : 1px solid #c0c0c0;
	border-radius : 3px;
	background : linear-gradient(#ffffff,#f2f2ff);
	box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.2);
}

.sendbt{
	width : 280px;
}

.sendbts{
	width : 150px;
}

.sendbt:hover,.sendbts:hover{
	background : linear-gradient(#f2f2ff,#ffffff);
}



#base{
	position:relative;
}


#main{
	width : 900px;
	margin-left : auto;
	margin-right : auto;
	display : table;
	-webkit-box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	background-color: #ffffff;
}


/* mainmenu */

#mainmenu{
	width : 190px;
	padding : 0px;
	text-align : left;
	float : left;
}

#mainmenu p{
	padding : 10px 0px 8px 5px;
	margin : 0px;
}


#mainmenu ul{
	margin : 0px;
	padding : 0px;
	list-style-type : none;
	-webkit-box-shadow: 0 0 5px 2px rgba(180,180,180,0.7) inset;
	-moz-box-shadow: 0 0 5px 2px rgba(180,180,180,0.7) inset;
	box-shadow: 0 0 5px 2px rgba(180,180,180,0.7) inset;
}

#mainmenu li{
	margin : 0px;
	border-top : 1px solid #c0c0c0;
	cursor : pointer;
	position:relative;
}

#mainmenu a {
	display: block;
	padding : 10px 10px 7px 10px;
}

#mainmenu a:hover{
	padding : 10px 10px 7px 5px;
	border-left : 5px solid #c0c0c0;
}
 
#mainmenu img{
	width : 180px;
	padding : 0px;
}



.viewswaku{
	width : 18px;
	height : 18px;
	margin : 0px;
	padding : 0px;
	font-size : 12px;
	text-align : center;
	color : #ffffff;
	background-color : #cc0000;
	border-radius:9px;
	position:absolute;
	right : 5px;
	top : 10px;
}


/* pagemain */


#pagemain{
	width : 680px;
	margin-left : 210px;
	position:relative;
}



#head{
	width : 100%;
	position:relative;
}

#head img{
	height : 30px;
	margin : 8px 10px 3px 0px;
}

#head span{
	position:absolute;
	top : 15px;
}


#head0,#head1{
	font-size : 13px;
	text-align : center;
	padding : 13px 0px 13px 0px;
	position:relative;
	-webkit-box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	z-index: 199999;
}



#pagenavi{
	font-size : 22px;
	padding : 0px;
	margin : 0px;
	position:absolute;
	top : 7px;
	left : 10px;
}

#pagenavi a{
	color : #ffffff;
}

#pagenavi img{
	height : 30px;
}


#pagenaviul{
	width : 637px;
	position : absolute;
	top : 87px;
	left : 0;
	margin : 0px;
	z-index : 110000000;
	background-color : #ffffff;
	border-left : 1px solid #c0c0c0;
	border-right : 1px solid #c0c0c0;
	-webkit-box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 3px 2px 5px 2px rgba(0,0,0,0.3);
}

#pagenaviul ul{
	width : 100%;
	height : 25px;
	padding : 0px;
	list-style-type : none;
}

#pagenaviul li{
	width : 100%;
	display : table;
	transition: .2s;
	text-align : left;
	margin-left : -40px;
	padding : 12px;
	cursor : pointer;
	position:relative;
	background-color : #ffffff;
	border-bottom : 1px solid #dcd6d9;
}



#pnsankaku{
	font-size : 22px;
	padding : 0px;
	margin : 0px;
	position:absolute;
	top : -9px;
	left : 10px;
}








h2{
	margin-bottom : 5px;
	font-size : 14px;
	font-weight : normal;
	text-align : center;
	line-height : 20px;
	position:relative;
}

h3{
	padding-top : 10px;
	margin : 0px 0px 10px 0px;
	font-size : 14px;
	font-weight : normal;
	text-align : center;
	position:relative;
}



.comentwaku{
	width : 70%;
	margin : 0px auto 10px auto;
	padding : 10px 0px 10px 0px;
	text-align : left;
	font-size : 11px;
	line-height : 16px;
	border-bottom : 1px solid #c0c0c0;
}



.formwaku{
	width : 70%;
	margin : 0px auto 0px auto;
	padding : 10px 0px 10px 0px;
	text-align : left;
	border-bottom : 1px solid #c0c0c0;
	line-height : 20px;
}


.f_name{
	width : 60%;
}





#copy{
	padding-top : 5px;
	font-size : 11px;
}



#yoyakukeep{
	right : 0px;
	bottom : 30px;
	z-index : 99999999;
	position : fixed;
}

#cartkeep{
	right : 0px;
	bottom : 90px;
	z-index : 99999999;
	position : fixed;
}


#bottomlist{
	height : 60px;
	display : block;
	padding : 10px;
	position:relative;
}

#bottomlist img{
	margin : 0px 5px 0px 5px;
}

#bottomlist_l{
	position:absolute;
	top : 10;
	left : 10;
}

#bottomlist_r{
	position:absolute;
	top : 10;
	right : 10;
}



.barcodewaku{
	width : 90%;
	background-color : #ffffff;
	margin : 10px auto 10px auto;
	padding : 5px 0px 2px 0px;
	text-align : center;
}


.hbc{
	margin : 10px auto 10px auto;
	font-size : 18px;
}





#topprwaku{
	width : 100%;
	position:absolute;
	top : 15px;
	z-index: 199999;
}

#topprbt{
	position:absolute;
	top : -10;
	right : 20;
}

#topprimage{
	width : 90%;
	-webkit-box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.3);
	margin-bottom : 10px;
}




#apkwaku{
	width : 100%;
	text-align : center;
}

#apkwaku img{
	margin : 5px auto 5px auto;
}

#apkwaku p{
	display : table;
	border-bottom : 1px solid #ffffff;
}

#apkwaku div{
	text-align : left;
	font-size : 10px;
	margin : 5px 5px 0px 5px;
}



/* 店舗ごとに分ける確認 */
#storeviewok_no{
	position : fixed;
	top : 30px;
	width : 100%;
	height : 460px;
	text-align : center;
	padding : 100px;
	color : #ffffff;
	font-size ; 18px;
	line-height : 22px;
	z-index : 99999999;
	background-color : rgba(105,105,105,0.80);;
}