@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;	
}
a{
	text-decoration:none;	
	color:#fff;
	display:block;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

ul li{
	list-style-type:none;	
}

body{
	width:98%;
	color:#000;	
	padding:1%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div{

	margin-bottom:10px;
}
ul{
	width:100%;
}
.h_left{
	float:left;
	width:68%;	
}
.h_right{
	float:right;
	width:23%;	
}
#kinkyu{
	width:25%;
	height:auto;
	float:left;
}
#kinkyu img{
	width:100%;
	height:auto;
	vertical-align: middle;
	display: inline-block;
}
#waku{
	border:solid 1px #ff0000;
	padding:1%;
	margin-bottom:10px;
	width:98%;
}
#info{
	width:73%;	
	float:right;
	font-size:1.5em;
	vertical-align: middle;
	display: inline-block;
	margin-top:10px;
}
div img{
	width:100%;
	height:auto;	
}
dl img{
	width:100%;
	height:auto;	
}
#b_two{
	width:100%;
	margin-bottom:10px;	
}
#b_left{
	float:left;	
	width:31%;
}
#b_left img{
	width:100%;
	height:auto;
}
#b_right{
	float:right;	
	width:68%;
}
#b_right img{
	width:100%;
	height:auto;	
}
#sp_footer{
	text-align:center;	
}

.f_left{
	float:left;
	text-align:right;
	width:75%;
	padding-top:20px;
	font-size:120%;
	
}

ul.accordion { 
width:100%; 

 }
ul.accordion a { 
display:block; 
padding:10px; 
text-decoration:none; 
color:#333; 
}
ul.accordion span { 
display:block; 
padding:0px; 
color:#333; 
font-weight:bold;
}
ul.accordion span img{
	width:100%;
	height:auto;	
}
ul.accordion ul { 
display:none;
}

ul.accordion > li > p { 
cursor:pointer;
margin-bottom:10px;
}

ul.accordion > li > ul > li { border-bottom:1px solid #EEE;}
ul.accordion ul li{
	padding:5px 30px;
	font-size:2em;
}
ul.accordion ul.business li{
	background:url(images/link01.gif) no-repeat 97% center;
}
ul.accordion ul.user li{
	background:url(images/link02.gif) no-repeat 97% center;
}

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}



/*モバイルレイアウト*/
@media screen and (max-width:640px){

#sp_footer{
	font-size:65%;	
}
ul.accordion ul li {
    padding: 5px 20px;
    font-size: 1em;
	background-size: 50% auto;
}
#info{
	font-size:80%;
}
.f_left{
	font-size:120%;
}

}

@media screen and (max-width:330px){
	
	.f_left{
	font-size:90%;
}
	
}