@charset "UTF-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	height: 100%;
	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", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	background-image: url(../../pc_img/space.gif);
}

table, caption, th, td {
	font-family: Arial, Roboto, Verdana, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	background-image: url(../../pc_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", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
	background-image: url(../../pc_img/space.gif);
}

img { vertical-align: bottom; }

a {
	outline: none;
	text-decoration: none;
	color: #2a2b2b;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

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; }
.PcNo { display: none; }


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル---------------------------------------------------------------*/
body {
	background: #b72900;
	overflow-y: scroll;
	line-height: 1.4;
	font-size: 13px;
	color: #5c5c5c;
}

/*IE6・7用*/
*body { overflow: auto; }


/*------------SpMenuのスタイル---------------------------------------------------------------*/
div#SpMenu { display: none; }


/*------------SideMenuのスタイル---------------------------------------------------------------*/
div#SideMenu { display: none; }


/*------------Containerのスタイル---------------------------------------------------------------*/
div#InContainer {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 10;
}


/*------------Headerのスタイル---------------------------------------------------------------*/
div#Header {
	height: 100px;
	background: #fa2900 url(../../pc_img/header_bg.jpg) no-repeat center top;
}
div#InHeader {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
div#InHeader div#HeaderLogo {
	width: 570px;
	float: left;
}
div#InHeader div#HeaderLogo h1 {
	height: 25px;
	padding: 5px 0 0 85px;
	overflow: hidden;
	color: #fff;
}
div#InHeader div#HeaderLogo h2 {　padding: 15px 0 0 84px;　}
div#InHeader div#HeaderLogo h2 a {
	display: block;
	width: 325px;
	height: 43px;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#InHeader div#HeaderLink {
	width: 330px;
	float: right;
}
div#InHeader div#HeaderLink ul {
	list-style: none;
	width: 319px;
	height: 25px;
	margin: 0 0 0 auto;
	padding: 5px 0 0 0;
	overflow: hidden;
}
div#InHeader div#HeaderLink ul li {
	height: 18px;
	float: left;
}
div#InHeader div#HeaderLink ul li a {
	display: block;
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(../../pc_img/header_b01.gif);
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#InHeader div#HeaderLink ul li#HLMBtn01 {
	width: 150px;
	margin: 0 6px 0 0;
}
div#InHeader div#HeaderLink ul li#HLMBtn02 {
	width: 100px;
	margin: 0 2px 0 0;
}
div#InHeader div#HeaderLink ul li#HLMBtn03 {
	width: 61px;
	margin: 0;
}
div#InHeader div#HeaderLink ul li#HLMBtn01 a { background-position: 0 top; }
div#InHeader div#HeaderLink ul li#HLMBtn02 a { background-position: -156px top; }
div#InHeader div#HeaderLink ul li#HLMBtn03 a { background-position: -258px top; }
div#InHeader div#HeaderLink ul li#HLMBtn01 a:hover { background-position: 0 bottom; }
div#InHeader div#HeaderLink ul li#HLMBtn02 a:hover { background-position: -156px bottom; }
div#InHeader div#HeaderLink ul li#HLMBtn03 a:hover { background-position: -258px bottom; }
div#InHeader div#HeaderLink p {
	width: 223px;
	height: 44px;
	margin: 13px 0 0 auto;
}
div#InHeader div#HeaderLink p a {
	display: block;
	width: 223px;
	height: 44px;
	background: url(../../pc_img/header_b02.jpg) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#InHeader div#HeaderLink p a:hover { background-position: left bottom; }


/*------------Titleのスタイル---------------------------------------------------------------*/
div#Title {
	width: 100%;
	padding: 10px 0 0 0;
	background: #fff url(../../pc_img/title_bg.jpg) no-repeat center bottom;
}
div#Title h2 {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 40px center;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}


/*------------Contentsのスタイル---------------------------------------------------------------*/
div#Contents {
	min-height: 323px;
	padding: 10px 0 30px 0;
	background: #fff url(../../pc_img/global_bg.gif) no-repeat center 10px;
}


/*------------Globalのスタイル---------------------------------------------------------------*/
div#Global {
	width: 900px;
	margin: 0 auto;
}
div#Global ul {
	list-style: none;
	overflow: hidden;
}
div#Global ul li {
	width: 225px;
	float: left;
}

div#Global ul li a {
	display: block;
	height: 70px;
	background-repeat: no-repeat;
	background-image: url(../../pc_img/global.jpg);
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}

div#Global ul li#GMBtn01 a { background-position: 0 top; }
div#Global ul li#GMBtn02 a { background-position: -225px top; }
div#Global ul li#GMBtn03 a { background-position: -450px top; }
div#Global ul li#GMBtn04 a { background-position: -675px top; }
div#Global ul li#GMBtn01 a:hover { background-position: 0 bottom; }
div#Global ul li#GMBtn02 a:hover { background-position: -225px bottom; }
div#Global ul li#GMBtn03 a:hover { background-position: -450px bottom; }
div#Global ul li#GMBtn04 a:hover { background-position: -675px bottom; }


/*------------Mainのスタイル---------------------------------------------------------------*/
div#Main {
	width: 900px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}
/*ページの最初へ戻る*/
div#Main div.PageTop {
	width: 150px;
	height: 30px;
	margin: 30px 0 0 auto;
}
div#Main div.PageTop a {
	display: block;
	width: 150px;
	height: 30px;
	background: url(../../pc_img/pagetop.gif) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Main div.PageTop a:hover { background-position: left bottom; }


/*------------Footerのスタイル---------------------------------------------------------------*/
div#FooterMenu {
	padding: 15px;
	background: #523300;
}
div#FooterMenu ul {
	list-style: none;
	width: 790px;
	margin: 0 auto;
	overflow: hidden;
}
div#FooterMenu ul li {
	list-style: none;
	margin: 0 15px 0 0;
	float: left;
}
div#FooterMenu ul li#FLMBtn01 { width: 47px; }
div#FooterMenu ul li#FLMBtn02 { width: 75px; }
div#FooterMenu ul li#FLMBtn03 { width: 74px; }
div#FooterMenu ul li#FLMBtn04 { width: 75px; }
div#FooterMenu ul li#FLMBtn05 { width: 102px; }
div#FooterMenu ul li#FLMBtn06 { width: 160px; }
div#FooterMenu ul li#FLMBtn07 { width: 97px; }
div#FooterMenu ul li#FLMBtn08 { width: 54px; margin: 0; }
div#FooterMenu ul li a {
	display: block;
	height: 17px;
	background-image: url(../../pc_img/footer_b.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#FooterMenu ul li#FLMBtn01 a { background-position: 0 top; }
div#FooterMenu ul li#FLMBtn02 a { background-position: -47px top; }
div#FooterMenu ul li#FLMBtn03 a { background-position: -122px top; }
div#FooterMenu ul li#FLMBtn04 a { background-position: -196px top; }
div#FooterMenu ul li#FLMBtn05 a { background-position: -271px top; }
div#FooterMenu ul li#FLMBtn06 a { background-position: -373px top; }
div#FooterMenu ul li#FLMBtn07 a { background-position: -533px top; }
div#FooterMenu ul li#FLMBtn08 a { background-position: -630px top; }
div#FooterMenu ul li#FLMBtn01 a:hover { background-position: 0 bottom; }
div#FooterMenu ul li#FLMBtn02 a:hover { background-position: -47px bottom; }
div#FooterMenu ul li#FLMBtn03 a:hover { background-position: -122px bottom; }
div#FooterMenu ul li#FLMBtn04 a:hover { background-position: -196px bottom; }
div#FooterMenu ul li#FLMBtn05 a:hover { background-position: -271px bottom; }
div#FooterMenu ul li#FLMBtn06 a:hover { background-position: -373px bottom; }
div#FooterMenu ul li#FLMBtn07 a:hover { background-position: -533px bottom; }
div#FooterMenu ul li#FLMBtn08 a:hover { background-position: -630px bottom; }


/*------------Footerのスタイル---------------------------------------------------------------*/
div#FooterAdd {
	padding: 15px;
	background: #b72900 url(../../pc_img/footer_bg.gif) repeat-x left top;
	font-size: 105%;
	color: #fff;
}
div#FooterAdd div#InFooterAdd {
	width: 680px;
	margin: 0 auto;
	overflow: hidden;
}
div#FooterAdd div#InFooterAdd p,
div#FooterAdd div#InFooterAdd dl {
	float: left;
	padding: 0.3em 0.7em 0 0;
	white-space: nowrap;
}
div#FooterAdd div#InFooterAdd h2 {
	width: 268px;
	height: 27px;
	padding-right: 10px;
	background: url(../../pc_img/footer_logo.png) no-repeat left top;
	float: left;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#FooterAdd div#InFooterAdd br { display: none; }
div#FooterAdd div#InFooterAdd dl dt { float: left; }
div#FooterAdd div#InFooterAdd dl dt:after { content: "："; }
div#FooterAdd address {
	clear: both;
	padding: 65px 0 15px;
	text-align: center;
	color: #fff;
}