@charset "Shift_JIS";


/******************************************************
 body
******************************************************/

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background: #fff;*/
	color: #333;
}

p{
	font-size:12px;
	line-height:22px;
}

a:link, a:visited { color: #000; }
a:hover, a:active { text-decoration: none; }

.pc { display:block; }
.sp { display:none; }
.cl { clear:both; }
img {
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	display:block;
}

/******************************************************
 container
******************************************************/

#contents{
	width:960px;
	margin:20px auto;
}

#caption {
	margin-top:15px;
	text-align:left;
	color:#666;
	padding: 20px 20px;
	font-size: 12px;
	line-height: 1.4;
}

#cap {
	margin-top:15px;
	font-size:10px;
	line-height:14px;
	text-align:left;
	color:#666;
}


h2 img, h3 img, .txt img {
margin: 0;
display: inline;
}

/******************************************************
 pagetop
******************************************************/

#pagetop{
	height:30px;
	width:960px;
}

#pagetop img{
	float:right;
	height:20px;
	width:70px;
}


/******************************************************
 s_navi
******************************************************/

.s_navi {
	width: 960px;
	margin:0px auto 20px auto;
	background-repeat: repeat;
	background-image: url(../images/common/submenu_back.gif);
	padding: 7px;
}
.s_navi li {
	float: left;
	padding-right: 5px;
}
/******************************************************
 foot
******************************************************/

#foot {
	width: 100%;
/*	min-width:960px;*/
	min-width:1080px;
	height: 130px;
	background: url(../images/common/foot_bg.gif) repeat-x center top;
	position: relative;
}
#fNavArea ul, #footerbana, #fs_navi, #f_navi {
	zoom: 1;
}

#cl_footerbana{
	clear: both;
	padding-bottom:20px;
}

#f_navi {
	position: absolute;
	left: 20px;
	top: 10px;
	border-left: 1px solid #ccc;
}
#f_navi li {
	float: left;
	padding: 0px 15px 0px 15px;
	font-size: 12px;
	line-height: 16px;
	border-right: 1px solid #ccc;
}
#f_navi li a {
	color: #000;
	text-decoration: none;
}
#fs_navi {
	position: absolute;
	left: 20px;
	top: 55px;
}
#copyright {
	width: 228px;
	height: 10px;
	position: absolute;
	left: 20px;
	top: 85px;
}
#stf_logo {
	width: 137px;
	height: 45px;
	position: absolute;
	right: 20px;
	top: 50px;
}

#stf_logo img {
	width: 137px;
	height: 45px;
}
#footer_menu {
	display: none;
}
#footer_cp {
	display: none;
}

/******************************************************
 FloatBanner
******************************************************/

#flo_bana {
	position:fixed;
	right:0px;
	top:30px!important;
	width:30px;
	z-index:8000;
}

#flo_request {
	margin-bottom:3px;
}


/******************************************************
 clear fix
******************************************************/

#container:after,
#s_navi:after,
#bukken ul:after {
  display : block;
  clear : both;
  content : '';
}

#container,
#s_navi,
#bukken ul {
  zoom : 1;
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {

/******************************************************
 body
******************************************************/

.pc { display:none; }
.sp { display:block; }
html, body{
	background: #403D3C;
	position:relative;
}

#contents h2{
	margin:2%;
}

/******************************************************
 s_navi
******************************************************/

.s_navi {
	width: 100%;
	padding: 0px;
}

.s_navi li, .s_navi li finish {
	padding: 0!important;
	margin: 0px!important;
	width: 50%!important;
}

.s_navi li img {
	width: 100%;
}

.s_navi.mf {
	margin-top: 90px;
}

/******************************************************
 spCBtn
******************************************************/
#spCBtn {
	height: 60px;
	margin: 5px 0px 0px 205px;
	float: left;
}

#spCBtn img {
	width:62px;
	height: 58px;
}
/******************************************************
 contents
******************************************************/

#slide_wrap{
	/*position: absolute;*/
	position:fixed;
	top: 0px;
	right: 240px;
	width: 100%;
	height: 150%;
	overflow:hidden;
	background: #000;
	opacity: 0.5;
	z-index: -1;
}

#content_wrap{
	position:relative;
	top: 0px;
	right:0px;
	overflow:hidden;
	background: #fff;
}

#content_wrap.gray{
	/*opacity:0.3;*/
}

#contents{
	width: 100% !important;
	margin: 0px auto;
}
#content_area{
	width:100%;
}

#maincontents_area{
	width: 100%;
}

#cap {
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	text-align: left;
	margin:2%;
}


/******************************************************
 pagetop
******************************************************/

#pagetop{
	height:30px;
	width:100%;
}

#pagetop img {
	height:20px;
	width:70px;
}

/******************************************************
 foot
******************************************************/
#foot{
	display:none;
}
#footer{
	display:none;
}
#footer_cp .f_navi{
	font-size:14px;
	color:#000;
	text-align:left;
	padding:10px;
	background: #fff;
}
#footer_cp .fs_navi{
	font-size:14px;
	color:#000;
	text-align:left;
	background:#dadada;
	padding:12px;
}
#footer_cp .copyright {
	float: left;
	width: 65%;
	margin: 5.5vw 0 0;
}

#footer_cp .copyright img {
	width:90%;
}

#footer_cp .stf_logo {
	float: right;
	width: 35%;
	margin: 2vw 0;
}

#footer_cp .stf_logo img {
	width: 90%;
}

#footer_menu {
	display: block;
	background: #403D3C;
}
#footer_cp {
	display: block!important;
	background-image: url(../images/common/bg_footer_cp.png);
	background-repeat: repeat-x;
	width: 100%;
	/*height: 83px;*/
}



/******************************************************
 flo_bana
******************************************************/
#flo_bana{
	display:none;
}


}