h1 {margin: 20px 0; padding-bottom: 10px; font-size: 28px; font-weight: bold; color: #191919; border-bottom:none; font-family: "ゴシックMB101 DB", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing: -0.01em;}
h2 {font-size: 18px; font-weight: bold; margin: 20px 0; line-height: 1.5;}
h3 {font-size: 14px; font-weight: bold; margin-bottom: 10px; background: url(/img/common/arrow_right.png) no-repeat 3px center; padding: 0 10px 0 14px;}

#main {width: 100%;}

p.lead {margin-bottom: 40px;}

#contentsLink ul {margin-bottom: 1em;}
#contentsLink li {display: inline; border-right: 1px solid #ccc; padding-right: 1em; margin-right: 1em;}
#contentsLink li#clMap,
#contentsLink li#clFaq {border-right: 0; padding-right: 0; margin-right: 0;}
#contentsLink li a,
#contentsLink li span {display: -moz-inline-box; /* Firefox2 */ display: inline-block;}

#contact {border-top:1px solid #e6e6e6; margin: 40px 0 0; padding:0;}

#contact {zoom: 1;}
#contact:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

/*#contact p {margin-bottom: 30px;}*/
#contact .section {float: left; width: 430px;}

#contactNetstore {margin-right: 20px;}

/* add 2014.Oct.21 */
#contact .caption,
#importantNotice .caption {font-size:120%;}
#contact dt {float:left; margin:0 5px 0 0; _padding-top:15px; *padding-top:5px; _margin-right:1px;}
#contact dt img {padding-top: 3px;}
#contact_all{width: auto;}
#contact_net {width: auto;}
#contact_time {padding:10px 0 0 0; border-top;}
.small_cap {font-size: 13px; color:#333;}
.small_cap span {font-weight: normal; font-size: 12px;}
.nomalCap {font-size:11px; color:#999;}

#contact h1 {font-size: 18px; background:none; text-indent:0; margin:20px 0; padding:0;}
#contact h2 {font-size: 15px; margin:0 0 10px; text-indent:-20px;}
#contact #tel {margin:0 50px 30px 20px; display:inline-block; width:44%; vertical-align:top;}
#contact #tel li {margin-bottom:15px;}
#contact #tel li dd {line-height:1.2;}
#contact #tel li dt {line-height:1.3;}
#contact #time {margin-bottom:15px;}
#contact #mailform {margin-left:20px; display:inline-block; width:45%; vertical-align:top;}
#contact #mailform li {font-weight:normal; margin-bottom:10px; font-size:13px;}
#contact #mailform li a:link {text-decoration:underline;}
#contact #mailform li a:hover {text-decoration:underline;}
#contact #tel h2 img,
#contact #mailform h2 img {vertical-align: middle; margin:-5px 2px 0 0;}
#contact p.annotation {font-size:11px; color:#666; margin-left:12px; text-indent:-12px;}
#contact p.lead {margin-bottom:30px;}

#contact ul,
#contact_net dd,
#contact_all dd,
#contact {zoom:1;}

#contact ul:after,
#contact_net dd:after,
#contact_all dd:after,
#contact:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

@media only screen and (max-width: 768px) {
	.content {width: auto;}
	#contact #tel,
	#contact #mailform {width:auto; display:block; margin: 0 10px 30px 20px;}
}
@media only screen and (max-width: 425px) {
	#main {margin-top: 0;}
	h1 {font-size:23px;}
}