@charset "UTF-8";

/* ===============基本定義============= */

body {
	margin: 0px;
	padding: 0px;
	background-color: #f9fbfd;	
	font-family: "Noto Sans Japanese", "Yu Gothic", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "MS PGothic", sans-serif;
	text-align: left;
	overrflow-x: hidden;
    }
	
img {
	border: 0px;
}

b {
	font-size: 115%;
	font-weight: bold;
}

/* ===============領域定義============= */

#container {
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	line-height: 1em;
	}

.main {
	width: 680px;
	float: left;
}

.lane3L {
	width: 320px;
	margin: 0px 15px 0px 0px !important;
	float: left;
	}

.laneWL {
	width: 655px;
	margin: 0px;
	float: left;
	}

.lane3R {
	width: 320px;
	margin: 0px !important;
	float: right;
	}

/* ===============改行定義============= */

.clear { height: 0px; margin: 0px; padding: 0px; line-height: 1em; clear: both; }
.clr5 { height: 5px; margin: 0px; padding: 0px; line-height: 1em; clear: both; }
.clr10 { height: 10px; margin: 0px; padding: 0px; line-height: 1em; clear: both; }
.clr15 { height: 15px; margin: 0px; padding: 0px; line-height: 1em; clear: both; }
.clr20 { height: 20px; margin: 0px; padding: 0px; line-height: 1em; clear: both; }
.clr30 { height: 30px; margin: 0px; padding: 0px; line-height: 1em; clear: both; }

/* ===============ウェブフォント読込============= */

@font-face {
	font-family: "JKG-L";
	src: url("fonts/JKG-L_3.woff") format('woff');
 }

@font-face {
  font-family: "kokugl";
  src: url("fonts/kokugl.woff") format('woff');
}

/* ===============カラリング定義============= */

.brown { color: #821; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
.navyblue { color: #128; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }

/* ===============画像回り込み定義============= */

.left { margin : 5px 20px 10px 0px; float: left; }
.center { margin: 0px auto; text-align: center; }
.right { margin : 5px 0px 10px 20px; float: right; }

/* ===============ヘッダ定義============= */

header {
	margin: 0px;
	padding: 0px;
	background-image: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0)),url(../img/bg_header.png);
	background-repeat: no-repeat;
}

header h1 {
	margin: 18px 0px 13px 0px;
	padding: 0px;
	line-height: 1em;
	float: left;
	}

header h1 a {
	padding: 0px 3px 0px 0px;
	text-decoration: none;
	display: block;
	}
	
header h1 a:hover {
	background-color: rgba(155, 255, 255, 0.5);
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
	}

header .info {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	white-space: nowrap;
	float: right;
	}

header .info figure {
	margin: 24px 0px 0px 0px;
	padding: 0px;
	border: solid 1px #eeefff;
	line-height: 1em;
	}

header .info figure a img {
	-webkit-transition: .5s;
	  -moz-transition: .5s;
	  -o-transition: .5s;
	  -ms-transition: .5s;
	  transition: .5s;
}

header .info figure a:hover img {
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
}


header .eng {
	margin: 18px 0px 0px 15px;
	padding: 0px;
	font-size: 13px;
	line-height: 3.2em;
	float: right;
}

header .eng a {
	height: 40px;
	padding: 12px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	border-radius: 80px;
	background-color: #069;
	color: #fff;
	text-decoration: none;
	display: block;
}

header .eng a:hover {
	background-color: #1c2087;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}

header nav.g-nav {
	margin: 0px;
	padding: 0px;
	}

header nav.g-nav ul {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
	}

header nav.g-nav ul li {
	margin: 0px;
	padding: 0px;
	line-height: 1.1em;
	float: left;
	}

header nav.g-nav ul li a {
	margin: 0px 0px 0px 0px;
	padding: 1px 14px 0px 13px;
	text-decoration: none;
	display: block;
	}
	
header nav.g-nav ul li a:hover {
	background-color: rgba(155, 255, 255, 0.5);
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
	}

header nav.g-nav ul li a.now {
	background-color: rgba(155, 155, 155, 0.2);
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
	}
	

header nav.g-nav ul li.between {
	width: 0px;
	height: 44px;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	border-left: solid 1px rgba(255, 255, 255, 0.5);
	border-right: solid 1px #74a17b;
	float: left;
	}

/* ===============サイド定義============= */

aside {
	width: 290px;
	margin: 10px 0px;
	padding: 0px;
	line-height: 1em;
	text-align: left;
	float: right;
	}

aside .column {
	margin: 0px 0px 15px 0px;
	padding: 12px;
	border: solid 1px #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e0e0e0));
	background: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);
	background: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
	background: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
	background: -o-linear-gradient(top, #f0f0f0, #e0e0e0);
	background: linear-gradient(top, #f0f0f0, #e0e0e0);
	background-color: #ddd;
	-webkit-box-shadow: #876 0px 0px 2px;
    -moz-box-shadow: #876 0px 0px 2px;
	box-shadow: #666 0px 0px 2px;
	line-height: 1em;
	}

aside .column h3 {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	font-family: "Century Gothic",  "Droid Sans", "Verdana", "Arial", "JKG-L", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a62c2c;
	letter-spacing: 0px;
	line-height: 1.2em;
	border-bottom: solid 3px #59b;
	text-decoration: none;
	}

aside .column h3 a { font-size: 18px; color: #a62c2c; text-decoration: none; letter-spacing: 2px; }
aside .column h3 a:hover { background-color: #cfd; color: #274; text-decoration: underline; }

aside .column figure {
	margin: 0px 0px 9px 0px;
	padding: 0px;
	}

aside .column figure img {
	margin: 0px;
	padding: 0px;
	border: solid 1px #fff;
	}

aside .column figure a img {
	-webkit-transition: .5s;
	  -moz-transition: .5s;
	  -o-transition: .5s;
	  -ms-transition: .5s;
	  transition: .5s;
}

aside .column figure a:hover img {
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
}

aside .column p {
	margin: 6px 0px;
	padding: 0px;
	font-size: 14px;
	font-style: normal;
	color: #333;
	letter-spacing: 1px;
	line-height: 1.7em;
	}

aside .column p a { color: #743; text-decoration: none; }
aside .column p a:hover { background-color: #fdc; color: #c63; text-decoration: underline; }

aside .column ul {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
	font-size: 13px;
	color: #555;
	list-style-type: none;
	}

aside .column li {
	margin: 0px;
	padding: 6px 3px 3px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dadcdb;
	letter-spacing: 0px;
	line-height: 1.5em;
	}

	aside .column li a { letter-spacing: 1px; padding: 3px; font-size: 14px; color: #369; text-decoration: none; }
	aside .column li a:hover { background-color: #cfd; color: #274; text-decoration: underline; }
	aside .column li a.now { color: #069; text-decoration: underline; }

aside .banner {
	width: 288px;
	margin: 0px 12px 12px 0px;
	padding: 0px;
	border: solid 1px #fff;
	-webkit-box-shadow: #876 0px 0px 2px;
    -moz-box-shadow: #876 0px 0px 2px;
	box-shadow: #876 0px 0px 2px;
	font-size: 12px;
	line-height: 0em;
	}

aside .banner a img {
	-webkit-transition: .5s;
	  -moz-transition: .5s;
	  -o-transition: .5s;
	  -ms-transition: .5s;
	  transition: .5s;
}

aside .banner a:hover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* ===============フッタ定義============= */

footer {
	margin: 0px auto;
	padding: 10px 0px 15px 0px;
	background-color: #34a1b3;
	color: #9ce;
	text-align: left;
	clear: both;
}

footer a { color: #fff; text-decoration: none; }
footer a:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);;
	text-decoration: none;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
	}

footer .pagetop a {
	width: 60px;
	margin: 0px 0px 12px 0px;
	padding: 6px 9px 6px 21px;
	-webkit-border-radius: 18px 0px 0px 18px;
	-moz-border-radius: 18px 0px 0px 18px;
	border-radius: 18px 0px 0px 18px;
	background-image: url(../img/pagetop.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	color: #f0f3f6;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	line-height: 1em;
	letter-spacing: 1px;
	text-decoration: none;
	float: right;
	}

footer nav {
	margin: 12px 9px;
	padding: 0px;
	color: #8bd;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: 1px;
	text-align: right;
	float: right;
	clear: both;
	}

footer nav a { color: #c6e9f9; padding: 2px 4px; text-decoration: none; }
	
footer h1 {
	margin: 12px;
	padding: 0px;
	font-family: "Meiryo", "メイリオ", "Noto Sans Japanese", "Yu Gothic", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "MS PGothic", sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #fff;
	line-height: 1em;
	letter-spacing: 16px;
	text-align: left;
	text-shadow: 1px 2px 0 rgba(0, 60, 0, 0.3);
}

footer h1 a { color: #fff; padding: 3px 0px 0px 6px; text-decoration: none; }

footer h2 {
	margin: 15px 0px 3px 12px;
	padding: 0px;
	font-family: "kokugl", "Noto Sans Japanese", "Yu Gothic", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height: 1.4em;
	letter-spacing: 3px;
	text-align: left;
	text-shadow: 1px 2px 0 rgba(0, 60, 0, 0.3);
}

footer h2 a { padding: 3px 4px 3px 6px; }

footer address {
	margin: 9px 18px;
	padding: 0px;
	color: #bec;
	font-size: 14px;
	font-style: normal;
	line-height: 1em;
	letter-spacing: 1px;
	text-align: left;
	}

footer address a { color: #ded; padding: 2px; letter-spacing: 0px; font-size: 13px; }

footer .copyright {
	margin: 18px 0px 0px 18px;
	padding: 0px;
	font-family: "Arial", "Verdana", "Meiryo", "メイリオ", sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.5px;
	text-align: left;
	clear: both;
	}