/*サイト共通
======================================*/
.io td, .io th, .io {font-size:11px; color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a:link{ text-decoration:none; color:#333333;}
a:visited{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#F00954;}
a:hover img { filter: alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;}


.io a:link{ text-decoration:none; color:#333333;}
.io a:visited{ text-decoration:none; color:#333333;}
.io a:hover{ text-decoration:none; color:#F00954;}
.io a:hover img { filter: alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;}


td#na a:link{display:block; background-color:#f4f4f4; text-align:center; border:solid #ccc 1px; color:#333; margin:0 2 4 2; padding:3 10 3 2; line-height:40px;}
td#na a:visited{display:block; background-color:#f4f4f4; text-align:center; border:solid #ccc 1px; color:#333;}
td#na a:hover{display:block; background-color:#ffffff; text-align:center; border:solid #F00954 1px; color:#F00954;}
td#na a:link img {vertical-align:middle; margin-right:5px; border:solid 1px #eee;}
td#na a:visited img {vertical-align:middle; margin-right:5px; border:solid 1px #eee;}
td#na a:hover img {vertical-align:middle; border:solid 1px #fff;}


.left_bnr img {width:180px; height:50px; margin-bottom:10px;}
.bnr img {margin-bottom:10px;}



/*レフトナビ
--------------------------------------*/

#ct {width:178px; font-size:11px; line-height:140%; border:solid 1px #ccc; border-top:0px;}
#ct ul {padding:0; margin:0;}
#ct li{list-style-image: url(images/list.gif); margin:3px 0px 3px 20px; padding:0px; border-bottom:solid 1px #eee;}


#src {width:180px; margin-bottom:5px; background:url(images/src.gif) no-repeat;}

#col {width:160px;}
#col td {width:55px; padding:0 5 5 0; vertical-align:top;}
#col th {width:50px; margin:0 0 5 0; vertical-align:top;}

.left_frame{padding:5px; border:solid 1px #ccc; padding:1px; margin-bottom:10px; width:170px;}

.left_ct{background-color:#ececec;}


ul.ct{margin: 0px; padding: 0px; list-style-type: none; width:180px;}
ul.ct li{display:block; position:relative; padding: 2px 0px 2px 28px; background : url(images/ct_list.gif) no-repeat 18px 5px; line-height:140%;}
ul.ct li a{zoom: 1;}

ul.ct li.ctt{background:#85c075; padding:3px 5px; text-align:center; margin:5px 10px; line-height:120%; color:#fff;}


#cld_ym{padding-top:10px; background:#333; color:#fff; font-size:11px; font-weight:bold; width:40px; border-right:solid 1px #ccc;}
#cld_ym b{ color:#fff; font-size:15px; font-weight:bold; line-height:200%;}
table.cld {width: 180px; margin-bottom:10px; border-collapse: collapse; border-top: 1px #ccc solid;}
table.cld th, table.cld td {padding: 3px 0px; border-bottom: 1px #ccc solid; line-height:100%; text-align:center; font-weight:normal; font-size:10px;}
table.cld th{background-color:#eee;}



/*トップページ
======================================*/
div.top_scr{width:365px; height:200px; overflow:auto; margin:5px 0px 15px 0px;}

hr {border-width:1px 0px 0px 0px; border-style:solid; border-color:red; height:1px;}


#wn {width:460px; height:253; border:solid 5px #f4f4f4; padding:10 15 15 15px;}
#wn ul{width:460px; height:200px; overflow-y:auto; margin:0; padding:0;}
#wn li{list-style-type:none; border-bottom:dotted 1px #ccc; padding:4 2; line-height:120%; margin:0;}


#si {width:490px; background:url(images/si.jpg) no-repeat; }
#si td{width:235px; padding:10px; border-collapse: collapse; background:#fff; background:#f4f4f4;}
#si img{width:110; height:110; float:left; margin-right:7px; border:solid 5px #fff;}
#si th{width:10px; height:10px;}

#rk {border-bottom:solid #F00954 1px; border-top:solid #F00954 1px; padding:10 0 25 0px;}
#rk img{width:120;}



#pk { margin:0px; padding:0px; list-style: none; overflow: hidden; width:750px;}
#pk li { display:inline-block; /display:inline; /zoom:1; width:150px; vertical-align:top; text-align:left; line-height:150%;}
#pk li a:link, a:visited{display:block; border:solid #ccc 1px; color:#666; padding:10px; margin:5px;}
#pk li a:hover{ border:solid #F00954 1px; color:#F00954;}

#pk li img{border:0px; margin-bottom:5px; width:120px;}



/*フッター
--------------------------------------*/
#ft {background:#eeeeee; width:750px; font-size:11px;}
#ft td{background:#fff; border:solid 1px #ccc; width:360px;}
div.ftt{font-size:15px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; background:url(images/ftbg.gif) repeat-x; height:25px; padding-top:5px; width:340px; margin-bottom:5px;}
#ft b{color:#FF6496;}



.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}