@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:16px;
   color:#333;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#4169e1;
   text-decoration:none;
}

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

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

hr {
  border-width: 2px 0 0 0; /* 太さ */
  border-style: dotted; /* 種類 */
  border-color: #EBEADD; /* 色 */
}


#mokuji{
   font-size:14px;
line-height:120%;
}

#mokuji img{
padding-bottom:4px;
}




/* ========TEMPLATE LAYOUT======== */
#header {
/*    width:804px; */
width:100%
   margin:0 auto;
   position:relative;
   padding:0 5px;
background:#000;
color:#fff;

}

#pr {
   position:absolute;
   width:460px;
   left:300px;
   top:10px;
}

#menu {
   width:100%;
   float:left;
   margin-bottom:20px;
   background:url("../images/bg_menu.gif") 0 100% repeat-x;
}

#contents {
   clear:both;
   width:804px;
   margin:0 auto;
}

#main {
   float:right;
   width:564px;
}

#sub {
   float:left;
   width:220px;
}

#pageTop {
   clear:both;
}

#footer {
   clear:both;
   background:#000;
   color:#fff;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0 0 1.5em 0;
   padding:5px 0;
   font-size:15px;
   color:#fff;
   text-align:center;
}

#header h1 a {
   color:#fff;
}

#header h1 a:hover {
   color:#f00;
}

#header #pr p {
   margin:0;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   width:804px;
   margin:0 auto;
   padding:0;
}

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
   width:160px;
   line-height:30px;
}




#menu li a {
   display:block;
   width:160px;
   color:#5A5132;
   line-height:30px;
   border-left:1px solid #D8D8D8;
}

#menu li.home a {
   border:none;
}

#menu li a.active {
   background:#f4f3e8;
}

#menu li a:hover {
   color:#333;
   background:#f4f3e8;
   text-decoration:none;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#5A5132;
   font-size:15px;
   font-weight:bold;
   border-bottom:3px double #5A5132;
}

#main h3 {
clear:both;
   margin-top:2em;
   margin-bottom:1em;
   padding-left:15px;
   font-size:15px;
   border-bottom:1px solid #aaa;
   background:#fff url("../images/bg_h3.gif") 0 50% no-repeat;
}

#main h4 {
clear:both;
   margin-top:2em;

margin-left:1em;
   padding-left:15px;
   font-size:14px;
   border-bottom:1px dotted #0cc;
   color:#0489B1;

}



/*

#main h4 {
   padding-left:15px;
   margin-top:1.5em;
   margin-bottom:2px;
   font-size:15px;
font-weight:normal;
border-bottom:2px solid #c99;
   background:#fff url("../images/ico_arrow29r_1.gif") 0 50% no-repeat;
}

*/

#main h5 {
   margin-bottom:2px;
   padding:2px;
   font-size:16px;;
   color:#fff;
   background:#73C700;
}

#main h6 {
   margin-bottom:2px;
   font-size:16px;;
   border-bottom:2px solid #333;
}

#main p {
   margin: 1em 0 2em 0;
}


/* 
#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 1.5em 1em;
   padding:3px;

}

 */


#main ul{
padding-bottom:1em;
}


#main li{
padding-bottom:0.5em;
}



/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}

#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
}



strong {
	color:#c00;
   font-size:18px;
}


.big_list{
	color:#c00;
   font-size:18px;
   font-weight:bold;
}


.count_tl ul{
list-style-type: decimal;
}



/*表：元は＃ｍａｉｎだったものを．ｍｕｓｉｃに変更 */

.music table {
margin:1em 0 2em;
   width:100%;
   border-collapse: collapse;
}

.music table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border-bottom:3px double #ddd;
color:#8c7042;
font-weight:normal;
}

.music table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border-bottom:1px solid #ddd;
}


.music h4 {
   padding-left:15px;


   margin-top:1.5em;
   margin-bottom:2px;
   font-size:15px;
font-weight:normal;
border-bottom:2px solid #c99;
   background:#fff url("../images/ico_arrow29r_1.gif") 0 50% no-repeat;
}


.w100{
width:100px;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   margin-top:10px;
}

#sub h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#5A5132;
   padding-left:10px;
      background:#EBEADD;

  /* background:#fff url("../images/bg_submenu.gif") 0 50% no-repeat;*/
   border-bottom:1px solid #E7E7E7;
}

#sub h2 a{
   font-size:14px;
   font-weight:bold;
   color:#5A5132;
   border-bottom:1px solid #E7E7E7;
}


#sub ul {
   margin:0;
   padding:0;
}

#sub li {
   line-height:1.4;
   font-size:13px;
   border-bottom:1px solid #ddd;
   list-style:none;
   
}

#sub li a {
   display:block;
   padding:5px 0 5px 20px;
   color:#333;
   line-height:1.7;
   background:url("../images/bg_sub_list.gif") 5px 15px no-repeat;
}




/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px 0;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
   color:#333;
}


/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   background:url("../images/bg_dotline.gif") 0 0 repeat-x;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   color:#333;
   background: url(../images/bg_footmenu.gif) 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   text-align:center;
}


/* ========この下より 新規CSS指定======== */

div.m_menu{
margin-bottom:2em;
padding-bottom:1em;
}


div.m_menu ul{

height:100%;
padding-left:1em;
list-style-type:none;
}

div.m_menu li{

line-height:2em;
padding-left:15px;
padding-right:15px;
   background:#fff url("../images/ico_arrow28r_1.gif") 0 50% no-repeat;
}




/* ========文字修飾======== */

p{
padding-left:1em;
}


.text_s{
font-weight:normal;
   font-size:11px;
}

.text_sblue{
   font-size:11px;
color:#00c;
}


.text_l{
color:#333;
font-size:17px
}

.text_lred{
color:#c00;
font-size:19px
}

.text_lblue{
color:#00c;
font-size:17px
}


.text_red{
color:#c00;
}


.text_blue{
color:#00c;
}


.text_gray{
color:#999;
}


.text_sblueb{
color:#00c;
font-weight:bold;
font-size:12px;;
}



.text_sgray{
color:#aaa;
font-size:11px;
}



.notes{
   font-size:12px;
padding-left:1em;
color:#00c;
}







/* ========各話情報の表======== */


.str_info table {
margin:1em 0 0;
   width:100%;
   border-collapse: collapse;

}

.str_info th {
width:80px;
   padding:5px;
   font-size:12px;
   text-align:left;
   border-bottom:3px double #ddd;
color:#8c7042;
font-weight:normal;
}

.str_info td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border-bottom:1px solid #ddd;
}


.yokoku{
margin-top:0.5em;
   border-bottom:1px solid #ddd;
}



.yokoku h4{
   padding:1.5em 5px 0px;
font-size:12px;
color:#8c7042;
font-weight:normal;


}

.yokoku p{
padding:0px 2em;

}



/* ========gototop CUSTOMIZE========= */
.gototop {
   padding:5px 0 20px;
   text-align:right;
}

.gototop a {
   padding:0 0 0 12px;
   color:#8c7042;
}



/* ========blockquote CUSTOMIZE========= */


blockquote {
width:80%;
font-size:14px;
background-color:#fffaf0;
border-top:1px solid #b8860b;
border-bottom:1px solid #b8860b;
border-left:30px solid #b8860b;
border-right:1px solid #b8860b;

margin-top:2em;
margin-bottom:2em;
padding:2em 1em;

}



/* ========colorbox CUSTOMIZE========= */

div#colorbox table{
margin:0 0 2em;
   width:100%;
   border-collapse: collapse;
}

div#colorbox th{
text-align:center;
border:1px solid #ddd;
}

div#colorbox td{
text-align:center;
border:1px solid #ddd;

padding:5px 0px 0px;
width:170px;
}



/* ========jumpmenu CUSTOMIZE========= */

div#jumpmenu {
margin-left:2em;
margin-bottom:2.5em;

}


option {
width:250px;
}



div#jumpmenu_2 {
margin-left:2em;
margin-bottom:2em;

}


/* ========.bot_info CUSTOMIZE========= */


div.bot_info table{
   width:564px;
   border-collapse: collapse;
}



div.bot_info th{
border:1px solid #999;
}


div.bot_info td{
border:1px solid #999;
padding:4px;
}


.bot_t1{
width:70px;
}

.bot_t2{
width:128px;
}


.bot_pic{
width:128px;
}



/* ======== pronouns_box CUSTOMIZE========= */


div#pronouns_box table{
margin:0 0 2em;
   width:100%;
   border-collapse: collapse;
}



div#pronouns_box th{
text-align:left;
border:1px solid #ddd;
padding:5px;
width:120px;
}

div#pronouns_box td{
text-align:left;
border:1px solid #ddd;
padding:5px;
}


/* ======== neco CUSTOMIZE========= */



div.neco table{
margin:0 0 2em;
   width:100%;
   border-collapse: collapse;
}



div.neco th{
text-align:left;
border:1px solid #ddd;
padding:5px;
width:120px;
}

div.neco td{
text-align:left;
border:1px solid #ddd;
padding:5px;
}

/* ======== odai CUSTOMIZE========= */



.odai dt {
   margin-bottom:3px;
margin-left:1em;
   padding-left:15px;
font-size:15px;
font-weight:bold;
text-decoration:underline;

}

.odai dd {
   padding:0;
   margin:0 0 1.5em 2em;
   padding:0 0 0 15px;
   background:#fff;

}

/* ======== コレユイキャラ一覧 ========= */


div.chara_box table{
padding-bottom:1em;
}

div.chara_box th{
border:1px solid #333;
width:180px;
font-size:14px;
}

div.chara_box td{
border:1px solid #333;
width:180px;
font-size:14px;
text-align:left;
padding-left:0.5em;
}

div.chara_box img{
padding-bottom:3px;
padding-left:3px;
}



.chara_name{
background-color:#333;
color:#fff;
text-align:left;
padding-left:0.5em;
}


.chara_name_s{
text-align:left;
padding-left:0.5em;
}


/* ======== コレユイキャラ一覧2 ========= */


div.chara_box2 table{
padding-bottom:1em;
}

div.chara_box2 th{
border:1px solid #333;

font-size:14px;
}

div.chara_box2 td{
border:1px solid #333;
font-size:14px;
text-align:left;
padding-left:0.5em;
}

div.chara_box2 img{
padding-bottom:3px;
padding-left:3px;
}



.chara_name2{
background-color:#333;
color:#fff;
text-align:left;
padding-left:0.5em;
}


.chara_name_s2{

text-align:left;
padding-left:0.5em;
width:180px;
}

.chara_name_s2no{
text-align:left;
padding-left:0.5em;
width:80px;
}

.chara_name_s2note{
text-align:left;
padding-left:0.5em;
width:280px;
}


/* ========histry_box CUSTOMIZE========= */



.histry_box{
text-align:center;
font-size:14px;
width:150px;
height:160px;
float:left;
}


.histry_tbox{
text-align:left;
font-size:14px;
width:450px;
height:80px;
padding-left:1em;
}


.histry_tbox hr{
	background-color: #fff;
	border-top: 1px dotted #ccc;

}


/* ========music_t CUSTOMIZE========= */


.music_t li{

list-style-type:decimal;
font-size:14px;
}