/*

-----------------------------------------------

Copyrighit WAO! group 2005 All Righits Reserved.

----------------------------------------------- */


/* Body

------------------------------*/

body {
	/*text-align:center;*/
	margin: auto;
	padding: auto;
	background:url(../images/bg02.jpg) repeat-y center top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	line-height:150%;
	line-break:stric;
	text-align:center;
	background-color: #C49CBE;
}
/*背景グラデーション*/
div#gb01 {
	margin:auto;
	padding:0px 0px 0px 0px;
	background-image: url(../images/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	width:100%;
}

/*背景白（コンテンツエリア）*/
div#gb02{
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	background-image: url(../images/bg03.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
	width:600px;
	/*background-color:#999999;*/
}


/*時代背景ページ用（テーブルのBG）*/
#bg{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/history/history_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/* Image

------------------------------*/
img{ border:0px;
vertical-align:middle;
}

/* リンクアイコン*/
.btn{
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px 1px 0px;
}

/* スタッフ用*/
.img{
	clear:both;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;
}

/* キャスト用*/
.naka_soroe{
vertical-align:middle;
}

/* SITE ID

------------------------------*/
div#siteid {
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
}

#siteid a {
	background-image: url(../images/id.jpg);
	background-repeat:no-repeat;
	width: 265px;
	height: 47px;
	display: block;
	margin:0px 0px 0px 10px;
	padding:0px;
}


#siteid span {
	display: none;
}



/*header

------------------------------*/
div#header{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	margin: auto;
	padding: 0px;
	width:730px;
	height:140px;
	text-align:justify;
}



/* footer

------------------------------*/
div#footer{
	clear:both;
	background-image:url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: auto;
	padding: 20px 0px 0px 0px;
	width:730px;
	height:70px;
	text-align:center;
}



/*globalnavigation
------------------------------*/

.block{
display:block;
}

.nondeco{
text-decoration:none;
}

div#navigation{
	margin: 6px 0px 0px 14px;
	padding: 0px;
}

#navigation ul{
	margin: 0px;
	padding: 0px;
}

#navigation li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.story a,.story0 a{
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 111px;
	text-indent:-9999px;
		
}

.story a:hover,.story0 a:hover{
	background-position: 0px -30px;
}

.story0 a{
	background-position: 0px -30px;
}

.cast a,.cast0 a{
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -116px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 110px;
	text-indent:-9999px;
}

.cast a:hover,.cast0 a:hover{
	background-position: -116px -30px;
}

.cast0 a{
	background-position: -116px -30px;
}

.staff a,.staff0 a{
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -231px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 110px;
	text-indent:-9999px;
}

.staff a:hover,.staff0 a:hover{
	background-position: -231px -30px;
}

.staff0 a{
	background-position: -231px -30px;
}


.production a,.production0 a{
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -346px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 119px;
	text-indent:-9999px;
}

.production0 a{
	background-position: -346px -30px;
}

.production a:hover,.production0 a:hover{
	background-repeat: no-repeat;
	background-position: -346px -30px;
	margin: 0px 5px 0px 0px;
}



.history a,.history0 a{
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -470px 0px;
	margin: 0px 5px 0px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.history a:hover,.history0 a:hover{
	background-position: -470px -30px;
}

.history0 a{
	background-position: -470px -30px;
}

.presentation a,.presentation0 a{
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -589px 0px;
	height: 30px;
	width: 114px;
	text-indent:-9999px;
}

.presentation a:hover,.presentation0 a:hover{
	background-position: -589px -30px;
}

.presentation0 a{
	background-position: -589px -30px;
}

/*パンくずリスト 

------------------------------*/
#pan{
	margin: auto;
	padding:0px 0px 10px 0px;
	width: 689px;
	text-align:left;
}

/*（仮）制作ノート用*/
table#pan{
	margin:auto;
	margin-bottom:10px;
}
table#pan th{
	font-size:12px;
}




/*TOP promotion area
------------------------------*/





/*contents
------------------------------*/
#contents{
	margin: auto;
	padding:0px 0px 0px 20px;
	width: 689px;
	text-align:left;
}

#contents_sokanzu{
	margin: auto;
	padding:0px 0px 0px 10px;
	width: 699px;
	text-align:left;
}



/*キャスト用*/
.border4{
	/*clear:both;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:650px;
	margin:0px 0px 0px 25px;
	padding:0px 0px 10px 0px;
}

.border5{
	/*clear:both;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:310px;
	margin:auto;
	padding:0px 0px 10px 0px;
}

.box{
	margin:auto;
	padding:0px 0px 0px 20px;
	width:310px;
	float:left;
}

#box2{
	clear:both;
	margin:auto;
	padding:20px 0px 0px 20px;
	width:320px;
	float:left;
}

.box3{
	clear:both;
	margin:auto;
	padding:0px 0px 0px 0px;
	width:300px;
	float:left;
}

.box5{
	margin:auto;
	padding:0px 20px 0px 0px;
	width:365px;
	float:right;
}

#box6{
	width:249px;
}

/*スタッフ用*/
#box4{
	clear:both;
	width:669px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;
}

/*制作ノート用*/
#head{
	margin: auto;
	padding:0px;
	width: 564px;
	background-image: url(../production/images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#head2{
	margin: auto;
	width: 564px;
	background-image: url(../production/images/top2.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



#contents2{
	margin: auto;
	background-image: url(../production/images/contents2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 564px;
}


#foot{
	margin:auto;
	padding:0px 0px 0px 0px;
	background-image: url(../production/images/under.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 564px;
	height:70px;
}

#foot2{
	margin:auto;
	padding:0px 0px 0px 0px;
	background-image: url(../production/images/under2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 564px;
	height:30px;
}


.border{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:520px;
	margin:auto;
	padding:10px 0px 0px 0px;
}

.border2{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:520px;
	margin:auto;
	padding:0px 0px 0px 0px;
}

.border3{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #853333;
	width:250px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.photo{
	float:right;
	margin:20px 20px 0px 10px;
}

.photo2{
	clear:both;
}

.photo3{
	float:left;
	margin:20px 10px 0px 20px;
}

.photo4{
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.photo5{
	margin:0px 0px 0px 0px; 
	padding:30px 0px 0px 0px;
	/*border:1px solid #333;*/
}

.photo6{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 30px 0px;
	/*border:1px solid #333;*/
}



.comment{
	margin:auto;
	padding:0px;
	/*clear:both;*/
	width:504px;
	/*border:1px solid #999;*/
}

.comment2{
	margin:auto;
	padding:0px;
	width:504px;
	/*border:1px solid #333;*/
}

.siege{
	margin:auto;
	width:504px;
	border:1px solid #000;
}

/*ふるさとJAPANの音楽用*/
#contents3{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:465px;
	text-align:left;
}



/* テキストリンク

------------------------------*/
#underlayer{
	background-image:url(../images/arrow2.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0px;
	padding:0px 0px 0px 8px;
}

#underlayer2{
	clear:both;
	background-image:url(../images/arrow2.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0px;
	padding:0px 0px 0px 17px;
}

#under{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
		clear:both;
}

.hd{
	background-image: url(../images/arrow2.jpg);
	background-repeat: no-repeat;
	background-position:left center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}


/* ページ下にあるテキストリンク

------------------------------*/
#bottom{
	margin:auto;
	padding:10px 0px 0px 10px;
	width:564px;
}

/*戻る*/
#back{
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	padding:0px 0px 0px 18px;
	background-position: left center;
}

/*ページTOPへ戻る*/
#pagetop{
	clear:both;
	text-align:right;
	margin:0px 20px 0px 0px;
	padding:10px 0px 0px 0px;
}

/*ページTOPへ戻る(制作ノート用)*/
#pagetop2{
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px; 
}





/* local area

------------------------------*/





/* List

------------------------------*/
#contents2 ul{
	margin:auto;
	padding:0px 0px 0px 0px;
}

#contents2 li{
	list-style-type:disc;
	list-style-position:inside;
	float:left;
	margin:0px 10px 0px 20px;
	padding:0px 0px 0px 0px;
}





/* banner

------------------------------*/




/* margin

------------------------------*/
.m1{
	margin: 0px 0px 0px 0px;
	padding:35px 0px 0px 0px;
}

.m2{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

.m3{
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 0px;
}

.m4{
	margin:10px 20px 0px 0px;
	padding:0px 0px 0px 0px;
}

.m5{
	margin:10px 10px 0px;
	padding:0px;
}

.m6{
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

.m7{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

.m8{
	margin:0px 20px 0px 10px;
	padding:0px 0px 0px 0px;
}

.m9{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

.m10{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* padding

------------------------------*/
.p1{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.p2{
	margin:0px 0px 0px 0px;
	padding:8px 20px 0px 0px;
}
.p3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}


/* H1

------------------------------*/ 

h1 {
	
}

/* すべてのページ共通の画像見出し用*/ 
#caption{
	width: 680px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	text-align:left;
}


/*制作ノート用*/
.caption{
	margin:auto;
	padding:0px;
	background-image: url(../production/images/h1.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 68px;
	width: 600px;
}

.caption2{
	margin:0px 0px 20px 0px;
}




/* H2

------------------------------*/ 
h2{
	
}



/* H3

------------------------------*/ 
h3{
	
}




/* link

------------------------------*/
a:link{
	color: #663366;
}

a:active{
	color: #663366;
}

a:visited {
	color: #663366;
}

a:hover {
	color: #663366;
	text-decoration:none;
}


.top a{
	color:#663366;
	/*text-align:right;*/
	text-decoration:underline;
}

.top a:active{
	color:#663366;
	/*text-align:right;*/
	text-decoration:underline;
}

.top a:visited{
	color:#663366;
	/*text-align:right;*/
	text-decoration:underline;
}

.top a:hover{
	color:#663366;
	/*text-align:right;*/
	text-decoration:underline;
}




/* P

------------------------------*/ 

p {
	/*font-size: 14px;*/
	line-height:150%;
	margin: 10px 0px;
	color: #000000;
}

p.gn {
	clear:both;
	font-size: 14px;
	line-height:150%;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	color: #000000;
	text-align:left;
}



/*キャスト用*/
p.gn2 {
	clear:both;
	font-size: 14px;
	line-height:150%;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	color: #000000;
	line-break:stric;
}



/*スタッフ用*/
p.int{
	margin:0px 0px 0px 0px;
	padding:0px;
}

p.int2{
	float:left;
	width:220px;
	margin:0px 0px 0px 10px;
	padding:0px;
}




/*制作ノート用*/
p.con{
	margin:0px;
	padding:30px 20px 10px 20px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 150%;
	/*background-image: url(../production/images/under.gif);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	width: 504px;
	text-align:left;
	line-break:strict;
}

p.con2{
	margin:0px;
	padding:30px 20px 10px 20px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 150%;
	text-align:left;
	line-break:strict;
}

p.con3{
	float:right;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 150%;
	text-align:left;
	line-break:strict;
	/*width:100%;*/
}

p.con4{
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 150%;
	text-align:left;
	line-break:strict;
	width:250px;
}

p.td{

	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height: 150%;
	text-align:left;
}





/* FONT

------------------------------*/ 

td {
font-size: 14px;
line-height:150%;
}


th {
	font-size: 14px;
	line-height:150%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
	font-weight: normal;
}

.fo16{
	font-size: 16px;
	color: #000000;
}

/*時代背景年表用*/
#ft th,#ft td{
	font-size: 12px;
	line-height: 130%;
	color: #000000;
}

.fo12{
	font-size: 12px;
}

.fo11{
	font-size: 11px;
}


/*table

------------------------------*/

/*制作ノート用*/
.tbl{
	margin:auto;
	padding:0px 0px 0px 0px;
	text-align: left;
}

.tb{
	margin:auto;
	padding:30px 0px 0px 0px;
}

.tb2{
	margin:auto;
	padding:20px 0px 0px 0px;
}

.tb3{
	margin:auto;
	padding:0px 0px 20px 0px;
}

/*Flash
------------------------------*/






/*制作ノートページ移行用
------------------------------*/
.text {
	font-size: 12px;
	line-height: 150%;
}

.text2 {
	font-size: 16px;
	line-height: 150%;
}

.read {
	font-size: 14px;
	line-height: 150%;
}

.readsmall {
font-size: 12px;
line-height: 150%;
}

rt {
font-weight: bolder;
font-size: 9px;
color: #D71818;
line-height: -1.5em;
}

/* リンク(中画面) */

a.naka:link {
font-size: 12px;
color: #003399; 
text-decoration: none;
}
a.naka:visited {
font-size: 12px;
color: #003399;
text-decoration: none;
}
a.naka:active {
font-size: 12px;
color: #003399;
text-decoration: none;
}

a.naka:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none; 
}

a.naka2:link {
font-size: 14px;
color: #003399; 
text-decoration: none;
}

a.naka2:visited {
font-size: 14px;
color: #003399;
text-decoration: none;
}

a.naka2:active {
font-size: 14px;
color: #003399;
text-decoration: none;
}

a.naka2:hover {
font-size: 14px;
color: #FF0000;
text-decoration: none; 
}

a.naka3:link {
font-size: 14px;
color: #003399; 
text-decoration: none;
}

a.naka3:visited {
font-size: 14px;
color: #003399;
text-decoration: none;
}

a.naka3:active {
font-size: 14px;
color: #003399;
text-decoration: none;
}

a.naka3:hover {
font-size: 14px;
color: #FF0000;
text-decoration: none; 
}

.bor{
border:1px solid #006633;
}

.flot_hidari01 {
	float: left;
	width: 440px;
}

.flot_hidari {
	float: left;
}

.flot_migi01 {
	float: right;
}
.flot_hidari02 {
	float: left;
	width: 300px;
}
.flot_hidari03 {
	float: left;
	width: 194px;
}

.flot_migi02 {
	float: right;
	width: 300px;
}
.flot_migi03 {
	float: right;
	width: 385px;
}

.flot_none {
	float: none;
	clear: both;
}
.ueaki_10 {
	padding-top: 10px;
}
.ueaki_20 {
	padding-top: 20px;
}
.txt_naka {
	text-align: center;
}
.txt_migi {
	text-align: right;
}
.txt_hidari {
	text-align: left;
}

.shitaaki_10 {
	padding-bottom: 10px;
}

.txt_ue_soroe {
	vertical-align: top;
}

.stylered1{color:#e0050a
}
.hidariaki_08{
 padding-left: 8px;
}

.hidariaki_20{
 padding-left: 20px;
}

.migiaki_20 {
	padding-right: 20px;
}


/*--------------------------------
　　サブナビゲーション
---------------------------------*/
#Space{
position:absolute; 
z-index:0; 
left: -20px; 
top: 0px; 
visibility: hidden;
}
/*-------------------------------------*/
#s_navi1{
position:absolute;
width:111px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../images/navi/bg_sns1.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}
#s_navi1 li {
width:111px;
padding : 6px 0px 0px 0px;
background-image:url(../images/navi/bg_sn1.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}
#s_navi1 a {
width:91px;
background-image:none;
text-indent:0px;
height:auto;
padding-bottom:5px;
margin-left:15px;
}
#s_navi1 li.sn_foot {
margin-bottom:5px
}
/*-------------------------------------*/
#s_navi2{
position:absolute;
width:110px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../images/navi/bg_sns2.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}
#s_navi2 li {
width:110px;
padding : 6px 0px 0px 0px;
background-image:url(../images/navi/bg_sn2.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}
#s_navi2 a {
width:85px;
background-image:none;
text-indent:0px;
height:auto;
padding-bottom:5px;
margin-left:15px;
}
#s_navi2 li.sn_foot {
margin-bottom:5px
}
/*-------------------------------------*/
#s_navi3{
position:absolute;
width:110px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../images/navi/bg_sns3.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}
#s_navi3 li {
width:110px;
padding : 6px 0px 0px 0px;
background-image:url(../images/navi/bg_sn3.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}
#s_navi3 a {
width:90px;
background-image:none;
text-indent:0px;
height:auto;
padding-bottom:5px;
margin-left:15px;
}
#s_navi3 li.sn_foot {
margin-bottom:5px
}
/*-------------------------------------*/
#s_navi5{
position:absolute;
width:114px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../images/navi/bg_sns5.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}
#s_navi5 li {
width:114px;
padding : 6px 0px 0px 0px;
background-image:url(../images/navi/bg_sn5.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}
#s_navi5 a {
width:94px;
background-image:none;
text-indent:0px;
height:auto;
padding-bottom:5px;
margin-left:15px;
}
#s_navi5 li.sn_foot {
margin-bottom:5px
}
/*-------------------------------------*/
/*　navi6はnavi5と同じ　*/
#s_navi6{
position:absolute;
width:114px;
padding : 0px;
margin: 0px;
list-style-type: none;
background-image:url(../images/navi/bg_sns5.gif);
background-position:bottom left;
background-repeat:no-repeat;
top:115px;
}
#s_navi6 li {
width:114px;
padding : 6px 0px 0px 0px;
background-image:url(../images/navi/bg_sn5.gif);
background-repeat:repeat-y;
font-size:12px;
line-height:120%;
}
#s_navi6 a {
width:94px;
background-image:none;
text-indent:0px;
height:auto;
padding-bottom:5px;
margin-left:15px;
}
#s_navi6 li.sn_foot {
margin-bottom:5px
}
/*-------------------------------------*/
.on{
visibility:visible;
}
.off{
visibility: hidden;
}
/*-------------------------------------*/