/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *	虹色の王子様　Web用css
 *
 *　PRODUCE ASSOCIATION,
 *　since 2009.12.09
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* ========================================================
			グローバルナビ(メニューボタン)　初期設定　共通
   ======================================================== */
/* ===== ロールオーバー設定 ===== */
a:hover.link1{
    background-position : 0px -30px;
}

/* ===== navi全体　設定 ===== */
#navi {
	/*border : solid 1px #ffffff;*/
	position : relative;
	margin : 4px;
	padding : 0;
	width : 950px;
	height : 66px;
	text-align : right;
}

/* ===== navi 設定（ulリスト　設定） ===== */
ul#navi_bottun {
    margin : 0 auto;
	padding : 0;
	width : 945px;
	height : auto;
	text-align : center;
}

ul#navi_bottun li {
	margin : 0 auto;
	padding : 0;
	float : right;
	list-style : none;
	line-height : 25px;
}





/* ===== navi_top 設定（TOPページへ　ロールオーバー　設定） ===== */
li#navi_top a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_top.gif");
    background-repeat : no-repeat;
}

li#navi_top_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_top_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_news 設定（NEWSページへ　ロールオーバー　設定） ===== */
li#navi_news a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_news.gif");
    background-repeat : no-repeat;
}

li#navi_news_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_news_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_about 設定（ABOUTページへ　ロールオーバー　設定） ===== */
li#navi_about a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about.gif");
    background-repeat : no-repeat;
}

li#navi_about_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_character 設定（CHARACTERページへ　ロールオーバー　設定） ===== */
li#navi_character a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character.gif");
    background-repeat : no-repeat;
}

li#navi_character_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_dwonload 設定（downloadページへ　ロールオーバー　設定） ===== */
li#navi_download a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_download.gif");
    background-repeat : no-repeat;
}

li#navi_download_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_download_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_blog 設定（BLOGページへ　ロールオーバー　設定） ===== */
li#navi_blog a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_blog.gif");
    background-repeat : no-repeat;
}

/* ===== navi_neith 設定（NEITHページへ　ロールオーバー　設定） ===== */
li#navi_neith a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_neith.gif");
    background-repeat : no-repeat;
}

li#navi_neith_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_neith_on.gif");
    background-repeat : no-repeat;
}



/* ========================================================
			グローバルナビ(アバウト)　設定
   ======================================================== */
/* ===== navi_about_prologue 設定（プロローグ　設定） ===== */
li#navi_aboue_prologue a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_prologue.gif");
    background-repeat : no-repeat;
}

li#navi_aboue_prologue_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_prologue_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_about_stage 設定（物語の舞台　設定） ===== */
li#navi_aboue_stage a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_stage.gif");
    background-repeat : no-repeat;
}

li#navi_aboue_stage_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_stage_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_about_staff 設定（スタッフ紹介　設定） ===== */
li#navi_aboue_staff a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_staff.gif");
    background-repeat : no-repeat;
}

li#navi_aboue_staff_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_staff_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_about_flash 設定（Flashムービー　設定） ===== */
li#navi_aboue_flash a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_flash.gif");
    background-repeat : no-repeat;
}

li#navi_aboue_flash_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_about_flash_on.gif");
    background-repeat : no-repeat;
}



/* ========================================================
			グローバルナビ(キャラクター紹介)　設定
   ======================================================== */
/* ===== navi_character_01 設定（神城 宙　ロールオーバー　設定） ===== */
li#navi_character_01 a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_01.gif");
    background-repeat : no-repeat;
}

li#navi_character_01_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_01_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_character_02 設定（一条 龍哉　ロールオーバー　設定） ===== */
li#navi_character_02 a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_02.gif");
    background-repeat : no-repeat;
}

li#navi_character_02_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_02_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_character_03 設定（藤島 春菜　ロールオーバー　設定） ===== */
li#navi_character_03 a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_03.gif");
    background-repeat : no-repeat;
}

li#navi_character_03_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_03_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_character_04 設定（ルドルフ・クラウゼヴィッツ　ロールオーバー　設定） ===== */
li#navi_character_04 a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_04.gif");
    background-repeat : no-repeat;
}

li#navi_character_04_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_04_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_character_05 設定（氷野 怜一　ロールオーバー　設定） ===== */
li#navi_character_05 a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_05.gif");
    background-repeat : no-repeat;
}

li#navi_character_05_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_05_on.gif");
    background-repeat : no-repeat;
}

/* ===== navi_character_06 設定（篠崎 恭司　ロールオーバー　設定） ===== */
li#navi_character_06 a.link1{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_06.gif");
    background-repeat : no-repeat;
}

li#navi_character_06_on a{
    display : block;
    margin : 0 3px 3px 0;
	padding : 0;
    width : 154px;
    height : 30px;
    /*background-color : #555555;*/
    background-image : url("../img/button_character_06_on.gif");
    background-repeat : no-repeat;
}