@charset "UTF-8";

/* 汎用ページパーツ
-------------------- */

/* h4
----------*/

h4{
 padding:4px 0px 2px 30px;
 border-bottom:3px solid #767670;
 background:url("img/ico_ttl_l.gif") no-repeat 8px 7px;
 line-height:150%;
 font-weight:bold;
}
h4.noborder{
 border:0px;
}
h4 span.patch{
 margin-left:9px;
}

/* commentary
----------*/

.commentary_header{
 height:6px;
 background:url("img/bg_commentary_header.gif") repeat-x;
 line-height:6px;
 font-size:6px;
}
.commentary{
 padding:10px;
 background:url("img/bg_commentary.gif") repeat-x #464640;
 color:#d9d9d6;
 line-height:140%;
}
.commentary a{
 color:#77bbff;
}
.commentary a:hover{
 color:#88ccff;
}
.commentary .img{
 margin:0px 8px 8px 0px;
 padding:1px;
 border:1px solid #535353;
 background-color:#313131;
}
.commentary p{
 margin-top:9px;
 padding:5px;
 border:1px solid #666660;
 border-left:3px solid #666660;
 background-color:#393933;
 color:#b9b9b6;
 display:block;
}
.commentary_footer{
 height:17px;
 background:url("img/bg_commentary_footer.gif") repeat-x;
}

/* category
----------*/

.category a{
 font-weight:bold;
 text-decoration:none;
}
.category ul{
 border-bottom:1px solid #c9c9c6;
}
.category li{
 padding:3px 0px 3px 30px;
 border-top:1px solid #c9c9c6;
 background:url("img/ico_ttl_m.gif") no-repeat 10px 5px #f9f9f6;
 line-height:150%;
}
.category li span a{
 padding:3px 0px 3px 14px;
 background:url("img/ico_ttl_s.png") no-repeat 0px 6px;
 font-weight:normal;
}

/* txtmark
----------*/

.txtmark_s{
 padding:5px 0px 0px 15px;
 background:url("img/ico_ttl_s.png") no-repeat 0px 8px;
}

/* txtarea
----------*/

.txtarea{
 padding:5px 10px;
 border-top:1px solid #c9c9c6;
 border-bottom:1px solid #c9c9c6;
 background:url("img/bg_bar_f9f9f6.gif") repeat-x #f9f9f6;
 line-height:120%;
}
.txtarea.top0px{
 border-top:0px solid;
}
.txtarea.nobackground{
 background:none;
 background-color:#f9f9f6;
}

/* line_bar
----------*/

.line_bar{
 height:3px;
 margin-top:10px;
 background-color:#767670;
 line-height:3px;
 font-size:3px;
}

/* sbttl
---------- */

.sbttl{
 margin:5px 0px 7px 0px;
 padding:1px 1px 1px 7px;
 border:1px solid #a6a6a0;
 background:url("img/bg_bar.gif") repeat-x #ffffff;
 font-family:メイリオ,Meiryo,Tahoma,Verdana;
 font-weight:bold;
}
.sbttl span{
 padding:7px;
 border:1px solid #c9c9c6;
 background:url("img/bg_bar_ededea.gif") repeat-x #ededea;
 display:block;
}

/* table
----------*/

table.t1{
 margin:5px 0px;
 border-spacing:1px;
 border:1px solid #767670;
 background-color:#c6c6c0;
}
table.t1 td{
 padding:3px;
 border:0px;
}
table.t1 .c1{
 background:url("img/bg_bar.gif") repeat-x #ffffff;
}
table.t1 .c2{
 background:url("img/bg_bar_f9f9f6.gif") repeat-x #f9f9f6;
}
table.t1 .c3{
 background:url("img/bg_bar_ededea.gif") repeat-x #ededea;
}
table.t1 .ct1{
 background:url("img/bg_bar_f8fafa.gif") repeat-x #f8fafa;
 line-height:150%;
}
table.t1 .line{
 margin:4px 0px;
 width:auto;
 height:1px;
 background-color:#c6c6c0;
 line-height:1px;
 font-size:1px;
}
table.t1.list{
 margin:0px;
 border-spacing:0px;
 border:0px;
 border-top:1px solid #c9c9c6;
 line-height:120%;
}
table.t1.list td{
 border-bottom:1px solid #c9c9c6;
}
table.t1.top0px{
 border-top:0px solid;
}

/* list
----------*/

ul.u1{
 margin-left:14px;
 list-style:disc;
}
ul.u2{
 margin-left:10px;
 list-style:circle;
}
ul.u3{
 margin-left:10px;
 list-style:square;
}
ol.o1{
 margin-left:20px;
 list-style:decimal;
}
ol.o2{
 margin-left:10px;
 list-style:lower-alpha;
}
ol.o3{
 margin-left:10px;
 list-style:lower-roman;
}
ul li.top0px,ol li.top0px{
 margin-top:0px;
}
ul.lispacer li,ol.lispacer li{
 margin-top:10px;
}

/* popup
----------*/

a.popup{
 padding:1px 0px 0px 14px;
 background:url("img/ico_mark_popup.gif") no-repeat 0px 5px;
 color:#464640;
 text-decoration:underbar;
}
a.popup._n{
 padding:4px 0px 2px 14px;
}
a.popup .popup_wrapper{
 margin-top:-25px;
 margin-left:7px;
 padding:5px;
 width:400px;
 border:1px solid #969690;
 border-top:3px solid #767670;
 background:url("img/bg_bar.gif") repeat-x #ffffff;
 text-align:left;
 display:none;
}
a.popup .popup_wrapper._r{
 margin-left:-450px;
}
a.popup:hover .popup_wrapper{
 position:absolute;
 display:inline;
 z-index:998;
}
*html a.popup:hover{
 position:relative;
}

/* showhide
----------*/

.showhide{
 padding:0px 0px 0px 14px;
 background:url("img/ico_mark_showhide.gif") no-repeat 0px 1px;
}
.showhide a[name]{
 text-decoration:underline;
}
.showhide_wrapper{
 display:none;
}

/* img
----------*/

.img{
 padding:2px;
 border:1px solid #d6d6d0;
 background-color:#ffffff;
 float:left;
}
.img img{
 border:2px solid #363630;
}
.img a:hover img{
 filter:alpha(opacity=80);
 opacity:0.8;
 -moz-opacity:0.8;
}

/* notice
----------*/

.notice{
 margin:5px 0px;
 padding:9px;
 border:1px solid #c9c9c6;
 border-left:3px solid;
 background:url("img/bg_exclamationmark.gif") no-repeat 14px 5px #ffffff;
 color:#777777;
 display:block;
}

/* gear
----------*/

.gear_txt{
 margin-top:3px;
 padding:5px 3px;
 border:1px solid #c6c6c0;
 background:url("img/bg_bar_f9f9f6.gif") repeat-x #f9f9f6;
}