.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}

.fs8 {font-size:0.8em}
.fs9 {font-size:0.9em}
.fs10 {font-size:1em}
.fs11 {font-size:1.1em}
.fs12 {font-size:1.2em}
.fs13 {font-size:1.3em}
.fs14 {font-size:1.4em}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.clear {
    clear: both;
}
.none {
	display: none;
}


#sectionBox {
	margin: 0 0 0;
	padding: 0 0 150px;
}
#sectionBox .mainTtl {
	display: block;
	margin: 0px auto 50px;
	width: 320px;
}
#sectionBox .mainTtl img {
	width: 320px
}
#sectionBox .mainTtl2 {
	display: block;
	margin: 0 auto;
	width: 320px;
	margin-bottom: 0px;
}
#sectionBox .mainTtl2 img {
	width: 320px
}
#sectionBox .lead {
	margin: 70px 0 90px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.2em
}

.sectionList .detail .hoverName {
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 0.4em;
	text-indent: 0.5em;
	margin: 0 0 15px;
	line-height: 35px;
}
.sectionList .detail .hoverName span {
	font-size: 18px;
	letter-spacing: 0.2em;
}
.sectionList .detail .hoverName2 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: 0.5em;
	margin: 0 0 30px
}

/*add 20151216
---------------------------*/
#com_header {
	width:100%;
	height:400px;
	position:relative;
}

#pankuzu {
	display:block;
	width:1100px;
	margin:20px auto;
	font-size:0.9em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pankuzu a {
	color:#000000;
	text-decoration:none;
}

.f_g {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.com_table_tag {
	width:80%;
	margin:0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
}

.com_table_tag th {
	width:35%;
	font-weight:normal;
	display:table-cell;
	text-align:left;
	padding:3px;
}

.com_table_tag td {
	font-weight:normal;
	display:table-cell;
	padding:3px;
}

.com_sub_tit_txt {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.2em;
	text-align:center;
	margin:0 auto 30px;
	letter-spacing:5px;
	transform: scale( 0.95 , 1 ); 
}

#com_contents {
	padding:10px 0% 30px;
}

#com_logo_img {
	width:150px;
	height:80px;
	margin:0 auto 0;
	padding:100px 0 0;
	text-indent:-9999px;
	position:relative;
	z-index:100;
}

#com_logo_img a {
	background:url(../img/category/com/logo_img.png) 0 0 no-repeat;
	width:150px;
	height:80px;
	display:block;
}

#com_wrap {
	width: 1100px;
	margin: 0 auto;
    position: relative;
    
}

.app_btn2 {
	width: 320px;
	margin: 20px auto 0;
}
.app_btn2 img:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

.nav01 a {
	display: block;
	background: url(../img/com/nav_img01.png) 0 0 no-repeat;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
}
.nav02 a {
	display: block;
	background: url(../img/com/nav_img02.png) 0 0 no-repeat;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
}
.nav03 a {
	display: block;
	background: url(../img/com/nav_img03.png) 0 0 no-repeat;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
}
.nav04 a {
	display: block;
	background: url(../img/com/nav_img04.png) 0 0 no-repeat;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
}
.nav05 a {
	display: block;
	background: url(../img/com/nav_img05.png) 0 0 no-repeat;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
}
.nav06 a {
	display: block;
	background: url(../img/com/nav_img06.png) 0 0 no-repeat;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
}

.tel_nav {
	background: url(../img/com/tel_img.png) 0 0 no-repeat;
	text-align: left;
	text-indent: -9999px;
	width: 380px;
	height: 40px;
	margin: 0 0 0 auto;
	padding-right: 25px;
}

.subnavWrap {
	padding-right: 20px; 
	width: 970px;
	margin: 0 0 0 auto;
}
.subnavL {
	width: 571px;
	float: left;
}
.subnavR {
	width: 230px;
	float: right;
}

.snsBtn {
	width: 50px;
	height: 50px;
	float: right;
	padding: 10px 5px;
}

.snsBtn a img {
	width: 100%;
}

.snsBtn a:hover img {
	width: 100%;
}

.sub_nav01, .sub_nav02, .sub_nav03, .sub_nav04, .sub_nav05, .sub_nav06 {
	text-align: left;
}
.sub_nav01 a {
	display: block;
	background: url(../img/com/sub_nav_img.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 93px;
	height: 20px;
	line-height: 20px;
}
.sub_nav02 a {
	display: block;
	background: url(../img/com/sub_nav_img.png) -123px 0 no-repeat;
	text-indent: -9999px;
	width: 93px;
	height: 20px;
	line-height: 20px;
}
.sub_nav03 a {
	display: block;
	background: url(../img/com/sub_nav_img.png) -246px 0 no-repeat;
	text-indent: -9999px;
	width: 64px;
	height: 20px;
	line-height: 20px;
}
.sub_nav04 a {
	display: block;
	background: url(../img/com/sub_nav_img.png) -339px 0 no-repeat;
	text-indent: -9999px;
	width: 51px;
	height: 20px;
	line-height: 20px;
}
.sub_nav05 a {
	display: block;
	background: url(../img/com/sub_nav_img.png) -425px 0 no-repeat;
	text-indent: -9999px;
	width: 125px;
	height: 20px;
	line-height: 20px;
}

.sub_nav06 a {
	display: block;
	background: url(../img/com/sub_nav_img.png) -565px 0 no-repeat;
	text-indent: -9999px;
	width: 75px;
	height: 20px;
	line-height: 20px;
}


.w500L {
	width: 500px;
	float: left;
}
.w500R {
	width: 500px;
	float: right;
}


/*　▼スマホ用▼　*/
@media screen and (max-width: 768px) {

#sectionBox {
	margin: 0 1% 0;
	padding: 20px 0 40px;
}

#sectionBox .mainTtl,
#sectionBox .mainTtl2 {
	width: 260px;
	margin: 0 auto 20px;
}

#sectionBox .mainTtl img,
#sectionBox .mainTtl2 img {
	display: block;
	width: 260px
}
#sectionBox .lead {
	margin: 30px 10px 30px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.2em;
	font-size: 12px
}
#com_wrap {
	width: 100%;
	margin: 0 auto;
    position: relative;
    
}

.app_btn2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.app_btn2 img {
	width: 90%;
	height: auto;
}

/*add 20151216
---------------------------*/
#com_header {
	background:none;
	width:100%;
	height: auto;
}
#com_contents {
	padding:0 1% 30px;
}

#pankuzu {
	display:none;
}

.f_g {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.com_table_tag {
	width:98%;
	margin:0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
}

.com_table_tag th {
	width:100%;
	font-weight:normal;
	display:block;
	text-align:left;
	padding:3px;
}

.com_table_tag td {
	font-weight:normal;
	display: block;
	padding:3px;
}

.com_sub_tit_txt {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.2em;
	text-align:center;
	margin:0 auto 30px;
	letter-spacing:5px;
	transform: scale( 0.95 , 1 ); 
}
.subnavWrap {
	display: none;
}

.disabled {
	visibility : hidden;
}

.w500L {
	width: 100%;
	float: none;
}
.w500R {
	width: 100%;
	float: none;
}


}