@charset "utf-8";

html,body{
	height:100%;
	background: #fff;
}

/* link */
a{text-decoration:none;}
a:link {
	text-decoration:none;
	color:#333;
	word-wrap: break-word;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:none;
	filter:alpha(opacity=80)!important;
	-moz-opacity: 0.8!important;
	opacity: 0.8!important;
}
a:active { color:#333; }

::selection {
	background: #eee;
	color: #333;
}

body {
	color:#333;
	font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	line-height:1.7;
	-webkit-text-size-adjust: 100%;
}

img{
	vertical-align: bottom;
}

/*-------------------------------------------------------
  clear
---------------------------------------------------------*/
.clear{
	clear:both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

/*-------------------------------------------------------
  wrap
---------------------------------------------------------*/
#wrap{
	position: relative;
	height:auto !important; /* IE6対策 */
	height: 100%; /* IE6対策 */
	min-height: 100%;
	width:100%;
}

#contents{
	width:100%;
}

/*-------------------------------------------------------
  main
---------------------------------------------------------*/

main{
	display: block;
	width:100%;
}

#mainContent{
	width:100%;
	position: relative;
}

.mainContentInner{

}

@media screen and (max-width:750px) {



}

/*-------------------------------------------------------
  mainTitle
---------------------------------------------------------*/
/* h1 */
h1{

}
/* h2 */
h2{

}
/* h3 */
h3{}
/* h4 */
h4{}
/* h5 */
h5{}

@media screen and (max-width:750px) {

}

/*-------------------------------------------------------
  header
---------------------------------------------------------*/
header{
  background: #000;
  padding: 30px 0;
}
header .headinner{
  max-width: 960px;
  width: 94%;
  margin: 0 auto;
}
.headLogo{
  max-width: 80%;
  width: auto;
}

@media screen and (max-width:750px) {

}



/*-------------------------------------------------------
  footer
---------------------------------------------------------*/
footer#footer{
	border-top: 1px solid #ccc;
}

footer#footer .inner{
	padding: 30px 0 25px 35px;
	background: #eee;
	box-sizing: border-box;
}

footer#footer .footerLogo{
	margin-bottom: 15px;
}
footer#footer .footerLogo a{

}
footer#footer .footerLogo a img{
	max-width: 270px;
}

footer#footer .address{
  text-align: left;
}

footer#footer .copyright{
	text-align: center;
	margin: 15px 0;
}



@media screen and (max-width:750px) {

footer#footer .inner{
	background: #333;
	color: #fff;
	text-align: center;
	padding: 30px 0 0 0;
}

footer#footer .footerLogo a img{
	margin:0 auto;
}

footer#footer .address{
  text-align: center;
	padding-bottom:30px;
}

footer#footer .copyright{
	font-size:12px;
}

}

/*-------------------------------------------------------
  共通
---------------------------------------------------------*/




/*-------------------------------------------------------
  nav-dock
---------------------------------------------------------*/
#nav-dock{
	right: 10px;
	z-index: 100;
/*
	bottom: 175px;
	transition:0.3s;
*/
	bottom:10px;
}

#nav-dock a#prev {
	background:url(/shared/images/arrow_top.png) no-repeat;
	font-size:0;
	display: block;
	width: 50px;
	height: 50px;
	background-size: 50px;
}

@media screen and (max-width:750px) {

	#nav-dock a#prev{
		display:none;
	}

	.spNav-dock{
		height: 50px;
		background: #000;
		position: relative;
	}

	.spNav-dock:after{
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 20px;
		margin-left: -8px;
		width: 17px;
		height: 17px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

}


/*-------------------------------------------------------
  汎用css
-------------------------------------------------------- */
sup{
	vertical-align: super;
	font-size: 74%;
}

sub{
	vertical-align: 0;
	font-size: 74%;
}

/* float */
.left{float:left;}
.right{float:right;}

.ff-min{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight:bold;
}

.bold{
	font-weight:bold!important;
}

.txtC{
	text-align:center;
}

.txtR{
	text-align:right;
}

.both{
	clear:both;
}

.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs30{font-size:30px!important;}

/* margin-bottom */
.mb0{margin-bottom:0px !important;}
.mb5{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;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb120{margin-bottom:120px !important;}
.mb170{margin-bottom:120px !important;}

/* margin-top */
.mt0{margin-top:0 !important}
.mt5{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;}
.mt80{margin-top:80px !important;}

/* margin-right */
.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

/* margin-left */
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

/* padding-bottom */
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb100{padding-bottom:100px !important;}
.pb130{padding-bottom:130px !important;}
.pb155{padding-bottom:155px !important;}
.pb160{padding-bottom:160px !important;}

/* padding-top */
.pt0{padding-top:0 !important;}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt44{padding-top:44px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt88{padding-top:88px !important;}

/* padding-right */
.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

/* padding-left */
.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}

.pl-1em{padding-left:1em !important;}

.dispBlock{display:block !important;}

/* 解除 */
.borderNone{border:none !important;}
.mgnNone{margin:0 !important;}
.pdgNone{padding:0 !important;}

.btNone{border-top:none !important;}
.brNone{border-right:none !important;}
.blNone{border-left:none !important;}
.bbNone{border-bottom:none !important;}

.mrNone{margin-right:0 !important; }

.pbNone{padding-bottom:0 !important;}

.vhidden{
	visibility: hidden;
}

.dispNone{display:none !important;}

.pcDisp{display: block!important;}
.spDisp{display: none!important;}

@media screen and (max-width:750px) {
	.pcDisp{display: none!important;}
	.spDisp{display: block!important;}
}