@charset "utf-8";

@media all{
*{ padding:0; margin:0;}

body{
-webkit-text-size-adjust: 100%;
	}

.under_visual {
	background: url("../images/main_visual.png")no-repeat center;
	background-size: cover;
}
.mainvisual {
    background-color: #9b5a1b;
}


a:hover{ text-decoration:none;}
img{ border:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px;}

.mt10{margin-top:11px;}
.mt15{margin-top:15px;}
.mt20{margin-top:26px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
}
/*#back-top {
	position: fixed;
	right: 3%;
	bottom: 110px;
	z-index: 2000;
}
#back-top span {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/backTop.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: contain;
}*/
.lead_txt{
	text-align: center;
	margin-bottom: 0px;
	font-size: 172%;
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとPC向け及び印刷用レイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#wrap {height:100%;height: auto; margin:0 auto; padding: 30px 30px 60px 30px;display: block;} 

#wrap #header{ width:1100px; height:40px; margin:0 auto; text-align:left; padding: 0 0 10px 0;}
#wrap #header h1{ padding:0 0 0 0;}
#wrap #container{ width:1000px; margin:0 auto; text-align:left;}
#wrap #container #maincol{ width:1000px; padding:0; overflow:hidden;}
#wrap #container #maincol .title{ width:1000px;height: 100px; padding:0; background:url(../images/large/maincol_bg_01.gif); background-repeat: no-repeat; overflow:hidden;}
#wrap #container #maincol .cate{ width: 1000px; height:30px;margin-top: -40px; text-align:center; padding:0;}
#wrap #container #maincol .section{ width:930px; padding:0px 35px; background:url(../images/large/maincol_bg_02.gif); overflow:hidden; background-repeat: repeat-y;}
#wrap #container #maincol .section ul {
    list-style: none;
    float: left;
    text-align: center;
    margin: 0 80px 0;
}
#wrap #container #maincol .section ul li{ width:186px; height:253px; float:left; display:block; color:#fff;}
#wrap #container #maincol .section ul li a{ font-size:10px; display:inline-block; background-color: #fff;height: 145px;}
#wrap #container #maincol .section ul li a.top{margin-top: 43px;}
#wrap #container #maincol .section ul li span{ height:35px;padding: 12px 0 0 0;line-height: 1.3em; display:block; margin: 0 5px 0;font-size: 14px;}
#wrap #container #maincol .section ul li img{ z-index: 1; margin-bottom: -5px; border: 1px solid #999999; }

/*英語サイト用記述*/
#wrap #container #maincol .section ul li a {
    font-size: 10px;
    display: inline-block;
    background-color: #fff;
    height: 130px;
    max-width: 91px;
    margin: 20px 0 0 0;
}


img.bg{ display:none;}

/* 750pxから1000px以下*/
@media only screen and (max-width: 1000px){
#wrap #header{ width:750px;}
#wrap #container{ width:750px;}
#wrap #container #maincol{ width:750px;}
#wrap #container #maincol .title{ width:750px; background:url(../images/medium/maincol_bg_01.gif);height: 86px;}
#wrap #container #maincol .cate{ width:750px;padding: 0 0 0 0;margin-top: -30px;}
#wrap #container #maincol .section{ width:690px; background:url(../images/medium/maincol_bg_02.gif);}
#wrap #container #maincol .section ul li{ width:172px; height:233px;}
#wrap #container #maincol .section ul {
    list-style: none;
    float: left;
    text-align: center;
    margin: auto;
}
}
/* 750px以下*/
@media only screen and (max-width: 750px){
#wrap #header{ width:361px;}
#wrap #container{ width:361px;}
#wrap #container #maincol{ width:361px;}
#wrap #container #maincol .title{ width:361px; background:url(../images/small/maincol_bg_01.gif);}
#wrap #container #maincol .cate{ width:361px;height: 30px;margin-top: -30px;padding: 0 0 0 0;}
#wrap #container #maincol .section{ width:291px; background:url(../images/small/maincol_bg_02.gif);}
#wrap #container #maincol .section ul li{ width:145px;}
#wrap{padding: 30px 0;}
.lead_txt{padding:0 5%;}
#wrap #container #maincol .section ul li span{font-size: 90%;}
#wrap #container #maincol .section ul li span {padding: 10px 0 0 0;height: 38px;}
}
/* 460px以下*/
/*@media only screen and (max-width: 460px){
	body {
	/*width: 460px;*/
	/*width: 100%;
	}
	
	#wrap {
    padding: 30px 30px;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    box-sizing: border-box;

	}
}*/
