/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; font-size: 12px; line-height: 18px; color: #444;}
body{font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; letter-spacing: 1px;}
ul{margin: 0;}
li{list-style: none;}
img{vertical-align: top;}
a{color: #444;}
a:hover{text-decoration: none; color: #ccc;}


.fl{float: left;}
.fr{float: right;}
.img-ow{margin: 0 auto;}
.switch {visibility: hidden;}
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.left{float: left;}
.right{float: right;}

.wrap{padding: 0 15px; max-width: 500px; margin: 0 auto;}
p{font-size: 14px; letter-spacing: 0.05em; line-height: 20px;}
@media only screen and (min-width: 768px) {
	.wrap{width: 730px; max-width: 730px; margin: 0 auto; padding: 0; position: relative;}
	p{font-size: 19px; letter-spacing: 0.05em; line-height: 28px;}
}


body{background: url(../images/bg_back.gif) repeat; display: none;}
header .headin{max-width: 300px; margin: 0 auto;}
header h2{font-size: 19px; letter-spacing: 0.14em; margin-bottom: 15px; margin-top: 25px;}
header .lang{display: none;}
section{padding-top: 25px; margin-top: 25px;}
section .icon{height: 46px; margin: 0 auto 20px; display: block;}
section .no_mb{margin-bottom: 10px;}
section h2{margin-bottom: 20px; text-align: center; color: #e0734d; font-size: 18px; letter-spacing: 0.15em;}
section li{border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;}
section li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
section h3{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
section.price h3{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 10px 0; margin: 10px 0; font-size: 15px; font-weight: normal;}
section .price_text{font-size: 12px; line-height: 18px;}

footer{margin: 40px 0 70px;}
footer p{font-size: 12px;}
footer img{padding-bottom: 15px; width: 200px;}
footer dl{margin-top: 5px;}
footer dt{font-weight: normal;}
@media only screen and (min-width: 768px) {
	header h2{font-size: 32px; margin-bottom: 30px; margin-top: 40px; letter-spacing: 0.18em;}
	header .lang{position: absolute; top: 0; width: 80px; display: block; right: -100px; background-color: #000; color: #fff; padding: 10px 0; text-align: center; border-radius: 0 0 5px 5px; display: block;}
	header .lang:hover{background-color: #999;}
	
	section{padding-top: 50px; margin-top: 50px;}
	section .no_mb{margin-bottom: 15px;}
	section h2{font-size: 23px; margin-bottom: 40px;}
	section li{padding-bottom: 30px; margin-bottom: 30px;}
	section h3{font-size: 23px; margin-bottom: 15px;}
	section.price h3{font-size: 19px; padding: 15px 0; margin: 15px 0;}
	section .price_text{font-size: 16px; line-height: 22px;}

	footer p{font-size: 16px; letter-spacing: 0.15em;}
	footer dt,footer dd{font-size: 16px; letter-spacing: 0.15em; line-height: 28px!important;}
	footer dt{width: 80px!important; text-align: left!important;}
	footer dd{margin-left: 80px!important;}
}
@media only screen and (min-width: 992px) {
	header .lang{right: -150px; width: 100px;}
}

.foot_bottom{width:100%; position:fixed; left:0; bottom:0; background-color:#db5836; z-index:999; -webkit-box-shadow: 0 0 5px 0 #ccc; -moz-box-shadow: 0 0 5px 0 #ccc; box-shadow: 0 0 5px 0 #ccc; opacity:0.9; filter: alpha(opacity=90);}
.foot_bottom .foot_in{padding: 10px;}
.foot_bottom .foot_in li{float: left; width: 48%;}
.foot_bottom .foot_in li:first-child{margin-right: 4%;}
.foot_bottom .foot_in li a{display: block; background-color: #fff; border-radius: 4px; padding: 10px 0; text-align: center;}
.foot_bottom .foot_in li a:hover{color: #444;}
.foot_bottom .foot_in li:last-child a{background-color: #000; color: #fff;}
@media only screen and (min-width: 768px) {
	.foot_bottom{display: none;}
}