body{
	background: url(../img/body_bg.jpg) repeat-x left top;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}





/*--------------------------wrapのスタイル---------------------------*/

#wrap{
	text-align:center;
}
#sp_wrap{
	text-align:center;
	width:620px;
}
/*--------------------------ヘッダーのスタイル---------------------------*/
#sp_header_outer{
	width:620px;
	margin:0 auto;
	text-align:left;
}

#header_outer{
	width:980px;
	margin:0 auto;
	text-align:left;
}

#header{
	position:relative;
	height:85px;
}

#header #header_logo{
	position:absolute;
	top:5px;
	left:5px;
}

#header #header_comp{
	position:absolute;
	top:55px;
	right:375px;
	background: url(../img/red_arrow.jpg) no-repeat left 2px;
	padding:0 0 0 10px;
	font-size:70%;
}
#header #header_comp a:link{text-decoration:none; color:#216cc1; }
#header #header_comp a:visited{text-decoration:none; color:#7057a9; }
#header #header_comp a:hover{text-decoration:none; color:#d32f2e; }
#header #header_comp a:active{text-decoration:none; color:#d32f2e; }

#header #header_contact{
	position:absolute;
	top:55px;
	right:275px;
	background: url(../img/red_arrow.jpg) no-repeat left 2px;
	padding:0 0 0 10px;
	font-size:70%;
}
#header #header_contact a:link{text-decoration:none; color:#216cc1; }
#header #header_contact a:visited{text-decoration:none; color:#7057a9; }
#header #header_contact a:hover{text-decoration:none; color:#d32f2e; }
#header #header_contact a:active{text-decoration:none; color:#d32f2e; }


#header #header_number{
	position:absolute;
	top:35px;
	right:17px;
}



/*--------------------------ナビゲーションのスタイル---------------------------*/

#nav_outer{
	background: url(../img/nav_bg.jpg) repeat-x left top ;
	height:58px;
	margin:15px 0 0 0;
}

#nav{
	width:980px;
	margin:0 auto;
	text-align:left;
	height:58px;
}


#nav ul li{
float:left;
}

#nav ul li a{
height:58px;
}

#sp_nav{
	width:980px;
	margin:0 auto;
	text-align:left;
	height:58px;
}


#sp_nav ul li{

}

#sp_nav ul li a{
height:58px;
}
/*----------パンクズナビのスタイル---------------*/
#kuzunav{
	padding:10px 0 10px 0;
	margin:5px 0; 
	font-size:80%;
	background:#FFF;
	font-weight:bold;
}
#kuzunav a:link{text-decoration:none; color:#216cc1; }
#kuzunav a:visited{text-decoration:none; color:#7057a9; }
#kuzunav a:hover{text-decoration:none; color:#d32f2e; }
#kuzunav a:active{text-decoration:none; color:#d32f2e; }


/*------------------------------------------------メインコンテントのスタイル-------------------------------------------------*/

#main_title{
	margin:20px 0 0 20px;
}

#bigpic1{
	margin:15px 0 0 10px;
}



#main_cont a:link{text-decoration:none; color:#216cc1; }
#main_cont a:visited{text-decoration:none; color:#7057a9; }
#main_cont a:hover{text-decoration:none; color:#d32f2e; }
#main_cont a:active{text-decoration:none; color:#d32f2e; }

/*------------------------------------------------下層共通用のスタイル-------------------------------------------------*/

#sub_main_title{
	margin:0 0 0 10px;
}

#sub_main_submit{
	width:244px;
	margin:50px auto 10px auto;
	text-align:center;
}

#sub_main_tel{
	margin:30px 0 30px 10px;
}



#main_inpage_nav{
	width:650px;
	margin:15px 0 15px 10px;
	text-align:left;
	height:30px;
}

#main_inpage_nav ul{
	margin:0 auto;
	padding:8px 0 0 0;
	height:25px;
	width:650px;
}

#main_inpage_nav ul li{
	float:left;
	font-size:80%;
	background:url(../../common/img/fotter_arrow.jpg) no-repeat left;
	padding:1px 0 0 10px;
	margin:0 0 0 20px;
	display:inline;
}

* html #main_inpage_nav ul li.first_li{
	margin:0 0 0 0;
}


#main_inpage_nav ul li a:link{text-decoration:none; color:#216cc1; }
#main_inpage_nav ul li a:visited{text-decoration:none; color:#7057a9; }
#main_inpage_nav ul li a:hover{text-decoration:none; color:#d32f2e; }
#main_inpage_nav ul li a:active{text-decoration:none; color:#d32f2e; }




/*--------------------------フッターのスタイル---------------------------*/
#fotter{

}


#fotter_nav_outer{
	background:url(../img/fotter_bg.jpg) repeat-x left top;
	height:63px;
}

#fotter_nav{
	width:980px;
	margin:0 auto;
	text-align:center;
	height:63px;
}

#fotter_nav ul{
	margin:0 auto;
	padding:16px 0 0 0;
	height:25px;
	width:910px;
}

#fotter_nav ul li{
	float:left;
	font-size:70%;
	background:url(../img/fotter_arrow.jpg) no-repeat left;
	padding:1px 0 0 10px;
	margin:0 0 0 20px;
	display:inline;
}
#sp_fotter_nav{
	width:620px;
	margin:0 auto;
	text-align:center;
	height:63px;
}

#sp_fotter_nav ul{
	margin:0 auto;
	padding:16px 0 0 0;
	height:25px;
	width:620px;
}

#sp_fotter_nav ul li{
	float:left;
	font-size:70%;
	background:url(../img/fotter_arrow.jpg) no-repeat left;
	padding:1px 0 0 10px;
	margin:0 0 0 20px;
	display:inline;
}

/*--------------------------フッターul liのIE6用のスタイル---------------------------*/
* html #fotter_nav ul li.first_li{
	margin:0 0 0 0;
}
/*-----------------------------------------------------------------------------------*/

#fotter_nav ul li a:link{text-decoration:none; color:#216cc1; }
#fotter_nav ul li a:visited{text-decoration:none; color:#7057a9; }
#fotter_nav ul li a:hover{text-decoration:none; color:#d32f2e; }
#fotter_nav ul li a:active{text-decoration:none; color:#d32f2e; }

#sp_fotter_nav ul li a:link{text-decoration:none; color:#216cc1; }
#sp_fotter_nav ul li a:visited{text-decoration:none; color:#7057a9; }
#sp_fotter_nav ul li a:hover{text-decoration:none; color:#d32f2e; }
#sp_fotter_nav ul li a:active{text-decoration:none; color:#d32f2e; }


#fotter_copy_outer{
	background:url(../img/fotter_copy_bg.jpg) repeat-x left;
	height:41px;
}
#fotter_copy{
	width:980px;
	margin:0 auto;
	text-align:left;
	height:41px;
}
#sp_fotter_copy_outer{
	background:url(../img/fotter_copy_bg.jpg) repeat-x left;
	height:41px;
}
#sp_fotter_copy{
	width:620px;
	margin:0 auto;
	text-align:left;
	height:41px;
}




#copy{
	margin:0 0 0 320px;
	width:325px;
	padding:16px 0 0 0;
	font-size:80%;
}
#sp_copy{
	margin:0 0 0 0;
	width:620px;
	padding:16px 0 0 0;
	font-size:80%;
	text-align:center;
}



.bottom_mail {
	vertical-align:bottom;
}

.back_to_top{
	padding:0 30px 0 0;
	font-size:90%;
	margin:20px 0 0 0;
	text-align:right;
}



/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
              display                               : block;
              clear                                   : both;
              height                                : 0;
              visibility                : hidden;
              content                              : ".";
              line-height                          : 0;
}
.clearfix {
              display                               : inline-table;
              min-height                          : 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
              height                                : 1%;
}
.clearfix {
              display                               : block;
}
/* END OF FOR MAC IE */