@charset "utf-8";
/* CSS Document */
/*---------------------------------
_基本ベース
-----------------------------------*/ 
body{
	overflow-y: auto;
    overflow-x: hidden;
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro", serif;
	font-size: 14px;	
	color: #181312;
	margin: 0px;
	padding: 0px;
	background-colp
	or: #fff;
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
}
a:link {
	text-decoration: none;
	color: #181312;
}
a:visited {
	text-decoration: none;
	color: #181312;
}
a:hover {
	text-decoration: underline;
	color: #181312;
}
a:active {
	text-decoration: underline;
	color: #181312;
}

/*---------------------------------
_汎用スタイル
-----------------------------------*/
h1, h2, h3, h4 ,h5 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	line-height: 100%;
}
p {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
ul,ol  {
	margin: 0px;
	padding: 0px;	
	list-style-type: none;
}
li {
	padding: 0px;
	margin: 0px;
}
dl,dt,dd {
	margin: 0px;
	padding: 0px;
}
a {
	margin: 0px;
	padding: 0px;
}
a img:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity:0.70;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------
_wrapper
-----------------------------------*/
.wrapper {
	width: 94%;
	margin: 0 auto;
	position: relative;
}

/*---------------------------------
_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;}


/*---------------------------------
_loading
-----------------------------------*/
#loading {
	width: 100%;
	height: 100%;
	background: #ffffff; /* gif画像の背景色 */
	opacity: 0.9; /* 透過させる */
	position: fixed; /* gif画像をスクロールさせない */
	left: 0; /* gif画像を画面横中央へ */
	top: 0; /* gif画像を画面縦中央へ */
	z-index: 9999;

}
#loading table {
	width: 100%;
	height: 100%;
}
#loading table tr td {
	text-align: center;
	vertical-align: middle;
}
#loading table tr td p {
	font-size: 12px;
	color: #858585;
	margin-top: 10px;
}

/*---------------------------------
_font_color
-----------------------------------*/
.fc_white {
	color: #ffffff!important;
}
.fc_black {
	color: #000000!important;
}
.fc_red {
	color: #ff0000!important;
}

/*=================================

	Utility parts

=================================*/
.firstChild {margin-top: 0 !important;}
/* Margin-top */
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
/* Margin-bottom */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb90 {margin-bottom: 90px !important;}
/* Margin-left */
.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
/* Margin-right */
.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr60 {margin-right: 60px !important;}
/* text-align */
.aC {text-align: center !important;}
.aL {text-align: left !important;}
.aR {text-align: right !important;}
/* vertical-align */
.vT {vertical-align: text-top !important;}
.vB {vertical-align: text-bottom !important;}
.vM {vertical-align: middle !important;}

.lh150 {
	line-height: 150% !important;
}

/*---------------------------------
_fnav
-----------------------------------*/
#nav {
  right: 20px;
  list-style: none;
  position: fixed;
  top: 20px;
  z-index: 5;
}

#nav li {
  margin-bottom: 10px;
}

#nav a {
	width: 13px;
	height: 0px;
	padding-top: 13px;
	display: block;
	overflow: hidden;
	background-image: url(../img/base/nav/nav_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#nav a:hover {
  background-image: url(../img/base/nav/nav_bg_on.png);
}
#nav .current a {
  background-image: url(../img/base/nav/nav_bg_on.png);
}

footer address {
	font-style: normal;
	text-align: center;
    padding: 10px 0 10px 0;
}

img {
	width: 100%;
}

/*---------------------------------
_loading
-----------------------------------*/ 
#loading img {
	width: 32px;
	height: 32px;
}
footer address {
	font-size: 20px;
}

#anchorToPcInSp {
	display:none;
}

input[type="image"] {
	width: 100%;
}

input[type="image"]:hover {
	filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity:0.70;
}

.right_arrow {

	background-image: url(../img/right_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	
	padding-left: 20px;
}
.right_arrow_blue {
	background-image: url(../img/index/q5/right_arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	
	padding-left: 20px;
	color: #ffffff;
}
.right_arrow_blue a {
	color: #ffffff;
}
.right_arrow_green {
	background-image: url(../img/index/q6/right_arrow_green.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	
	padding-left: 20px;
	color: #ffffff;
}
.right_arrow_green a {
	color: #ffffff;
}
.right_arrow_red {
	background-image: url(../img/index/q2/right_arrow_red.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	
	padding-left: 20px;
	color: #ffffff;
}

/*---------------------------------
_SNS
-----------------------------------*/ 
.sns {
	z-index: 10;
	background-color: #000000;
	overflow: hidden;
}
.sns .fb-frame  {
	float:left;
	margin-right: 3%;
	padding-top: 5px;
	padding-bottom: 4px;
}

.sns .twitter-frame {
	float:left;
	padding-top: 7px;
	padding-bottom: 4px;
}