@charset "UTF-8";

/*初期化用*/
@import "common.css";

/*拡張用*/
@import "advanced.css";


/*--------------------------------------------------------
1、total設定
-------------------------------------------------------*/

/*背景画像設定*/
body{
	margin: 0;
	text-align: center;
	background-color: #CC0001;
	scrollbar-base-color: #333333;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #555555;
}

/*文字設定*/
body,pre{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #000000;
}

/*リンク色*/
a:link{
	color: #000000;
	text-decoration: underline;
}

a:visited{
	color: #000000;
	text-decoration: underline;
}

a:hover{
	color: #666666;
	text-decoration: none;
}


/*--------------------------------------------------------
2、hタグ
--------------------------------------------------------*/

h1{
	z-index: 1;
	position: absolute;
	font-size: 12px;
	color: #fff;
	left: 5px;
	top: 2px;
}


/*--------------------------------------------------------
3、サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container{
	margin: 0 auto;
	text-align: left;
}

/*■100%サイズの横幅*/
div#header{
	width: 100%;
	clear: both;
}

/*■上記以外の横幅*/
div#container,
div#header-logo,
div#main{
	width: 700px;
}

/*■トップメニュー帯の横幅（「全体」-「16px」）*/
div#header #top-menu{
	width: 100%;
}


/*--------------------------------------------------------
4-1、エリアの設定「最上部ヘッダー帯」
--------------------------------------------------------*/

div#header{
	height: 20px;
	_height: 20px;
	background-color: #000000;
}


/*--------------------------------------------------------
4-2、エリアの設定「ヘッダーロゴ」
--------------------------------------------------------*/

div#header-logo{
	z-index: 1;
	position: absolute;
	top: 90px;
	height: 200px;
	background-repeat: repeat-x;
	text-align: center;
}

/*ロゴ画像*/
p#logo-img{

}


/*--------------------------------------------------------
4-3、メインの設定
--------------------------------------------------------*/

div#main{
	position: absolute;
	top: 360px;
	overflow: hidden;
	background-color: #CC0001;
}

div#main-contents {
	background-color: #CC0001;
	height: 440px;
}

p#enter {
	position: absolute;
	top: 0px;
	left: 60px;
	text-indent:-9999px;
}

p#leave {
	position: absolute;
	top: 0px;
	right: 60px;
	text-indent:-9999px;
}

/*ロールオーバー設定*/
p#enter a{
	width: 200px;
	height: 60px;
	background-image: url(../images_design/enter_off.jpg);
	display:block;
}

p#enter a:hover{
	background-image: url(../images_design/enter_on.jpg);
}

p#leave a{
	width: 200px;
	height: 60px;
	background-image: url(../images_design/leave_off.jpg);
	display:block;
}

p#leave a:hover{
	background-image: url(../images_design/leave_on.jpg);
}

p#attention {
	position: absolute;
	top: 0px;
	left: 320px;
}

div#txt {
	position: absolute;
	top: 210px;
	width: 100%;
	text-align: center;
	font-size: 11px;
}

div#line {
	position: absolute;
	top: 270px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	background-image: url(../images_design/line.jpg);
	height: 70px;
	_height: 80px;
	padding-top: 10px;
	/*padding-left: 110px;/*バナー2つ→110px バナー1つ→220px*/
}

div#line li{
	float: left;
	margin-left: 10px;
	_margin-left: 7px;
	display: inline-block;
	background-color: #FFFFFF;
	height: 60px;
	width: 220px;
}

div#line02 {
	position: absolute;
	top: 350px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	background-image: url(../images_design/line02.jpg);
	height: 70px;
	_height: 80px;
	padding-top: 10px;
	/*padding-left: 110px;/*バナー2つ→110px バナー1つ→220px*/
}

/*--------------------------------------------------------
4-4、フッターの設定
--------------------------------------------------------*/

div#footer{
	width: 100%;
	clear: both;
	height: auto;
}


div#footer hr {
	clear:both;
	color:#000000;
	margin:0;
	padding:0;
}

div#footer .menu{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}

div#footer .menu li{
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 180%;
}

div#footer #copyright{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}


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

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