@charset ‘UTF-8′;
@import url("reset.css");

body {
	color:#666666;
	line-height: 20px;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}
   div {   zoom: 1;/*for IE 5.5-7*/}
   div:after {/*for modern browser*/  content: ".";   clear: both;    display: block; line-height: 0; height: 0;  visibility: hidden;}  


td,th{
	line-height: 20px;
	font-size:12px;}


.center{
text-align:center;}

.right{
text-align:right;}
.left{
text-align:left;}

.point{
color:#CC0000;}

.box20{
margin:0 0 20px 0;}

.box30{
margin:0 0 30px 0;}

.box40{
margin:0 0 30px 0;}

.bold{
font-weight:bold;}

.h4_bar{
font-size:16px;
border-left:#05CAFD 3px solid;
border-bottom:#05CAFD 1px solid;
padding:2px;
margin:0 0 5px 0;
}


/*
フォントサイズ変更用リストのcss
*/

div#fsbox{
position:absolute;
top:35px;
left:850px;}


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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.clear{clear:both;}

input{
font-size:15px;}

a:link {
	color:#0293FF;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	color:#0293FF;
	text-decoration: none;
	font-weight:bold;

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

a:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}

a:active {
	color:#FF5188;
	text-decoration: underline;
}



#bodybox{
margin:0;
padding:0;
width:100%;
height:100%;
background:url(../img/background.gif) top left repeat-x;
border-top:#3399cc 3px solid;
text-align:center;
}

#wrap{
margin:0 auto;
background:url(../img/wrap.png);
width:995px;
text-align:center;
}
#wrap2{
margin:0 auto;
width:980px;
text-align:left;
}

/*ヘッダー------------------------------------------*/
#header{
width:960px;
margin:0 10px;
height:120px;
position:relative;}

#header h1{
position:absolute;
color:#999999;
width:650px;
text-align:right;}

ul#header-list{
position:absolute;
top:0;
left:660px;
width:330px;}

ul#header-list li{
float:left;
}

#logo{
position:absolute;
top:10px;
left:0px;
}

h2.headh2{
position:absolute;
color:#0033A0;
font-weight:normal;
top:35px;
left:390px;
width:500px;
text-align:left;


}


ul.navi{
position:absolute;
left:auto;
top:85px;
width:960px;}

ul.navi li{
float:left;
margin:0;
padding:0;
}





/*コンテント------------------------------------------*/
#content{
width:960px;
margin:10px 10px;
}

#content2{
width:950px;
margin:10px 10px;
}


#catelist{
float:left;
width:200px;
overflow:hidden;
}

#content-right{
float:right;
width:480px;}

#rightbox{
float:right;
width:740px;}

.banan {
	margin:0 0 10px 0;
	line-height:12px;
}

.banan p {
	margin:0;
	font-size:12px;
}

.banan span {
	font-size:10px;
	margin:0;
}


/*カテゴリリスト------------------------------------------*/
.twitter-follow-button{
width:200px;
overflow:hidden;}

ul.catelist{
margin:0 ;
height:0;
width:200px;}

ul.catelist-box{
margin:0 0 20px 0;
width:200px;}

ul.catelist-box li{
padding:0;
margin:0 0 3px 0;}

.catelist-box a{
display: block;
overflow: hidden;
height: 30px;
width: 200px;
background:url(../img/left/catebox.gif) top left no-repeat;
line-height:30px;
text-align:center;
}

.catelist-box a:hover{
background-position: 0 -30px;
color:#FFFFFF;
text-decoration:none;
}

/*みんなのフォト------------------------------------------*/
#photo{
margin:5px 0;
width:200px;
border:1px solid #CCCCCC;
}

#photo-in{
margin:5px;
width:190px;
}

.photo-img{
float:left;
margin:0 7px 7px 0;
}


/*ページトップヘ------------------------------------------*/
#totop{
text-align:right;
margin:20px 10px 10px 10px;
clear:both;}



/*ふったーちゃん------------------------------------------*/
#footer{
clear:both;
width:100%;
height:248px;
background:url(../img/footer/foot-back.gif) bottom left repeat-x;}
#footer2{
width:995px;
margin:0 auto;
padding:0;
height:248px;
background:url(../img/footer/footer.gif) bottom left no-repeat;
position:relative;
}

#footer-list{
position:absolute;
top:40px;
left:36px;
color:#FFFFFF;}

#footer-list a{
color:#FFFFFF;
font-weight:normal;}


#footer-meegles{
position:absolute;
top:100px;
left:35px;
width:545px;
height:115px;
text-align:left;
font-size:11px;}
#footer-meegle-left{
width:250px;
height:115px;
margin:0 15px 0 0;
float:left;}
#footer-meegle-right{
width:260px;
height:115px;
float:left;}
.footer-meegle-box{
width:260px;
margin:0 0 5px 0;
line-height:15px;}



/*パン屑------------------------------------------*/

#pankuzu{
widows:960px;
margin:5px 0;
font-size:11px;
color:#999999;}

#pankuzu a{
color:#999999;
font-weight:normal;
text-decoration:underline;}

#pankuzu-left{
padding:0 0 0 10px;
}

ul.pankuzu-left{
padding:0 0 0 5px;
}


ul.pankuzu-left li{
float:left;
padding:0 15px 0 5px;
background:url(../img/pankuzu.gif) right 5px no-repeat;}

ul.pankuzu-left li.last{
float:left;
padding:0 15px 0 5px;
background:none;}



/*テーブル
*/


.koukokutbl td{
padding:3px;
border:1px #999999 solid;

}

.koukokutbl th{
padding:3px;
background-color:#d1f2f7;
color:#006699;
font-weight:bold;
border:1px #999999 solid;
}