@charset "utf-8";
/* CSS Document */

/* common */

*{
	margin:0;
	padding:0;
	font-size:small;
	line-height:1.5;
	border:0;
	color:#666;
}

body{
	background-color:#fabccc;
	background-image:url(images/common/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

a{
	color:#ef4b80;
}

a:hover{
	color:#ff8bb1;
}

table{border-collapse:collapse;}

td{
	vertical-align:top;
}

th,td{padding:0;}

#bg2{
	position: fixed !important;  
    position: absolute;  
	z-index:0;
	bottom:0;
	width:100%;
	height:470px;
	background-image:url(images/common/bg2.png);
	background-repeat: repeat-x;
}

/* IE6向けのスタイル */  
* html ,  
* html body {  
    height: 100%;
    overflow-x: auto;
	overflow-y: hidden;
}
* html #cover {  
    overflow: auto;  
    position: relative;  
    width: 100%;  
    height: 100%;  
}  

/* IE6向けここまで */

#container{
    position: relative;
	width:962px;
	height: auto;
	margin: 0 auto;
	z-index: 1;
}

#content{
	width:962px;
	background-image:url(images/common/container_bg.jpg);
	background-repeat:repeat-y;
	clear:both;
}

#content_footer{
	width:962px;
	height:17px;
	background-image:url(images/common/container_footer.png);
	background-repeat: no-repeat;
	clear:both;
}

/* header */

h1{
	float:left;
}

#header{
	width:962px;
	height:100px;
	background-image:url(images/common/header_bg.gif);
	background-repeat:repeat-x;
}

#header img{
	margin-right:20px;
}

#blankimg{
	width:962px;
	height:150px;
	background-image:url(images/common/topimg_00.jpg);
}

/*  Global Navi Style */
#g_navi {
	height:34px;
	padding-top:10px;
}
#g_navi ul {
	padding:0px;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:34px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(images/g_navi.jpg) no-repeat 0px 0px;
	width:99px;
}
#g_navi li.g_navi02 a {
	background:url(images/g_navi.jpg) no-repeat -99px 0px;
	width:99px;
}
#g_navi li.g_navi03 a {
	background:url(images/g_navi.jpg) no-repeat -198px 0px;
	width:99px;
}
#g_navi li.g_navi04 a {
	background:url(images/g_navi.jpg) no-repeat -297px 0px;
	width:99px;
}
#g_navi li.g_navi05 a {
	background:url(images/g_navi.jpg) no-repeat 0px 0px;
	width:99px;
}
#g_navi li.g_navi06 a {
	background:url(images/g_navi.jpg) no-repeat -396px 0px;
	width:99px;
}
#g_navi li.g_navi07 a {
	background:url(images/g_navi.jpg) no-repeat -495px 0px;
	width:99px;
}
#g_navi li.g_navi08 a {
	background:url(images/g_navi.jpg) no-repeat -594px 0px;
	width:99px;
}


/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(images/g_navi.jpg) no-repeat 0px -68px;
	width:99px;
}
#g_navi li.g_navi02 a:hover {
	background:url(images/g_navi.jpg) no-repeat -99px -68px;
	width:99px;
}
#g_navi li.g_navi03 a:hover {
	background:url(images/g_navi.jpg) no-repeat -198px -68px;
	width:99px;
}
#g_navi li.g_navi04 a:hover {
	background:url(images/g_navi.jpg) no-repeat -297px -68px;
	width:99px;
}
#g_navi li.g_navi05 a:hover {
	background:url(images/g_navi.jpg) no-repeat 0px -68px;
	width:99px;
}
#g_navi li.g_navi06 a:hover {
	background:url(images/g_navi.jpg) no-repeat -396px -68px;
	width:99px;
}
#g_navi li.g_navi07 a:hover {
	background:url(images/g_navi.jpg) no-repeat -495px -68px;
	width:99px;
}
#g_navi li.g_navi08 a:hover {
	background:url(images/g_navi.jpg) no-repeat -594px -68px;
	width:99px;
}

/* new icon */

.newico_off{
	width:99px;
	height:28px;
	float:left;
}

.newico_on{
	width:99px;
	height:28px;
	float:left;
	background-image:url(images/header/newico.jpg);
}

/* left calam */

#leftcalam{
	width:625px;
	margin:15px 15px 15px 15px ;
	float:left;
	display: inline;
}

#news p{
	margin:15px 0px 15px 0px ;
	color:#ef4b80;
}

.date{
	color:#59c670;
}

.new{
	color:#ffb400;
}

.listlink{
	text-align:right;
	clear:both;
}

#pubbox div,#specbox div{
	width:150px;
	position:relative;
	margin:10px 10px 0px 0px ;
	padding:10px 20px 20px 130px;
	float:left;
	border:solid 1px #fabccc;
	background-color:#ffd8e2;
	background-image:url(images/news/pub_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	display:block;
	word-break:break-all;
}



#pubbox img,#specbox img{
	border:solid 1px #fbbfce;
	float:left;
	display: inline;
	margin:0px 10px 50px 0px ;
}

#pubbox p,#specbox p{
	margin:10px ;
	color:#666;
}


#specbox a{font-weight:bold;}

/* right calam */

#rightcalam{
	width:307px;
	float:left;
	padding-bottom:0px;
	margin-bottom:0px;
	background-image:url(images/news/rightcalam_bg.png);
	background-position:top;
	background-repeat:no-repeat;
}

.bannerspace{
	width:277px;
	margin:15px;
}

.bannerspace2{
	width:227px;
	margin:15px;
}

.bannerspace img{
	margin-bottom:15px;
}

.bannerspace2 img{
	margin-bottom:15px;
}


/* content link */

#content_link{
	clear:both;
	background-image:url(images/common/footer_border.png);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	color:#ccc;
	padding:15px 0px 0px 0px ;
}

/* footer */

#footer{
	text-align:center;
	color:#ef4b80;
	padding-bottom:30px;
}

#footer img{
	margin:10px 3px 0px 3px ;
}


/* ---一階層下 */

/* left calam 2 */

#leftcalam2{
	width:257px;
	float:left;
	padding-bottom:400px;
	background-image:url(images/news/rightcalam_bg2.png);
	background-position:top;
	background-repeat:no-repeat;
	display:inline;
}

.bannerspace{
	width:227px;
	margin:15px;
}

.bannerspace img{
	margin-bottom:15px;
}

/* right calam 2 */

#rightcalam2{
	width:675px;
	margin:15px 15px 15px 15px ;
	float:left;
	display: inline;
}

/* right calam 3 */

#rightcalam3{
	width:932px;
	margin:15px 15px 15px 15px ;
}

/* chara */

#chara img{
	margin-bottom:15px;
}

/* about */

#about{
	margin:15px;
	border-collapse:collapse;
	border:solid 1px #ef4b80;
	color:#7c1c3b;
}

#about tr{
	padding:10px;
}

#about td{
	padding:10px;
}

.about1{
	background-color:#ffe3ec;
}

/* movie */

#movie{
	text-align:center;
	padding:15px;
}

/* story */

#story{
	text-align:center;
	margin:15px 0px 15px 0px ;
}

/* elements */

#elements{
	color:#7c1c3b;
}

#elements p{
	margin:10px;
}

#elements div{
	width:440px;
	height:190px;
	margin:10px 0px 0px 10px ;
	float:left;
	border:solid 1px #fabccc;
	background-color:#ffd8e2;
	background-image:url(images/news/pub_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	display:inline;
}

#elements4 h4{
	width:932px;
	text-align:center;
	padding:15px 0px 15px 0px ;
}

#elements h5{
	color:#ef4b80;
	margin:10px;
}

#elements div img{
	margin-right:10px;
}

.spimg{
	float:left;
	margin-bottom:10px;
	border:solid 1px #fabccc;
}


#elements3{
	color:#7c1c3b;
	margin-bottom:20px;
}

#elements4{
	color:#7c1c3b;
	margin-bottom:20px;
}

#elements3 div{
	width:890px;
	margin:10px 0px 0px 10px ;
	float:left;
	border:solid 1px #88dcff;
	background-color:#dbf4ff;
	display:inline;
}

#elements4 div{
	width:890px;
	margin:10px 0px 0px 10px ;
	float:left;
	border:solid 1px #693;
	background-color:#f2fbe2;
	display:inline;
}

#elements4 h4{
	width:932px;
	text-align:center;
	padding:15px 0px 15px 0px ;
}

#elements3 p{
	margin:10px;
}

#elements3 h5{
	color:#ef4b80;
	margin:10px;
}

#elements4 p{
	margin:10px;
}

#elements4 h5{
	color:#ef4b80;
	margin:10px;
}

/* special */

#limited_list{
	margin:15px 0px 15px 0px ;
	list-style-type:circle;
	padding:10px;
	border:solid 1px #fabccc;
	background-color:#ffd8e2;
	background-image:url(images/news/pub_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#666;
}

#limited_list li{
	margin:0px 0px 0px 15px ;
	list-style-type:circle;
}

#limited_list h4{
	color:#ef4b80;
}

#limited_list img{
	margin:20px 0px 10px 0px ;
}

#limited_list textarea{
	width:650px;
	height:60px;
	border:solid 1px #666;
}

#Gs_list{
	margin:0px 0px 15px 0px ;
	list-style-type:circle;
	padding:10px;
	border:solid 1px #88dcff;
	background-color:#dbf4ff;
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#666;
}

#Gs_list2{
	margin:0px 15px 15px 0px ;
	list-style-type:circle;
	padding:10px;
	border:solid 1px #6CC;
	background-color: #CFC;
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#666;
}

#Gs_list li{
	margin:0px 0px 0px 15px ;
	list-style-type:circle;
}

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

#Gs_list h5{
	color:#ef4b80;
}

#Gs_list2 h5{
	color:#ef4b80;
}

.small{
	font-size:x-small;
}

#tate_list{
	margin:15px 0px 15px 0px ;
	list-style-type:circle;
	padding:10px;
	border:solid 1px #fabccc;
	background-color:#ffd8e2;
	background-image:url(images/news/pub_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#666;
}

#tate_list h4{
	color:#ef4b80;
}

#tate_list textarea{
	width:150px;
	height:150px;
	border:solid 1px #666;
	margin-bottom:20px;
	margin-top:10px;
}

#tate_list div{
	width:150px;
	float:left;
	display:inline;
	margin-right:10px;
}

.top_p{
	margin-top:15px;
}

/* cats comment */

#cast p{
	margin:15px;
}

#cast h4{
	margin-bottom:5px;
	margin-top:30px;
}

#cast div{
	border:solid 1px #F69;
	background-image:url(images/special/castbg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.castimg{
	margin:15px;
	border:solid 1px #F69;
	float:left;
}


/* scenario */

#scenario p{
	width:350px;
}

#scenario strong{
	color:#F6C;
}

.sce_rimi{
	height:300px;
	margin-top:20px;
	background-image:url(images/about/sce_rimi.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.sce_nanami{
	height:300px;
	margin-top:20px;
	background-image:url(images/about/sce_nanami.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.sce_yua{
	height:300px;
	margin-top:20px;
	background-image:url(images/about/sce_yua.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.sce_kozue{
	height:300px;
	margin-top:20px;
	background-image:url(images/about/sce_kozue.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.sce_sena{
	height:300px;
	margin-top:20px;
	background-image:url(images/about/sce_sena.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.sce_ayase{
	height:300px;
	margin-top:20px;
	background-image:url(images/about/sce_ayase.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.shop{
	width:150px;
	text-align:center;
	margin:15px;
	float:left;
}

.shop_{
	width:200px;
	text-align:center;
	margin:10px;
	float:left;
}

.wall{
	width:310px;
	float:left;
	margin:20px 10px 0px 0px ;
}


.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; /* IE6-7 */ }