/*--- w818以下 ---*/
@media screen and (max-width: 818px){

main section#tab{
display:none;
}

main section#permit{
margin-top:45px;
}

}



/*--- all ---*/
footer,header,main,section{
display: block;
background:#ffffff;
}
html,body{
margin:0;
padding:0;
color:#000000;
line-height:1.5;
font-size:14px;
/*background:#f5f5f5; */
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

h1, h2, h3, img, ul, li, div, p{
margin:0;
padding:0;
list-style:none;
border:none;
}

.clear{
clear:both;
}

/*--- header ---*/
header{
min-width:808px;
max-width:1010px;
margin:0 auto;
}

/*--- header logo---*/
header section#logo{
line-height: 50px;
}
header section#logo .left{
min-width:190px;
padding-left:10px;
float:left;
}
header section#logo .left p{
font-size:18px;
font-weight:bold;
}
header section#logo .right{
min-width:590px;
padding-right:10px;
float:right;
text-align:right;
}

/*--- header lineup---*/
header section#lineup{
width:100%;
}
header section#lineup ul li{
float:left;
width:33%;
text-align:center;
background:#f5f5f5;

}
header section#lineup ul li :hover{
background:#c0c0c0;
}
header section#lineup ul li.select{
background:#c0c0c0;
}
header section#lineup ul li a{
display:block;
color:#000000;
font-size:11px;
text-decoration:none;
padding:5px 0px;
}
header section#lineup ul li a span{
font-weight:bold;
font-size:1.1em;
color:#bd0010;
}


/*--- main ---*/
main{
min-width:808px;
max-width:1010px;
margin:0 auto;
}
/*--- main summary---*/
main section#summary{
margin:10px 0px;
}
main section#summary .left{
width:25%;
text-align:center;
float:left;
}
main section#summary .left img{
width:50%;
}
main section#summary .right{
float:left;
width:70%;
}
main section#summary .right .price{
margin-top:5px;
font-size:16px;
}
main section#summary .right .price span{
font-weight:bold;
font-size:18px;
color:#bd0010;

}

/*---main tab---*/
.none{
display:none;
}
li.select{
font-weight:bold;
}

main section#tab{
clear:both;
}
main section#tab .tab_menu_area{
}
main section#tab .tab_menu_area ul li{
float:left;
text-align:center;
width:33.3%;
line-height:35px;
background:#f5f5f5;
}
main section#tab .tab_menu_area ul li a{
display:block;
color:#000000;
text-decoration:none;
}
main section#tab .tab_menu_area ul li :hover{
background:#c0c0c0;
}
main section#tab .tab_menu_area ul li.select{
background:#c0c0c0;
}
main section#tab .tab_menu_area ul li.select a{
text-decoration:none;
}
main section#tab .tab_content_area{
height:150px;
width:100%;
overflow:auto;
}


main section#tab .tab_content_area p img{
width:100%;
}
main section#tab .tab_content_area p{
padding:5px;
}
main section#tab .tab_content_area p.title{
font-weight:bold;
font-size:16px;
margin-top:5px;
}

/*---main permit---*/
main section#permit{
padding:10px;
text-align:center;
line-height:2;
}


input[type="button"] {
width: 250px;
height: 45px;
background-color: #666;
border: none;
color: #fff;
-webkit-transition: background-color .2s;
transition: background-color .2s;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
input[type="button"]:hover {
background-color: #bd0010;
}
input[type="button"][disabled] {
background-color: #ccc;
cursor: default;
}

input[type="submit"] {
width: 250px;
height: 45px;
background-color: #666;
border: none;
color: #fff;
-webkit-transition: background-color .2s;
transition: background-color .2s;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
input[type="submit"]:hover {
background-color: #bd0010;
}
input[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
}



/*--- w1202以上 ---*/
@media screen and (min-width: 1202px){

main section#tab .tab_content_area{
height:250px;
}

}