@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Cantata+One:400);
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */

a { color: #8387a1; text-decoration: none; }
a img:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }	

a:hover { text-decoration: underline; }
input[type*="submit"] { cursor: pointer; }
body { background: #fff; }

/*----------------------------------------------------
	#wrapper（ページ全体）
----------------------------------------------------*/
#middleWrap {
	display: block;
	width: 100%;
	height: auto;
	background: #d3e0cb;
	overflow : hidden;
	}
#wrapper {
	display: block;
	width: 960px;
	height: auto;
	background: url(../images/bg_stripes2.gif) 20px 0 repeat-y;
	margin: 0 auto;
	padding: 30px 0 0 0;
	font-size: 100%;
	overflow : hidden;
}

/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
header#globalHeader {
	width: 100%;
	height: 149px;
	background: url(../images/bg_menu.gif) repeat-x 0 94px #fff;
	border-bottom: 1px solid #9dad8c;
}

/* グローバルナビゲーション
----------------------------------------------------*/
#innerHeader { display: block; width: 960px; height: 130px; background: url(../images/bg_header.gif) no-repeat 20px 0; padding: 19px 0 0 0; margin: 0 auto;}

/*ロゴ*/
#innerHeader h1 a { display: block; width: 360px; height: 59px; background: url(../images/logo_header.gif) no-repeat; text-indent: -9999px; margin: 0 auto; }
#innerHeader h1 a:hover { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; }

/*オフィシャルメニュー*/
header#globalHeader nav.globalMenu ul {
	text-align: center;
	padding-top: 24px;
	/zoom: 1;
}

header#globalHeader nav.globalMenu ul:after {	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
header#globalHeader nav.globalMenu ul li {
	display: inline-block;
	*display: inline;
	font-size: 16px;
	font-family: "Cantata One";
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
}
header#globalHeader nav.globalMenu ul li a { color: #003c3e; padding: 0 10px; }


/* フッター
----------------------------------------------------*/
#globalFooter {
	display: block;
	width: 100%;
	height: auto;
	clear: both;
}

#innerFooter {
	display: block;
	width: 100%;
	height: 98px;
	background: #c5cfc1;
	border-top: 1px solid #dde7d9;
	border-bottom: 1px solid #f5f2e9;
	}
	
#footerMenu {
	display: block;
	width: 960px;
	height: 75px;
	background: url(../images/bg_stripes2.gif) repeat-y 20px 0;
	padding: 23px 0 0 0;
	margin: 0 auto;
	}
	
#footerMenu a { color: #8a8a8a; }
#footerMenu h1 {
	display: block;
	float: left;
	width: 255px;
	height: 42px;
	background: url(../images/logo_footer.png) no-repeat;
	text-indent: -9999px;
	}
	
#footerMenu nav {
	display: block;
	float: left;
	width: 681px;
	margin: 8px 0 0 24px;
	}
#footerMenu nav ul li {
	display: inline-block;
	font-size: 93%;
	font-family: "Cantata One";
	background: url(../images/arrow_footer.png) no-repeat 0 center;
	padding: 0 20px 0 10px;
	}
#footerMenu nav ul li:last-child { padding-right: 0; }				
/* 禁止事項
----------------------------------------------------*/
#footerMenu p {
	display: block;
	clear: both;
	color: #9dad8c;
	font-size: 85%;
	letter-spacing: 0.05em;
	padding-top: 10px;
	}
		
/* copyright
----------------------------------------------------*/
#copyBar { display: block; width: 100%; height: 30px; text-align: center; }
#copyBar small,#copyBar small a { color: #023e3e; }
#copyBar small {
	display: block;
	width: 960px;
	height: 40px;
	font-size: 77%;
	font-family: "Cantata One";
	background: url(../images/bg_footer_bottom.jpg) no-repeat 20px 0;
	padding: 20px 0 0 0;
	margin: 0 auto;
	}

/*----------------------------------------------------
	#back-top（トップへ戻るボタン）
----------------------------------------------------*/
#back-top {
    position: fixed;
    bottom: 20px;
    margin-left: 300px;
}
#back-top a,#back-top2 a {
    width: 40px;
    display: block;
}
#back-top span,#back-top2 span {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    background: url(../images/btn/btn_top.png) no-repeat;
}

#back-top2 {
    position: fixed;
    bottom: 20px;
    margin-left: 980px;
}
/*----------------------------------------------------
	IE6向けメッセージ
----------------------------------------------------*/	
#forIE6	 { font-size: 123.1%; line-height: 1.5em; }
#forIE6 a { color: #e74c3c; }

.fontL{
font-size:131%;
}