/* CSS Document */
@media screen and (max-width: 767px) {
.box h3{
	margin:20px 0 20px 0;
}
.box h3 img{
    width:auto;
    height: 16px;
    max-width: 100%;
}
.box{
    padding: 0 15px;
}
.box .menuArea{
     display: flex;
    flex-wrap: wrap;
}
.box .menu{
    width: 40%;    
    background:#ffffff;
    margin: 2%;
    padding:10px;
}

.cautions{
	margin:15px 0;
	text-align:center;
}

.box .menu .m-name{
	margin:10px 0 0 0;
}

.box .menu .m-name a{
	background:url(../images/arr_menu.gif) no-repeat 0 0;
	padding:0 0 0 15px;
}

    .detail{
        margin: 20px 0 0;
        padding: 0 15px;
    }

.detail h3{
	font-size:20px;
	font-weight:bold;
	margin:0 0 0 0;
}

.box h4{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.detail .box{
	margin:10px 0 0 0;
    padding: 0;
}

.detail .imgArea{
	border:3px solid #ffffff;
    width: 100%;
}

.detail .sample{
	font-size:11px;
	text-align:right;
	padding-right:20px;
}

.detail ul{
	margin:5px 0 15px 0;
}

.detail li{
	border:3px solid #ffffff;
	float:left;
	margin:0 5px 0 0;
	line-height:0;
	height:40px;
}

.detail li img{
	display:block;
}

.detail .setmenu{
	margin:10px 0 0 0;
}

.detail dl{
	background:url(../../common/images/line01.gif) bottom repeat-x;
	margin:0 0 7px 0;
	padding:0 0 6px 0;
}

.detail dt{
    font-weight: bold;
}

.detail dd{
}

.detail .txt{
	margin:10px 0 0 0;
}

.detail .inquiry{
	text-align:center;
	margin:30px auto 0;
	padding:0;
}
    .detail .inquiry img{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
.detail .inquiry li{
	border:none;
	margin:0;
	padding:0;
	height:auto;
}

.detail .inquiry li{

}

}

@media print, screen and (min-width: 768px) {
#leftArea{
	position:relative;
	overflow:hidden;
}

.box,
.detail .box2{
	position:relative;
	margin-top:40px;
	margin-right:-23px;
	zoom: 1;/* for IE6,7 */
	width:744px;
}

.box .menu{
	background:#ffffff;
	padding:8px;
	width:209px;
	float:left;
	margin:0 23px 23px 0;
	margin:0 23px 23px 0;
}

.set{
	background:url(../../common/images/line01.gif) bottom repeat-x;
	padding-bottom:15px;
}

.cautions{
	margin:15px 0;
	text-align:center;
}

.box .menu .m-name{
	margin:10px 0 0 0;
}

.box .menu .m-name a{
	background:url(../images/arr_menu.gif) no-repeat 0 0;
	padding:0 0 0 15px;
}

.box h3{
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.detail h3{
	font-size:20px;
	font-weight:bold;
	margin:0 0 0 0;
}

.box h4{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.detail .box{
	margin:10px 0 0 0;
}

.detail .imgArea{
	border:3px solid #ffffff;
	width:714px;
}

.detail .sample{
	font-size:11px;
	text-align:right;
	padding-right:20px;
}

.detail ul{
	margin:5px 0 15px 0;
}

.detail li{
	border:3px solid #ffffff;
	float:left;
	margin:0 5px 0 0;
	line-height:0;
	height:40px;
}

.detail li img{
	display:block;
}

.detail .setmenu{
	margin:10px 0 0 0;
}

.detail dl{
	background:url(../../common/images/line01.gif) bottom repeat-x;
	margin:0 0 7px 0;
	padding:0 0 6px 0;
}

.detail dt{
	float:left;
	width:100px;
}

.detail dd{
	float:left;
	width:614px;
	padding-right:0;
}

.detail .txt{
	margin:10px 0 0 0;
}

.detail .inquiry{
	text-align:center;
	margin:30px 0 0 0;
	padding:0 0 0 60px;
}

.detail .inquiry li{
	border:none;
	margin:0;
	padding:0;
	height:auto;
}

.detail .inquiry li{
	float:left;
	margin:0 10px 0 0;
	width:293px;
}
}
/*
guide
-------------------------------------------------*/
@media screen and (max-width: 767px) {
}
@media print, screen and (min-width: 768px) {
#guide p{
	margin:0 0 6px 0;
}

#guide{
	margin:0 auto;
	width:650px;
}
#guide #logo{
	text-align:center;
	margin:10px 0;
}

#guide h2{
	font-weight:bold;
	font-size:16px;
	margin:25px 0 5px 0;
}

#guide #pagetop{
	width:650px;
	margin:10px 0;
}

#guide #close{
	text-align:center;
	margin:20px 0;
}

#guide .method th{
	width:120px;
}

#guide .method td{
	text-align:left;
}

#guide table{
	background:#ffffff;
	border:1px solid #333333;
	border-collapse:collapse;
	width:100%;
}

#guide table th,
#guide table td{
	background:#ffffff;
	border:1px solid #333333;
	border-collapse:collapse;
	padding:5px;
	text-align:left;
}

#guide table caption{
	text-align:left;
}

#guide table th,
#guide table td{
	border:1px solid #333333;
}

#guide table th{
	width:550px;
}

#guide table td{
	text-align:right;
}
}