@charset "UTF-8";


/* 全体
------------------------------------------------------------*/
body{
	background : transparent url(../img/body_bg.png) repeat-x scroll center -1px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
img{
	border: 0;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 640px){/* 641未満の動作 */
	body {
		font-size:100%;
	}
}
@media screen and (max-width: 380px){/* 381未満の動作 */
	body {
		font-size:85%;
	}
}



/* 中央揃え用設定 */
.wrapper{
	width:auto;
	max-width:1000px;
}
#logo{
	height:auto;
	min-height:60px;
}
#logo div{
	margin-right:100px;
}
#head_menu{
	display:block;
	position: absolute;
	right:2px;
	top:15px;
	width:55px;
	height:55px;
	text-align:center;
	text-decoration:none;
	background-image:url(../img/headMenuBtn.png);
	background-size:auto 100%;
	text-indent:-9999em;
}

/* グローバルメニュー */
#global_menu .wrapper{
	height:auto;
}
#global_menu ul{
	width:auto;
	max-width:1000px;
}

/* バナーエリア */
#banner ul li{
	display:inline-block;
	margin:7px;
}

/* コンテント　ページ別
------------------------------------------------------------*/

/* トップページ */
#top #box01{
	width:auto;
}
#top #box02{
	width:auto;
	max-width:260px;
}
#top .box02-btn{
	margin-top:10px;
	text-align:center;
}
#top .box02-btn a:hover{
	position: relative;
	top: 1px;
}

/* サブページ見出し */
#sub #main h1,
#sub #main.case h1{
	background : transparent url(../img/h1_csp.png) no-repeat scroll right 0%;
}
#sub #main h2{
	background : transparent url(../img/h2.gif) no-repeat scroll 0% 0%;
}


/* ページの先頭へ */
#toPageTop{
	width: 14.0625%;
	min-width: 60px;
	position: fixed;
	right: 15px;
	bottom: 5px;
}
@media screen and (min-width: 641px){
	#toPageTop{
		right: 20px;
		bottom:20px;
	}
}

/* スマートフォン対応
---------------------------------------------*/
@media screen and (max-width: 1036px){/* 1037未満の動作 */

	body{
	  background:none;
	}
	.wrapper{
	  padding:0;
	}
	#sub #main{
	  margin:0;
	}
1
	#header{
		position:static;
	}
	#global_menu{
		position:absolute;
		z-index:200;
		width:100%;
		top:104px;
	}
	#global_menu ul{
	  max-width:1000px;
	  margin:0 auto;
	}
	#global_menu li{
	  float:none;
	  font-size:120%;
	  text-align:left;
	  border-bottom:1px solid #FFF;
	}
	#global_menu li a{
	  display:block;
	  color:#FFF;
	  padding:10px 20px;
	  text-decoration:none;
	  background:transparent url(../img/spMenuBg.png) no-repeat right 50%;
	}
	#enkaku{
	  margin:1em 0.5em 1em 0;
	}
	#sub #main.case{
	  float:none;
	}

	#side_menu{
	    display:none;
	}
	#global_menu {
	    display: none;
	}

	#top #box01,
	#top #box02{
	   width:100%;
	   float:none;
	}
	#top #box01 li{
		line-height:1.8;
	}
	#top .box02-btn{
		margin-top:20px;
		margin-bottom:20px;
	}
	.spNone{
	   display:none;
	}
	.wrapper{
	  padding:0;
	}

	#sub #main,
	#sub #main.case{
	  width:100%;
	}

	/* 会員一覧の表 */
	#member_list{
	  width:100%;
	}
}

@media screen and (max-width: 640px){/* 641未満の動作 */
	#member_list.solid_table th,
	#member_list.solid_table td{
		display:block;
		width:auto;
		border:none;
		padding:2px 3px;
	}
	#member_list.solid_table th:not( :first-child ),
	#member_list.solid_table td:not( :first-child ){
		padding-left:1.5em;
	}
	#member_list.solid_table th:first-child,
	#member_list.solid_table td:first-child{
		padding-top:10px;
	}
	#member_list.solid_table th:last-child,
	#member_list.solid_table td:last-child{
		padding-bottom:10px;
	}

}


@media screen and (max-width: 500px){/* 501未満の動作 */
	#global_menu{
		top:87px;
	}
}
@media screen and (max-width: 450px){/* 451未満の動作 */
	#global_menu{
		top:72px;
	}
}

@media screen and (min-width: 1037px){/* 1037以上の動作 */
	#top #box01{
	    width:680px;
	}
	#head_menu {
	    display: none!important;
	}
	#global_menu {
	    display: block!important;
		background: #3d3328;
	}
	.pcNone{
	    display:none;
	}

}