@charset "UTF-8";


/*HTML5リセット*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

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

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

input, select {
	vertical-align:middle;
}

/*HTML5リセットここまで*/


/*ボックス組汎用クラス*/
.box {
    width: 100%;  
    display: -webkit-box;
    display: -moz-box;
}
	/*補足-boxを指定すると子要素が回り込みます*/

.box_flex1 {
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
}
	/*補足-boxの子要素に指定して下さい。指定するとブラウザ幅いっぱいまで伸縮します。*/


/*＝＝＝　通常共通指定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
 /* IE8, ModanBrowser */
.clearfix {
	width:100%;
 	overflow:hidden;
} /* clearfix IE 6, 7 */

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-decoration: none;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}

img {
	border-style:none;
	display: block;
    width: inherit;
    max-width: 100%;
    height: auto;
} /*リンク画像の枠線を消すために記述*/

a {
	overflow: hidden;
	outline: none;
	color: #00a0d2;
}/* FireFox リンク選択時の点線を消す　*/

a:hover {
	text-decoration: none;
}

body {
	position: relative;
	background-color: #fff;
	line-height: 1.5;
	font-size: 14px;
	color: #505050;
}


h1 {

	background-color: #fff;
	font-weight: normal;
	max-width: 960px;
	margin: 0 auto;
}

h2 {

}

h3 {
	font-weight: normal;
}

h4 {
	font-weight: lighter;
}

h5 {
	font-weight: lighter;
}

h6 {
	font-weight: lighter;
}

.none {
	display: none;
}


	/*footer下部固定*/
	html,body{
		height:100%;
	}

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

	.continer
	{
		padding-bottom: 180px; /*フッターの高さと同じ*/
	}

	#footer{
		position:absolute;
		bottom: 0;
	}

/*PC 開始 ＝＝＝＝＝＝＝＝＝＝*/


#header {
	width: 100%;
	height: 138px;
	border-top: solid 8px #00a0d2;
	/*background-color: blue;*/
}


.headWap {
	width: 950px;
	margin: 0 auto;
}


.LogoWap {
	width: 337px;
	margin-top: 25px;
	float: left;
}

.editBTN {
	width: 220px;
	margin-top: 25px;
	text-align: right;
	float: right;
	/*background-color: red;*/
}

.mLR15 {
	margin: 0 15px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝パンくず */

.panWap {
	width: 925px;
	margin: 0 auto;
	height: 43px;
	color: 000;
	background-color: #f3f3f3;
	border-bottom: solid 3px #00adbb;
	line-height: 43px;
	padding-left: 25px;
}

.panWap a{
	color: #000;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/

.container {
	width: 950px;
	margin: 0px auto 0px;
	padding-top: 15px;
	line-height: 1.5;
	padding-bottom: 180px; /*フッターの高さと同じ*/
}



/*	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝メイン*/
/*
.sec_MainWap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}


.sec_MainWap {
	max-height: 450px;
	overflow: hidden;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

#footer {
	width: 100%;
	height: 100px;
	background-color: #00a0d2;
	color: #fff;
	/*padding-top: 25px;*/
}

.footWap {
	width: 950px;
	margin: 0px auto;
	font-size: 13px;
}


#footer address {
	color: #fff;
	margin-top: 43px;
	font-size: 13px;
	text-align: center;
	font-style: normal;
}



@media handheld, only screen and (max-width: 767px) {
/*スマホ*

	h1 {
		width: 100%;
		padding-left: 3%;
	}

	h2 {
		margin-bottom: 20px;
		font-size: 2em;
		color: #000;
		border-bottom: solid 2px #000;
	}


	.Gnavi {
		display: none;
	}

	.headWap {
		float: left;
		width: 80%;

	}

	.LogoWap{
		
	}

	.spn_gnavi {
		display: block;
		width: 15%;
		float: right;
		margin-right: 1%;
	}

	.spn_menu {
		position: absolute;
			top: 90px;
			left: 0;
		z-index: 100;
		width: 100%;
	}

	.spn_menu a{
		display: block;
		color: #fff;
		padding: 10px;
		text-align: center;
		border-bottom: dotted 1px #FFF;
		background: url("../img/common/gnavi_bk.png");
	}
*/
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝汎用設定*/


/*白 */
.white {
	color: #fff;
}
/*ピンク */
.pink {
	color: #ff287b;
}
/*ブルー */
.blue {
	color: #00a0e9;
}
/*オレンジ */
.orange {
	color: #f18b1d;
}
/*黄色*/
.yellow {
	color: #ffc103;
}
/*みどり*/
.green {
	color: #56bd36;
}
/*むらさき*/
.purple {
	color: #8d7dfd;
}
/*あいいろ*/
.ai {
	color: #3e408f;
}

.gray {
 	color: #585858;
}
.red {
	 color: #e52721;
}





.floatR{
	float: right;
}

.floatL{
	float: left;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.sml {
	font-size: 11px;
}

.alignR {
	text-align: right;
}

.alignC {
	text-align: center;
}