@charset "UTF-8";

/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 相関図
-------------------------------------------*/
.soukanzu{
width:569px;
height:850px;
background:url(../image/character/soukanzu_bg2.jpg) no-repeat;
}

.charasam1{
width:80px;
height:100px;
position:relative;
float:left;
}

.charasam2{
width:60px;
height:75px;
position:relative;
float:left;
}

.charasam3{
width:100px;
height:28px;
position:relative;
float:left;
}

/* 1. main layout
-------------------------------------------*/
body{
color:#fff;
font-size:80%;
background:url(../image/bg.jpg) 0 0 repeat;
}

#wrap{
margin:0 auto;
padding:0px;
width:920px;
background:url(../image/bg_wrap.jpg) -20px 0 repeat;
}

#wrapper{
margin:0 auto;
padding:0px;
width:850px;
background:#000;
}

#header{
margin:0px;
padding:5px 5px 5px 5px;
width:840px;
height:130px;
background:url(../image/line.gif) 0 130px no-repeat;
}
#wrapper #header .logo {
	padding: 15px 0 0 0;
}

#wrapper #header .rireki {
background: url(../image/bg_rireki.jpg);
height: 95px;
width: 530px;
padding: 20px 5px 5px 5px;
}


#pankuzu{
}

#contents{
margin:0px auto;
padding:5px 0px 5px 5px;
width:845px;
}

#subcol{
float:left;
margin:0px;
padding:0px;
width:190px;
}

#maincol{
float:right;
margin:0px;
padding:0px;
width:650px;
}

#maincol div.bottom{
width:620px;
padding:10px 0 10px 0;
margin:0px auto 15px auto;
line-height:1.2;
border-top:1px #009999 solid;
}

#maincol div.bottom p{
text-align:center;
padding:0 0 10px 0;
}

.maintop {
	background: url(../image/main_top.jpg) no-repeat;
	height: 538px;
}

.topmovie {
	width: 206px;
	height: 242px; position:relative; top:243px; left:57px;
}

.mainbg-top {
	background: url(../image/mainbg-top.gif) no-repeat;
	padding:35px 0 0 0;
}

.mainbg-under{
	background: url(../image/mainbg-under.gif) no-repeat bottom;
	padding:0 0 35px 0;
}

.mainbg-middle{
	background: url(../image/mainbg-middle.gif) repeat;
	padding:0 50px 0 50px;
}

.mainbg-middle-chara{
	background: url(../image/mainbg-middle.gif) repeat;
	padding:0 40px 0 40px;
}

.mainbg-middle-chara h3{
	clear:both;
	padding:0 0 10px 0;
}

.profile{
color:#333;
padding:10px 0;
}

.profile .photo{
float:left;
width:190px;
}

.profile .detail{
float:left;
width:360px;
}

.profile .detail .shicho{
padding:0 0 10px 0;
}

.profile .detail .txt{
height:120px;
margin:5px 0 10px 0;
padding:0px 5px;
line-height:1.5;
border:dotted 1px #999;
border-right:none;
}

#footer{
clear:both;
margin:0px auto;
padding:10px 5px 5px 5px;
width:840px;
background:url(../image/line.gif) 0 0 no-repeat;
}

/* 2. navigation
-------------------------------------------*/


/* 3. link style
-------------------------------------------*/
a{
overflow:hidden;
}

a:link{
color:#FFFF99;
text-decoration:underline;
}

a:visited{
color:#CCCCCC;
text-decoration:underline;
}

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

a:active{
color:#FFCC33;
text-decoration:none;
}

.profile a{
overflow:hidden;
}

.profile a:link{
color:#ff6600;
text-decoration:underline;
}

.profile a:visited{
color:#ff6600;
text-decoration:underline;
}

.mainbg-middle a:hover{
color:#ff9900;
text-decoration:none;
}

.mainbg-middle a:active{
color:#ff9900;
text-decoration:none;
}

.mainbg-middle a{
overflow:hidden;
}

.mainbg-middle a:link{
color:#ff6600;
text-decoration:underline;
}

.mainbg-middle a:visited{
color:#ff6600;
text-decoration:underline;
}

.mainbg-middle a:hover{
color:#ff9900;
text-decoration:none;
}

.mainbg-middle a:active{
color:#ff9900;
text-decoration:none;
}

h3.trigger a{
overflow:hidden;
text-decoration:none;
font-weight:bold;
color:#000099;
display: block;  
}

h3.trigger a:link{
color:#000099;
}

h3.trigger a:visited{
color:#000099;
}

h3.trigger a:hover{
color: #FF3366;
}

/* 4. common parts
-------------------------------------------*/
.footnavi{
clear:both;
padding:20px 10px 0px 0px;
}
.pagetop{
float:right;
}

.center{
text-align:center;
}
/* 4.1 of header
-------------------------------------------*/

/* 4.2 of content
-------------------------------------------*/

.t_h2{
margin:16px 0px 22px;
}

.menu_list li{
margin:0 0 0 0;
padding:0px 3px 2px 3px;
vertical-align:bottom;
line-height:1.0;
background:url(../image/bg_menu.gif) 0 35px no-repeat;
}
.menu_list li.lastchild{
margin:0px 0px 25px 0px;
}

.rireki .inner{
padding:0px 5px 0px 5px;
line-height:1.5;
height:95px;
width:525px;
background:#333333;
}
.rireki dt{
float:left;
padding:2px 2px 3px 8px;
width:65px;
font-size:90%;
}
.rireki dd{
float:left;
padding:2px 5px 3px 5px;
width:431px;
font-size:90%;
}

.allnews{
padding:0px 23px 0px 0px;
text-align:right;
}

.newsmado {
padding:10px 15px 0px 15px;
margin:0;
}

.newsimg{
float:left;
margin-right:10px;
}

.newsmado h2{
font-weight:bold;
font-size:110%;
line-height:1.2;
color:#FF3399;
clear: both;
}

.newsmado h3{
padding:8px 0 8px 0;
font-weight:bold;
font-size:100%;
line-height:1.2;
color:#FFFF99;
}

.newsmado p{
padding:0 0 8px 0;
line-height:1.2;
}

.newsmado p.last{
padding:0 0 12px 0;
margin:0px 0px 15px 0px;
line-height:1.2;
border-bottom:1px #009999 solid;
}

.newsmado div{
padding:10px 0 0 0;
line-height:1.2;
}

.newsmado div.last{
padding:10px 0 10px 0;
margin:0px 0px 15px 0px;
line-height:1.2;
border-bottom:1px #009999 solid;
}

.newsmado p.strike{
text-decoration:line-through;
}

.newsmado hr{
margin:0px 0 10px 0;
padding:0px;
border-width:1px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
color:#009999;
}

.onair h3{
padding:8px 0 8px 0;
font-weight:bold;
font-size:100%;
line-height:1.2;
color:#000066;
}

.onair{
color:#333;
padding:10px 0;
}

.onair p{
}

.goods{
color:#333;
padding:0 0 10px 0;
}

.goods h3{
padding:8px 0 8px 0;
font-weight:bold;
font-size:100%;
line-height:1.2;
color:#000066;
}

ul.goodsmenu{
padding:10px 60px 0px 60px;
}

ul.goodsmenu li{
padding:0px 5px;
width:160px;
float:left;
}

.goods p{
padding:10px 0 0 0;
}

.goods p.goodsimage{
width:160px;
height:160px;
float:left;
padding:0;
}

.goods p.goodstxt{
width:380px;
float:left;
padding:0 0 0 10px;
}

.eventrepo li{
width:250px;
padding:15px 0 15px 50px;
float:left;
}

.eventrepo li p{
text-align:center;
padding:5px 0;
}

div.eventrepo{
width:620px;
padding:0 15px 15px 15px;
}

div.eventrepo h3{
font-weight:bold;
text-align:center;
padding:15px 0 15px 0px;
}

div.eventrepo p{
padding:5px 15px 10px 15px;
}

div.eventrepo td{
padding:5px 5px 20px 5px;
width:310px;
text-align:center;
}

div.eventrepo td img{
margin:0px 0px 5px 0px;
}

div.kanon{
width:650px;
height:480px;
padding:15px 0px 15px 0px;
}

div.kanon .chara1{
float:left;
width:300px;
height:480px;
padding:0 0 0 20px;
}

div.kanon .charaimg{
padding:0 10px 15px 5px;
}

.kanon .chara2{
float:left;
width:300px;
height:480px;
}

.chara1 div.txt{
width:270px;
height:150px;
padding:3px 5px;
margin:0 10px 10px 5px;
line-height:1.5;
border:dotted 1px #999;
border-right:none;
}

.charasub{
width:650px;
padding:15px 0px 15px 0px;
}

.charaname{
padding:0 0 0 20px;
}

.charasub .chara1{
float:left;
width:300px;
padding:0 0 0 20px;
}

.charasub .charaimg{
padding:0 10px 15px 5px;
}

.charasub .chara2{
float:left;
width:300px;
}

.charasub div.txt{
width:270px;
height:150px;
padding:3px 5px;
margin:0 10px 10px 5px;
line-height:1.5;
border:dotted 1px #999;
border-right:none;
}

div.reidoc{
width:650px;
padding:15px 0px 15px 0px;
}

div.reidoc .chara1{
padding:0 0 0 20px;
}

div.reidoc .chara2{
padding:0 0 0 20px;
clear: both;
}

div.reidoc .charaimg{
padding:0 10px 15px 5px;
text-align:center;
}

.chara2 .charaimg{
padding:0 10px 15px 5px;
float:left;
}

.chara2 .charaname{
padding:0 10px 10px 5px;
width:270px;
float:left;
}

div.reidoc .chara2 div.txt{
float:left;
width:340px;
height:100px;
padding:3px 5px;
margin:0 10px 10px 5px;
line-height:1.5;
border:dotted 1px #999;
border-right:none;
}

.reidoc .chara2{
}

.charalist0{
width:569px;
padding:0 0 10px 0;
margin:0px auto 0px auto;
line-height:1.2;
}

.charalist0 li{
float:left;
width:100px;
padding:0 1px 2px 2px;
}

.charalist{
width:620px;
padding:10px 0 10px 0;
margin:0px auto 0px auto;
line-height:1.2;
border-top:1px #009999 solid;
}

.charalist li{
float:left;
width:100px;
padding:2px 1px 0 2px;
}

.castaff{
padding:0px 0 10px 0;
border-bottom:dotted 2px #999;
}

.castaff table{
margin:15px 0px 20px 0px;
}

.castaff th{
width:120px;
padding:5px 10px 5px 10px;
color:#333;
text-align:center;
}

.castaff td{
padding:5px 10px 5px 10px;
color:#333;
}

.castaff pre{
padding:3px 5px 4px 5px;
line-height:1.4;
color:#333;
}

.castaff p{
padding:3px 5px 4px 5px;
line-height:1.4;
color:#333;
}

.yomoyama h3{
clear:both;
padding:5px 5px 5px 5px;
color:#000099;
font-weight:bold;
background:#CCCCCC;
}

.story{
padding:0 0 10px 0;
border-bottom:dotted 2px #999;
clear:both;
}

.story .img{
padding:5px 0 0 0;
width:280px;
float:left;
text-align:center;
}

.story .img2{
padding:5px 0 0 0;
width:270px;
float:right;
text-align:center;
}

.story .txt{
padding:0;
width:270px;
float:right;
}

.story p{
padding:3px 5px 4px 5px;
line-height:1.4;
color:#333;
}

.yomoyama{
padding:5px 0 5px 0;
}

.toggle_container{
padding:0 0 10px 0;
border-bottom:dotted 1px #999;
}

.bana{
border-bottom:dotted 2px #999;
padding:5px 5px 10px 5px;
line-height:1.4;
color:#333;
}

.bana h3{
padding:5px 5px 5px 5px;
}

.bana p{
padding:5px 5px 5px 5px;
}

.event{
border-bottom:dotted 2px #999;
padding:5px 5px 10px 5px;
line-height:1.4;
color:#333;
}

.event h3{
padding:5px 5px 5px 5px;
}

.event p{
padding:5px 5px 5px 5px;
}

.broadband{
border-bottom:dotted 2px #999;
padding:5px 5px 10px 5px;
line-height:1.4;
color:#333;
}

.broadband h3{
padding:5px 5px 5px 5px;
color:#000099;
font-weight:bold;
}

.broadband p{
padding:5px 5px 5px 5px;
}

/* 4.3 of footer
-------------------------------------------*/

.link{
padding:0 0 0 0px;
width:730px;
margin:0px auto;
}

.link li{
padding:0 5px 5px 0;
width:140px;
float:left;
position:relative;
}

.linkalt{
border:1px solid white;
background:#000;
padding:5px;
width:140px;
position:absolute;
z-index:1;
top:-42px;
left:0px;
}