@charset "UTF-8";
/* CSS Document */
/*=======================================
■カテゴリーの見出し設定
=======================================*/
#categoryHeader {
	background-image: url(../images/category_header.png);
	background-repeat: repeat-x;
	height: 100px;
	margin-top: -20px;
	position: relative;
	z-index: 20;
}
.category h2 {
	padding-top: 20px;
	text-align: center;
}
.category h3 {
	margin: 20px 0px 10px;
}
.topm {
	margin-top: 50px;
}
#contents {
	overflow: hidden;
}
#contents p {
	padding: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
.center {
	text-align: center;
}
.newmark {
	position: absolute;
	left: 50%;
	margin-left: -27px;
	top: -2px;
	z-index: 100;
}
.sub .newmark {
	position: absolute;
	left: 50%;
	margin-left: -27px;
	top: 5px;
	z-index: 100;
}
.imgm {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
}
/*=======================================
■初回特典
=======================================*/
#bigimg {
	width: 1920px;
	margin-left: -960px;
	position: relative;
	left: 50%;
	z-index: 10;
}
#special .movie {
	z-index: 50;
	position: relative;
	margin-top: -660px;

}
#special .movie02 {
	z-index: 50;
	position: relative;
	margin-top: -620px;
	margin-bottom: 100px;
}
/*=======================================
■ストーリー
=======================================*/
#storyBg {
	background-image: url(../story/images/bg.jpg);
	margin-top: -10px;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: center top;
}
#story #tachie {
	position: absolute;
	right: -100px;
	top: 0px;
}
#story p {
	padding: 0px;
	margin-bottom: 20px;
}
#story #txtArea {
	text-align: center;
	width: 600px;
	margin-left: -50px;
	padding-bottom: 80px;
}
#story #naoto01 {
	margin-top: -60px;
	margin-left: 400px;
}
#story #naoto02 {
	margin-top: -60px;
	margin-right: 400px;
}
#story #yakumo02 {
	margin-top: -40px;
}
#story #txt02 {
	margin-top: -40px;
}
/*=======================================
■キャラクター
=======================================*/


#character #bg01 {
	z-index: 1;
}
#character #bg02 {
	z-index: 1;
}
#character #bg03 {
	z-index: 1;
}
#characterBg {
	background-image: url(../character/images/bg.jpg);
	margin-top: -10px;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: center top;
}
.otokana #characterBg {
	background-image: url(../character/images/otokana_bg.jpg);
}
.sakuoto #characterBg {
	background-image: url(../character/images/sakuoto_bg.jpg);
}
.ototumu #characterBg {
	background-image: url(../character/images/ototumu_bg.jpg);
}
.hanaoto #characterBg {
	background-image: url(../character/images/hanaoto_bg.jpg);
}
#character #contents {
}
#character #contents .inner {
	width: 1150px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 30;
}
#character #contents .innerb {
	width: 1150px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 19;
}
.charaBtn {
	margin-right: auto;
	margin-left: auto;
	padding-top: 56px;
	padding-left: 55px;
	padding-bottom: 15px;
	position: relative;
	z-index: 100;
}
.charaBtn li {
	float: left;
	position: relative;
}
#otoiroBtnList {
	background-image: url(../character/images/charabtn_plate.png);
	background-repeat: no-repeat;
	width: 765px;
}
#guestBtnList {
	background-image: url(../character/images/charabtn_plate_guest.png);
	background-repeat: no-repeat;
	width: 850px;
}
.charaBtn .sub {
	padding-top: 6px;
}
#charaBtnSelect {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 100;
	width: 540px;
}
#charaBtnSelect li {
	float: left;
	width:256px;
}
#charaBtnSelect {
	cursor:pointer;
}
#catch {
	margin-top: 30px;
}
#cv {
	margin-top: -10px;
}
#character #movieNo {
	display: none;
}
#etc {
	overflow: hidden;
	margin-top: 20px;
	position: relative;
	z-index: 30;
	background-image: url(../character/images/load.png);
	background-repeat: no-repeat;
	background-position: 40px 0px;
}
.gChara #etc {
	background-image: none;
}
.loadingMomiji {
	position: absolute;
	left: 40px;
	top: 0px;
}
.sChara .loadingMomiji {
	position: absolute;
	left: 190px;
	top: 0px;
}
.sChara #etc {
	background-position: 190px 0px;
}
/*ムービー入れるときは300 m20*/
.introMovie #etc ul {
	width: 300px;
	margin-left: 20px;
}
.introMovie #etc {
	background-position: 20px 0px;
}
.introMovie .loadingMomiji {
	position: absolute;
	left: 20px;
	top: 0px;
}
#etc ul {
	width: 600px;
	margin-left: 40px;
}
#etc li {
	float: left;
	padding-right: 3px;
	padding-bottom: 3px;
	position: relative;
}
/*サブキャラ*/
.sChara #etc ul {
	width: 600px;
	margin-left: 190px;
}
.gChara #etc ul {
	width: 600px;
	margin-left: 250px;
}
#prof {
	background-image: url(../character/images/profile.png);
	background-repeat: no-repeat;
	height: 630px;
	width: 690px;
	margin-bottom: 180px;
	margin-left: -20px;
	margin-top: 20px;
}
#prof img {
	padding-top: 70px;
	padding-left: 40px;
}
#arasuji{
	position: absolute;
	left: 470px;
	top: 80px;
	z-index: 100;
}
#tachie {
	position: absolute;
	top: -80px;
	right: -340px;
	z-index: 20;
}
#word {
	position: absolute;
	top: 60px;
	right: 10px;
	z-index: 30;
}
.sakuya #tachie {
	right: -780px;
}
.noa #tachie {
	top: -10px;
}
.noa #proftxt {
	position: absolute;
	z-index: 30;
	top: 590px;
	left: 20px;
}
/*=======================================
■ギャラリー
=======================================*/
.galleryList {
	clear: both;
	margin: 40px 0px 0px;
}
.galleryList li {
	float: left;
	padding-left: 6px;
	padding-bottom: 30px;
	position: relative;
}
.voiceRibbon {
	position: absolute;
	left: 50%;
	margin-left: -85px;
	z-index: 1000;
	bottom: 20px;
}
/*=======================================
■スペシャルバナー一覧
=======================================*/
#specialList {
	position: relative;
	z-index: 30;
	margin-top: 40px;
}
/*liの最後のmargin削除*/
#specialList ul {
	margin-right: -20px;
}
#specialList li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 320px;
	position: relative;
	height: 140px;
}
/*#topics li img {
	border-radius: 20px;
}*/
/*=======================================
■スペシャル
=======================================*/

.bannerList {
	margin-bottom: 8px;
	margin-right: -8px;
}
.bannerList li {
	margin-right: 8px;
	float: left;
	margin-bottom: 8px;
}
.bannerList li {
	position: relative;
}
.bannerList li p {
	position: absolute;
	left: 16px;
	top: 138px;
	font-size: 12px;
	width: 160px;
	line-height: 1.8;
	z-index: 1000;
}
.list #contents {
	padding-bottom: 50px;
}
/*====================================================
店舗特典
====================================================*/
#shopArea {
	position: relative;
	margin-bottom: 35px;
}
.shopBtn {
	position: absolute;
	top: -55px;
	right: 10px;
}
.shopPanel {
	position: relative;
}
.shop .newmark {
	position: absolute;
	left: 50%;
	margin-left: -41px;
	top: -8px;
	z-index: 100;
}
#shopArea02 {
	position: relative;
	margin-bottom: 35px;
	float: left;
	padding-left: 10px;

}
#shopArea02 .shopBtn {
	position: absolute;
	top: -55px;
	right: 8px;
}
/*====================================================
バナーの設定
====================================================*/

.listBase {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	border-collapse: separate;
	overflow: hidden;
}
.listBase img {
	box-shadow:rgba(215, 180, 44, 0.7) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(215, 180, 44, 0.7) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(215, 180, 44, 0.7) 0px 0px 4px 1px;
	border-radius: 3px; /* CSS3草案 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
	vertical-align: bottom;
	margin-bottom: 5px;
}
.listBase td {
	padding: 5px;
}
.listBase td {
	padding: 5px;
}
.listBase textarea {
	border:0;
	padding:10px;
	margin:50 0 10px;
	font-size: 12px;
	border: 2px solid #FFF;
	box-shadow:rgba(215, 180, 44, 0.4) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(215, 180, 44, 0.4) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(215, 180, 44, 0.4) 0px 0px 2px 1px;
	border-radius: 2px; /* CSS3草案 */
	-webkit-border-radius: 2px; /* Safari,Google Chrome用 */
	-moz-border-radius: 2px; /* Firefox用 */
	background-color: #FFF;
	color: #816549;
}
.listBase textarea:focus {
	border: 2px solid #F7E1E4;
}
/*バナーサイズ450×100の設定*/
#b130_450_list textarea {
	height: 90px;
	width: 110px;
}
/*バナーサイズ200×200の設定*/
#b200_200_list textarea {
	height: 50px;
	width: 180px;
}
#b720_120_list {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
/*バナーサイズ720×120の設定*/
#b720_120_list textarea {
	height: 20px;
	width: 696px;
}
/*=======================================
■四コマ
=======================================*/
#yonkoma {
	float: left;
	padding-top: 5px;
}
#yonkomaMenu {
	float: right;
	padding-top: 25px;
}
#yonkomaMenu li {
	padding-bottom: 10px;
	position: relative;
}
/*=======================================
■スペック
=======================================*/
.tableList {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	line-height: 1.5;
	border-collapse: separate;
}
.tableList th {
	width: 224px;
	padding: 5px;
	background-image: url(../spec/images/table_title.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	color: #fff;
}
.tableList td {
	padding-top: 9px;
	padding-bottom: 12px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../images/news_line.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#spec #titleImg {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
.waku img {
	box-shadow:rgba(215, 180, 44, 0.7) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(215, 180, 44, 0.7) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(215, 180, 44, 0.7) 0px 0px 4px 1px;
	border-radius: 3px; /* CSS3草案 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
	vertical-align: bottom;
	margin-bottom: 5px;
}
/*=======================================
■ダウンロード
=======================================*/
#download .tableList {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	line-height: 1.5;
	border-collapse: separate;
}
#download .tableList th {
	width: 224px;
	background-image: url(../spec/images/table_title.png);
	background-repeat: no-repeat;
	background-position: center 8px;
	color: #fff;
	vertical-align: top;
	padding-top: 15px;
}
#download .tableList td {
	text-align: left;
	background-image: url(../images/news_line.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 6px 0px 0px 5px;
}
#download .tableList td span {
	padding-bottom: 7px;
	font-weight: bold;
	display: block;
}
#download iframe {
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#download .iframe {
	text-align: center;
	display: block;
	margin: 5px 40px 40px;
}


.songtitle{
	margin-top: -30px;
}

.form {
	background-color: #F9E49A;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px; /* CSS3草案 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	vertical-align: bottom;
	padding: 20px;
	margin-bottom: 30px;
}
.text, textarea, .dropdown, .textarea {
	border:1px solid #BEA54A;
	padding: 5px;
	color: #000;
	background: #fff;
	border-radius: 5px;
	/* Webkit */
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
}
.mailbtn {
	border:1px solid #BEA54A;
	color: #E2C081;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	border-radius: 5px;
	/* Webkit */
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	background-color: #9C1B47;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}
#download .tableList th {

	letter-spacing: -0.05em;
}
#download .tableList td {

	letter-spacing: -0.04em;
}
/*=======================================
■ステージ
=======================================*/
#stage iframe {
	text-align: center;
	display: block;
	margin: 5px 30px 30px;
}
/*=======================================
■ワンポイント
=======================================*/
#movie01{
	position: absolute;
	left: 50%;
	top: 1100px;
	z-index: 200;
	margin-left: -360px;
}
#movie02{
	position: absolute;
	left: 50%;
	top: 1100px;
	z-index: 200;
	margin-left: 180px;
}
/*=======================================
■色紙
=======================================*/
#shikishiList {
	position: relative;
	z-index: 30;
	margin-bottom: 30px;
	overflow: hidden;
}
/*liの最後のmargin削除*/
#shikishiList  ul {
	margin-right: -20px;
}
#shikishiList  li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	width: 323px;
	position: relative;
	height: 340px;
}
#shikishiBigimg {
	width: 1320px;
	margin-left: -641px;
	position: relative;
	left: 50%;
	z-index: 10;
	margin-bottom: 30px;
}
.shikishiBig{
	text-align: center;
	padding: 0px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}