@charset "Shift_JIS";

/* 基本レイアウト設定
******************************************************************************************** */
div#main{
	text-align: left;
	margin: 0px auto;
	width: 750px;
}


div#header{
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	width: 750px;
	height: 130px;
}

div#header_top{
	margin-top: 20px auto;
	margin-left: 1px;
	padding: 0px 0px 20px 0px;
	width: 741px;
	height: 25px;
	background: url(../images/naleio_HP_head.gif) no-repeat;
	
}

div#headerb {
        margin-top: 2px auto;
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
	width: 741px;
	height: 25px;
	}

h2{
	margin: 0px;
}


/* ナビゲーション下付き
******************************************************************************************** */
ul#navigationb{
	position: relative;
	top: 0px;
	margin: 0px 1px;
	margin-top: 3px;
	padding: 0px;
	width: 740px;
	height: 8px;
	list-style: none;
	overflow: hidden;
}


ul#navigationb li{
     display: inline;
	 position: absolute;
	 height: 10px;
	 overflow: hidden;
	 padding: 10px 0px 0px 0px;
	 text-indent: -9999px;
	 text-decoration: none;
	 top: 0;
}

body#home ul#navigationb li{
	top: 0px;
}

li#home_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 0px;
	
}
li#new_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 83px;
}
li#guideLine_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 166px;
}
li#bands_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 249px;
}
li#schedule_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 332px;
}
li#photo_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 415px;
}
li#review_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 498px;
}
li#bbs_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 580px;
}
li#link_b{ 
	background: transparent url(../images/naleio_HP_navi.gif) no-repeat 0 0;
	width: 78px;
	left: 663px;
}

/* ■ デフォルト設定 ■ */
body#new li#new_b, 
body#introduction li#guideLine_b, 
body#history li#guideLine_b,
body#bands li#bands_b,
body#schedule li#schedule_b,
body#photo li#photo_b,
body#review li#review_b,
body#link li#link_b{ 
	background-position: 0px -10px;
}

/* Photo設定
******************************************************************************************** */

body#photo h2#photo{
    clear: both ;
	width: 750px;
	height: 50px;
	margin-bottom: 10px ;
	padding-bottom: 30px ;
	background: transparent url(../images/naleio_HP_photo_ti.gif) top left no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
}

body#photo h3#photo{
    font-size: 14px;
	color: #737373;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
/* photoのtop
******************************************************************************************** */

div#photo_1{
	clear: both ;
	width: 740px;
	height: 450px;
}
ul#photo_top{
	clear: both;
	position: relative;
	top: 0px;
	width: 700px;
	height: 192.9px;
	overflow: hidden;
}

ul#photo_top a{
	position: absolute;
	height: 192.9px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
}



li#photo_top_recital a{
    background: transparent url(../photo_recital06/images/recital_top.gif) top left no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
	width: 230px;
	left: 0px;
}

li#photo_top_obparty a{
    background: transparent url(../photo_obparty/images/obparty_icon.gif) top left no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
	width: 230px;
	left: 260px;
}

li#photo_top_summer06 a{
    background: transparent url(../photo_summer06/images/summer06.gif) top left no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
	width: 230px;
	left: 500px;
}


/* ■ ロールオーバー設定 ■ */
li#photo_top_recital a:hover{
background-position: 0px -192px;
}
li#photo_top_obparty a:hover{
background-position: 0px -191px;
}
li#photo_top_summer06 a:hover{
background-position: 0px -191px;
}

/* photoの詳細
******************************************************************************************** */

div#photo_table{
	clear: both ;
	width: 740px;
	height: 550px;
}

div#photo_main{
	float: left ;
	width: 500px;
	height: 500px;
	margin-bottom: 0px;
}

div#photo_main p#photo_font{
	font-size: 12px;
	color: #737373;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;

}

div#photo_guide{
	float: right ;
	width: 220px;
	height: 450px;
	margin-right: 10px;

}

div#photo_guide img{
    display: inline;
	margin-top: 5px;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 2px;
}

p#summer06 {
    font-size: 12px;
	color: #737373;
	margin-bottom: 15px;
}
	

/* ボタン設定
******************************************************************************************** */


ul#photo_guide_bottom{
	clear: both;
	position: relative;
	top: 0px;
	width: 200px;
	height: 21.5px;
	overflow: hidden;
}

ul#photo_guide_bottom li a{
     display: inline;
	 margin-right: 0px;
	 margin-left: 0px;
	 margin-bottom: 10px;
}


ul#photo_guide_bottom a{
	position: absolute;
	height: 21.5px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
}



li#g_prev a{
    background: transparent url(../images/photo_guide_bottom2.gif) top left no-repeat;
    text-indent: -9999px;
	text-decoration: none;
	top: 0;
	width: 62px;
	left: 0px;
}
li#g_next a{
    background: transparent url(../images/photo_guide_bottom.gif) top left no-repeat;
    text-indent: -9999px;
	text-decoration: none;
	top: 0;
	width: 62px;
	left: 143px;
}
/* ■ ロールオーバー設定 ■ */
li#g_next a:hover, 
li#g_prev a:hover{
background-position: 0px -22px;
}



/* GuideLine CSS
******************************************************************************************** */

ul#subNavigation{
	position: relative;
	top: 0px;
	margin: 0px 1px;
	padding: 0px;
	width: 740px;
	height: 25px;
	list-style: none;
	overflow: hidden;
}

ul#subNavigation  li{
	display: inline;
	position: absolute;
	height: 25px;
	overflow: hidden;
	padding: 30px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
}


li#bandsa { 
	background: transparent url(../images/naleio_HP_headerb_daa.gif) no-repeat 0 0;
	height: 25px ;
	width: 100px;
	left: 0px;
}
li#bandsb { 
	background: transparent url(../images/naleio_HP_headerb_bab.gif) no-repeat 0 0;
	height: 25px ;
	width: 90px;
	left: 100px;
}

li#guide{
	background: transparent url(../images/naleio_HP_headerb_gu.gif) no-repeat 0 0;
	height: 25px ;
	width: 550px;
	left: 190px;
	padding-top: 0px ;
	padding-right: 0px ;
}