@charset "UTF-8";
/* CSS Document */
a{
font-weight:normal;

}


a{
color:blue;
}
a:visited{
color:blue;
}

a:hover{
color:#425dff;
}



body {
color:#444444;
	line-height: 1.4;padding:0px ;    -webkit-text-size-adjust: 100%;
}






/* 各見出し */


h1 {font-weight:bold;}

h1 img {
	float: left;
	width: 35%;
	margin: 0px 0px 1% 0px;

}


h2 a img {
    z-index: 10;
	float: right;
	width: 83%;
margin-bottom:5px;
}


h3 img {
	width: 92%;	max-width: 630px;
	margin: 10px 0px 0px 0px;
}


h4 {
display:inline-block
width:100%;
}
h4 a {
float:right

}

h4 b {
float:right;
display:inline-block;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	line-height:30px;
	font-weight:bold;
	color:#e85100;
	white-space:nowrap;

}

h4 img {
	width: 105px;
	margin-right:5px;

}

#scargo_henko {
list-style-type: square;
padding:10px 0px 5px 5px ;
}
#scargo_henko li{
list-style-type: square;

}



h5 {
	text-align:center;
	line-height: 1.2;
}
h5 img{	margin: 0px 0px 10px 0px;width: 70%;}

h5{

width:100%;
height:100%;
	text-align:left;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.7;
padding:2px 0px 2px 0px ;
margin:10px 0px 5px 0px ;
}


h5:after {
content:"";
display:block;
height:5px;
width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#c4e7e5), to(#72c4c1));
	background:-moz-linear-gradient(left, #c4e7e5, #72c4c1);
	background:linear-gradient(left, #c4e7e5, #72c4c1);
}



h6 {
	text-align:right;
	margin:15px 15px 15px 15px ;
}
h6 .md-btn {
	line-height: 1.2;
	font-size: 11px;
	margin-left:10px ;
	color:#166471;
	text-decoration: none;
}
h6 a:hover {color:#208d9f;}



h7 {
display:block;
margin:5px 15px 5px 15px ;
color:#333333;
font-size: 15px;
font-weight:bold;
}





h8 {display:block;
padding-top:5px ;
	line-height: 1.2;
	font-size: 11px;

}
h8 .md-btn {color:#00b6ff;text-decoration: none;	}
h8 a:hover {color:#208d9f;}



.note {
	width: 100%;height:27px;display:block;
	text-align: right;
}
.note a {
	margin:0 15px 0 0 ;
	font-size: 12px;
}


#itiran {

border-bottom : 1px dotted #555555; 
}

#itiran ,#itiran2{

width:92%;
height:100%;
	text-align:left;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.7;
padding:2px 0px 2px 0px ;
margin:10px 0px 5px 0px ;
}

#itiran:before {
content:"";
display:block;
height:5px;
width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#e95050), to(#b21919));
	background:-moz-linear-gradient(left, #e95050, #b21919);
	background:linear-gradient(left, #e95050, #b21919);
}


 #itiran3 {
width:100%;
height:100%;
	text-align:left;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.7;
padding:2px 0px 2px 0px ;
margin:0px 0px 5px 0px ;

}

#itiran b , #itiran2 b , #itiran3 b {
padding:0px 1px 0px 1px ;
background-color:#03658c;
color:white;
border-radius:3px;
margin:2px 4px 3px 0px ;

clear:both;
}

 #itiran3 a {
margin-left:30px;
	font-size: 11px;
	line-height:24px;

}


 #itiran3 p {margin-left:30px;
	display:inline-block;
	font-size: 12px;
	line-height: 1.9;
	color:#FF6600;
}

 #itiran3 i {margin-left:30px;
	display:inline-block;
	font-size: 12px;
	line-height: 1.9;
color:#d00000;

}



#itiran2:before {
content:"";
display:block;
height:5px;
width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#c4e7e5), to(#72c4c1));
	background:-moz-linear-gradient(left, #c4e7e5, #72c4c1);
	background:linear-gradient(left, #c4e7e5, #72c4c1);
}


#itiran3:before {
content:"";
display:block;
height:5px;
width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#e95050), to(#b21919));
	background:-moz-linear-gradient(left, #e95050, #b21919);
	background:linear-gradient(left, #e95050, #b21919);
}


 #akai {
color:#d00000;
}











/*記事本文*/
section {
	margin-bottom: 20px;
}





/* レジェンド作品 */
#legend {
	width: 100%;

}

#legend li {
	clear:both;
	padding:15px 0px 0px 0px ;
	font-size: 12px;
	line-height: 1.3;
}

#legend a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


#legend a img {
	width: 100px;
	padding:0px 29px 15px 29px ;
}


#legend span {
	position: relative;display:inline-block;height:75px;
}



#legend span img#ichi{width:55px;}

img#ichi{
position: absolute;
top:-20px;
left:-30px;width:45px;
}


#toku    {
z-index:1;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
position: absolute;
top:-15px;
left:-5px;
width:48px;
height: 26px;border-radius: 50%;
text-align:center;
text-shadow: 2px 2px 3px #00424e;
font-size:11px;line-height:26px;
color:#ffffff;font-weight:bold;
box-shadow: 1px 1px 2px #555555;
background: red; 

}





#pre {
	padding:5px 0px 0px 0px ;
	text-align: justify;
}

#pre img {
float: left;width:80px;padding-right:10px;
}

#pre p{
padding-top:5px;
font-weight:bold;
color: #001cc6;font-size:13px;line-height:1.3;
overflow:hidden;
}

#pre a
{
font-size: 12px;
display:inline-block;
font-weight:bold;
padding:4px 30px 3px 30px ;
margin:5px 0px 0px 0px ;
background-color:#ffaa00;
color:white;
letter-spacing:1px;
border-radius:5px;
text-decoration: none;
}

#pre a:hover
{
color:white;
background-color:#47b1d6;
}



#title {
font-weight:bold;
	line-height: 1.4;

	text-align: justify;
}

#title img {
	width: 100px;float:left;
	margin:0px 10px 0px 0px ;

}
#title img:first-child {
	margin:0px 15px 10px 0px ;



}

#title b {
color: #d00000;
font-weight:bold;	
font-size:14px;display: table-cell;

}
#title b img {
position:relative;top:-3px;
}



#title div {
	margin:10px 0px 5px 0px ;
font-size:13px;
overflow:hidden;
}
#title div a {
color: #d00000;
font-weight:bold;
}




#s0{font-size:10px;letter-spacing: -1px;}
#s1{font-size:11px}
#s11{font-size:11px;letter-spacing: -1px;}
#s2{font-size:12px}
#s22{font-size:12px;letter-spacing: -1px;}








/* フッター */



footer{

font-size:10px;
}

footer img{

width:150px;

}

footer img:nth-child(even)
{
	margin-right: 2vw;
}


#foot{
	width: 100%;
	height: 700px;
}






#guide{color:#555555;
  width:90%;max-width:650px;
text-align:left;margin-top:15px;
font-size: 12px;line-height:17px;
}

#guide a {
color:#166471
}
#guide a:hover {
color:#47b1d6
}

#guide i{
margin-right:15px;white-space:nowrap;line-height:20px;
}


#gt{
color:#000066}

#gt td{
vertical-align:top}




#guidebody{

font-size: 12px;line-height:17px;
}

#guidebody ul{

}
#guidebody li{
list-style-type: disc;
margin-left:18px;

}

#guidebody ul p {
display:block;
}
#guidebody ul p:nth-child(odd) {
color:#0000bc;float:left;
}
#guidebody ul p:nth-child(even) {

margin-bottom:20px;
	overflow:hidden;
}

#guidebody ul b{
display:block;
color:#0000a2;font-size: 12px;font-weight:normal;
margin-bottom:5px;
}


#guidebody a{
overflow-wrap : break-word;
word-break:break-all;
}


#guidebody table{
vertical-align:top;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
padding:5px;

}

#guidebody td{
vertical-align:top;
border-bottom : 1px solid #ccc;

padding:5px;
}

#guidebody td:nth-child(odd){

background-color:#f0f5f8;
color:#333;}

#guidebody td:nth-child(3){
border-left : 1px solid #ccc;
}

#guidebody #tk{
min-width:85px;
text-align:center;color:#000066;

padding:5px 10px 5px 10px ;
}






































#close {
padding:20px;
}

#close img {
	width: 15%;
}

#about{

}


#about div{
color: blue;text-align:left;
background-color:#EDEDED;
font-size: 12px;
margin: 15px 0px 0px 0px;
padding:10px;}

#about li {
list-style-type: disc;
text-align:left;
padding:5px 0px 5px 0px ;
margin:0px 0px 0px 12px ;




}













#basket_waku  {

border : 1px solid #cccccc;
padding:5px ;

}



#basket_waku p:nth-child(odd)  {

font-size: 12px;line-height:16px;
font-weight:bold;
padding:0px 10px 0px 0px ;
float:left;

height:100%;


}


#basket_waku p:nth-child(even) {

font-size: 12px;line-height:16px;

 
overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}

#basket_waku td {

vertical-align:top

}

#basket_waku b {

font-weight:bold

}
#basket_waku i{

font-size: 12px;line-height:16px;
color:#BC2323;

}
#bigred{

font-size: 14px;line-height:18px;
color:red;font-weight:bold

}
#red {

font-size: 12px;line-height:16px;
color:red;padding:10px 0px 10px 0px ;

}
a#red {

font-size: 12px;line-height:16px;
color:red;

}
#redb {

font-size: 12px;line-height:16px;
color:red;
font-weight:bold;
}
a#redb {

font-size: 12px;line-height:16px;
color:red;
font-weight:bold;
}

table.basket01 
{
width:100%;font-size: 12px;line-height:16px;
border-bottom : 1px solid #ccc;
border-right : 1px solid #ccc;
border-left : 1px solid #ccc;
}


table.basket01 th
{
font-weight:bold;padding:5px;
}


table.basket01 td
{
padding:0px 5px 5px 5px;
}


table.basket01 td:nth-child(1) , table.basket01 th:nth-child(1)
{
text-align:left;
}


table.basket01 td:nth-child(3) , table.basket01 th:nth-child(3)
{
text-align:right;
}

table.basket01 i {
color:#FF0000;
}












#mag{  width:92%;text-align:left;margin-top:15px;}

#present img{width:100%; max-width:630px;}

.tbl-mag-01{
text-align:center;
border : 1px solid #d00000;
padding:20px 10px 10px 10px ;
margin:10px 0px 20px 0px ;
}


.tbl-mag-01 u{
font-weight:bold;


}
.tbl-mag-01 b{float:right;
font-weight:bold;
margin:10px 0px 0px 0px ;
}



.tbl-mag-02{
width:100%;margin-bottom:15px;
border-top : 1px solid #000000;
border-left : 1px solid #000000;
}

.tbl-mag-02 td
{
padding:3px;
text-align:center;
vertical-align:top;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
}

.tbl-mag-02 td:nth-child(1)
{
text-align:left;
white-space:nowrap;
background: #D6D2B8;
}

.tbl-mag-02 th
{
padding:5px;
text-align:center;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
color:white;font-weight:bold;
background: #d00000;
}

.tbl-mag-02 th:nth-child(1)
{
border-top : 1px solid #ffffff;
border-left : 1px solid #ffffff;
background: #ffffff;
}














.tbl-mag-03{
width:100%;margin-bottom:5px;
border-top : 1px solid #000000;
border-right : 1px solid #000000;
}

.tbl-mag-03 td
{
padding:3px;
text-align:center;
vertical-align:top;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
}


.tbl-mag-03 th
{
padding:3px;
text-align:center;
background: lightblue;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
}

















.mag03{
margin:10px 0px 10px 0px ;
border-top : 1px solid #ccc;
border-right : 1px solid #ccc;
}

.mag03 td
{
padding:3px;

vertical-align:top;
border-bottom : 1px solid #ccc;
border-left : 1px solid #ccc;
}

.mag03 td:nth-child(1)
{

white-space:nowrap;

}
.mag03 td:nth-child(2)
{
text-align:right;
white-space:nowrap;

}



#ue a
{
display:block;
font-size: 11px;
float:right;
font-weight:bold;
padding:2px 5px 2px 5px ;
margin:3px 0px 5px 0px ;
background-color:#ffffff;
color:#777777;
letter-spacing:1px;
border-radius:5px;
text-decoration: none;
border : 2px solid #888888;
}
#ue a:hover
{
color:white;
background-color:#cccccc;

}





 textarea
{
	-webkit-appearance: none;
}




h6 #bsf a
{float:right;width:200px;}

#bsf a
{
font-size: 12px;
text-decoration:none;
display:table;
color:white;
text-align:center;
letter-spacing:1px;
padding:5px 0px 5px 0px ;
background-color:#ffaa00;
border-radius:5px;
font-weight:bold;
}

#bsf a:hover
{
background-color:#47b1d6;
}













#ari
{color:#FF6600;font-weight:bold;
	line-height: 1;}
#nasi
{color:#4829A1;font-weight:bold;
	line-height: 1;}

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


#page a {font-size:12px;}
.square{margin: 5px 0px 5px 0px;text-align:center;}

.square a , .square b {display: inline-block;
text-decoration: none;
margin: 0px 0px 4px 0px;line-height:26px;
}

.square b {color:black;width:16px;}
.square a {width:27px;color:white;
	background:#888888;
}
.square a:hover{
color: #00baff;
}


#sayu {margin: 0px 20px 0px 20px;}



#bb {
display:block;
float:left;
}

#bb a {
font-size: 11px;
color:white;
font-weight:bold;
letter-spacing:1px;
text-decoration: none;
padding:5px 11px 5px 11px ;
background-color:#ffaa00;
border-radius:5px;
}

#bb a:hover {
background-color:#47b1d6;
}













#nagare{
	text-align:center;
	width:92%;
	background:#ffffff;
 }
#nagare li{
	margin: 3px 0px 3px 0px;
	padding-top:0px;
	padding-bottom:20px;

}










#awase{width:100%;}
#awase li{
	margin: 12px 12px 13px 12px;
	border : 1px solid red;	padding:10px;
	color:#cc0033;font-weight:bold;	font-size:13px
}

/* バスケット */
#basket {
	width: 100%;
	border-top : 1px solid #888888; 
}
#basket li {
	background:#EDEDED;
	font-size: 12px;
	line-height:16px;
	padding:13px 15px 10px 15px ;
	margin:3px 0px 3px 0px ;
	clear:both;

}

input{

	font-size: 12px;
	line-height:16px;}

#basket input[type="text"] {
	background:#ffffff;width:80px;
	border : 1px solid #888888; 
	text-align:right;
	color:#cc0033;


font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  -webkit-appearance: none;
   border-radius: 0;
}
#basket input[type=checkbox] + label {
margin-right:17px;
    }
/*
#basket b {
	color:#cc0033;
	font-size: 13px;line-height:1.4;
	font-weight:bold;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}*/

#basket img {
	float:left;
	width: 55px;
	margin:0px 10px 0px 0px ;
}

/*
#basket h6 {
font-size: 13px;
font-weight:bold;line-height:19px;
}*/



#basket div {
	margin: 0px 0px 10px 0px;
	padding:5px;
	text-align:center;
	color:#ffffff;
	background:#858585;
}

#basket h1 {
font-size: 13px;	color:black;
font-weight:bold;line-height:17px;
padding: 3px 0px 3px 0px;
}

#basket i {

	color:#cc0033;
	width:86px;
	display:block;
	float:right;
	border:#EDEDED 1px solid;
}

#basket p {
	line-height:24px;

	text-align:right;

	margin: 6px 0px 0px 0px;
	overflow:hidden;	/* for modern browser*/
	zoom: 1;	/* for ie6 */
}
#basket b {
font-weight:bold

}
/*

#basket select {
	border:#cccccc 1px solid;
	color: #555555;
	background:#ffffff;
	height:23px;
	width:50px;
	font-size: 12px;
	-webkit-appearance: none;
	border-radius: 5px;
}*/

#basket select {
	border-radius: 4px;
	padding: 2px 25px 4px 10px ;
	font-size: 12px;height:25px;
	margin-bottom:1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
color: #555555;
	border: 1px solid #888888;
	background: #ffffff;
	background: url(../images/arrow01.png) right 50% no-repeat #ffffff;
	background: url(../images/arrow01.png) right 50% no-repeat #ffffff;
	background-size: 20px, 100%;
}








#susumu a  {
width:200px;
display:block;
margin:15px 11px 10px 11px ;
padding:5px 11px 5px 11px ;
font-size: 11px;line-height:17px;
letter-spacing:1px;
color:white;
font-weight:bold;
text-decoration: none;
border-radius:5px;

border : 1px solid #b95300; 
background: rgb(249,149,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,149,0,1) 0%, rgba(243,73,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,149,0,1) 0%,rgba(243,73,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,149,0,1) 0%,rgba(243,73,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99500', endColorstr='#f34900',GradientType=0 ); /* IE6-9 */
}
#susumu b {
font-size: 9px;line-height:20px;float:left;
}
#susumu a:hover
{
opacity: 0.5 ;
}






#tab  {border : 1px solid #cccccc;padding:5px 5px 10px 10px  ;}


#tab p:nth-child(odd) {

font-size: 12px;line-height:16px;
padding:5px 0px 0px 0px ;
float:left;
width:100px;height:100%;


}


#tab p:nth-child(even) {

font-size: 12px;line-height:16px;
padding:5px 0px 0px 4px ;
overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}
#tab a {

display:inline-block;
margin:0px 0px 7px 0px ;
}




#tab2  {border : 1px solid #cccccc;padding:5px 5px 10px 10px  ;}


#tab2 p:nth-child(odd) {

font-size: 12px;line-height:16px;
padding:5px 0px 0px 0px ;
float:left;
width:120px;height:100%;


}


#tab2 p:nth-child(even) {

font-size: 12px;line-height:16px;
padding:5px 0px 0px 4px ;
overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}




#magmenu a {
padding:6px 11px 6px 11px ;
margin:0px 0px 4px 0px ;
font-size: 13px;
letter-spacing:1px;
color:white;
font-weight:bold;
text-decoration: none;
border-radius:3px;
display:block;
border : 1px solid #2b81ac; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45bdde+0,2277bb+100 */
background: rgb(69,189,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,189,222,1) 0%, rgba(34,119,187,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(69,189,222,1) 0%,rgba(34,119,187,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(69,189,222,1) 0%,rgba(34,119,187,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45bdde', endColorstr='#2277bb',GradientType=0 ); /* IE6-9 */
}
#magmenu b {
font-size: 9px;line-height:20px;float:left;
}
#magmenu a:hover
{
opacity: 0.5 ;
}










#magmenu2 a {
padding:6px 11px 6px 11px ;
margin:0px 0px 4px 0px ;
font-size: 13px;
letter-spacing:1px;
color:white;
font-weight:bold;
text-decoration: none;
border-radius:3px;
display:block;
border : 1px solid #2bac74; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45de8a+0,22bb8a+100 */
background: rgb(69,222,138); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,222,138,1) 0%, rgba(34,187,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(69,222,138,1) 0%,rgba(34,187,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(69,222,138,1) 0%,rgba(34,187,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45de8a', endColorstr='#22bb8a',GradientType=0 ); /* IE6-9 */

}
#magmenu2 b {
font-size: 9px;line-height:20px;float:left;
}
#magmenu2 a:hover
{
opacity: 0.5 ;
}















#kakutei a {
width:35%;
display:inline-block;
margin:10px 5px 10px 5px ;
padding:5px 11px 5px 11px ;
font-size: 11px;line-height:17px;
letter-spacing:1px;
color:white;
font-weight:bold;
text-decoration: none;
border-radius:5px;

border : 1px solid #b90004; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3600+0,a60300+100 */
background: rgb(255,54,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,54,0,1) 0%, rgba(166,3,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,54,0,1) 0%,rgba(166,3,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,54,0,1) 0%,rgba(166,3,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#a60300',GradientType=0 ); /* IE6-9 */

}

#kakutei a:hover
{
opacity: 0.5 ;
}





#henko a {
width:35%;
display:inline-block;
margin:10px 5px 10px 5px ;
padding:5px 11px 5px 11px ;
font-size: 11px;line-height:17px;
letter-spacing:1px;
color:white;
font-weight:bold;
text-decoration: none;
border-radius:5px;

border : 1px solid #b95300; 
background: rgb(249,149,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,149,0,1) 0%, rgba(243,73,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,149,0,1) 0%,rgba(243,73,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,149,0,1) 0%,rgba(243,73,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99500', endColorstr='#f34900',GradientType=0 ); /* IE6-9 */
}

#henko a:hover
{
opacity: 0.5 ;
}








/**/



#modoru {
width:100%;
}

#modoru a {

margin-right:10px;
padding:6px 11px 6px 11px ;
font-size: 11px;
letter-spacing:1px;
color:#b95300;
font-weight:bold;
text-decoration: none;
border-radius:5px;
border : 1px solid #b95300; 
background: #ffffff;
}
#modoru a:hover
{
color:#ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ec2d6+0,57add5+100 */
background: rgb(94,194,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(94,194,214,1) 0%, rgba(87,173,213,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(94,194,214,1) 0%,rgba(87,173,213,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(94,194,214,1) 0%,rgba(87,173,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ec2d6', endColorstr='#57add5',GradientType=0 ); /* IE6-9 */
	border : 1px solid #0076b9; 
}
#modoru b
{
color:red;font-size: 11px;
letter-spacing:1px;
}

#modoru a:hover b
{
color:#ffffff;
}







/* ログイン */
#login {

	border : 1px solid #888888; 
	width: 100%;

}

#login li {
	font-size: 12px;
	line-height:1.5;
	padding: 15px ;

}

#waku , div#waku5  {
	padding:2px 4px 2px 4px ;
	background:#ffffff;
	border : 1px solid #888888; 
	-webkit-appearance: none;
	border-radius: 5px;
}


input[type="submit"] , input[type="button"] {
	width:100px;height:30px;
	border : 1px solid #888888; 
	-webkit-appearance: none;
	border-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}


#waku input[type="text"] {
	width:97%;
}

#waku input[type="password"] {
	width:97%;
}

#waku , #waku2 , #waku5 , #waku6  {	margin:5px 0px 0px 0px ;}



#waku2, #waku6
 {
	-webkit-appearance: none;
	float:left;
}


div#waku2 input ,div#waku6 input ,div#waku7 input{
	padding:2px 4px 2px 4px ;
	border : 1px solid #888888;
 	background:#ffffff;
	border-radius: 5px;

}

div#waku2 input:nth-child(1)  {
width:120px;	margin:0px 5px 0px 0px ;
}
div#waku2 input:nth-child(2)  {
width:120px;	margin:0px 10px 0px 0px ;
}
div#waku2 a {

line-height:30px;
}

#waku4  {width:100%;}



#waku4 input[type="text"] {
	width:73%;
	padding:2px 4px 2px 4px ;
	border : 1px solid #888888;
 	background:#ffffff;
	border-radius: 5px;

}

#waku4 label{

	margin:0px 3px 2px 0px ;


}




div#waku5 input:first-child{
border-right:#aaaaaa 1px dotted;
}

div#waku5 input[type="text"] {
width:45%;
}



div#waku6 {width:100%;line-height:30px;}

div#waku6 input:nth-child(1)  {
width:42%; margin-bottom:5px;margin-right:5px;
}
div#waku6 input:nth-child(2)  {
width:44%; margin-bottom:5px; float:right;
}
div#waku6 input:nth-child(3)  {
width:42%; margin-bottom:0px;margin-right:5px;
}
div#waku6 input:nth-child(4)  {
width:44%; margin-bottom:0px; float:right;
}



div#waku7 input:nth-child(1)  {
width:19%;	margin:0px 5px 0px 0px ;
}
div#waku7 input:nth-child(2)  {
width:19%;	margin:0px 5px 0px 0px ;
}
div#waku7 input:nth-child(3)  {
width:19%;	margin:0px 5px 0px 0px ;
}
div#waku7 input:nth-child(4)  {
width:19%;	margin:0px 0px 0px 0px ;
}



input {
	border : 0px solid #ffffff; 
	height:22px;
	border-radius: 0px;
	-webkit-appearance: none;
}



#ue {
width:97%;margin-bottom:1px;
border-bottom:#aaaaaa 1px dotted;
}
#login .sita{
width:97%;

}




input.aka::-webkit-input-placeholder {
    color: #d00000;opacity: 1;
    font-weight: normal;
}
input.aka:-ms-input-placeholder {
    color: #d00000;opacity: 1;
    font-weight: normal;
}
input.aka::-moz-placeholder {
    color: #d00000;opacity: 1;
    font-weight: normal;
}

#basket_waku select.kuro {

    color: #000000;

}
#basket_waku select.aka  {

    color: #d00000;

}
#basket_waku select.aka option {

    color: #888888;

}
#basket_waku select , .tbl-mag-01 select {
	border-radius: 4px;
	padding-right: 25px;
	padding-left: 4px;
	height:28px;
	margin:5px 0px 0px 0px ;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: 1px solid #777777;
	background: #ffffff;
	background: url(../images/arrow01.png) right 50% no-repeat #ffffff;
	background: url(../images/arrow01.png) right 50% no-repeat #ffffff;
	background-size: 20px, 100%;
}

#basket_waku select  {
font-size:12px;
	color: #888888;}

.tbl-mag-01 select {

	color: #000000;}


#waku3 {
	margin: 10px 0px 10px 0px;line-height:25px;}
#waku3 select{
	height:25px;
margin-left:5px;
margin-bottom:5px;
	padding:0px 30px 0px 10px ;
}



/*
#login .s01 { width:100px; }
#login .s02 { width:150px; }*/
#login u label { text-decoration:underline; }

#sukima{padding:5px 10px 10px 10px ;}


input[type="radio"]{
	display: none;

}




#login center{    padding: 20px 0px 10px 0px;}



#tyumon{      font-size:13px;line-height:19px;font-weight:bold;
padding:0px 0px 10px 0px }
#p10{  width:92%;text-align:left;margin-top:15px;}



#login .column ul {
    padding-left: 18px;
    list-style: disc outside;
    margin: 0;
}
#login .column li {
    font-size:12px;line-height:16px;
    background:#ffffff; 
    margin-left: 0px 10px 0px 0px ;
    padding: 0px 0px 0px 0px;
}
#login .column ol {
    margin: 1em 0;
    padding-left: 25px;
    list-style-type: decimal;
}

.column  {
 font-size:12px;
line-height:16px;
height:400px;
 overflow-y:auto;
	background:#ffffff; 
  padding: 5px 10px 15px 15px;

    -webkit-overflow-scrolling: touch;
}




#basket_waku input[type=radio] + label
{height:35px;    background:#fff;
line-height:35px;
}

#basket_waku input[type=radio] + label img
{padding:5px 0px 5px 0px ;
}






#basket_waku input[type=checkbox] + label
{width:25%;white-space:nowrap}



input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
    display: inline-block;

    cursor: pointer;
    font-size: 12px;

}
input[type=radio] + label{
margin-right:10px;
    line-height: 25px;
}
input[type=checkbox] + label{

    line-height: 23px;
}


 
@media (min-width: 1px) {


    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    input[type=radio] + label::before {
        border: 1px solid #888888;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 1px solid #888888;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #7b7b7b;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #7b7b7b;
        border-bottom: 3px solid #7b7b7b;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


input::-webkit-input-placeholder {
    color: #888888;opacity: 1;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #888888;opacity: 1;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #888888;opacity: 1;
    font-weight: normal;
}



#ss {float:right;margin: 10px -15px 0px 10px;}

#ss img{width:80%;}









































#blue {  font-size: 13px; line-height:18px; font-weight:bold;color: #0900bc;}






/* ****************
 * Open modal button (trigger)
 * *************** */
.md-btn-area {
  margin-bottom:50px;
}
.md-btn {


  cursor: pointer;
}



/* ****************
 * Modal window
 * *************** */
.modal {
  opacity:0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
z-index:1000;
  color: #000;
  text-align: left;
  font-size: 12px;
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
  -webkit-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  transform: translate(0,100%);
}
/* Modal content */
.modal-inner {
  position:relative;
  margin:60px 5% 5%;
  padding:20px 20px 20px 20px ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
  box-shadow: 0 0 15px rgba(0,0,0,0.8);
  border-radius:10px;
  background-color:#fff;
  z-index:10;
}
.modal h2 {
  border-bottom:1px solid;
  padding-bottom:20px;
}
.modal b {
font-weight:bold;
}


/* ****************
 * Modal close button
 * *************** */
.modal .close {
  display:block;
  position: absolute;
  top: 0;
  left 0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,.74);
  z-index:1;
}
.modal .close span {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
/*  background-color: rgba(255,255,255,.5);*/
  cursor:pointer;
}
.modal .close span {
  text-indent: -9999px;
}
.modal .close span:before,
.modal .close span:after {
  content: "";
  position: absolute;
  top: 4px;
  border: 2px solid #fff;
  height: 30px;
}
.modal .close span:before {
  left: 18px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal .close span:after {
  right: 18px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* ****************
 * Append modal(target id)
 * *************** */
#modal1:target,
#modal2:target,
#modal3:target,
#modal4:target,
#modal5:target,
#modal6:target,
#modal7:target,
#modal8:target,
#modal9:target,
#modal10:target,
#modal11:target,
#modal12:target,
#modal13:target,
#modal14:target,
#modal15:target,
#modal16:target,
#modal17:target,
#modal18:target,
#modal19:target,
#modal20:target,
#seven:target,
#seven2:target,
#yamazaki:target,
#yamazaki2:target,
#circleK:target,
#circleK2:target,
#famima:target,
#famima2:target,
#lowson:target,
#lowson2:target,
#seiko:target,
#seiko2:target,
#yubin:target,
#yubin2:target,
#yubin3:target,
#yubin4:target,
#card:target,
#card2:target,
#hurikomi:target
 {
  opacity: 1;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}




.modal td {vertical-align:top}



#login .modal ul {
    padding-left: 13px;
    list-style: disc outside;
    margin: 0;text-align: left;
}
#login .modal li {background: transparent;
    font-size:12px;line-height:16px;
    margin: 0px 0px 3px 0px ;
    padding: 0px 0px 0px 0px;
}
#login .modal ol {
    margin: 0;
    padding-left: 15px;
text-align: left;
    list-style-type: decimal;
}








#close_overlay {
    font-size:30px;line-height:30px;
    text-decoration: none;
    color:#666666;
    font-weight:bold;
    padding:0px 10px 10px 10px ;
    float:right;

}

































#abo ul > li {
list-style-type: disc;
text-align:left;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 12px ;

position:relative;
background:url("../../img/clear.gif") no-repeat;
background-position:0 0% ; 

}









#floatingButtons {
    display: none;
    position: fixed;
    bottom: 8px;
    right: 8px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    z-index: 1;
}
#floatingButtons .toTopButton {
    position: relative;
    width: 55px;
    height: 55px;
    -webkit-user-select: none;
    user-select: none;
}
#floatingButtons .toTopButton div {
    cursor:pointer;
    position: absolute;
    width: 42px;
    height: 31px;
    bottom: 0;
    right: 0;
    line-height: 1.4;
    padding: 10px 0 0 0;
      background-color: rgba(0,0,0,.74);
    border-bottom: 1px solid #ffffff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
}
#floatingButtons .toHomeButton {
    position: relative;
    width: 55px;
    height: 55px;
    -webkit-user-select: none;
    user-select: none;
}
#floatingButtons .toHomeButton div {
    cursor:pointer;
    background:  rgba(0,0,0,.74) url(../images/icn_shop.png) 50% 40% no-repeat;
    color:#bf0000;
    position: absolute;
    width: 42px;
    height: 14px;
    top: 0;
    right: 0;
    padding: 28px 0 0 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
}


#floatingButtons .toCloseButton {
    position: relative;
    width: 55px;
    height: 55px;
    -webkit-user-select: none;
    user-select: none;
}
#floatingButtons .toCloseButton div {
    cursor:pointer;
    background:  rgba(0,0,0,.74) url(../images/icn_close.png) 50% 40% no-repeat;
    color:#bf0000;
    position: absolute;
    width: 42px;
    height: 14px;
    top: 0;
    right: 0;
    padding: 28px 0 0 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
}






.hdg-text-03
{
margin-bottom:15px;font-weight:bold;
padding:4px 3px 3px 5px;
background-color:#edf8fc;
font-size:14px;line-height:20px;
color:#03658c;

}


.hdg-text-03 a{

color:#03658c;font-weight:bold;
}



div.hdg-text-01{
margin-bottom:0;
margin:0px 0px 10px 0px ;
padding-left:15px;
position:relative;
background:url("../../images/hdg-text-01_bg.gif") repeat-y 0 0;
}




div.hdg-text-01 h1{
margin-bottom:0;line-height:25px;
font-size:145%;
}







#menu{
  width: 90%;

  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;

  color: #888888;
  text-align: center;
  text-decoration: none;


background: rgb(252,234,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,222,1) 0%, rgba(255,255,252,1) 3%, rgba(249,237,225,1) 33%, rgba(244,221,199,1) 70%, rgba(245,223,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,234,222,1) 0%,rgba(255,255,252,1) 3%,rgba(249,237,225,1) 33%,rgba(244,221,199,1) 70%,rgba(245,223,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,234,222,1) 0%,rgba(255,255,252,1) 3%,rgba(249,237,225,1) 33%,rgba(244,221,199,1) 70%,rgba(245,223,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceade', endColorstr='#f5dfd1',GradientType=0 ); /* IE6-9 */
}
#menu li a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2d6c0+0,fffffc+100 */
background: rgb(242,214,192); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,214,192,1) 0%, rgba(255,255,252,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,214,192,1) 0%,rgba(255,255,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,214,192,1) 0%,rgba(255,255,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d6c0', endColorstr='#fffffc',GradientType=0 ); /* IE6-9 */

}
#toggle{ 
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 25%;
    border-top: 1px solid #caccc7;
    border-right: 1px solid #caccc7;
    border-left: 1px solid #caccc7;
  }
}
@media only screen and (max-width: 480px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
border-radius: 0.2em; 
    display: block;float:left;
    position: relative;
    width: 15%;

background: rgb(252,234,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,222,1) 0%, rgba(255,255,252,1) 3%, rgba(249,237,225,1) 33%, rgba(244,221,199,1) 70%, rgba(245,223,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,234,222,1) 0%,rgba(255,255,252,1) 3%,rgba(249,237,225,1) 33%,rgba(244,221,199,1) 70%,rgba(245,223,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,234,222,1) 0%,rgba(255,255,252,1) 3%,rgba(249,237,225,1) 33%,rgba(244,221,199,1) 70%,rgba(245,223,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceade', endColorstr='#f5dfd1',GradientType=0 ); /* IE6-9 */

  }
  #toggle a{
border-radius: 0.2em; 
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border: 1px solid #caccc7;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;

background: rgb(252,234,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,222,1) 0%, rgba(255,255,252,1) 3%, rgba(249,237,225,1) 33%, rgba(244,221,199,1) 70%, rgba(245,223,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,234,222,1) 0%,rgba(255,255,252,1) 3%,rgba(249,237,225,1) 33%,rgba(244,221,199,1) 70%,rgba(245,223,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,234,222,1) 0%,rgba(255,255,252,1) 3%,rgba(249,237,225,1) 33%,rgba(244,221,199,1) 70%,rgba(245,223,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceade', endColorstr='#f5dfd1',GradientType=0 ); /* IE6-9 */

  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;

background: #888


  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}






#cbn a , #cbn2 a 
{
font-size: 11px;
display:block;float:left;
font-weight:bold;
padding:4px 5px 2px 5px ;
margin:3px 3px 0px 0px ;
background-color:#999999;
color:white;

border-radius:3px;
text-decoration: none;

}

#cbn a:hover ,#cbn2 a:hover 
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";

}




#pay ,  #pay2 {
text-align:center;
width:170px;float:left;
display:block;
margin:0px 10px 2px 0px ;
padding:5px 1px 5px 5px ;
font-size: 11px;
letter-spacing:1px;
color:white;
font-weight:bold;
text-decoration: none;
border-radius:5px;
border : 1px solid #b95300; 
background: rgb(249,149,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,149,0,1) 0%, rgba(243,73,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,149,0,1) 0%,rgba(243,73,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,149,0,1) 0%,rgba(243,73,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99500', endColorstr='#f34900',GradientType=0 ); /* IE6-9 */
}
#pay b {
font-size: 9px;line-height:20px;float:left;
}
#pay a:hover , #pay2 a:hover
{
opacity: 0.5 ;
}
#pay img , #pay2 img, #susumu a img , #kakutei a img {
width:27px;float:left;margin-right:3px;
}

#pay img {
margin-top:6px;
}
#pay a 
{
display:block;
line-height:16px;color:white;
font-weight:bold;
text-decoration: none;
}
#pay2 a 
{
display:block;
line-height:18px;color:white;
font-weight:bold;
text-decoration: none;
}











#head01
{

background: #fff;
width:92%;max-width:600px;
text-align:left;
margin:10px 0px 0px 0px ;
}

#head01 ul
{
float:left;
}


/* menu */


.menu {
    position: relative;
    width: 100%;height:0px;
    margin-bottom:5px;


background: #ccc;
}

.menu img {width:32%;margin-right:5px; }

.menu > li {
    width: 50%; 
    height: 30px;
    line-height: 40px;

}


.menu  li ul {

background: -moz-linear-gradient(top,  rgba(0,0,0,0.51) 0%, rgba(0,0,0,0.92) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.92) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.92) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82000000', endColorstr='#eb000000',GradientType=0 ); /* IE6-9 */
}

.menu  li ul li a {
  border-bottom: 1px solid rgba(200,200,200,0.4);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;

    display: block;
    color: #fff;
	text-decoration: none;

}

.menu > li a:hover {

}


.menu > li a.hover {
}

ul.menu__1-level li a {


}

ul.menu__1-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__2-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__3-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
white-space:nowrap;
/*    background: #072A24;*/
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__1-level li {

}

.menu__2-level li {

}

.menu__1-level li a.hover {

}

.menu__2-level li a.hover {

}

.menu__3-level li a.hover {

}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__multi {
    position: relative;
}


li.menu__multi ul.menu__1-level {
    position: absolute;
    top: 40px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


li.menu__multi:hover ul.menu__1-level {
    top: 12vw;
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__1-level li {
    position: relative;
}

li.menu__multi ul.menu__1-level li:hover {


}

li.menu__multi ul.menu__1-level li ul.menu__2-level {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


li.menu__multi ul.menu__1-level li:hover ul.menu__2-level {
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__1-level li ul.menu__2-level li {
    position: relative;
}

li.menu__multi ul.menu__1-level li ul.menu__2-level li:hover {

}


li.menu__multi ul.menu__1-level li ul.menu__2-level li ul.menu__3-level {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__1-level li ul.menu__2-level li:hover ul.menu__3-level {
    visibility: visible;
    opacity: 1;
}

.init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


#posi01{
    position: absolute;
    top: -82px;
}
#posi03{
    position: absolute;
    top: -41px;
}
#posi04{
    position: absolute;
    top: -82px;
}
#posi05{
    position: absolute;
    top: -123px;
}
#posi06{
    position: absolute;
    top: -164px;
}




#scargo {
width:100%;
}

#scargo a , #scargo2 {

display:inline-block;
padding:6px 11px 6px 11px ;
margin:15px 10px 0px 10px ;
font-size: 11px;
letter-spacing:1px;
color:#ffffff;
font-weight:bold;
text-decoration: none;
border-radius:5px;
background: #03658c;
}

#scargo a {
background: #03658c;
}

#scargo a:hover
{
opacity: 0.5 ;
}
#scargo b
{
color:red;font-size: 11px;
letter-spacing:1px;
}

#scargo a:hover b
{
color:#ffffff;
}

#scargo2  {

background: #038c2a;
}





.menutitle {
font-size: 11px;line-height:16px;
display:block;
cursor: pointer; cursor: hand; 
font-weight:bold;
padding:6px 5px 4px 5px ;
margin:5px 3px 8px 0px ;
background-color:#999999;
color:white;

text-decoration: none;
}
#subA table {font-size:12px;width:100%}
#subA td {white-space:nowrap;}

#subA td:nth-child(1){width:62%;
}
#subA td:nth-child(2){padding-right:5px}
#subA td:nth-child(3){}




.nsc  {
text-align:center;width:100%;
}
.nsc b {
;font-size:14px; font-weight: bold;line-height:30px
}
.nsc img {
width:95%;
}
.nsc a:hover{opacity: 0.5;
cursor: pointer;}


.hidden_show { }


.hidden_box input[type="checkbox"]  {
    display: none;
}


.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.tbl-basket-02 img {
width:95%;
}