@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers 
------------------------------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display:block;
}
body{
	line-height:1;
}
ol, ul{
	list-style:none;
}

/* common 
------------------------------------------------------------------*/
html{
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body{
	font-family:YuGothic, '游ゴシック', sans-serif;
	color:#636363;
	font-size:12px;
	background:#fff;
}
a{
	cursor:pointer;
	text-decoration: none;
}

/* clearfix 
------------------------------------------------------------------*/
.clear{
	clear:both !important;
	float:none !important;
	font-size:0% !important;
	height:0px !important;
	line-height:0% !important;
	margin:0px !important;
	padding:0px !important;
	width:0px !important;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}

/* header 
------------------------------------------------------------------*/
.header {
	width: 100%;
	height: 58px;
	background: #FFF;
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
	position: fixed;
	top: 0px;
	z-index: 9999;
}
.header .inner {
	overflow: hidden;
}
.header h1 {
	margin-top: 16px;
	float: left;
}
.header ul {
	float: right;
	overflow: hidden;
}
.header ul li {
	float: left;
}
.header ul li a {
	display: block;
	width: 150px;
	height: 14px;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 18px;
	border-bottom: transparent 4px solid;
	border-right: 1px solid #BBBBBB;
	color: #303030;
	font-size: 13px;
	font-weight: 500;
}
.header ul li a.current,
.header ul li a:hover {
	border-bottom-color: #008083;
}

/* pagetop 
------------------------------------------------------------------*/
.pagetop {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}
.pagetop a {
	display: block;
	width: 69px;
	height: 48px;
	background-color: #FFF;
	text-align: center;
}
.pagetop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.pagetop a img {
	margin: 10px auto 6px;
}

/* banners 
------------------------------------------------------------------*/
.banners {
	background-color: #FFF;
	height: 110px;
}
.banners .inner {
	overflow: hidden;
	position: relative;
}
.img_l {
	float: left;
}
.img_l img {
	margin-top: 46px;
}
.img_l img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.img_r {
	float: right;
}
.img_r img {
	margin-top: 18px;
}
.img_r img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


/* copyright 
------------------------------------------------------------------*/
.copyright {
	width: 100%;
	height: 19px;
	padding-top: 7px;
	background-color: #007f85;
	text-align: center;
}
.copyright small {
	font-size: 10px;
	color: #FFF;
}
/* base 
------------------------------------------------------------------*/
.section {
	width: 100%;
}
.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}