@charset "Shift_JIS";

@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}


#header{
width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
	background-color:#ffffff;
	background-position: 5px 12px;

}

.slicknav_menu:before {
    width: 192px;
    height: 40px;
    float: left;
    margin-left: 1px;
    margin-top: 7px;
    margin-bottom: 4px;
  content:"" !important;



}


#gnav{
margin: 0 0 0 270px;
padding: 25px 0 0 0;
list-style: none;
display:block;
	height: 45px;
}


#gnav li {
list-style: none;
height:20px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
float:left;
color: #333333;
font-size: 15px;

}


#gnav  li a {
list-style: none;
padding:0 10px 0 0;
height:20px;
text-decoration:none;
	color: #333333;
}

#gnav  li a:hover {
	color: #666666;
}



#brandnav a {
color: #ffffff;
text-decoration: none;
}

#brandnav a:hover {
color: #6666;
text-decoration: none;
}



#brandnav {
margin:0 0 0 0;
padding: 0 0 0 0;
	background-color:#000000;


}

#brandnav table{
width:100%;
height:25px;
margin:0px 0 5px 0px;
padding: 0 0 0 0;
background-color:#000000;
}

#brandnav th{
margin:0 0 0 0;
padding:5px 10px 3px 10px;
font-size: 1.1rem;
font-weight:normal;
color:#ffffff;
}


h4{
font-size: small;
color: #666;
margin:0;
padding:0;
}







body {
color: #666;
width: 100%;
height:auto;
margin: 15px 0 0 0 ;
padding: 0 0 0 0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



#container{
 width: 100%;
 height:auto;
 margin: 15px auto 0 auto;
 padding: 0 0 0 0;
}

#container a{
	text-decoration: none;
	color: #fff;
}




.slicknav_menu {
 display:none;/*PC時は非表示*/
}
@media screen and (max-width: 600px) {
 #gnav{
 display:none;/*モバイル時は非表示*/
}
	
	@media screen and (max-width: 600px) {
 #brandnav{
 display:none;/*モバイル時は非表示*/
}
 .slicknav_menu {
 display:block;/*モバイル時は表示*/}
}
}




#maincol{
width:100%;
height:auto;
margin:20px 0 0 0;
padding:0 0 0 0;
}


.logo img{
	margin:10px 0 10px 350px;
}

.topimage img{
	width:100%;
	height: auto;
	margin: 0 0 2% 0 ;
	
}
	
.title h1{
font-size:22px;
font-weight:bold;
color:#666;
line-height:1.4em;
margin:0 0 15px 0;
padding:0 0 0 0;
text-align:center;
}

.title h2{
font-size:14px;
color:#666;
line-height:1.6em;
margin:0 0 15px 0;
padding:0 0 0 0;
text-align:center;
font-weight:normal;
}

#meincontents{
	 width: 100%;
	margin:0 0 0 0 ;
padding:0 0 0 0;
}

 #meincontents p{
font-size:12px;
color:#333;
line-height:1.8em;
	 
}

#subcontents{
	 width: 90%;
	margin:0 5% 0 5% ;
padding:0 0 0 0;
}

 #subcontents p{
font-size:12px;
color:#333;
line-height:1.8em;
	 
}


#list{
	width:100%;
	height:auto;
	margin:10px 25% 0 25%;
	padding:0 0 0 0;
}

#list img{
	margin:0 30px 30px 0;
	padding:0 0 0 0;
	float: left;

}


hr {
clear:both;
visibility:hidden;
height:0;
margin:0;
border:none;
}