/* ===== 
	Initialization
 ================================================== */

* {
}

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-size: 1em;
	line-height: 1.0;
}

::-moz-selection {
	text-shadow: none;
}

::selection {
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	line-height: 1.0em;
	font-weight: 300;
}

ul,ol,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	list-style: none;
}


/* ===== Basic design Styles ================================================== */

body{
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Roboto, "Droid Sans", sans-serif;
	color: #222;
	font-size: 13px;
	line-height: 100%;
	/* Fix for webkit rendering */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	background: #fff;
}

#body {
	position: relative;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#content a img:hover{
	opacity: 0.7;
	filter:alpha(opacity=70);
}

a{ color: #0085b2; }

.dsp_pc{ display: block; }
.dsp_sp{ display: none; }

/* header  *********************************/

#header{
	position: relative;
}

#sp_menu{
	display: none;
}

#header #cover{
	display: block;
	width:100%;
	height: 500px;
	overflow:hidden;
}

#header h1{
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 auto;
	z-index: 200;
}

#header h1 span{
	display: block;
	width: 200px;
	margin: 0px auto;
}

#float_menu_sec h1 span{
	display: block;
	width: 200px;
	margin: 0 auto;
}

#header h1 a{
}


/* ドロップダウンメニュー */
#dd_menu{
	display: none;
	position: relative;
	width: 100%;
	z-index: 100;
	top: 0;
}

/* メニューアイコン */
#dd_menu #menu_icon{
	display: inline-block;
	position: relative;
	width: 100px;
	height: 87px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
}

#dd_menu #menu_icon img{
	margin: 30px;
}

#sp_nav{
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	background: #79796A;
	text-align: left;
}

#header ul#sp_nav li {
	display: block;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	background: #79796A;
	border-top: 1px solid #D7D7D2;
}

#header ul#sp_nav li a{
	display: block;
	width: 100%;
	height: 79px;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 20px;
	line-height: 79px;
	text-indent: 33px;
	text-decoration: none;
	background: transparent;
}

#header ul#sp_nav li a:hover {
	color: #FFF;
	background: #BCBCB4;
	border-top: 1px solid #BCBCB4;
}

#header ul#sp_nav li a.this{
	color: #59594B;
	background: #F1F1F0;
	border-top: 1px solid #F1F1F0;
}


/* グローバルナビゲーション */

#header #float_menu{
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

#header #float_menu_sec{
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

#gnav {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	min-width: 980px;
	height: 100px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	background: #fff;
}

#gnav.pos_f{
	position: fixed;
	top: 0;
}

#gnav #logo_ba{
	height: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#gnav #logo_ba img{
	margin-top: 0px;
}

#gnav #nav_bar{
	width: 100%;
	height: 100px;
	margin: 0;
	background: #79796A;
}

#gnav #nav{
	width: 960px;
	height: 100px;
	margin: 0 auto;
	background: #79796A url("../images/gnv.png") 50% 0 no-repeat;
}

#gnav #nav li{
	display: inline;
}

#gnav #nav li a{
	display: inline-block;
	height: 100px;
	text-indent: -9999px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	zoom: 1;
	background: url("../images/gnv.png") 0 0 no-repeat;
	outline-style: none;
}

#gnav #nav li.nv01 a{ width: 240px; background-position: 0 -100px; }/*+1*/
#gnav #nav li.nv02 a{ margin-left: 0px; width: 240px; background-position: -240px -100px; }/*0*/
#gnav #nav li.nv03 a{ margin-left: 0px; width: 240px; background-position: -480px -100px; }/*+2*/
#gnav #nav li.nv04 a{ margin-left: 0px; width: 240px; background-position: -720px -100px; }/*+1*/

#gnav #nav li a:hover,
#gnav #nav li a.this{
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}


/* footer  *********************************/

#footer{
	width: 100%;
}

#footer #copyrights{
	width:940px;
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	line-height: 50px;
	text-align:right;
}

#body #pagetop{
	position: fixed;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	bottom: 150px;
}




/* 本文  *********************************/

#content{
	width: 100%;
	margin: 0 auto	;
	padding: 0;
	font-size: 13px;
	line-height: 150%;
	background: #fff;
}

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

#content { min-height: 1px; }
* html #content {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.wrapper {
	width: 100%;
	max-width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 100px 0;
}

.wrap_inn {
	padding: 0 10px;
}

.wrap_inn_sp {
	padding: 0;
}


/* カラム設定 *********************************/

.clmHalf .clm{
	position: relative;
	float: left;
	width: 460px;
	margin: 0 10px 20px;
}


.clmHalf h3 {	
	color:#333;
	font-size:153.9%;
	font-weight:bold;
	margin:0 10px 15px;
}

.clmHalf h4 {
	color:#333;
	font-size:123.1%;
	font-weight:bold;
	margin:0 0 15px;
}

.clmThird .clm{
	position: relative;
	float: left;
	width: 310px;
	height: auto;
	margin: 0 10px 20px;
	overflow: visible;
}

.clmThird .clm.mdl{
	width: 320px;
}

.clmQuarter .clm{
	position: relative;
	float: left;
	width: 230px;
	margin: 0 10px 20px;
}

/* パーツ *********************************/

/* SECTIONS */
.section {
	position: relative;
	width: 100%;
	min-width: 500px;
	margin: 0 auto;
}


/* Media Queries
================================================== */

@media only screen and (max-width: 640px) {
/* ===== 初期化 再設定 ================================================== */

	body{
		padding-top: 90px;
	}

	#body{
		width: 100%;
		min-width: 500px;
	}

	.dsp_pc{ display: none; }
	.dsp_sp{ display: block; }
	
	.split{ display: block; }

	/* header  *********************************/

	#header {
		position: relative;
		width: 100%;
		top: 0;
		margin-bottom: 0;
		min-width: 500px;
		background: #fff;
		z-index: 100;
	}
	
	#header h1{
		width: 100px;
		position: fixed;
	}
	
	#header h1 span{
		width: 100px;
		height:80px;
		overflow:hidden;
		margin:0;
	}
	
	#header img#logo{
		margin-left: 10px;
	}

	#header #cover_slide{
		margin-bottom: 20px;
	}

	#header #cover{
		display: block;
	width:100%;
		height: 250px;
		overflow:hidden;
	}
	

	/* ドロップダウンメニュー */
	body #dd_menu{
		display: block;
		position: fixed;
		top: 0;
		background: #fff;
	}
	
	#float_menu{
		display: none;
	}

#float_menu_sec{
		display: none;
	}


	/* グローバルナビゲーション */
	#header #gnav{
		display: none;
	}

	/* footer  *********************************/
	
	#footer #copyrights{
	width:460px;
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	line-height: 50px;
	text-align:right;
}

	#body #pagetop{
	bottom: -100px;
}

	/* 本文  *********************************/

	#content{
		max-width: 640px;
		width: 100%;
		min-width: 500px;
		padding-top: 50px;
		font-size:18px;
		line-height:150%;
	}

	.wrapper{
		width: 500px;
		padding: 0;
		margin: 0 auto;
	}

	.wrap_inn_sp {
		padding: 0 10px;
	}

	/* カラム設定 *********************************/
	
	.clm_wrap{
		display: inline;
		margin: 0;
	}
	
	.clmHalf .clm{
		width: auto;
		float: none;
		min-width: 460px;
		margin:0 20px 20px;
	}
	
	.clmHalf h3 {	
	color:#333;
	font-size:123.1%;
	font-weight:bold;
	margin:0 20px 15px;
}

	.clmThird .clm,
	.clmThird .clm.mdl{
		width: 50%;
		max-width: 300px;
		margin: 0 0 10px;
	}
	
	.clmQuarter .clm{
		position: relative;
		float: left;
		width: 230px;
		margin: 0 10px 20px;
	}

	/* パーツ *********************************/

	/* SECTION_01 *********************************/
	
	#sTop .wrapper{
		width: 100%;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
	}

	#sTop .headline {
		margin: 0 20px;
		font-size: 18px;
		line-height: 160%;
	}
	
	#sTop .headline h1{
		margin: 0 0 30px;
	}
	
	#sTop .headline .clm{
		margin: 0 0 20px;
	}
	

	/* SECTION_02 *********************************/
	
	#pp .wrapper{
		padding-bottom: 30px;
	}


}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}