@charset "utf-8";
/* CSS Document */

/*------ reset ------*/
body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object{margin: 0;padding: 0;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6 {font-style: normal;font-weight: normal;font-size: 100%;}
table{border-spacing:0;}
* html table{border-collapse:collapse;}
*:first-child+html table{border-collapse:collapse;}
caption,th{text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input{vertical-align:top;}
q:before,q:after{content:'';}
strong,em,address{font-weight:normal;font-stretch:normal;font-style:normal;}
ul{list-style:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

/*--- text-align ---*/
.center {text-align: center!important;}
.left   {text-align:left!important;}
.right  {text-align:right!important;}

/*--- line-height ---*/
.lh1-0 {line-height: 1.0!important;}
.lh1-5 {line-height: 1.5!important;}
.lh2-0 {line-height: 2.0!important;}
.lh2-5 {line-height: 2.5!important;}
.lh3-0 {line-height: 3.0!important;}
.lh3-5 {line-height: 3.5!important;}
.lh4-0 {line-height: 4.0!important;}
.lh4-5 {line-height: 4.5!important;}
.lh5-0 {line-height: 5.0!important;}

/*--- font-size ---*/
.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px!important;}
.fs13 {font-size: 13px!important;}
.fs14 {font-size: 14px!important;}
.fs15 {font-size: 15px!important;}
.fs16 {font-size: 16px!important;}
.fs17 {font-size: 17px!important;}
.fs18 {font-size: 18px!important;}

/*--- float---*/
.fl {float: left!important;}
.fr {float: right!important;}

/*--- color---*/
.black  {color: #000!important;}
.gray   {color: #ccc!important;}
.red    {color: #f00!important;}
.blue   {color: #ff0!important;}
.green  {color: #0c0!important;}
.brown  {color: #960!important;}
.orange {color: #f90!important;}
.yellow {color: #ff0!important;}

/*--- style ---*/
.bold   {font-weight: bold!important;}
.italic {font-style : italic!important;}

/*--- font ---*/
.f50  {font-size:  50%!important;}
.f75  {font-size:  75%!important;}
.f100 {font-size: 100%!important;}
.f125 {font-size: 125%!important;}
.f150 {font-size: 150%!important;}
.f200 {font-size: 200%!important;}

/*--- display ---*/
.hidden {display: none!important;}

/*--- clear ---*/
.clear {clear: both;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}

/*--- margin ---*/

.auto  {margin-left: auto!important; margin-right: auto!important;}

.m0  {margin:  0px!important;}
.m5  {margin:  5px!important;}
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}
.m25 {margin: 25px!important;}
.m30 {margin: 30px!important;}
.m35 {margin: 35px!important;}
.m40 {margin: 40px!important;}
.m45 {margin: 45px!important;}
.m50 {margin: 50px!important;}
.m55 {margin: 55px!important;}
.m60 {margin: 60px!important;}
.m65 {margin: 65px!important;}
.m70 {margin: 70px!important;}
.m75 {margin: 75px!important;}
.m80 {margin: 80px!important;}
.m85 {margin: 85px!important;}
.m90 {margin: 90px!important;}
.m95 {margin: 95px!important;}
.m100{margin:100px!important;}

.mt0  {margin-top:  0px!important;}
.mt5  {margin-top:  5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt55 {margin-top: 55px!important;}
.mt60 {margin-top: 60px!important;}
.mt65 {margin-top: 65px!important;}
.mt70 {margin-top: 70px!important;}
.mt75 {margin-top: 75px!important;}
.mt80 {margin-top: 80px!important;}
.mt85 {margin-top: 85px!important;}
.mt90 {margin-top: 90px!important;}
.mt95 {margin-top: 95px!important;}
.mt100{margin-top:100px!important;}

.mb0  {margin-bottom:  0px!important;}
.mb5  {margin-bottom:  5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb55 {margin-bottom: 55px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb65 {margin-bottom: 65px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb75 {margin-bottom: 75px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb85 {margin-bottom: 85px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb95 {margin-bottom: 95px!important;}
.mb100{margin-bottom:100px!important;}

.ml0  {margin-left:  0px!important;}
.ml5  {margin-left:  5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml55 {margin-left: 55px!important;}
.ml60 {margin-left: 60px!important;}
.ml65 {margin-left: 65px!important;}
.ml70 {margin-left: 70px!important;}
.ml75 {margin-left: 75px!important;}
.ml80 {margin-left: 80px!important;}
.ml85 {margin-left: 85px!important;}
.ml90 {margin-left: 90px!important;}
.ml95 {margin-left: 95px!important;}
.ml100{margin-left:100px!important;}

.mr0  {margin-right:  0px!important;}
.mr5  {margin-right:  5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr55 {margin-right: 55px!important;}
.mr60 {margin-right: 60px!important;}
.mr65 {margin-right: 65px!important;}
.mr70 {margin-right: 70px!important;}
.mr75 {margin-right: 75px!important;}
.mr80 {margin-right: 80px!important;}
.mr85 {margin-right: 85px!important;}
.mr90 {margin-right: 90px!important;}
.mr95 {margin-right: 95px!important;}
.mr100{margin-right:100px!important;}

/*--- padding ---*/
.p0   {padding:  0px!important;}
.p5   {padding:  5px!important;}
.p10  {padding: 10px!important;}
.p15  {padding: 15px!important;}
.p20  {padding: 20px!important;}
.p25  {padding: 25px!important;}
.p30  {padding: 30px!important;}
.p35  {padding: 35px!important;}
.p40  {padding: 40px!important;}
.p45  {padding: 45px!important;}
.p50  {padding: 50px!important;}
.p55  {padding: 55px!important;}
.p60  {padding: 60px!important;}
.p65  {padding: 65px!important;}
.p70  {padding: 70px!important;}
.p75  {padding: 75px!important;}
.p80  {padding: 80px!important;}
.p85  {padding: 85px!important;}
.p90  {padding: 90px!important;}
.p95  {padding: 95px!important;}
.p100 {padding:100px!important;}

.pt0  {padding-top:  0px!important;}
.pt5  {padding-top:  5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt55 {padding-top: 55px!important;}
.pt60 {padding-top: 60px!important;}
.pt65 {padding-top: 65px!important;}
.pt70 {padding-top: 70px!important;}
.pt75 {padding-top: 75px!important;}
.pt80 {padding-top: 80px!important;}
.pt85 {padding-top: 85px!important;}
.pt90 {padding-top: 90px!important;}
.pt95 {padding-top: 95px!important;}
.pt100{padding-top:100px!important;}

.pb0  {padding-bottom:  0px!important;}
.pb5  {padding-bottom:  5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb55 {padding-bottom: 55px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb65 {padding-bottom: 65px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb75 {padding-bottom: 75px!important;}
.pb80 {padding-bottom: 80px!important;}
.pb85 {padding-bottom: 85px!important;}
.pb90 {padding-bottom: 90px!important;}
.pb95 {padding-bottom: 95px!important;}
.pb100{padding-bottom:100px!important;}

.pl0  {padding-left:  0px!important;}
.pl5  {padding-left:  5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
.pl55 {padding-left: 55px!important;}
.pl60 {padding-left: 60px!important;}
.pl65 {padding-left: 65px!important;}
.pl70 {padding-left: 70px!important;}
.pl75 {padding-left: 75px!important;}
.pl80 {padding-left: 80px!important;}
.pl85 {padding-left: 85px!important;}
.pl90 {padding-left: 90px!important;}
.pl95 {padding-left: 95px!important;}
.pl100{padding-left:100px!important;}

.pr0  {padding-right:  0px!important;}
.pr5  {padding-right:  5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pr55 {padding-right: 55px!important;}
.pr60 {padding-right: 60px!important;}
.pr65 {padding-right: 65px!important;}
.pr70 {padding-right: 70px!important;}
.pr75 {padding-right: 75px!important;}
.pr80 {padding-right: 80px!important;}
.pr85 {padding-right: 85px!important;}
.pr90 {padding-right: 90px!important;}
.pr95 {padding-right: 95px!important;}
.pr100{padding-right:100px!important;}

.over{
    overflow:hidden;
}

.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w400 {width:400px;}


/*--- hr---*/
hr {
	height: 1px;
	background-color: #ccc;
	border: none;
	color: #ccc;
}


/* 共通設定
--------------------------------------------*/

body{
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height:160%;
    color: #3e3e3e;
    font-family:'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
		background: url(../images/bg.png);
}

a:link {
    color: #0a9ff5;
    text-decoration: underline;
}

a:visited {
    color: #936;
    text-decoration: none;
}

a:hover {
    color: #f00;
    text-decoration: none;
}

a:active {
    color: #f00;
    text-decoration: none;
}

.pagetop {
    width: 950px;
    margin: 20px auto;
    text-align: right;
}

.area {
	width: 960px;
	margin: 0 auto;
}

/* header
-------------------------------------------------------------------- */

#header {
	position: fixed;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	background: #fff;
	padding: 30px 0;
	z-index: 9999;
}

#header #title {
	float: left;
}

/* navi
-------------------------------------------------------------------- */

#header #nav {
	float: right;
}

#header #nav ul {
	overflow: hidden;
}

#header #nav ul li {
	float: left;
	margin-left: 50px;
}

#header #nav ul li a {
	display: block;
	padding-bottom: 5px;
}

#header #nav ul li a:hover,
#header #nav ul li .active {
	border-width: 0 0 1px 0;
	border-style: solid;
}

#header #nav ul li.home a:hover,
#header #nav ul li.home .active {
	border-color: #f4b3b2;
}

#header #nav ul li.about a:hover,
#header #nav ul li.about .active {
	border-color: #edcb88;
}

#header #nav ul li.business a:hover,
#header #nav ul li.business .active {
	border-color: #b6d595;
}

#header #nav ul li.access a:hover,
#header #nav ul li.access .active {
	border-color: #9fc6e8;
}

#header #nav ul li.contact a:hover,
#header #nav ul li.contact .active {
	border-color: #e2abcc;
}

/* breadcrumb
-------------------------------------------------------------------- */
#breadcrumb {
	width: 960px;
	margin: 30px auto;
	overflow: hidden;
}

#breadcrumb li {
	float: left;
	margin-right: 10px;
	line-height: 1.5;
	color: #333;
}

#breadcrumb li:before {
	/* liの前に記号追加 */
	content: ">";
	margin-right: 10px;
}

#breadcrumb li:first-child:before {
	/* 最初のliだけcontentを消す */
	content: none;
}

/* footer
-------------------------------------------------------------------- */

#footer {
	background: url(../images/img_footer.png) repeat-x top center;
	padding-top: 68px;
}

#footer #footerbox {
	background: #bcdd98;
	padding: 40px 0;
}

#footer .footeritem {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#footer .address {
	float: left;
}

#footer .address .logo {
	margin-bottom: 10px;
}

#footer .optionlink {
	float: right;
	overflow: hidden;
}

#footer .optionlink li {
	float: left;
	margin-left: 20px;
	border-left: 1px #3e3e3e solid;
	padding-left: 20px;
	line-height: 1.2;
}

#footer .optionlink li:first-child {
	margin-left: 0;
	border-left: none;
	padding-left: 0;
}

#footer .optionlink a {
	color: #3e3e3e;
	text-decoration: none;
}

#footer .optionlink a:hover {
	text-decoration: underline;
}

#footer #page-top {
	position: fixed;
	bottom: 320px;
	right: 40px;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index: 3;
}

#footer #page-top a {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/btn_top.png) no-repeat center center;
}

#footer #copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
	background: #a1c57a;
}