@charset "utf-8";

/*
------------------------------------------

CSS Document ヘッダー・フッター・サイドメニュー・コモンクラス

------------------------------------------
*/

a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

body {
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
	font-size: 14px;;
	line-height: 1.7;
	text-align: center;
	background: url(../img/bg_body01.jpg) repeat-x 0 0 #F1F4F9;
	color: #333;
}

div#wrap {
	text-align: center;
	background: url(../img/bg_header.jpg) no-repeat top center;

}
#header div.inner,
#contents div.inner,
#footer div.inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*--header--*/
/*-------------------------------------------------------*/
#header {
	z-index: 10;
	zoom: 1;
}
#header div.inner {
	position: relative;
}
h1 {
	float: left;
	width: 552px;
	padding: 10px 0 0 0px;
	margin-bottom: 14px;
}
#header #logo2 {
	position: absolute;
	top:0;
	left:563px;
}
#header .switch {
	float: right;
	width: 330px;
	text-align: right;
	color: #fff;
}
#header .switch ul {
	margin-bottom: 17px;
}
#header .switch li {
	float: right;
	margin-left: 6px;
	width: 99px;
	height: 45px;
	text-align: left;
}

#header .switch li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}
#header .switch li.lang01 a {
	text-indent: -10000px;
	background: url(../img/btn_lang01.png) no-repeat 0 0;
}
#header .switch li.lang02 a {
	text-indent: -10000px;
	background: url(../img/btn_lang02.png) no-repeat 0 0;
}
#header .switch li.lang01 a:hover,#header .switch li.lang01 a.now {
	background: url(../img/btn_lang01.png) no-repeat 0 100%;
}
#header .switch li.lang02 a:hover,#header .switch li.lang02 a.now {
	background: url(../img/btn_lang02.png) no-repeat 0 100%;
}
#header .switch span {
	font-weight: bold;
	border: 1px solid #fff;
	padding: 0 5px;
}
#gnav {
	clear: both;
	margin-bottom: 16px;
	padding-left: 5px;
	z-index: 50;
	zoom: 1;
}
#gnav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height: 50px;
	z-index: 50;
	zoom: 1;
}
#gnav li a {
	display: block;
	width: 100%;
	height: 50px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	z-index: 50;
	zoom: 1;
}
.nav01 li a {
	background-image: url(../img/g_menu01.jpg);
}
.nav02 li a {
	background-image: url(../img/g_menu02.jpg);
}
.nav03 li a {
	background-image: url(../img/g_menu03.jpg);
}
#gnav li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#gnav li.gnav01 {	width: 190px;}
#gnav li.gnav02 {	width: 190px;}
#gnav li.gnav03 {	width: 190px;}
#gnav li.gnav04 {	width: 190px;}
#gnav li.gnav05 {	width: 190px;}
#gnav li.gnav01 a {	background-position: 0 0;}
#gnav li.gnav02 a {	background-position: -190px 0;}
#gnav li.gnav03 a {	background-position: -380px 0;}
#gnav li.gnav04 a {	background-position: -570px 0;}
#gnav li.gnav05 a {	background-position: -760px 0;}
#gnav li.gnav01 a:hover,#gnav li.gnav01 a.now {	background-position: 0 -50px;}
#gnav li.gnav02 a:hover,#gnav li.gnav02 a.now {	background-position: -190px -50px;}
#gnav li.gnav03 a:hover,#gnav li.gnav03 a.now {	background-position: -380px -50px;}
#gnav li.gnav04 a:hover,#gnav li.gnav04 a.now {	background-position: -570px -50px;}
#gnav li.gnav05 a:hover,#gnav li.gnav05 a.now {	background-position: -760px -50px;}

#gnav li ul {
	display: none;
	position: absolute;
	top: 50px;
	left: -1px;
	width: 100%;
	z-index: 100;
	zoom: 1;
}
#gnav li ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	background: url(../img/bg_pull.gif) repeat-x;
	z-index: 1000;
	zoom: 1;
}
#gnav li ul li a {
	display: block;
	text-indent: 0px;
	width: 90%;
	padding-left: 15px;
	height: 40px;
	text-align: left;
	line-height: 40px;
	text-decoration: none;
	background: url(../img/bg_pull.gif) repeat-x;
	color: #333;
	z-index: 1000;
	zoom: 1;
}
#gnav li ul li a:hover {
	text-decoration: underline;
	background-position: 0 0 !important;
	z-index: 1000;
	zoom: 1;
}
/*コンテンツ*/
/*-------------------------------------------------------*/
#contents {
	padding-bottom: 48px;
	background: url(../img/bg_body02.jpg) repeat-x center bottom;
	z-index: 0;
	zoom: 1;
}

/*--footer--*/
/*-------------------------------------------------------*/
#footer {
	position: relative;
	background-color: #17375e;
}
#footer div.inner {
	position: relative;
}
#footer .pagetop {
	position: absolute;
	top: -32px;
	right: 0;
	width: 95px;
	height: 32px;
}
#footer .pagetop a {
	display: block;
	width: 95px;
	height: 32px;
	background: url(../img/pagetop.jpg) no-repeat;
	text-indent: -10000px;
}
#footer .pagetop a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
/*--CommonClass--*/
/*-------------------------------------------------------*/
.link_red a {
	color: #b84e4e;
	padding-right: 30px;
	background: url(../img/icon_01.gif) no-repeat right;
}
.al_l {	text-align: left;}
.al_c {	text-align: center;}
.al_r {	text-align: right;}
.fl_l {	float: left;}
.fl_r {	float: right;}
.cl {	clear: both;}
.point {
	font-size: 10px;
}
.note {
	color: #858585;
	font-size: 12px;
}
.at {
	color: #ff3681;
}
strong {
	color: #ff3681;
}
/*--調整用--*/
.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;}
.mb70 {	margin-bottom: 70px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !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;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb30 {	padding-bottom: 30px !important;}



.w344 {width:344px;}

/*モダンブラウザ用*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*Mac版IE用*/
.clearfix {
  display: inline-table;
}
/*Windows IE用↓\*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*Windows IE用↑*/
/*Windows IE7用↓\*/
*:first-child+html .clearfix {
  height: 1%;
}