/*                                               */
/*                                               */
/*   うみねこのなく頃に ～真実と幻想の夜想曲～   */
/*          GRAND Cascade Style Sheet            */
/*   -----------------------------------------   */
/*   CODING : USE,INC / Yusuke SUGAWARA          */
/*                                               */
/*-----------------------------------------------*/
/*  2011.09.05 FIRST CODING      Y.SUGAWARA      */
/*                                               */
/*-----------------------------------------------*/
/*  ◆注意◆                                     */
/*  記事を構成するためにCSSの記述が必要になった  */
/*  場合はこのCSSに記述するのではなく[page.css]  */
/*  に記述してください。                         */


/* --------------------------------------------- */
/* GRAND (ALLPAGE                                */
/* --------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
html {
	overflow-y:scroll;
}
body {
	background-color: #000000;
	font-size: 62.5%;
	color: #FFFFFF;
	line-height:160%;
}
a {
	color: #FDC450;
}
li {
	list-style-type: none;
}
hr,address {
	display: none;
}
.soon {
	cursor:default;
}

/* HEADER */

h1 {
	background-image: url(images/logo.png);
	height: 108px;
	width: 293px;
	position: absolute;
	font-size: 1px;
	left: 5px;
	top: 0px;
}
h1 a {
	width: 293px;
	height: 108px;
	text-indent: -9841px;
	display: block;
}
.ps3 {
	background-image: url(images/ps3.png);
	height: 31px;
	width: 90px;
	position: absolute;
	text-indent: -8954px;
	left: 705px;
	top: 25px;
}

/* FOOTER */

#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 86px;
	width: 100%;
}
.footer_wrap {
	height: 86px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.alchemist {
	height: 60px;
	width: 130px;
	position: absolute;
	left: 13px;
	top: 8px;
}
.alchemist a {
	text-indent: -9854px;
	display: block;
	height: 60px;
	width: 130px;
}
.rating {
	position: absolute;
	left: 691px;
	top: 13px;
	width: 45px;
	height: 57px;
}

/* MAINMENU */

#mainmenu {
	background-image: url(images/top/bg_menu.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 492px;
	width: 100%;
}
.mainmenu {
	height: 158px;
	width: 800px;
	position: relative;
}
.mainmenu li {
	position: absolute;
}
.mainmenu a {
	text-indent: -9481px;
	display: block;
}
.mainmenu a:hover,.mainmenu .active {
	background-position: 0px -61px;
}
.mainmenu .soon:hover,.mainmenu .soon {
	background-position: 0px -122px;
}
.menu01 {
	height: 61px;
	width: 97px;
	left: 135px;
	top: 94px;
}
.menu02 {
	width: 89px;
	height: 53px;
	left: 232px;
	top: 102px;
}
.menu03 {
	height: 53px;
	width: 82px;
	left: 321px;
	top: 102px;
}
.menu04 {
	height: 53px;
	width: 73px;
	left: 403px;
	top: 102px;
}
.menu05 {
	height: 50px;
	width: 96px;
	left: 476px;
	top: 102px;
}
.menu06 {
	height: 43px;
	width: 75px;
	left: 572px;
	top: 102px;
}
.menu07 {
	height: 43px;
	width: 79px;
	left: 647px;
	top: 94px;
}
.menu01 a {
	background-image: url(images/menu01.png);
	height: 61px;
	width: 97px;
}
.menu02 a {
	background-image: url(images/menu02.png);
	height: 53px;
	width: 89px;
}
.menu03 a {
	background-image: url(images/menu03.png);
	height: 53px;
	width: 82px;
}
.menu04 a {
	background-image: url(images/menu04.png);
	height: 53px;
	width: 73px;
}
.menu05 a {
	background-image: url(images/menu05.png);
	height: 50px;
	width: 96px;
}
.menu06 a {
	background-image: url(images/menu06.png);
	height: 43px;
	width: 75px;
}
.menu07 a {
	background-image: url(images/menu07.png);
	height: 43px;
	width: 79px;
}

/* --------------------------------------------- */
/* TOPPAGE                                       */
/* --------------------------------------------- */

#mainimg {
	height: 492px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/top/mainimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.mainwrap {
	height: 158px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 334px;
}
#topcont {
	background-image: url(images/top/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	font-size: 1.3em;
}
.topwrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 30px;
}
.h2oshirase {
	background-image: url(images/top/h2_oshirase.png);
	text-indent: -8956px;
	height: 64px;
	width: 400px;
}
.d_oshirase {
	width: 370px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-image: url(images/top/bg_oshirase.png);
}
.d_oshirase dt {
	width: 80px;
	float: left;
	line-height: 150%;
	padding-top: 10px;
}
.d_oshirase dd {
	width: 285px;
	float: left;
	line-height: 150%;
	padding-top: 10px;
}

.telephone {
	height: 193px;
	width: 186px;
	position: absolute;
	left: -55px;
	top: 309px;
	background-image: url(images/top/btn_telephone.png);
}
.telephone a {
	text-indent: -9854px;
	display: block;
	height: 193px;
	width: 186px;
}
.flower {
	height: 289px;
	width: 317px;
	position: absolute;
	left: 678px;
	top: 194px;
}
.left_light {
	position: absolute;
	width: 428px;
	height: 429px;
	left: -333px;
	top: 235px;
}
.right_light {
	position: absolute;
	width: 428px;
	height: 429px;
	left: 692px;
	top: 258px;
}
.mov_left {
	height: 213px;
	width: 340px;
	background-image: url(images/top/moviewrap.png);
	padding-top: 20px;
	padding-right: 19px;
	padding-bottom: 19px;
	padding-left: 19px;
	float: left;
	margin-left: 20px;
}
.topmov {
	padding-top: 30px;
	padding-left: 15px;
	height: 254px;
}

/* --------------------------------------------- */
/* SUBPAGE                                       */
/* --------------------------------------------- */

/* SUBIMAGE */

#subimg {
	height: 242px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.i_about {
	background-image: url(images/sub/i_about.jpg);
}
.i_story {
	background-image: url(images/sub/i_story.jpg);
}
.i_character {
	background-image: url(images/sub/i_character.jpg);
}
.i_movie {
	background-image: url(images/sub/i_movie.jpg);
}
.i_publicity {
	background-image: url(images/sub/i_publicity.jpg);
}
.i_products {
	background-image: url(images/sub/i_products.jpg);
}
.i_special {
	background-image: url(images/sub/i_special.jpg);
}

/* SUBMAIN */

#submain {
	background-image: url(images/sub/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
.submain {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
.s_flower {
	position: absolute;
	left: -28px;
	top: 20px;
	width: 172px;
	height: 132px;
}




/* SUBMENU */

#submenu {
	background-image: url(images/sub/bg_menu.png);
	height: 242px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.submenu {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding-top: 84px;
	position: relative;
}

/* SUBMENU - ABOUT */
.about01 a {
	background-image: url(images/sub/m_about01.png);
}
.about02 a {
	background-image: url(images/sub/m_about02.png);
}
.about03 a {
	background-image: url(images/sub/m_about03.png);
}
.about04 a {
	background-image: url(images/sub/m_about04.png);
}
.about05 a {
	background-image: url(images/sub/m_about05.png);
}
.about06 a {
	background-image: url(images/sub/m_about06.png);
}
.about07 a {
	background-image: url(images/sub/m_about07.png);
}
.about08 a {
	background-image: url(images/sub/m_about08.png);
}
.about09 a {
	background-image: url(images/sub/m_about09.png);
}
.about10 a {
	background-image: url(images/sub/m_about10.png);
}



/* SUBMENU - STORY */
.story01 a {
	background-image: url(images/sub/m_story01.png);
}
.story02 a {
	background-image: url(images/sub/m_story02.png);
}
.story03 a {
	background-image: url(images/sub/m_story03.png);
}
.story04 a {
	background-image: url(images/sub/m_story04.png);
}
.story05 a {
	background-image: url(images/sub/m_story05.png);
}
.story06 a {
	background-image: url(images/sub/m_story06.png);
}
.story07 a {
	background-image: url(images/sub/m_story07.png);
}
.story08 a {
	background-image: url(images/sub/m_story08.png);
}
.story09 a {
	background-image: url(images/sub/m_story09.png);
}
.story10 a {
	background-image: url(images/sub/m_story10.png);
}

/* SUBMENU - CHARACTER */
.character01 a {
	background-image: url(images/sub/m_character01.png);
}
.character02 a {
	background-image: url(images/sub/m_character02.png);
}
.character03 a {
	background-image: url(images/sub/m_character03.png);
}
.character04 a {
	background-image: url(images/sub/m_character04.png);
}
.character05 a {
	background-image: url(images/sub/m_character05.png);
}
.character06 a {
	background-image: url(images/sub/m_character06.png);
}
.character07 a {
	background-image: url(images/sub/m_character07.png);
}
.character08 a {
	background-image: url(images/sub/m_character08.png);
}
.character09 a {
	background-image: url(images/sub/m_character09.png);
}
.character10 a {
	background-image: url(images/sub/m_character10.png);
}

/* SUBMENU - MOVIE */
.movie01 a {
	background-image: url(images/sub/m_movie01.png);
}
.movie02 a {
	background-image: url(images/sub/m_movie02.png);
}
.movie03 a {
	background-image: url(images/sub/m_movie03.png);
}
.movie04 a {
	background-image: url(images/sub/m_movie04.png);
}
.movie05 a {
	background-image: url(images/sub/m_movie05.png);
}
.movie06 a {
	background-image: url(images/sub/m_movie06.png);
}
.movie07 a {
	background-image: url(images/sub/m_movie07.png);
}
.movie08 a {
	background-image: url(images/sub/m_movie08.png);
}
.movie09 a {
	background-image: url(images/sub/m_movie09.png);
}
.movie10 a {
	background-image: url(images/sub/m_movie10.png);
}

/* SUBMENU - PUBLICITY */
.publicity01 a {
	background-image: url(images/sub/m_publicity01.png);
}
.publicity02 a {
	background-image: url(images/sub/m_publicity02.png);
}
.publicity03 a {
	background-image: url(images/sub/m_publicity03.png);
}
.publicity04 a {
	background-image: url(images/sub/m_publicity04.png);
}
.publicity05 a {
	background-image: url(images/sub/m_publicity05.png);
}
.publicity06 a {
	background-image: url(images/sub/m_publicity06.png);
}
.publicity07 a {
	background-image: url(images/sub/m_publicity07.png);
}
.publicity08 a {
	background-image: url(images/sub/m_publicity08.png);
}
.publicity09 a {
	background-image: url(images/sub/m_publicity09.png);
}
.publicity10 a {
	background-image: url(images/sub/m_publicity10.png);
}

/* SUBMENU - PRODUCTS */
.products01 a {
	background-image: url(images/sub/m_products01.png);
}
.products02 a {
	background-image: url(images/sub/m_products02.png);
}
.products03 a {
	background-image: url(images/sub/m_products03.png);
}
.products04 a {
	background-image: url(images/sub/m_products04.png);
}
.products05 a {
	background-image: url(images/sub/m_products05.png);
}
.products06 a {
	background-image: url(images/sub/m_products06.png);
}
.products07 a {
	background-image: url(images/sub/m_products07.png);
}
.products08 a {
	background-image: url(images/sub/m_products08.png);
}
.products09 a {
	background-image: url(images/sub/m_products09.png);
}
.products10 a {
	background-image: url(images/sub/m_products10.png);
}

/* SUBMENU - SPECIAL */
.special01 a {
	background-image: url(images/sub/m_special01.png);
}
.special02 a {
	background-image: url(images/sub/m_special02.png);
}
.special03 a {
	background-image: url(images/sub/m_special03.png);
}
.special04 a {
	background-image: url(images/sub/m_special04.png);
}
.special05 a {
	background-image: url(images/sub/m_special05.png);
}
.special06 a {
	background-image: url(images/sub/m_special06.png);
}
.special07 a {
	background-image: url(images/sub/m_special07.png);
}
.special08 a {
	background-image: url(images/sub/m_special08.png);
}
.special09 a {
	background-image: url(images/sub/m_special09.png);
}
.special10 a {
	background-image: url(images/sub/m_special10.png);
}

/* SUBLEFT */

#subleft {
	width: 187px;
	padding-right: 25px;
	float: left;
}
.subleft_t {
	background-image: url(images/sub/sub_left_t.png);
	height: 109px;
	width: 187px;
}
.subleft {
	background-image: url(images/sub/sub_left.png);
	width: 170px;
	padding-right: 11px;
	padding-left: 6px;
}
.subleft li {
}
.subleft a {
	text-indent: -9458px;
	display: block;
	height: 30px;
	width: 170px;
}
.subleft a:hover {
	background-position: 0px -30px;
}
.subleft_f {
	background-image: url(images/sub/sub_left_f.png);
	height: 100px;
	width: 187px;
	margin-bottom: 30px;
}
.subleft .active {
	background-position: 0px -30px;
	cursor: default;
}
.subleft .soon,.subleft .soon:hover {
	background-position: 0px -60px;
}

/* SUBRIGHT */

#subright {
	float: left;
	width: 588px;
	font-size: 1.3em;
}
#subright h2 {
	margin-bottom: 5px;
}
#subright h3 {
	width: 530px;
	background-image: url(images/sub/h3.png);
	height: 30px;
	font-size: 13px;
	font-weight: normal;
	color: #FDC450;
	line-height: 30px;
	padding-top: 17px;
	text-align: right;
	padding-right: 58px;
	margin-bottom: 20px;
}
#subright h4 {
	width: 544px;
	margin-right: 2px;
	margin-left: 2px;
	font-size: 14px;
	line-height: 38px;
	background-image: url(images/sub/h4.png);
	height: 38px;
	font-weight: bold;
	color: #FDC450;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#subright i {
	font-style: normal;
	font-weight: normal;
	color: #E2A532;
}
#subright em {
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}
.subright_t {
	background-image: url(images/sub/sub_right_t.png);
	height: 20px;
	width: 584px;
	margin-right: 2px;
	margin-left: 2px;
}
.subright_f {
	background-image: url(images/sub/sub_right_f.png);
	height: 20px;
	width: 584px;
	margin-right: 2px;
	margin-left: 2px;
}
.subright {
	width: 540px;
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 22px;
	padding-left: 22px;
	background-image: url(images/sub/sub_right.png);
}
.subright_n {
	padding-bottom: 20px;
	line-height: 175%;
	padding-right: 5px;
	padding-left: 5px;
}
.subright_n p {
	padding-bottom: 10px;
}
.subright_n h5 {
	padding-bottom: 15px;
	font-size: 1.1em;
	color: #E2A532;
	font-weight: bold;
	padding-top: 10px;
}
.pagetop {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	width: 584px;
	padding-right: 2px;
	padding-left: 2px;
}
.oshwrap {
	float: left;
	width: 400px;
	margin-top: 10px;
}
.chara_subnav {
	margin:0;
	padding:	0;
	list-style-type:none;
}
.chara_subnav li{
	padding:0 0 0 40px;
	width:120px;
	color:#e2a532;
	display:block;
}
.chara_subnav li a {
	text-indent:0px;
	background: url(images/nav_sub_point.gif) no-repeat;
	color:#E2A532;
	height:auto;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	width:120px;
	text-decoration:none;
}
.chara_subnav li a:hover {
	color:#FFF;
}