@charset "shift_jis";


/* hide hack from Mac-IE5 \*/* html .mybuggyelement { height: 1%; }/* end hiding */


/*	base font
------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

@font-face {
	font-family: "Alte Haas Grotesk";
	src: url("/font/AlteHaasGroteskRegular.eot?") format('eot'),
			 url("/font/AlteHaasGroteskRegular.woff2") format('woff2'),
			 url("/font/AlteHaasGroteskRegular.woff") format('woff'),
			 url("/font/AlteHaasGroteskRegular.ttf") format('truetype');
}
@font-face {
	font-family: "Alte Haas Grotesk";
	src: url("/font/AlteHaasGroteskBold.eot?") format('eot'),
			 url("/font/AlteHaasGroteskBold.woff2") format('woff2'),
			 url("/font/AlteHaasGroteskBold.woff") format('woff'),
			 url("/font/AlteHaasGroteskBold.ttf") format('truetype');
	font-weight: bold;
}


body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "Arial", sans-serif;
	font-size: 14px;
	margin: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #333;
	padding: 0px;
}
.type_index {
	background-image: url(../images/bg_body_01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}

h1,h2,h3,h4,h5,h6.div,p,span {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
table,caption,tr,td,img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container {
	text-align: left;
	height: auto;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 550px;
	padding-top: 5px;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#navi {
	height: auto;
	display: block;
	float: left;
	background-image: url(../images/bg_navi.jpg);
	padding-top: 5px;
}

#navi li {
	float: left;
}
#contents_navi {
	height: auto;
	float: left;
	display: block;
}
#contents_navi li {
	float: left;
}

.navi_01 {
	height: auto;
}
.navi_01 a {
	height: 50px;
	width: 144px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
.navi_01 a:hover {
	background-image: url(../images/hover_navi_01.jpg);
	background-repeat: no-repeat;

}

.navi_02 {
	height: auto;
}
.navi_02 a {
	height: 50px;
	width: 143px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
.navi_02 a:hover {
	background-image: url(../images/hover_navi_02.jpg);
	background-repeat: no-repeat;
}
.navi_03 {
	height: auto;
}
.navi_03 a {
	height: 50px;
	width: 143px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
.navi_03 a:hover {
	background-image: url(../images/hover_navi_03.jpg);
	background-repeat: no-repeat;
}
.navi_04 {
	height: auto;
}
.navi_04 a {
	height: 50px;
	width: 143px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
.navi_04 a:hover {
	background-image: url(../images/hover_navi_04.jpg);
	background-repeat: no-repeat;
}
.navi_05 {
	height: auto;
}
.navi_05 a {
	height: 50px;
	width: 143px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
.navi_05 a:hover {
	background-image: url(../images/hover_navi_05.jpg);
	background-repeat: no-repeat;
}
.navi_06 {
	height: auto;
}
.navi_06 a {
	height: 50px;
	width: 144px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
.navi_06 a:hover {
	background-image: url(../images/hover_navi_06.jpg);
	background-repeat: no-repeat;
}
#flash {
	clear: left;
	height: auto;
}
.info_index {
	height: 96px;
	clear: left;
	text-indent: -9000px;
	overflow: hidden;
}
.title_index {
	height: auto;
}
.title_index a {
	display: block;
	height: 97px;
	width: 302px;
	text-indent: -9000px;
	overflow: hidden;
}
.address_index {
	height: auto;
	text-indent: -9000px;
	overflow: hidden;
}

#menu li {
	float: left;
}
.menu_area_01 {
	height: auto;
	float: left;
	width: 860px;
}
.menu_area_02 {
	height: auto;
	clear: left;
	float: left;
	width: 860px;
}
.menu_01 {
	height: auto;
	margin-right: 20px;
}
.menu_01 a {
	display: block;
	height: 70px;
	width: 273px;
	text-indent: -9000px;
	overflow: hidden;
}
.menu_01 a:hover {
	background-image: url(../images/hover_menu_01.jpg);
	background-repeat: no-repeat;

}
.menu_02 {
	height: auto;
	margin-right: 20px;
}
.menu_02 a {
	display: block;
	height: 70px;
	width: 274px;
	text-indent: -9000px;
	overflow: hidden;
}
.menu_02 a:hover {
	background-image: url(../images/hover_menu_02.jpg);
	background-repeat: no-repeat;
}
.menu_03 {
	height: auto;
}
.menu_03 a {
	display: block;
	height: 70px;
	width: 273px;
	text-indent: -9000px;
	overflow: hidden;
}
.menu_03 a:hover {
	background-image: url(../images/hover_menu_03.jpg);
	background-repeat: no-repeat;
}
.menu_04 {
	height: auto;
	margin-right: 20px;
}
.menu_04 a {
	display: block;
	height: 70px;
	width: 273px;
	text-indent: -9000px;
	overflow: hidden;
}
.menu_04 a:hover {
	background-image: url(../images/hover_menu_04.jpg);
	background-repeat: no-repeat;
}
.menu_05 {
	height: auto;
	margin-right: 20px;
}
.menu_05 a {
	display: block;
	height: 70px;
	width: 274px;
	text-indent: -9000px;
	overflow: hidden;
}
.menu_05 a:hover {
	background-image: url(../images/hover_menu_05.jpg);
	background-repeat: no-repeat;
}
.menu_06 {
	height: auto;
}
.menu_06 a {
	display: block;
	height: 70px;
	width: 273px;
	text-indent: -9000px;
	overflow: hidden;
}
.menu_06 a:hover {
	background-image: url(../images/hover_menu_06.jpg);
	background-repeat: no-repeat;
}





#footer {
	position:relative;
	width: 96%;
	padding:8px 2% 10px;
	background:#000;
}
	#footer > *{
		color:#fff;
		font-family:"Yu Gothic", YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
		font-size:12px;
		font-weight: 500;
		line-height: 1.7;
		letter-spacing:-.01em;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
	}
	
	#footer a:link,
	#footer a:visited{
		color:#fccc00;
		text-decoration:none;
		transition:.6s;
	}
	#footer a:hover,
	#footer a:active,
	#footer a:focus{
		color:#fff;
	}
	
	#ft_menu{
		text-align:right;
	}
	#ft_menu li{
		display:inline-block;
		margin:0 0 0 1em;
	}
	
	#colophon{
		position:relative;
		top:-10px;
		display:table;
		width:550px;
		text-align:left;
		margin:0 0 0;
	}
	#colophon dt{
		display:table-cell;
		width:205px;
		vertical-align:top;
	}
	#colophon dd{
		display:table-cell;
		vertical-align:top;
		line-height:19px;
	}
	#colophon dd b{
		vertical-align:middle;
		color:#fccc00;
		font-size:17px;
	}
	#colophon dd b span{
		font-size:20px;
		font-weight:bold;
	}
	#colophon dd > span{
		color:#fccc00;
		font-size:14px;
		font-weight:bold;
	}
	
	.copyright{
		text-align:right;
		color:#fff;
		font-size:11px !important;
	}




.m_LR_auto {
	margin-right: auto;
	margin-left: auto;
}
#menu_contents_index li {
	float: left;
}



/* marker*/
.ul_yellow{
    background: linear-gradient(transparent 70%, #fccc00 0);
}