html {
  box-sizing: border-box;
}

#wrap{
	width: 100%;
	margin:0 auto;
	
}

#copyright {
	font-family: 'Quicksand', sans-serif;
background-color:#007DCE;
color:#FFFFFF;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 80%;
	line-height:1.3
}
div#wrap a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;}
	
	div#sub a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;}
	#p0 a:hover div{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background-color: #FFFFFF;
	
	}

	.cl{
	clear:both;}
p.goTop{
	clear:both;
	font-size: 14px;
	margin:8px 0;
	text-align: right;

}

p.goTop a{
text-decoration:none}







/*ヘッダー

--------------------------------------*/
#head{
	display:none;
/*	width:100%;
	height:77px;
	padding: 10px 20px 0;
	margin: 0 auto;*/
}
#home{
	position:absolute;
	top:6px;
	left:8px;z-index: 4;}
header.header{
	
	background:#40AAEF;
	width:100%;
	height:45px;
	margin:0 auto;

	margin-bottom:20px;
	overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.2);
	color:#FFFFFF;
	
	opacity:0.85;
	
	z-index: 3;
	position:absolute
	

}
.header h1{
	display:none;

/*	text-align:center;
		padding:12px;
	font-family: 'Quicksand', sans-serif;
	font-size:1.05em;
*/
/*
	font-weight:800;
	text-shadow:0 -1px #1a6ea0;
	*/

}
/* toggle-panel */
#panel-btn { display: inline-block; position: relative; width: 50px; height: 50px;position:absolute;
	top:0;
	right:0;  }
#panel-btn:hover { color: #fafafa; }
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #FFF; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #FFF; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }

#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

nav#panel { display: none; width: 100%; margin: 0; padding: 65px 0; 	background:rgba(64,170,239,0.9);color:#fff;
font-family: 'Open Sans', sans-serif;
	font-weight:lighter}
		nav#panel ul {
			padding:0 48px;
			margin-bottom:25px}
	nav#panel ul li{
		    border-bottom: 1px solid #CCC;
		
			font-size:1.15em;
			padding:11px 0;
				font-weight:lighter;
				width:47%;
				margin:1%  ;
				display:inline-block;
				text-align:left}
nav#panel ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	width:100%}
	#panel ul li a:hover{
		opacity:0.7;}
		
#panel h2 {
	position: relative;
	text-align: center;
	margin:0 8%;
	font-size:1.2em;
	font-weight:bold;
	
	
}
#panel h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background:#52B2F0;
	text-align: left;
}
#panel h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
}
		
		
#gazo{
background-color:#40AAEF;
color:#FFFFFF;
padding:0;

margin-bottom:10px;

}


#h1{
/*background-image:url(../img/main.jpg);
background-repeat:no-repeat;
background-position:top center;*/
width:100%;

margin:0 auto;

position:relative;
text-align:right

}

#h1 h1{
text-align:left;
font-weight:700;
font-size:80px;


line-height:1.3;
position:absolute;
top:60px;
left:10px;
  text-shadow: rgb(60, 158, 222) 1px 1px,
    rgb(60, 158, 222) 2px 2px,
    rgb(60, 158, 223) 3px 3px,
    rgb(60, 158, 223) 4px 4px,
    rgb(60, 159, 223) 5px 5px,
    rgb(60, 159, 224) 6px 6px,
    rgb(60, 159, 224) 7px 7px,
    rgb(60, 159, 224) 8px 8px,
    rgb(60, 160, 225) 9px 9px,
    rgb(60, 160, 225) 10px 10px,
    rgb(60, 160, 225) 11px 11px,
    rgb(60, 160, 226) 12px 12px,
    rgb(61, 161, 226) 13px 13px,
    rgb(61, 161, 226) 14px 14px,
    rgb(61, 161, 227) 15px 15px,
    rgb(61, 161, 227) 16px 16px,
    rgb(61, 162, 227) 17px 17px,
    rgb(61, 162, 228) 18px 18px,
    rgb(61, 162, 228) 19px 19px,
    rgb(61, 162, 228) 20px 20px,
    rgb(61, 163, 229) 21px 21px,
    rgb(61, 163, 229) 22px 22px,
    rgb(61, 163, 229) 23px 23px,
    rgb(61, 163, 230) 24px 24px,
    rgb(62, 164, 230) 25px 25px,
    rgb(62, 164, 230) 26px 26px,
    rgb(62, 164, 231) 27px 27px,
    rgb(62, 164, 231) 28px 28px,
    rgb(62, 164, 231) 29px 29px,
    rgb(62, 165, 232) 30px 30px,
    rgb(62, 165, 232) 31px 31px,
    rgb(62, 165, 232) 32px 32px,
    rgb(62, 165, 233) 33px 33px,
    rgb(62, 166, 233) 34px 34px,
    rgb(62, 166, 233) 35px 35px,
    rgb(62, 166, 234) 36px 36px,
    rgb(62, 166, 234) 37px 37px,
    rgb(63, 167, 234) 38px 38px,
    rgb(63, 167, 235) 39px 39px,
    rgb(63, 167, 235) 40px 40px,
    rgb(63, 167, 235) 41px 41px,
    rgb(63, 168, 236) 42px 42px,
    rgb(63, 168, 236) 43px 43px,
    rgb(63, 168, 236) 44px 44px,
    rgb(63, 168, 237) 45px 45px,
    rgb(63, 169, 237) 46px 46px,
    rgb(63, 169, 237) 47px 47px,
    rgb(63, 169, 238) 48px 48px,
    rgb(63, 169, 238) 49px 49px,
    rgb(64, 170, 239) 50px 50px;
}
#h1 img#mainimg{
	text-align:right;
	}


#h1 p{
line-height:1.4;

font-size:0.9em;

color:#6B6B6B;
position:absolute;
top:170px;
left:10px;
text-align:left;
width:55%;

background-color:#F9F9F9;
border-radius:5px;
padding:10px;
opacity:0.9

}






/*右メニュー*/

#sub{
	display:none;}
	#menu{
		display:none}

/*フッター*/

#fot{
background-color:#40AAEF;
color:#FFF;
clear:both;
text-align:left;
margin:0 auto;

}
#fot #footer{
	margin:5px 10px;
	padding-top:10px;}
#fot h3{
font-size:16px;
font-weight:800;
margin-bottom:15px;}

#fot ul{

margin-right:15px;
margin-top:20px;
margin-bottom:20px;

}

#fot ul#last{

margin-right:0;

margin-top:20px;
margin-bottom:20px;

}

#fot ul#slast{

/*margin-right:15px;padding-bottom:100px*/

margin-top:20px;
margin-bottom:20px;
padding-bottom: 0;



}

#fot ul li{
background-image: url(../img/ico.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding-left:18px;
	margin:7px 0;
	font-size:15px;
	display:inline-block;
	margin-right:7px;}
	
	#fot a{
	color: #FFF;
	text-decoration: none;
}
#fot a:visited{
	color:#FFF;
	text-decoration: none;
}
#fot a:hover{

	text-decoration: underline;
}
#footer{
width:100%;
margin:0 auto;}
	
/*▲
　　　　　　　　　フッター　　　▲　　*/

/*メイン*/

#main{
width:100%;
margin:0 auto}


#main #topbtn ul li{
font-size:1.1em;

text-align:left;

font-weight:700;
display:inline-block

}
#main #topbtn ul li a{
	display: block;
	position: relative;
	z-index: 2;
	text-align:center;
	background: #ECECEC;
	color: #6B6B6B;
	
	line-height: 50px;
	text-decoration:none;
	  overflow: hidden;

    width: 250px;

    height: 50px;

border-radius:4px;
margin: 1% 2%}
#main #topbtn ul li a:hover{
display:block;
color:#CCC;
}


#main .sbtn a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left: 20px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #6B6B6B;
}
#main .sbtn a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left: 15px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #ECECEC;
}
#main .sbtn a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
/*	background: #3ab2e9;*/
}
/*#main .ssbtn{
font-size:0.9em;
padding-top:15px}*/

#main .box2{

clear:both;
margin-top:15px;
text-align:left;
padding-bottom:10px;
width:100%
}
#main .pd{
padding-top:8px;
padding-bottom:8px;}



#main h2.mb20{
margin-bottom:20px;}




#main .box2 p{
line-height:1.5;
margin-left:15px;
font-size:0.9em
}
#main .center{
text-align:center}
#main .mr5{
margin-right:5px;}


#main .red{
color:#FF0000}

/*　　　　商品ボックス　　　　*/

#main .inbox2{
width:48%;

border:1px solid #CCCCCC;
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	
	float:left;
	text-align:center;
	line-height:1.3;
		font-size:0.95em;
	
		padding:8px;
		margin:1%;
		box-sizing:border-box

	


	}

	#main .inbox2l{
width:48%;

border:1px solid #CCCCCC;
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	
	float:left;
	text-align:center;
	line-height:1.3;
		font-size:0.95em;
	
		padding:8px;
		margin:1%;

	box-sizing:border-box


	}
	
	
#main .inbox4{
width:100%;


	
border:1px solid #CCCCCC;
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	
	margin-bottom:0;
	margin-top:10px;
	
	text-align:center;
	line-height:1.7;
	padding:5px;
	color:#40AAEF;
	font-weight:bold;
	
		box-sizing:border-box

	
}
#main .inbox4l{
width:100%;
	
border:1px solid #CCCCCC;
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right:0;
	margin-bottom:0;
	margin-top:10px;

	text-align:center;
	line-height:1.7;
	padding:5px;
	color:#40AAEF;
	font-weight:bold;
	
		box-sizing:border-box

	
}
#main a .inbox4:hover{


	
border-color:#40AAEF;
   
	
}
#main a .inbox4l:hover{

		
border-color:#40AAEF;


	
}
	
	/*　　▲　　商品ボックス　　　▲　*/
	
	
	#main p.pleft{
	text-align:left;
	margin:0 8px;
	line-height:1.2;
	margin-bottom:0; }
	#main .pb{
	padding-bottom:20px;}
	#main .mt5{
	margin-top:5px;}


#main .psmall{
font-size:0.85em;
text-align:left;
clear:both;
margin-bottom:0;
}





#main .mt15{
margin-top:15px;}



#main .fl{
float:left}
#main .w355{
width:355px;}

#main .inbox p{
line-height:1.5;
font-size:0.95em;
margin:0 8px;}
#main .inbox2 p{
line-height:1.5;
font-size:0.95em;
margin:0 8px;}
#main .inbox3 p{
line-height:1.5;
font-size:0.95em;
margin:0 8px;}

#main .box a{
text-decoration:none;
color:#333333;}




#main .small{
font-size:0.8em}
#main .small3{
font-size:0.8em}

#main .m20{
margin:10px 10px 0 10px;}

#main .m20 p{
line-height:1.5;
margin:10px 0;
font-size:0.95em;
}


#main .mr{
margin-right:14px;
}


#main .mb{
margin-bottom:15px;}



#main #p0{
padding-bottom:0;}



table.borderGlay {
	border: 1px #CCCCCC solid;
	margin:15px auto;
}
table.borderGlay a{
text-decoration:none;}

table.borderGlay th, table.borderGlay td {
	border: 1px #CCCCCC solid;
/*	padding: 0.5em;*/
	vertical-align:middle;
	padding:4px;
	text-align:center;

}

table.borderGlay th {
	font-weight:700;
	background-color:#84D890;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.9em
}
table.borderGlay td.bno{

border-top:none;
padding-bottom:8px}
table.borderGlay td.bbno{
	width:180px;
padding-top:8px;
border-bottom:none}
table.borderGlay td.bbno2{
	width:270px;
padding-top:8px;
border-bottom:none}
table.borderGlay2 {
	border: 1px #CCCCCC solid;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.borderGlay2 th, table.borderGlay2 td{
	border: 1px #CCCCCC solid;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul#pan{
margin-bottom:10px;
font-size:0.95em;
color:#666666;
text-align:left
} 
ul#pan a{
text-decoration:none;}
ul#pan li{
float:left;
}


.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
  

/* 　　　　見出し　　　　　*/
 #main .bdl{
/* border-left:6px solid #40AAEF;*/
background-image:url(../img/bdl.gif);
background-repeat:no-repeat;
background-position:left center;
 }
 #main .bdl2{
 border-left:6px solid #40AAEF;

color:#333;
margin-top:15px;
margin-bottom:15px;
border-bottom:1px dotted #333333;
padding-bottom:3px
 } 
 #main h4{
margin:8px 15px;
color:#40AAEF;
text-align:left;

font-size:1.1em;
font-weight:bold;
line-height:1.3}

#main h5{
margin-top:15px;
margin-bottom:10px;
margin-left:15px;
color:#40AAEF;
font-weight:700;
font-size:1.15em;

}






#main h4 a{
color:#40AAEF;}

#main h2{
color:#FFF;
background-color:#40AAEF;
padding:0px 12px;
font-size:1.2em;
font-weight:bold;
margin-top:0;
margin-bottom:10px;

text-shadow: 1px 1px 2px rgba(10,10,10,0.7);}
 /* 　　　▲　見出し　　　　▲　*/
 #main .bigw{

 font-size:1.45em;
}
 

}
#main .ml5{
margin-left:5px;}

#main .bold{
font-weight:bold;
font-size:1.1em}

#main .ho1{
width:100%}

#main .ho1p{
font-size:1.3em;
margin:15px;
font-weight:bold}


b{
font-weight:bold}
	#main .box2 a{
	color:#333333
	}
	#main .ml20{
	margin-left:22px;}
	

 #main .btnBox{
 text-align:center;
 margin:15px 0;}

 #main .fn{
 font-weight:normal}


 #main .pdt{
 padding-top:24px}

 #main .small2{
 font-size:0.9em}
 #main .mb20{
margin-bottom:20px;}
#main .ma20{
margin:20px 0}

.
#main .mt1{
margin-top:8px}


#main .mb2{
margin-bottom:10px}
#main .mr2{
margin-right:15px}
#main .ml2{
margin-left:35px}




#main .pdl10{
padding-left:10px;
text-align:left}

#main .mr10{
margin-right:10px}


#main .fw{
font-weight:700}

#main .pdt10{
padding-top:10px}

#main .ml{
margin-left:8px}

#main p.goTop a{
color:#005FC3;
margin-right:3px}


#main a .inbox2:hover{
border-color:#40AAEF
}
#main a .inbox2l:hover{
border-color:#40AAEF
}

#main .sbox{
float:left;
/*margin-left:8px;
margin-top:10px;*/
line-height:1;
margin:1% ;
width:31.3%}
#main .sbox a{
text-decoration:none} 
#main .inbox2 a{
text-decoration:none}
#main .inbox2l a{
text-decoration:none}




.goodsTable {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 auto;


	
}

.goodsTable th {
	text-align: center;
	vertical-align: top;
	padding: 10px 10px 0;
	width: 33%;
	
}



.goodsTable th a img {
	display: block;
	margin: 0 auto 3px;
}


.goodsTable tr.relatedProduct {
	border-bottom: 1px solid #CCCCCC;
}

.goodsTable tr.relatedProduct td {
	padding-top: 5px;
	padding-bottom: 10px;
}

/*本体価格*/
/*.goodsTable tr.price {
	color: #333333 !important;
	font-size:100% !important;
	font-weight:normal !important;
}*/


/*.goodsTable tr.price td.left {
	font-size:80% !important;
	text-align:left;
	padding-left:10px;
	vertical-align:middle
}*/

/*.goodsTable tr.price td.right {
	color: #E50012;
	font-size:160% !important;
	font-weight: bold;
	text-align:right;
	padding-right:10px;
}*/

/*.goodsTable tr.price td.right .en {
	font-size:50% !important;
	padding-left:3px !important;
}
*/

/*税込*/

/*.goodsTable tr.price2 {
	color: #333333;
	vertical-align:top !important;
}

.goodsTable tr.price2 del {
	color: #333333;
	font-weight: normal;
}


.goodsTable tr.price2 td.left {
	font-size:80% !important;
	text-align:left;
	padding-left:10px;
}

.goodsTable tr.price2 td.right {
	color: #333333;
	font-size:140% !important;
	text-align:right;
	padding-right:10px;
}

.goodsTable tr.price2 td.right .en {
	font-size:55% !important;
	padding-left:3px;
}*/

#main p.ca{
color:#EA3939;
text-align:left;
font-weight:600;
line-height:1.2
}
#main p.cas{
color:#EA3939;
text-align:left;
font-weight:600;
line-height:1.2;
font-size:0.8em
}





#main p.item_spec {
color:#666666;
text-align:left;
font-weight:600;
line-height:1.0;
font-size:1.0em
}