@charset "UTF-8";
/*------------------------------------------------
	Reset
------------------------------------------------*/


html {
	color: #3a4d5b;
	background: white;
}
a {
	text-decoration: underline;
	color: #2378a3;
}
a:link, a:visited {
	text-decoration: underline;
	color: #2378a3;
}
a:hover, a:active {
	text-decoration: underline;
	color: #4d3e39;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	cellpadding:2;
	border: solid #66cdaa;
}

tr,th,td {
	border-collapse: collapse;
	border-spacing: 0;
	cellpadding:2;
	border: solid 1px #66cdaa;
}

fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, time, b, u, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6, p, small {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: "";
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}
legend {
	color: black;
}
main, header, footer, section, hgroup, aside, nav, address, article, figure {
	display: block;
	margin: 0;
	padding: 0;
}
input[type="button"] {
	border-radius: 0;	
}

/*------------------------------------------------
	Font
------------------------------------------------*/
/*
[77% = 10px]
[85% = 11px]
[93% = 12px]
[100% = 13px]
[108% = 14px]
[116% = 15px]
[123.1% = 16px]
[131% = 17px]
[138.5% = 18px]
[146.5% = 19px]
[153.9% = 20px]
[161.6% = 21px]
[167% = 22px]
[174% = 23px]
[182% = 24px]
[189% = 25px]
[197% = 26px]
*/
body {
	font: 80%/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
select, input, button, textarea {
	font: 99% arial, helvetica, clean, sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 100%;
 	*font-size: 108%;
	line-height: 22px;
}
body {
	word-wrap: break-word;
} 


/*------------------------------------------------
	Layout
------------------------------------------------*/
html {
	height: 100%;
}
body {
	text-align: left;
	#text-align: center;
	position: relative;
	color: #3a4d5b;
}
.wrapper {
	min-width: 1080px;
	height: auto;
	position: relative;
	clear: both;
	overflow: visible;
}
.container {
	width: 950px;
	margin: 0 auto;
	position: relative;
	padding: 0 85px;
	overflow: visible;
}
	* html .container {
		width: 1120px;
		text-align: left;
	}
	*:first-child+html .container {
		width: 950px;
		text-align: left;
	}
a:focus, input:focus {
	outline: 2px #dc1753 solid !important;
}
#main a:focus img[style] {
	outline: 2px #dc1753 solid !important;
} 
/* ----------------タイトルheader------------ */
#header	{background-color: #ee82ee;
	background-image: url(sky.jpg);
	padding: 20px 20px 135px}

#header h1	{margin: 0}

#header p	{color: #fff0f5;
	font-size: 0.8em;
	margin: 0}

/*------------------------------------------------
	BreadCrumb
------------------------------------------------*/
#bread_crumb {
	min-height: 50px;
	clear: both;
	padding-top: 10px;
}
	*html #bread_crumb {
		min-height: 50px;
		padding-bottom: 10px;
	}
#bread_crumb ul li {
	display: inline;
	font-size: 93%;
	line-height: 18px;
}
#bread_crumb ul li:before {
	padding: 0 6px;
	content: ">";
}
#bread_crumb ul li:first-child:before {
	content: "";
	padding: 0;
} 

/*------------------------------------------------
	Contents
------------------------------------------------*/
#contents {
	margin: 0 auto;
	overflow: visible;
	clear: both;
	position: relative;
}

/*------------------------------------------------
	Main
------------------------------------------------*/
#main {
	width: 950px;
	float: left;
	min-height: 300px;
	margin-bottom: 78px;
}
	*:first-child+html #main {
		padding-bottom: 78px;
	}
	* html #main {
		padding-bottom: 78px;
	}
/*------------------------------------------------
	UL DL OL
------------------------------------------------*/
#main ul, 
#main ol, 
#main dl {
	font-size: 108%;
	line-height: 22px;
}
#main ul ul,
#main ul ol,
#main ul dl,
#main ul p,
#main ol ul,
#main ol ol,
#main ol dl,
#main ol p,
#main dl dl,
#main dl ul,
#main dl ol,
#main dl p,
#main p p,
#main p ul,
#main p ol,
#main p dl {
	font-size: 100%;	
}
#main ul {
	margin: 0 20px 24px 22px;
	list-style: none;
}
#main ul li {
	padding-left: 12px;
	margin-bottom: 4px;
	background: url(../img/ico_disc.png) left 6px no-repeat;
}
#main ul.ul-list li,
#main ul.ul_list li {
	background: url(../img/ico_disc.png) left 6px no-repeat;
}
#main ul.kinkyu_list li {
	background: url(../img/ico_disc_red.png) left 6px no-repeat;
}
#main ul.no-style li {
	background: none;
	padding-left: 0;
}
/*------------------------------------------------
	Footer
------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	min-height: 80px;
	position: relative;
	z-index: auto;
	background: #666;
	overflow: hidden;
	*zoom: 1;
}
#footer	{color: #708090;
	background-color: #b0c4de;
	margin-top: 25px;
	padding-top: 8px;
	padding-bottom: 8px}

address	{font-size: 0.75em;
	font-style: normal;
	text-align: center}

/*------------------------------------------------
	Link
------------------------------------------------*/
#link {
	background: #fbfbfb;
	border-top: 1px solid #efefef;
}
/*------------------------------------------------
	レスポンシブ
------------------------------------------------*/
/*スマホ*/
@media screen and (max-width: 764px) {  
.wrapper {
	-webkit-text-size-adjust: 100%;
	min-width: 740px;
}
.container {
	width: 690px;
	padding: 0;
	margin: 0 auto;
}
#header .container {
	height: 310px;
	width: 100%;
}
#heading .container {
	/*padding: 8px 25px;*/
}
#heading .container > h1, #heading .container > p {
	margin: 0 20px;
}
#bread_crumb .container {
	padding: 0;
}
#contents .container {
	width: 100%;
}
/**/
#header #ci {
	padding: 10px 0 25px;
	text-align: center;
}
#header #ci img {
	width: 276px;
	height: 98px;
}
#info_menu {
	position: absolute;
	top: 130px;
	right: 0;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 26px;
}
#info_menu li {
	width: 25%;
	/*height: 80px;*/
	float: left;
	background: none;
	text-align: center;
	border-left: none;
	padding: 0;
}
#info_menu li a {
	display: block;
	width: 99%;
	padding: 25px 0 23px;
	border-left: 1px solid #ccc;
}
#info_menu li:first-child a {
	border: none;	
}
#lang_menu {
	top: 211px;
	right:0;
	width: 100%;
	border-bottom: 1px solid #ccc;
	font-size: 24px;
}
#lang_menu li {
	padding: 0;
	width: 20%;
	float: left;
	background: none;
	text-align: center;
	border-left: none;
}
#lang_menu li a {
	display: block;
	width: 99%;
	padding: 17px 0 15px;
	border-left: 1px solid #ccc;
}
#lang_menu li:first-child a {
	border: none;