@charset "shift_jis";

html{
	font-size:62.5%;
	}

/*=============目次=============
/
/01.ブラウザ初期設定
/02.ラップ
/03.グローバルナビ
/04.メイン
/05.フッター
/06.フロートクリア
/
================================*/



/*----------------------------
01.ブラウザ初期設定
----------------------------*/
body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.2em;
	line-height:1.6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#bbb;
	background:url("../images/background02.gif") repeat-x 0px 0px;
	background-color:#000;
	}

h1 {
	width:150px;
	height:40px;
	margin:0 0 6px 0;
	padding:0;
	text-align:left;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:0;
	border:solid 0px;
	}

h2 {
	margin:0;
	padding:0;
	text-align:left;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	line-height:1.2em;
	color:#777;
	border:solid 0px;
	}

h3 {
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:1.6em;
	color:#bbb;
	border:solid 0px;
	}

h4 {
	margin:0;
	padding:0;
	text-align:left;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:1.4;
	border:solid 0px;
	}

h5,h6,div,p,table,ul,li {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	}

strong, {
	font-weight: bold;
	color: 4f4f4f;
	}

ul,li, {
	list-style-type:none;
	}

table, th, td{
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	}

img {
	border: 0;
	vertical-align: top;
	line-height:0;
	}


/*----------------------------
02.ラップ
----------------------------*/
#wrap {
	width:850px;
	margin:0 auto;
	padding:0;
	text-align:center;
	border:solid 0px;
	}


/*----------------------------
03.グローバルナビ
----------------------------*/
#logo {
	float:left;
	width:300px;
	margin:0;
	padding:0;
	text-align:left;
	border:solid 0px;
	}

#gnav{
	float:right;
	width:480px;
	height:50px;
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
	}

#gnav li {
	float:left;
	list-style-type: none;
	width:80px;
	height:50px;
	margin:0;
	text-align:left;
	}


/*----------------------------
04.メイン
----------------------------*/
#main{
	clear:both;
	width:850px;
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
	color:#ddd;
	border:0px solid;
	}




/*----------------------------
07.フッター
----------------------------*/
#footer-area{
	clear:both;
	width:100%;
	margin:0;
	padding:6px 0 0 0;
	text-align:center;
	border-top:1px solid #ddd;
	}

#footer{
	width:850px;
	margin:0 auto;
	text-align:center;
	}

#footer ul{
	margin:0 0 0.5em -0.5em;
	padding:0;
	text-align:left;
	}

#footer li{
	list-style-type:none;
	display: inline; /* 横並びにさせる */
	margin:0 0.5em 0 0;
	padding:0 0.5em;
	text-align:right;
	border-left:1px solid #999;
	}
/* 親要素から見て一番目のli要素のボーダーを無しに */
#footer li:first-child {
	border: none;
	}

#copyright{
	margin:0;
	text-align:left;
	letter-spacing:0.1em;
	}



/*----------------------------
08.フロートクリア
----------------------------*/
.float-clear{
	clear:both;
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix:{
	display:inline-block;
	}
/*hides from IE-mac\*/
/*html .clearfix{height:1%;}
.clearfix:{display:block;}
/*End hide from IE-mac*/



/*----------------------------
13.グローバルナビリンク設定
----------------------------*/
a#gnav01{
	width:80px;
	height:50px;
	display:block;
	background:url("../images/gnav.gif") no-repeat 0 0px;
	}
a#gnav01:hover{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat 0 -50px;
	}
#gnav01on{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat 0 -50px;
	}

a#gnav02{
	width:80px;
	height:50px;
	display:block;
	background:url("../images/gnav.gif") no-repeat -80px 0px;
	}
a#gnav02:hover{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -80px -50px;
	}
#gnav02on{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -80px -50px;
	}

a#gnav03{
	width:80px;
	height:50px;
	display:block;
	background:url("../images/gnav.gif") no-repeat -160px 0px;
	}
a#gnav03:hover{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -160px -50px;
	}
#gnav03on{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -160px -50px;
	}

a#gnav04{
	width:80px;
	height:50px;
	display:block;
	background:url("../images/gnav.gif") no-repeat -240px 0px;
	}
a#gnav04:hover{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -240px -50px;
	}
#gnav04on{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -240px -50px;
	}

a#gnav05{
	width:80px;
	height:50px;
	display:block;
	background:url("../images/gnav.gif") no-repeat -320px 0px;
	}
a#gnav05:hover{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -320px -50px;
	}
#gnav05on{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -320px -50px;
	}

a#gnav06{
	width:80px;
	height:50px;
	display:block;
	background:url("../images/gnav.gif") no-repeat -400px 0px;
	}
a#gnav06:hover{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -400px -50px;
	}
#gnav06on{
	width:80px;
	height:50px;
	background:url("../images/gnav.gif") no-repeat -400px -50px;
	}



/*----------------------------
11.フッターナビリンク設定
----------------------------*/
#hnav a ,#footer li a , #breadcrumbs-nav li a{
	color:#bbb;
	border-bottom:solid 1px #888;
	text-decoration:none;
	}
#hnav a:hover	 , #footer a:hover , #breadcrumbs-nav li a:hover{
	color:#888;
	border-bottom:solid 1px #ddd;
	}