@charset "UTF-8";

/*****************************
	style.css
	大枠の設定用CSS

	01: 画面の基本設定
	02: 各ページの大枠設定
	03: メニューの設定
	04: フッターの設定
*****************************/


/* =01 画面の基本設定
-------------------------- */
html {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
}
body {
	background: #ccc;
	margin: 0;
	padding: 0;
}
h1,h2 {
	display: none;
}

/* =02 各ページの大枠設定
-------------------------- */
#wrapper {
	background: url(../img/background.png) repeat-x;
	width: 7800px;
}
/* clearfix */
#wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }  
* html #wrapper             { zoom: 1; } /* IE6 */
*:first-child+html #wrapper { zoom: 1; } /* IE7 */

#wrapper #page1 ,
#wrapper #page2 ,
#wrapper #page6 ,
#wrapper #page3 ,
#wrapper #page4 ,
#wrapper #page5 {
	float: left;
	width: 1280px;
	height: 800px;
}

/* =03 メニュー
-------------------------- */
#menu {
	z-index: 1000;
	position: fixed;
	top: 0px;
	left: 25px;
	background: transparent url(../img/menu_back.png) no-repeat;
	width: 264px;
	height: 1600px;
}
/*
#menu ul {
	position: absolute;
	top: 100px;
	left: 62px;
	width: 130px;
	height: 180px;
	list-style-type: none;
}
*/
#menu ul {
	position: absolute;
	top: 100px;
	left: 52px;
	width: 130px;
	height: 180px;
	list-style-type: none;
}

#menu ul li#menu01 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 0;
	width: 130px;
	height: 27px;
}
#menu ul li#menu01 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px 0;
	width: 130px;
	height: 27px;
}
#menu ul li#menu01Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px 0;
	width: 130px;
	height: 27px;
}

#menu ul li#menu02 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 -28px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu02 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px -28px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu02Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px -28px;
	width: 130px;
	height: 27px;
}

#menu ul li#menu07 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 -56px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu07 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px -56px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu07Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px -56px;
	width: 130px;
	height: 27px;
}

#menu ul li#menu03 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 -84px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu03 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px -84px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu03Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px -84px;
	width: 130px;
	height: 27px;
}

#menu ul li#menu04 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 -114px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu04 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px -114px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu04Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px -114px;
	width: 130px;
	height: 27px;
}

#menu ul li#menu05 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 -145px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu05 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px -145px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu05Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px -145px;
	width: 130px;
	height: 27px;
}

#menu ul li#menu06 a {
	display: block;
	background: url(../img/menu.png) no-repeat 0 -176px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu06 a:hover {
	display: block;
	background: url(../img/menu.png) no-repeat -130px -176px;
	width: 130px;
	height: 27px;
}
#menu ul li#menu06Select a {
	display: block;
	background: url(../img/menu.png) no-repeat -260px -176px;
	width: 130px;
	height: 27px;
}
/*
#menu p#changeLng {
	position: absolute;
	top: 310px;
	left: 125px;
	width: 160px;
	height: 27px;
	font-size: small;
	margin: 1em 0 0 0;
}
*/
#menu p#changeLng {
	position: absolute;
	top: 350px;
	left: 125px;
	width: 160px;
	height: 27px;
	font-size: small;
	margin: 1em 0 0 0;
}

/* =04 フッターの設定
-------------------------- */
#wrapper #footer {
	clear: both;
	z-index: 0;
	position: relative;
	top: -70px;
	left: 2250px;
	background: url(../img/footer.jpg) repeat-x;
	width: 5400px;
	height: 158px;
}


/* =05 コピーライトの設定
-------------------------- */
#wrapper .copy {
	float: right;
	position: relative;
	top: 1em;
	color: #696969;
	font-size: small;
}