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

/*==============================
  Reset
  ==============================*/
body,div,p,strong,em,form,input,select,option,textarea,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address,table,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
img {border: none;}
ul li,ol li {list-style-type: none;}

/*==============================
  Body
  ==============================*/
body {
	font-family:verdana,'メイリオ',Meiryo,Osaka, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../../images/common/bg.jpg);
}
/*Firefox,Safari,Opera,Chrome,IE8*/
html>/**/body {
	font-size: 12px;
}
/*IE7*/
*:first-child+html body {
	font-size:90%;
}
/*IE4-6*/
* html body {
	font-size:81.2%;
}

a {
	color:#FFF;
	text-decoration:none;
}

.form_box a{
	color:#000000;
	 text-decoration: underline;
}
.alpha a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

/*------------------------------
  clearfix
  ------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*Hides from IE-Mac*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*End hide from IE-Mac*/

/*==============================
  margin
  ==============================*/
.mg10 {
	margin: 0 0 10px 0;
}
.mg20 {
	margin: 0 0 20px 0;
}

/*==============================
  header
  ==============================*/
#header{
	background-color:#FFF;
	width: 100%;
	height: 30px;
	color:#000;
	margin: 0;
	padding: 0;
}

#header a:hover{color:#900;}

#header ul{
	width:900px;
	margin: 0 auto;
	padding-top: 5px;
}
#header li{
	float: left;
	line-height: 1.7em;
}

.header_text{width:520px;}
.header_sns{ margin-right: 10px}
.header_link{ margin-right: 5px}

/*==============================
  common
  ==============================*/
#wrapping{
	width: 900px;
	margin: 20px auto;
}

#brand{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#brand ul{
	width: 900px;
	margin: 0;
	padding: 0;
}
#brand li{
	
	width: 440px;
	height: 100px;
	
}
.brand_left{margin-right: 20px;}

/*==============================
  box
  ==============================*/
#footer{
	height:150px;
	background-color:#FFFFFF;
	margin: 30px 0 0 0;
	padding: 0;
}

/*==============================
 menu
  ==============================*/

.btn_right img{
	
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}



/*==============================
  sidemenu
  ==============================*/
#sidemenu{
	width: 200px;
	float: left;
	margin-right: 20px;
}
#sidemenu img{vertical-align:top;}
#sidemenu ul{width: 200px;}
#sidemenu li{
	width: 200px;
	margin: 0;}
.sidemg_5{padding-bottom: 5px;}
.sidemg_10{padding-bottom: 10px;}
.sidemg_20{padding-bottom: 20px;}

/*==============================
  mainarea
  ==============================*/
#mainarea{
	width: 640px;
	float:right;
}

/*==============================
  slider
  ==============================*/
#slider{
	width: 640px;
	height: 320px;
	margin: 0 0 20px 0;
	overflow:hidden;
	top: 0;
}

/*==============================
  footer
  ==============================*/
#footer{
	clear: both;
	width: 100%;
	height: 260px;
	background-color:#000;
	color:#FFF;
	padding: 10px 0;
}
#footer h2{
	width:420px;
	height: 200px;
	float: left;
}

#footer h3{
	font-size:14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#footer ul{
	padding: 0 15px;
	height: 250px;
	float: left;
}

.hr_right{border-right: #666 1px solid;}
.hr_left{border-left: #666 1px solid;}

#footer a:hover{color:#900;}

#footer_wrap{
	width: 900px;
	margin: 0 auto;
}
	
/*==============================
  SNSリストページ
==============================*/

h2{width: 320px; float: left; border-bottom:none!important; vertical-align: middle; white-space: nowrap!important;}

ul.snslist li{ float: left;}

ul.snslist li img {width: 40px; margin-right: 20px;}


/*==============================
  SNS一覧btn
==============================*/
#brand li.snsbtn:nth-child(2) {margin: 0; width: 180px; height: 50px; position: absolute; top: 40px; right: 200px;}
#brand li.snsbtn:nth-child(2) img{width: 180px!important;}

#brand li.snsbtn:nth-child(3) {margin: 0; width: 180px; height: 50px; position: absolute; top: 40px; right: 0px;}
#brand li.snsbtn:nth-child(3) img{width: 180px!important;}