@charset "Shift_JIS";

/*//////////////////////////////////////////////////////////
//  - CSS for HTML Parts
//  - 2011-08-24 (Wed)
//////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
}

body {
	color: #1a274d;
	font-size: 14px;
	font-family: Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", verdana, arial, Sans-Serif;
	line-height: 150%;
	background: #f0ede6;
}

#wrapper {
	width: 1210px;
	height: 100%;
	min-height: 100%;
	background: url(../images/inner_base.gif) repeat-y 0 0;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width:480px) {
	#wrapper {
		width: 100%;
	}
}

body > #wrapper {
	height: auto;
}

#wrapper #innerBase {
	width: 1200px;
	background-color: #fff;
	margin: 0 5px;
	padding: 0;
}
@media screen and (max-width:480px) {
	#wrapper #innerBase {
		width: 100%;
		margin: 0;
	}
}


a			{ color: #4e67b0; text-decoration: underline; }
a:link		{ color: #4e67b1; text-decoration: underline; }
a:visited	{ color: #4e67b2; text-decoration: underline; }
a:active	{ color: #4e67b3; text-decoration: underline; }
a:hover		{ color: #4e67b4; text-decoration: none; }


/*----------------------------------------------------------
  - Header
----------------------------------------------------------*/

#header {
	position: relative;
	width: 1200px;
	height: 55px;
	background: url(../images/header_base.gif) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
	border-bottom: 5px solid #ccccff;
}
@media screen and (max-width:480px) {
	#header {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 1000;
	}
}

#header h1 a,
#header h2 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#header h1 a {
	display: block;
	top: 0;
	left: 0;
	width: 305px;
	height: 55px;
	background: url(../images/blank.gif) repeat 0 0;
}

#header h1 a:hover {
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


/*----------------------------------------------------------
  - Global Navigation
----------------------------------------------------------*/

#gnavi {
	position: relative;
	width: 1200px;
	height: 35px;
	background: url(../images/header_navi.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
@media screen and (max-width:480px) {
	#gnavi {
		width: 100%;
	}
}

.search {
	position: absolute;
	top: 6px;
	left: 15px;
}

.search #q {
	width: 150px;
	color: #1a274d;
	font-size: 12px;
	font-family: Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", verdana, arial, Sans-Serif;
	border: 1px solid #94b901;
	padding: 1px;
}

.search .btnG {
	color: #669900;
	font-size: 12px;
	font-family: Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", verdana, arial, Sans-Serif;
	background-color: #ccff00;
	border: 1px solid #94b901;
	padding: 0 5px;
}

#gnavi .mainnavi > li > a {
	position: absolute;
	display: block;
	height: 35px;
	background: url(../images/header_navi.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

#gnavi li#navi01 a:link,
#gnavi li#navi01 a:visited   { width: 82px; left: 256px; top: 0; background-position: -256px 0px }
#gnavi li#navi01 a:hover,
#gnavi li#navi01.current a   { width: 82px; left: 256px; top: 0; background-position: -256px -35px !important; }
#gnavi li#navi02 a:link,
#gnavi li#navi02 a:visited   { width: 75px; left: 338px; top: 0; background-position: -338px 0px }
#gnavi li#navi02 a:hover,
#gnavi li#navi02.current a   { width: 75px; left: 338px; top: 0; background-position: -338px -35px !important; }
#gnavi li#navi03 a:link,
#gnavi li#navi03 a:visited   { width: 162px; left: 413px; top: 0; background-position: -413px 0px }
#gnavi li#navi03 a:hover,
#gnavi li#navi03.current a   { width: 162px; left: 413px; top: 0; background-position: -413px -35px !important; }
#gnavi li#navi04 a:link,
#gnavi li#navi04 a:visited   { width: 128px; left: 575px; top: 0; background-position: -575px 0px }
#gnavi li#navi04 a:hover,
#gnavi li#navi04.current a   { width: 128px; left: 575px; top: 0; background-position: -575px -35px !important; }
#gnavi li#navi05 a:link,
#gnavi li#navi05 a:visited   { width: 79px; left: 703px; top: 0; background-position: -703px 0px }
#gnavi li#navi05 a:hover,
#gnavi li#navi05.current a   { width: 79px; left: 703px; top: 0; background-position: -703px -35px !important; }
#gnavi li#navi06 a:link,
#gnavi li#navi06 a:visited   { width: 78px; left: 782px; top: 0; background-position: -782px 0px }
#gnavi li#navi06 a:hover,
#gnavi li#navi06.current a   { width: 78px; left: 782px; top: 0; background-position: -782px -35px !important; }
#gnavi li#navi07 a:link,
#gnavi li#navi07 a:visited   { width: 74px; left: 860px; top: 0; background-position: -860px 0px }
#gnavi li#navi07 a:hover,
#gnavi li#navi07.current a   { width: 74px; left: 860px; top: 0; background-position: -860px -35px !important; }
#gnavi li#navi10 a:link,
#gnavi li#navi10 a:visited   { width: 82px; left: 1118px; top: 0; background-position: -1118px 0px }
#gnavi li#navi10 a:hover,
#gnavi li#navi10.current a   { width: 82px; left: 1118px; top: 0; background-position: -1118px -35px !important; }

#gnavi li#navi08 {
	position: absolute;
	width: 82px;
	height: 35px;
	left: 934px;
	top 0;
	background: url(../images/header_navi.gif) no-repeat -934px 0;
	text-indent: -99999px;
}
#gnavi li#navi08:hover{
	position: absolute;
	width: 82px;
	height: 35px;
	left: 934px;
	top 0;
	background: url(../images/header_navi.gif) no-repeat -934px -35px;
	cursor: pointer;
}
#gnavi li#navi08 .subnavi08 {
	position: absolute;
	width: 418px;
	left: -152px;
	top: 35px;
	background: #d6ed7d;
	text-indent: 0;
	display :none;
	padding-bottom: 10px;
}
#gnavi li#navi08:hover > .subnavi08 {
	display :block;
}

#gnavi li#navi09 {
	position: absolute;
	width: 102px;
	height: 35px;
	left: 1016px;
	top 0;
	background: url(../images/header_navi.gif) no-repeat -1016px 0;
	text-indent: -99999px;

}
#gnavi li#navi09:hover{
	position: absolute;
	width: 102px;
	height: 35px;
	left: 1016px;
	top 0;
	background: url(../images/header_navi.gif) no-repeat -1016px -35px;
	cursor: pointer;
}
#gnavi li#navi09 .subnavi09 {
	position: absolute;
	width: 340px;
	left: -156px;
	top: 35px;
	background: #d6ed7d;
	text-indent: 0;
	display :none;
	padding-bottom: 10px;
}
#gnavi li#navi09:hover > .subnavi09 {
	display :block;
}

/* sabnavi style */
.subnavi08 a, .subnavi09 a {
	display: block;
	width: 100%;
	padding: 5px 20px 5px 20px;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 250%;
	color: #333;
	font-weight: bold;
}
.subnavi08 a:hover, .subnavi09 a:hover {
	background: #cae36b;
}







/*----------------------------------------------------------
  - Breadcrumb
----------------------------------------------------------*/

.breadcrumb {
	width: 1200px;
	height: 24px;
	background-color: #efefef;
	border-bottom: 1px solid #ccccff;
	margin: 0;
	padding: 0 15px;
	_zoom: 1;
	overflow: hidden;
	box-sizing: border-box;
}

.breadcrumb ul {
	width: 890px;
	_zoom: 1;
	overflow: hidden;
}

.breadcrumb li {
	float: left;
	font-size: 11px;
	background: url(../images/breadcrumb_arrow.gif) no-repeat 0 0;
	margin: 0 0 0 -15px;
	padding: 0 25px;
	line-height: 24px;
}
@media screen and (max-width:480px) {
	.breadcrumb {
		width: 100%;
		height: auto;
		padding: 0;
		margin-top: 55px;
	}
	.breadcrumb ul {
		width: 100%;
	}
	.breadcrumb li {
		font-size: 10px;
	}
}

/*----------------------------------------------------------
  - SubMenu
----------------------------------------------------------*/
.submenu {
	width: 1200px;
	height: 22px;
	background-color: #f2f8d9;
	border-bottom: 1px solid #f2f8d9;
	margin: 0;
	padding: 3px 15px;
	box-sizing: border-box;
	_zoom: 1;
	overflow: hidden;
	text-align:center;
	font-size: 11px;
}

.submenu span.fld {
	margin-right: 15px;
}

.submenu img {
	margin-right: 2px;
}


/*----------------------------------------------------------
  - Container
----------------------------------------------------------*/

#container {
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	_zoom: 1;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
	#container {
		width: 100%;
	}
}

#container h3 {
	width: 835px;
	height: 40px;
	color: #464646;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/h3_base.gif) no-repeat 0 0;
	line-height: 40px;
	margin: 5px auto 15px;
	padding: 0 10px 0 45px;
	_zoom: 1;
	overflow: hidden;
	clear: both;
}
#container h3.form {
  background: url(../images/h3_base_3.gif) no-repeat 0 0;
}
@media screen and (max-width:480px) {
	#container h3 {
		width: 100%;
		height: auto;
		background: #f2f8d9;
		border: 1px solid #93b900;
		border-left: 10px solid #93b900;
		border-radius: 5px;
		line-height: 1.5;
		padding: 5px 0 5px 10px;
	}
	#container h3.form {
		background: #def3f9;
		border: 1px solid #5ab1cb;
		border-left: 10px solid #5ab1cb;
	}
}

#container .section {
	width: 1100px;
	margin: 0 auto 15px auto;
	padding: 0;
	_zoom: 1;
	overflow: hidden;
}
@media screen and (max-width:480px) {
	#container .section {
		/* width: 100%; */
		width: 95%;
	}
}

#container .section h4 {
	font-weight: bold;
	margin: 0;
	padding: 0px 10px 10px 10px;
}

#container .section p {
	margin: 0 auto;
	padding: 0px 10px 10px 10px;
}

#container .section dl {
/*	width: 890px;*/
	width: 870px;
	margin: 0 auto 20px auto;
	padding: 0;
	_zoom: 1;
	overflow: hidden;
}

#container .section dt {
	width: 845px;
	height: 30px;
	font-weight: bold;
	background: url(../images/dt_base.gif) no-repeat 0 0;
	margin: 0;
	padding: 0 0 10px 25px;
	line-height: 32px;
/*	float: left;
	width: 225px;
	height: 30px;
	font-weight: bold;
	background: url(../images/dt_base.gif) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0 25px;
	line-height: 32px;*/
}

#container .section dt span {
	display: block;
	color: #aaa;
	font-size: 10px;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 100%;
}
@media screen and (max-width:480px) {
	#container .section dt {
		width: 100%;
		background: #ccccff;
		padding: 5px 10px;
		height: auto;
		line-height: 1.5;
		border-radius: 5px;
		margin-bottom: 5px;
	}
}

#container .section dd {
	float: left;
/*	width: 620px;*/
	width: 830px;
	margin: 0;
	padding: 5px 20px 0 20px;
/*	padding: 5px 0 0 20px;*/
	_zoom: 1;
	overflow: hidden;
}
@media screen and (max-width:480px) {
	#container .section dl,
	#container .section dd {
		width: 100%;
	}
}

#container .section dd ul,
#container .section dd ol {
	margin: 0;
	_zoom: 1;
	overflow: hidden;
}

#container .section dd ul { padding: 0 20px 5px 20px; }

#container .section dd ol { padding: 0 25px 5px 25px; }

#container .section dd ul { list-style: none outside; }
#container .section dd ol { list-style: decimal outside; }
#container .section dd ul li { background: url(../images/arrow_s.gif) no-repeat 0 5px; padding: 0 0 0 15px; }

#container .section dd li {
	margin: 0;
	padding: 3px 0;
}

#container .section dd ul.column_two li {
	float: left;
	width: 380px;
}

.lastyear {
	width:870px !important;
  margin: 0 0 20px 100px;
}
@media screen and (max-width:480px) {
	.lastyear {
		width: 100%!important;
		margin-left: 0;
	}
}
/*----------------------------------------------------------
  - Footer Navigation
----------------------------------------------------------*/

.pagetop {
	position: relative;
	width: 1200px;
	height: 25px;
	background: url(../images/pagetop_base.gif) no-repeat 0 0;
}
@media screen and (max-width:480px) {
	.pagetop {
		width: 100%;
		background-position: right;
	}
}

.pagetop a {
	position: absolute;
	display: block;
	top: 0px;
	right: 10px;
	width: 105px;
	height: 25px;
	background: url(../images/blank.gif) repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

#footer_navi {
	width: 890px;
	margin: 10px auto;
	padding: 0;
	_zoom: 1;
	overflow: hidden;
}

#footer_navi #footer_navi_01,
#footer_navi #footer_navi_02,
#footer_navi #footer_navi_03 {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0 10px 0 0;
}

#footer_navi #footer_navi_03 {
	padding: 0 !important;
}

#footer_navi #footer_navi_01 h5,
#footer_navi #footer_navi_02 h5,
#footer_navi #footer_navi_03 h5 {
	width: 290px;
	height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#footer_navi #footer_navi_01 h5 { background: url(../images/footer_navi_ttl_01.gif) no-repeat 0 0; }
#footer_navi #footer_navi_02 h5 { background: url(../images/footer_navi_ttl_02.gif) no-repeat 0 0; }
#footer_navi #footer_navi_03 h5 { background: url(../images/footer_navi_ttl_03.gif) no-repeat 0 0; }

#footer_navi li a {
	color: #666;
	font-size: 11px;
	background: url(../images/arrow_m.gif) no-repeat 0 center;
	margin: 0 0 0 10px;
	padding: 0 10px 0 15px;
}



#footer_navi #footer_navi_02 ul #submenu li,
#footer_navi #footer_navi_03 ul #submenu li {
	margin-left: 20px;
}
#footer_navi #footer_navi_02 ul #submenu a,
#footer_navi #footer_navi_03 ul #submenu a {
	margin-left: -15px;
	/* background: url(none); */
	background: none;
}

#footer_navi04 {
	text-align: center;
	margin-top: 40px;
}


/*----------------------------------------------------------
  - Footer
----------------------------------------------------------*/

#footer {
	clear: both;
	display: block;
	position: relative;
	width: 1200px;
	height: 60px;
	font-size: 10px;
	background: url(../images/footer_line.gif) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
}

#footer address {
	text-align: right;
	line-height: 60px;
	margin: 0;
	padding: 0 15px;
}
@media screen and (max-width:480px) {
	#footer {
		width: 100%;
	}
	#footer address {
		line-height: 1.5;
		padding: 15px 0;
		text-align: center;
	}
}

/*----------------------------------------------------------
  - Button
----------------------------------------------------------*/

a.button,
a.button:link,
a.button:visited,
a.button:active {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-family: Helvetica, Verdana, arial, Sans-Serif;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 10px 20px;
	border: 1px solid #9c9c9c;
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
	border-radius: 25px;
/*	behavior: url(./border-radius.htc);*/
	cursor: pointer;
}

a.gray {
	color: #333333 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,10) !important;
	background: #bdc6cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eef6f9), to(#bdc6cd) );
	background: -moz-linear-gradient(-90deg, #eef6f9, #bdc6cd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eef6f9', endColorstr='#bdc6cd');
}

a.gray:hover {
	background: #eef6f9;
	background: -webkit-gradient(linear, left top, left bottom, from(#bdc6cd), to(#eef6f9) );
	background: -moz-linear-gradient(-90deg, #bdc6cd, #eef6f9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bdc6cd', endColorstr='#eef6f9');
}

a.blue {
	background: #174060;
	background: -webkit-gradient(linear, left top, left bottom, from(#348ace), to(#174060) );
	background: -moz-linear-gradient(-90deg, #348ace, #174060);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#348ace', endColorstr='#174060');
}

a.blue:hover {
	background: #348ace;
	background: -webkit-gradient(linear, left top, left bottom, from(#174060), to(#348ace) );
	background: -moz-linear-gradient(-90deg, #174060, #348ace);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#174060', endColorstr='#348ace');
}

a.green {
	color: #336600 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,10) !important;
	background: #a3c200;
	background: -webkit-gradient(linear, left top, left bottom, from(#d2f327), to(#a3c200) );
	background: -moz-linear-gradient(-90deg, #d2f327, #a3c200);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d2f327', endColorstr='#a3c200');
}

a.green:hover {
	background: #d2f327;
	background: -webkit-gradient(linear, left top, left bottom, from(#a3c200), to(#d2f327) );
	background: -moz-linear-gradient(-90deg, #a3c200, #d2f327);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a3c200', endColorstr='#d2f327');
}