/*

  Natural Factory - 字幕集

  データ表示用ＣＳＳ設定ファイル

  Copyright(C) Natural Factory 1999-2011.

*/
body    { background:  #ffffff; color: #000000; font-family: trebuchet ms, arial, sans-serif; }
body.c1 { background:  #ffffc1;  }
a       { text-decoration : none; }


h1     { border-style : solid;
         border-width : 2px ;
         border-color : #808080;
         background   : #ffffff;
         border-radius: 20px;
         padding      : 2px 10px; }

h1.jr  { border-color: #c140c1;}
h1.pjr { border-color: #c1c140;}
h1.sub { border-color: #4040c1;}

h2     { border-style: solid;
         border-width: 0 0 2px 0; }

h2.jrh { border-color: #00ff00; }
h2.jre { border-color: #008000; }
h2.jrc { border-color: #ff8000; }
h2.jrw { border-color: #0000c0; }
h2.jrs { border-color: #00ffff; }
h2.jrk { border-color: #f00000; }
h2.old { border-color: #808080; }
h2.tec { border-color: #000080; }
h2.pc  { border-color: #0000ff; }
h2.pre { border-color: #0080ff; }
h2.prw { border-color: #800000; }


h3     { border-style: solid;
         border-width: 0 0 0 8px;
         border-color: #404040;
         margin  : 15px;
         padding : 0 5px; }

h4     { border-style : solid ;
         border-width : 1px ;
         width        : 10em ; 
         border-color : #a0a080;
         border-radius: 20px ;
         padding      : 2px 10px ;}

p      { margin : 5px; 
         padding : 3px 15px;
       }

header, footer {
          margin        : 2px;
          padding       : 1px 5px; 
          background    : #f1f1f1;
          border        : 0px;
          box-shadow: 10px 10px 10px rgba(0,0,0,0.4);   }
header {
          margin-top    :  3em;
       }
footer {
          text-align    : right;  
       }

article { margin        : 15px 20px;
          padding       : 10px; 
          background    : #f1f1f1;
          border        : 0px;
          box-shadow: 10px 10px 10px rgba(0,0,0,0.4);   }

section { margin        : 15px 20px;
          padding       : 10px; 
          background    : #f1f1e1;
          border        : 0px;
          box-shadow: 10px 10px 10px rgba(0,0,0,0.4);   }

dl      { margin : 3px 15px; 
          padding: 3px;}
dt      { margin : 3px 6px; 
          padding: 3px;}
dd      { margin : 3px 1em; 
          padding: 3px;}

pre     { border-radius   : 20px;
          box-shadow      : 0px 0px 4px #ffff66;
          background-color: #ffffc1;
          border: 1px solid #d3d3d3;
          margin          : 10px;
          padding         : 10px 20px 10px 20px;
        }


div.right { text-align : right;  
            padding    : 5px; 
          }

img       { border: 1; vertical-align: top;  } 
img.float { float: left; } 
br.vc     { clear: left; }


div.breadcrumb {
                 position  : fixed;
                 display   : block;
                 top       : 0 ;
                 left      : 0 ;
                 right     : 0 ;
                 padding   : 5px 15px ;
                 background: #000000;
                 color     : #e1e1e1;
                 border    : 0px;
                 box-shadow: 10px 10px 10px rgba(0,0,0,0.4);}
div.breadcrumb A:link    { color: #a0a0FF; }
div.breadcrumb A:visited { color: #a0a0FF; }
div.breadcrumb A:active  { color: #FFa0a0; } 


/*ぱんくず＆どろっぷだうん*/
#breadcrumb {
    position  : fixed;
    display   : block;
    top       : 0 ;
    left      : 0 ;
    right     : 0 ;
    padding   : 5px 10px ;
    background: #000000;
    color     : #e1e1e1;
    border    : 0px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
#breadcrumb a:link    { color: #a0a0FF; }
#breadcrumb a:visited { color: #a0a0FF; }
#breadcrumb a:hover   { color: #FFa0a0; } 
#breadcrumb ul{
	float: left;
	text-align: left;
	list-style:none;
	margin : 0;
    padding: 0 15px;
}
#breadcrumb li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#breadcrumb li a{
	padding:0;
	border-radius:2px;
}
#breadcrumb li a:hover{
	background:#a06666; 
}
/* dropdown */
#breadcrumb li:hover > ul {
	display: block;
}
#breadcrumb li ul {
	display: none;
	margin  : 0 ;
	padding : 0 ;
	left    : 0 ;
    background: #000000;
	position: absolute;
    border: solid 1px #b4b4b4;
}
#breadcrumb  li ul li {
    display   : block;
    float: none;
	margin: 0 5px;
	padding: 1px;
	}
#breadcrumb  li ul a {
	font-weight: normal;
}

#breadcrumb  #right {
	float: right;
	text-align: right;
}

#lists ul{
	list-style:none;
}
#lists li{
	border-style: solid;
        border-width: 0 0 0 5px;
        margin      : 2px;
        padding     : 2px;
}


/*色系*/
.yamanote  { border-color:#40ff00; }
.keihin    { border-color:#00eaea; }
.keiyo     { border-color:#f00000; }
.chuo      { border-color:#ffa000; }
.sobu      { border-color:#fff000; }
.saikyo    { border-color:#00ba00; }
.shonan    { border-color:#ffc000; }
.yokosuka  { border-color:#0000ff; }
.chuom     { border-color:#6000e0; }
.joban     { border-color:#00ea80; }
.sagami    { border-color:#00f0c0; }
.tec-c     { border-color:#000080; }
.tec-e     { border-color:#008000; }
.tokai     { border-color:#ff9050; }
.hokkaido  { border-color:#40ff40; }
.hokkaido2 { border-color:#a000ff; }
.komachi   { border-color:#ff0080; }
.aomori    { border-color:#8000ff; }
.sendai    { border-color:#509030; }
.akita     { border-color:#f050f0; }
.yonago    { border-color:#c080f0; }
.hanzo     { border-color:#800080; }
.cha       { border-color:#8b0000; }
.niigata   { border-color:#00ea00; }
.hachiko   { border-color:#a0a0a0; }


.xbk  { background: #0000f0; color:#ffffff; }
.xr   { background: #f00000; color:#ffffff; }
.xor  { background: #f08000; color:#ffffff; }
.xgr  { background: #008000; color:#ffffff; }
.xbl  { background: #0000f0; color:#ffffff; }
.xlm  { background: #40ff40; color:#000000; }
.xy   { background: #f0f040; color:#000000; }
.xp   { background: #f040f0; color:#000000; }

.r    { color:#f00000; }
.or   { color:#f08000; }
.gr   { color:#008000; }
.bl   { color:#0000f0; }
.p    { color:#c000c0; }