@charset "ISO-2022-JP";

body {
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
background-image:url(images/bg.gif);
background-color:#35c5e3;
color:#000000;
text-align: center;
margin: 0px;
padding: 0px;
}

.container {
width: 700px;
text-align: left;
margin-right: auto;
margin-left: auto;
background-color:#0071A6;
border:1px solid #294f95;
}

h3{
margin:0px;
padding:0px;
color:#ffffff;
}

h4{
margin:0px;
padding:5px 25px 0px 25px;
background:url(images/yuki.gif) 0px 5px no-repeat;
color:#ffffff;
}

.hrgray {
border-bottom: 1px solid #074f7c;
background: transparent;
margin:0px auto;
padding:0px;
height:1px;
font-size: 1%;	
text-align:center;
clear:both;
}

.hrmidashi {
clear:both;
text-align:center;
border-bottom: 2px solid #ffffff;
background: transparent;
margin:0px auto;
padding:0px;
height:1px;
font-size: 1%;	
}

.altm{
display:none;
}

.clear{
clear:both;
}

/*ヘッダー用*/

#header{
position: relative;
width:700px;
height:297px;
background:url(images/kanon_1.jpg) no-repeat;
}

.top #header h2 {
display: none;
}

#head1{
position: relative;
width:700px;
height:140px;
background:url(images/kanon-top.jpg) no-repeat;
}

.top #head1 h2 {
display: none;
}
.main #main-header h2 {
display: none;
}


/*メニュー用*/

#gotop{
margin:0;
padding:0;
width:250px;
height:100px;
position: absolute;
top:30px;
left:450px;
background:url(images/spacer.gif) no-repeat;
}

#godvd{
margin:0;
padding:0;
width:290px;
height:35px;
position: absolute;
top:160px;
left:393px;
background:url(images/spacer.gif) no-repeat;
}

#godvd2{
margin:0;
padding:0;
width:290px;
height:23px;
position: absolute;
top:247px;
left:396px;
background:url(images/spacer.gif) no-repeat;
}


#menu {
width:700px;
height:60px;
background-color:#0071A6;
}

#menu a {
display:block;
height:60px;
}

#menu ul, #menu li {
margin :0;
padding :0;
list-style:none;
}

#menu li {
margin:0px;
padding:0px;
float:left;
height:60px;
}



#menu li .info{
background:url(images/menu.gif) no-repeat;
background-position:0% 0%;
width:116px;
}

#menu li .stca{
background:url(images/menu.gif) no-repeat;
background-position:20% 0%;
width:117px;
}

#menu li .story{
background:url(images/menu.gif) no-repeat;
background-position:40% 0%;
width:117px;
}

#menu li .chara{
background:url(images/menu.gif) no-repeat;
background-position:60% 0%;
width:117px;
}

#menu li .goods{
background:url(images/menu.gif) no-repeat;
background-position:80% 0%;
width:116px;
}

#menu li .special{
background:url(images/menu.gif) no-repeat;
background-position:100% 0%;
width:117px;
}


/*メニューロールオーバー*/

#menu li .info:hover{
background:url(images/menu.gif) no-repeat;
background-position:0% 100%;
}

#menu li .stca:hover{
background:url(images/menu.gif) no-repeat;
background-position:20% 100%;
}

#menu li .story:hover{
background:url(images/menu.gif) no-repeat;
background-position:40% 100%;
}

#menu li .chara:hover{
background:url(images/menu.gif) no-repeat;
background-position:60% 100%;
}

#menu li .goods:hover{
background:url(images/menu.gif) no-repeat;
background-position:80% 100%;
}

#menu li .special:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 100%;
}

/*更新履歴*/

#koushinrireki{
width:299px;
height:238px;
overflow: auto; 
text-align:left; 
font-size:88%;
}



/*コンテンツ用*/

.dvdtitle{
color:#fff;
font-size:100%;
line-height:1.2em;
margin:0;
padding:0;
}

.dvdtitle2{
color:#fff;
font-size:90%;
line-height:1em;
margin:2px;
padding:0;
}

.contents{
padding: 0px;
margin: 0px;
width:700px;
height:238px;
}

.tabdiv{
padding:10px 26px;
}

table {
color:#fff;
vertical-align:center;
font-size:90%;
padding:0;
margin:0;
}

table tr{
vertical-align:top;
border:1px solid #004a80;
}

table th{
background : #004a80;
padding:3px;
vertical-align:top;
text-align:left;
border:1px solid #004a80;
white-space: nowrap;
}

table td{
text-align:left;
padding:10px 3px;
margin:0;
vertical-align:top;
border-bottom:1px solid #004a80;
}

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

table a:visited{
color:#fff;
text-decoration:none;
}

table a:hover{
color:#fff;
text-decoration:underline;
}


/*更新記事用*/

#block-koushin{
float:right;
padding: 0px;
margin: 0px;
width:299px;
height:238px;
background:url(images/kanon_3.gif) no-repeat;
}


#block-koushin a:link{
color:#0076A3;
text-decoration:underline;
}

#block-koushin a:visited{
color:gray;
}

#block-koushin ul{
list-style:none;
}

#block-koushin li{
padding: 0px;
margin: 0px;
list-style:url(images/yuki.gif);
}

/*キービジュアル*/

.keyvisual{
float:left;
padding: 0px;
margin: 0px;
width: 401px;
height:238px;
background:url(images/kanon_2.jpg) no-repeat;
}

/*内容用*/

.bunshou-dvd{
margin:0px;
padding:0px;
font-size:90%;
line-height:1.5em;
color:#fff;
}

.bunshou{
margin:0px;
font-size:90%;
line-height:1.5em;
padding:10px 26px;
color:#fff;
}

.bunshou a:link{
color:#fff;
text-decoration:underline;
}

.bunshou a:visited{
color:#fff;
text-decoration:none;
}

.bunshou a:hover{
color:#fff;
text-decoration:underline;
}


.setsumei{
margin:0px;
padding:10px 20px;
color:#ffffff;
font-size:76%;
line-height:1.25em;
}

.setsumei a:link{
color:#ffffff;
}

.setsumei a:visited{
color:#f26d7d;
}

#naiyou{
clear:both;
width:700px;
text-align:center;
background-color:#0071A6;
}

.naka1{
position: relative;
margin:5px 70px;
padding:0;
width:560px;
text-align:left;
background-color:#0071A6;
}
.naka2{
position: relative;
margin:5px 70px;
padding:0;
width:560px;
text-align:left;
background-color:#0071A6;
}
.chara-note{
position: absolute;
width:200px;
height:auto;
top:50px;
left:300px;
color:#fff;
padding:0;
text-align:left;
}

/*キャラ紹介*/
#yuuichi{
width:451px;
height:50px;
background-image:url(04chara/images/yuichi-menu.gif)
}

#ayu{
width:451px;
height:50px;
background-image:url(04chara/images/ayu-menu.gif)
}

#shiori{
width:451px;
height:50px;
background-image:url(04chara/images/shiori-menu.gif)
}

#nayuki{
width:451px;
height:50px;
background-image:url(04chara/images/nayuki-menu.gif)
}

#mai{
width:451px;
height:50px;
background-image:url(04chara/images/mai-menu.gif)
}

#makoto{
width:451px;
height:50px;
background-image:url(04chara/images/makoto-menu.gif)
}

#jun{
width:225px;
height:50px;
background-image:url(04chara/images/kitagawa-menu.gif)
}

#akiko{
width:225px;
height:50px;
background-image:url(04chara/images/akiko-menu.gif)
}

#sayuri{
width:225px;
height:50px;
background-image:url(04chara/images/sayuri-menu.gif)
}

#kaori{
width:225px;
height:50px;
background-image:url(04chara/images/kaori-menu.gif)
}

#yuuichi2{
width:451px;
height:50px;
background-image:url(04chara/images/yuichi2-menu.gif)
}

#ayu2{
width:451px;
height:50px;
background-image:url(04chara/images/ayu-menu2.gif)
}

#nayuki2{
width:451px;
height:50px;
background-image:url(04chara/images/nayuki2-menu.gif)
}

#mai2{
width:225px;
height:50px;
background-image:url(04chara/images/mai2-menu.gif)
}
#sayuri2{
width:225px;
height:50px;
background-image:url(04chara/images/sayuri2-menu.gif)
}

#mishio{
width:225px;
height:50px;
background-image:url(04chara/images/mishio-menu.gif)
}
#classmate{
width:225px;
height:50px;
background-image:url(04chara/images/classmate-menu.gif)
}
#kuze{
width:225px;
height:50px;
background-image:url(04chara/images/kuze-menu.gif)
}
#piro{
width:225px;
height:50px;
background-image:url(04chara/images/piro-menu.gif)
}
#teacher{
width:225px;
height:50px;
background-image:url(04chara/images/teacher-menu.gif)
}
#kazuya {

width:225px;
height:50px;
background-image:url(04chara/images/kazuya-menu.gif)
}
#mai_mother {

width:225px;
height:50px;
background-image:url(04chara/images/mai_mother-menu.gif)
}
#shiori_mother {

width:225px;
height:50px;
background-image:url(04chara/images/shiori_mother-menu.gif)
}
#etc01 {

width:225px;
height:50px;
background-image:url(04chara/images/etc01-menu.gif)
}
#etc02 {
width:225px;
height:50px;
background-image:url(04chara/images/etc02-menu.gif)
}
#etc03 {
width:225px;
height:50px;
background-image:url(04chara/images/etc03-menu.gif)
}
#etc04 {
width:225px;
height:50px;
background-image:url(04chara/images/etc04-menu.gif)
}
#etc05 {
width:225px;
height:50px;
background-image:url(04chara/images/etc05-menu.gif)}
#etc06 {
width:225px;
height:50px;
background-image:url(04chara/images/etc06-menu.gif)}
#etc07 {
width:225px;
height:50px;
background-image:url(04chara/images/etc07-menu.gif)}
#etc08 {
width:225px;
height:50px;
background-image:url(04chara/images/etc08-menu.gif)}

#sayuri_father {

width:225px;
height:50px;
background-image:url(04chara/images/sayuri_father-menu.gif)
}

.naka1 a{
display:block;
}
.naka2 a{
display:block;
}

.naka2 ul{
margin :0;
padding-left :70px;
list-style:none;
}

 .naka2 li {
float:left;
margin :0;
padding :0;
list-style:none;
}
/*リンク用*/

.linkbox{
text-align: center;
clear:both;
width:700px;
height:auto;
background-color:#0071A6;
}

/*フッター用*/

.btm {
background: url(images/kanon_06.gif) no-repeat;
clear:both;
height:44px;
width:700px;
margin: 0px;
padding:0px;
text-align: center;
vertical-align : bottom;
color:#ffffff;
font-size:70%;
}

.tbs-copy1{
font-size:70%;
color:#fff;
margin:0px;
padding:10px;
}

.tbs-copy1 a:link{
color:#fff;
}

.tbs-copy1 a:visited{
color:#fff;
}

.tbs-link1{
font-size:70%;
color:#fff;
}

.tbs-link1 a:link{
color:#fff;
}

.tbs-link1 a:visited{
color:#fff;
}.new {
	color: #FF0000;
}