@charset "UTF-8";
@import url(../etc/default.css);


/*
メイン: #c2edf9;
薄　　: #effcff;
濃　　: #0097c7
差し色: #f4ffd6;

アンカ: #007fc2;
オーバ: #d8fa19;
題　　: #0097c7;
*/



.qq{
color: red;
font-weight: bold;
}

/* pages */
body{
min-width: 600px;
font-size: 85%;
background: #effcff;
color: #333;
line-height: 1.4;
font-family: Arial, sans-selif;
text-align: center;
}
#container{
width: 80%;
max-width: 60em;
position: relative;
margin-right: auto;
margin-left: auto;
background: #ffffff;
color: #333;
text-align: left;
border-color: #c2edf9;
border-style: solid;
border-width: 6px;
}
#header{
padding: 12px;
border-bottom: #c2edf9 solid 6px;
}
#Ptoc{
margin-bottom: 12px;
}
#contents{
position: relative;
}
#footer{
margin-top: 24px;
padding: 2px 12px;
border-top: 1px dashed #c2edf9;
text-align: center;
font-size: 90%;
color: #666;
}
hr{
clear: both;
width: 0;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}

/* common */
a{
color: #007fc2;
text-decoration: none;
}
a:hover{
color: #d8fa19;
text-decoration: underline;
}
img{
border: none;
vertical-align: bottom;
}


/* hx */
h1{
padding: 12px 0;
text-align: center;
font-size: 120%;
color: #0097c7;
}
#header .date{
text-align: right;
color: #0097c7;
}
h2{
clear: both;
margin-bottom: 12px;
padding: 6px 12px 6px 38px;
background: #c2edf9 left center;
font-size: 150%;
}
h3{
clear: both;
margin: 12px 0 5px;
padding: 12px 0 0 6px;
border-left: 6px solid #0097c7;
font-size: 120%;
font-weight: bold;
}
.subcorner h3{
border:none;
background-color: #fff;
}
h4{
clear: both;
margin-top: 24px;
margin-bottom: 6px;
border-bottom: 5px solid #ccc;
}
h5{
margin-top: 12px;
border-bottom: 1px dotted #ccc;
}


/* block */
p.photo{
float: left;
margin: 0 !important;
padding: 0 12px 12px 0 !important;
text-align: center;
color: #999;
font-size: 90%;
}
p.photo.migi{
float: right;
padding: 0 0 12px 12px !important;
}
p.photo.naka{
float: none;
clear: both;
text-align: center;
}
p.photo span{
display: block;
}
.corner{
padding: 12px 50px;
}
.endcorner{
padding: 6px;
background-color: #eee;
color: #999;
font-size: 120%;
font-weight: bold;
text-align: center;
}
.subcorner{
margin: 12px;
padding: 6px 12px;
background-color: #f4ffd6;
}
.gotop{
clear: both;
margin: 12px 2px 50px;
padding-right: 13px;
background: url(img/gotop.gif) right center no-repeat;
text-align: right;
}
.author,
.subexp{
padding: 0 2px;
text-align: right;
border-bottom: 2px solid #c2edf9;
color: #666;
font-size: 90%;
}
.suburl{
text-align: right;
font-size: 90%;
}
.adrs{
clear: both;
margin: 6px 24px;
}
div.movieSub{
margin: 12px 50px 24px;
padding-top: 12px;
padding-bottom: 12px;
border: 2px dotted #0097c7;
}
div.movieSub ul{
list-style: square;
}
ul.closeup{
list-style: none;
}
ul.member li{
display: inline;
margin-right: 1em;
}
.copy{
clear: both;
margin-top: 6px;
margin-bottom: 2px;
border-bottom: 5px solid #ccc;
color: #999;
font-weight: bold;
}
.golabo .author{
margin: 12px 0 24px;
}
.end{
margin: 0 12px;
padding: 1px 3px;
border-left: 6px solid #ccc;
color: #999;
background-color: #ddd;
font-size: 80%;
vertical-align: middle;
}
.kankun{
text-align: center;
font-size: 80%;
color: #666;
}


/* Ptoc */
#Ptoc h2{
margin: 0;
padding: 0 0 0 12px;
background: none;
clear: none;
font-size: 120%;
}
#Ptoc{
padding: 12px 0;
background-color: #effcff;
margin-bottom: 0;
border: 12px solid #fff;
}

/* =toc */
.toc{
padding-right: 224px;
}
.toc .chu a{
background: url(img/chumoku_mini.gif) right center no-repeat;
padding-right: 6px;
}
.toc li{list-style: url(img/icon_normal.gif);}
.toc li.series{list-style: url(img/icon_series.gif);}
.toc li.event{list-style: url(img/icon_event.gif);}
.toc li.oshirase{list-style: url(img/icon_oshirase.gif);}
.toc li.ex{list-style: url(img/icon_ex.gif);}
.toc li.sub{list-style: url(img/icon_sub.gif);}
.toc li img{
vertical-align: middle;
}

/* =chumoku */
.chumoku{
width: 212px;
float: right;
}
#Ptoc .chumoku h2{
background: url(img/chumoku.gif) left center no-repeat;
padding-left: 20px;
}
.chumoku dl{
width: 200px;
font-size: 80%;
border-style: dashed;
border-color: #ccc;
border-width: 0 1px 1px;
background-color: #fff;
}
.chumoku dt{
text-align: center;
padding: 12px 0 6px;
border-style: dashed;
border-color: #ccc;
border-width: 1px 0 0;
}
.chumoku dd{
padding: 0 12px 12px;
border-style: dashed;
border-color: #ccc;
border-width: 0;
color: #666;
}



/* h2 */
#contents h2{background-image: url(img/h2icon_square.gif);background-repeat: no-repeat;}
h2#Pmovie{background-image: url(img/h2icon_film.gif);background-repeat: repeat-y;}
h2#Pcloseup{background-image: url(img/h2icon_closeup.gif);}
h2#Plookkanku{background-image: url(img/h2icon_plane.gif);}


/* dl */
dl.normal{
margin: 1em;
}
.normaldl dd{
padding-left: 1em;
}
dl.gijian{
position: relative;
margin: 1em;
}
.gijian dt{
position: absolute;
width: 7em;
}
.gijian dd{
padding-left: 7em;
}


/* okuduke */
#okuduke h3{
padding: 0;
border: none;
font-size: 100%;
}