@charset "utf-8";
/* ===================================================================
reset
=================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, b, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
}
header, footer, nav, section, article {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
input, textarea {
	border: none;
	padding: 0;
	margin: 0;
	color: #666666;
}
hr {
	display: none;
	height: 0;
	margin: 0;
	padding: 0;
}

/*------------------------------------------------
default
--------------------------------------------------*/
body {
	width:100%;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
	font-size: 14px;
	line-height: 155%;
	color: #333333;
	min-width: 950px;
	background: url(../img/bac.png) top center repeat;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* html body {	/* for IF6 */
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
/*------------------------------------------------
link(body)
--------------------------------------------------*/
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	color: #333333;
}
/*------------------------------------------------
link(footer)
--------------------------------------------------*/
.f_box1 a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/* 透明度変化の時間を設定 */
.f_box1 a {
	/* Firefox */
    -moz-transition: 0.4s;
	/* WebKit */
    -webkit-transition: 0.4s;
	/* Opera */
    -o-transition: 0.4s;
	/* Standard */
    transition: 0.4s;
}
#f_bana a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/* 透明度変化の時間を設定 */
#f_bana a {
	/* Firefox */
    -moz-transition: 0.4s;
	/* WebKit */
    -webkit-transition: 0.4s;
	/* Opera */
    -o-transition: 0.4s;
	/* Standard */
    transition: 0.4s;
}
/*------------------------------------------------
link(shio)
--------------------------------------------------*/
.con_box_top a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
/* 透明度変化の時間を設定 */
.con_box_top a {
	/* Firefox */
    -moz-transition: 0.4s;
	/* WebKit */
    -webkit-transition: 0.4s;
	/* Opera */
    -o-transition: 0.4s;
	/* Standard */
    transition: 0.4s;
}