@charset "utf-8";
/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	font-family: Arial, Roboto, Verdana, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: Arial, Roboto, Verdana, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	background-image: url(../../img/space.gif);
}
table, caption, th, td {
	font-family: Arial, Roboto, Verdana, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	background-image: url(../../img/space.gif);
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub, sup, q, br, ins, del, a, img, object, iframe {
	font-family: Arial, Roboto, Verdana, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
	background-image: url(../../img/space.gif);
}
a {
	outline: none;
	text-decoration: none;
	color: #8f8f8f;
}
a:hover {
	text-decoration: underline;
	color: #1a1a1a;
}
a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}
.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル---------------------------------------------------------------*/
body {
	background: url(../../img/main_bg.gif) repeat left top;
	overflow: scroll;
	line-height: 2;
	font-size: small;
	color: #8f8f8f;

	min-width: 950px;
	_display: inline;
	_zoom: 1;
}

/*IE6・7用*/
*body { overflow: auto; }

div#PageTop a {
	display: block;
	width: 93px;
	height: 93px;
	background: url(../../img/pagetop.png) no-repeat left top;
	position: fixed;
	bottom: 150px;
	right: 20px;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	z-index: 20;
}


/*------------Headerのスタイル---------------------------------------------------------------*/
div#Header { background: url(../../img/header_line.png) no-repeat center top; }
div#TopHeader { display: none; }


/*------------Globalのスタイル---------------------------------------------------------------*/
div#Global {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/*------------ul#SubMenu------------*/
div#Global ul#SubMenu {
	margin-top: 58px;
	padding-right: 20px;
	list-style: none;
	line-height: 1.6;
	text-align: right;
	font-size: 105%;
	color: #ff92bd;
}
div#Global ul#SubMenu li { display: inline; }
div#Global ul#SubMenu li a { color: #ff92bd; }

/*------------ul#GlobalMenu------------*/
div#Global ul#GlobalMenu {
	width: 920px;
	margin: 0 auto;
	padding: 5px 20px 0;
	background: #fff;
	list-style: none;
	overflow: hidden;
}
div#Global ul#GlobalMenu li {
	width: 160px;
	padding-top: 10px;
	float: left;
}
div#Global ul#GlobalMenu li#GMBtn01 {
	width: 280px;
	padding: 0;
}
div#Global ul#GlobalMenu li a {
	display: block;
	height: 70px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Global ul#GlobalMenu li#GMBtn05 span,
div#Global ul#GlobalMenu li#GMBtn05 a {
	display: block;
	height: 70px;
	background-repeat: no-repeat;
}
div#Global ul#GlobalMenu li#GMBtn05 span { background-position: left top; }
div#Global ul#GlobalMenu li#GMBtn05 a {
	width: 129px;
	margin-left: auto;
	background-position: right top;
}
div#Global ul#GlobalMenu li#GMBtn01 a { height: 80px; }
div#Global ul#GlobalMenu li a:hover { background-position: left bottom; }
div#Global ul#GlobalMenu li#GMBtn05 a:hover { background-position: right bottom; }
div#Global ul#GlobalMenu li#GMBtn01 a { background-image: url(../../img/gmbtn01.jpg); }
div#Global ul#GlobalMenu li#GMBtn02 a { background-image: url(../../img/gmbtn02.gif); }
div#Global ul#GlobalMenu li#GMBtn03 a { background-image: url(../../img/gmbtn03.gif); }
div#Global ul#GlobalMenu li#GMBtn04 a { background-image: url(../../img/gmbtn04.gif); }
div#Global ul#GlobalMenu li#GMBtn05 span,
div#Global ul#GlobalMenu li#GMBtn05 a { background-image: url(../../img/gmbtn05.jpg); }

/*------------ul#TopMenu------------*/
div#Global ul#TopMenu {
	width: 640px;
	padding: 20px 20px 0 300px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right bottom;
	list-style: none;
	overflow: hidden;
}
div#Global ul#TopMenu li {
	width: 160px;
	float: left;
}
div#Global ul#TopMenu li a,
div#Global ul#TopMenu li span {
	display: block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Global ul#TopMenu li a:hover { background-position: left bottom; }


/*------------Contentsのスタイル---------------------------------------------------------------*/
div#Contents {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
	background: #fff;
	overflow: hidden;
	font-size: 105%;
}
div#Main {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
div.InBox {
	width: 680px;
	margin: 0 auto;
	overflow: hidden;
}
div.InBox h3 {
	height: 36px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div.TopTxt {
	width: 680px;
	margin: 30px auto 0;
}
div.TopTxt {
	width: 680px;
	margin: 30px auto 0;
}
div.TopTxt p strong { font-weight: bold; }


/*------------FooterMenuのスタイル---------------------------------------------------------------*/
div#FooterMenu {
	width: 960px;
	margin: 0 auto;
	background: #fff;
}
div#FooterMenu ul {
	list-style: none;
	width: 560px;
	margin: 0 auto;
	overflow: hidden;
}
div#FooterMenu ul li {
	width: 140px;
	float: left;
}
div#FooterMenu ul li a {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#FooterMenu ul li a:hover { background-position: left bottom; }
div#FooterMenu ul li#FMBtn01 a { background-image: url(../../img/fmbtn01.gif); }
div#FooterMenu ul li#FMBtn02 a { background-image: url(../../img/fmbtn02.gif); }
div#FooterMenu ul li#FMBtn03 a { background-image: url(../../img/fmbtn03.gif); }
div#FooterMenu ul li#FMBtn04 a { background-image: url(../../img/fmbtn04.gif); }


/*------------Footerのスタイル---------------------------------------------------------------*/
div#Footer {
	padding-top: 80px;
	background: url(../../img/footer_line.png) no-repeat center top;
}
div#Footer div#InFooter {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}
div#Footer div#InFooter h2 {
	width: 305px;
	float: left;
}
div#Footer div#InFooter h2 a {
	display: block;
	height: 94px;
	background: url(../../img/footer_logo.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Footer div#InFooter div#FooterMenuTxt {
	width: 520px;
	float: right;
}
div#Footer div#InFooter div#FooterMenuTxt ul {
	list-style: none;
	margin-top: 10px;
	font-size: 95%;
}
div#Footer div#InFooter div#FooterMenuTxt ul li { display: inline; }
div#Footer div#InFooter div#FooterMenuTxt address {
	margin-top: 35px;
	font-size: 95%;
}


/*------------a nameがきかない時の処理のスタイル---------------------------------------------------------------*/
a#p01, a#p02, a#p03, a#p04, a#p05, a#p06, a#p07, a#p08, a#p09, a#p10 { display: block; }