@charset "UTF-8";


/* ==================================================================

	design.css

================================================================== */


/* Day ========================================================= */

body{
	color: #333;
	background:#f0f0f0 url(../images/bg_day.jpg) repeat-x;
}

a{
	text-decoration:underline;
	color:#333;
}

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

#wrapper {
	position: relative;
	width: 100%;
	padding:0;
	margin:0;
}

#visual{
	width: 100%;
	height:530px;
	position:relative;
	text-align:center;
	overflow:hidden;
	padding:0;
	margin:0 0 20px 0;
}


#visual #effect{
	position:absolute;
	width:100%;
	height:455px;
	background:url(../images/bg_day.jpg) repeat left bottom;
	padding:0;
}


#visual #gradation{
	position:relative;
	width: 100%;
	background:url(../images/bg_gradation_day.png) repeat-x bottom;
	height:530px;
	padding:0;
	margin:0;
}


#visual #titles{
	position:relative;
	width:940px;
	margin:0 auto;
	height:530px;
	background:url(../images/bg_city_day.png) no-repeat 4px 210px;
	padding:0;
}

#visual #titles h1{
	width:272px;
	height:0;
	padding:0 0 175px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/logo_day.png) no-repeat center;
	position:absolute;
	top:40px;
	left:337px;
}

#visual #titles span.p1{
	position:absolute;
	left:203px;
	top:250px;
	width:63px;
	height:0;
	padding:0 0 172px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/img_people_day_01.png) no-repeat;
}

#visual #titles span.p2{
	position:absolute;
	left:302px;
	top:246px;
	width:58px;
	height:0;
	padding:0 0 227px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/img_people_day_02.png) no-repeat;
}

#visual #titles span.p3{
	position:absolute;
	left:468px;
	top:287px;
	width:61px;
	height:0;
	padding:0 0 133px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/img_people_day_03.png) no-repeat;
}

#visual #titles span.p4{
	position:absolute;
	left:574px;
	top:266px;
	width:55px;
	height:0;
	padding:0 0 180px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/img_people_day_04.png) no-repeat;
	}

#visual #titles span.p5{
	position:absolute;
	left:668px;
	top:269px;
	width:91px;
	height:0;
	padding:0 0 201px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/img_people_day_05.png) no-repeat;
}


#visual #titles h2{
	position:absolute;
	left:300px;
	top:423px;
	width:370px;
	height:0;
	padding:0 0 90px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/txt_day.png) no-repeat;
}



#menu {
	width: 800px;
	margin: 0 auto 40px auto;
	height:186px;
	position:relative;
}

#menu ul {
	width: 800px;
	background:url(../images/line_day.gif) no-repeat right;
	height:186px;
	position:relative;
}

#menu ul li{
	float:left;
	width: 222px;
	height:186px;
	background:url(../images/line_day.gif) no-repeat left;
	padding:0 22px 0 22px;
	position:relative;
}

#menu ul li h3{
	margin:0 0 15px 0;
}

#menu ul li.first h3{
	width:157px;
	height:0;
	padding:0 0 17px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/h3_day_01.gif) no-repeat;
}

#menu ul li.login h3{
	width:196px;
	height:0;
	padding:0 0 17px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/h3_day_02.gif) no-repeat;
}

#menu ul li.myNaviLogin h3{
	width:202px;
	height:0;
	padding:0 0 17px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/h3_day_03.gif) no-repeat;
}

#menu ul li.first p.btn a{
	background:url(../images/btn_day_01.gif) no-repeat;
	width:215px;
	height:0;
	padding:0 0 31px 0;
	border:none;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	position:absolute;
	bottom:10px;
	left:24px;
}

#menu ul li.myNaviLogin p.btn a{
	/*リンク設置時に適用*/
	background:url(../images/btn_night_03.gif) no-repeat;



	width:215px;
	height:0;
	padding:0 0 31px 0;
	border:none;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	position:absolute;
	bottom:10px;
	left:24px;
}


#menu ul li.login table{
	margin:0 0 5px 0;
}

#menu ul li.login table tr td{
	padding:0 0 5px 0;
}

#menu ul li.login table tr th{
	padding:0 8px 5px 0;
}


#menu ul li.login span.id{
	width:46px;
	height:0;
	padding:0 0 12px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/txt_day_id.gif) no-repeat;
}

#menu ul li.login span.pass{
	width:46px;
	height:0;
	padding:0 0 12px 0;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/txt_day_pass.gif) no-repeat;
}

#menu ul li.login input.txtbox{
	width:160px;
	height:16px;
	margin:0;
	padding:0;
}

#menu ul li.login p.note{
	font-size:11px;
	line-height:18px;
}

#menu ul li.login input#login{
	background:url(../images/btn_day_02.gif) no-repeat;
	width:215px;
	height:31px;
	/*padding:0 0 31px 0;*/
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	position:absolute;
	bottom:10px;
	left:24px;
	border:none;
}


#footer{
	text-align:center;
	width:100%;
	padding:0 0 20px 0;
}

#footer p{
	margin:0 0 10px 0;
}

#footer p.link a{
	background:url(../images/arrow_day.gif) no-repeat 0 center;
	padding:0 0 0 12px;
}

#footer p.copyright{
	font-size:11px;
}


/* Evening ========================================================= */


body#eve #visual #effect{
	background:url(../images/bg_eve.jpg) repeat left bottom;
}




/* Night ========================================================= */

body#night{
	color: #ccc;
	background:#000033 url(../images/bg_night.jpg) repeat-x;
}

body#night a{
	color:#ccc;
}

body#night a:hover{
	color:#ccc;
}

body#night #visual #effect{
	position:absolute;
	left:50%;
	margin-left:-1000px;
	top:-500px;
	width:2000px;
	height:2000px;
	background:url(../images/star.png) no-repeat;
	padding:0;
	overflow:hidden;
}


body#night #visual #gradation{
	background:url(../images/bg_gradation_night.png) repeat-x bottom;
}


body#night #visual #titles{
	background:url(../images/bg_city_night.png) no-repeat 4px 210px;
}

body#night #visual #titles h1{
	background:url(../images/logo_night.png) no-repeat center;
}

body#night #visual #titles span.p1{
	background:url(../images/img_people_night_01.png) no-repeat;
}

body#night #visual #titles span.p2{
	background:url(../images/img_people_night_02.png) no-repeat;
}

body#night #visual #titles span.p3{
	background:url(../images/img_people_night_03.png) no-repeat;
}

body#night #visual #titles span.p4{
	background:url(../images/img_people_night_04.png) no-repeat;
}

body#night #visual #titles span.p5{
	background:url(../images/img_people_night_05.png) no-repeat;
}


body#night #visual #titles h2{
	background:url(../images/txt_night.png) no-repeat;
}



body#night #menu ul {
	background:url(../images/line_night.gif) no-repeat right;
}

body#night #menu ul li{
	background:url(../images/line_night.gif) no-repeat left;
}

body#night #menu ul li.first h3{
	background:url(../images/h3_night_01.gif) no-repeat;
}

body#night #menu ul li.login h3{
	background:url(../images/h3_night_02.gif) no-repeat;
}

body#night #menu ul li.myNaviLogin h3{
	background:url(../images/h3_night_03.gif) no-repeat;
}

body#night #menu ul li.first p.btn a{
	background:url(../images/btn_night_01.gif) no-repeat;
}

body#night #menu ul li.myNaviLogin p.btn a{
	/*リンク設置時に適用*/
	background:url(../images/btn_night_03.gif) no-repeat;
}

body#night #menu ul li.login span.id{
	background:url(../images/txt_night_id.gif) no-repeat;
}

body#night #menu ul li.login span.pass{
	background:url(../images/txt_night_pass.gif) no-repeat;
}

body#night #menu ul li.login input#login{
	background:url(../images/btn_night_02.gif) no-repeat;
}

body#night #footer p.link a{
	background:url(../images/arrow_night.gif) no-repeat 0 center;
}