@charset "utf-8";
/* CSS Document */

img {
border:none;
}

form{
margin:0px !important;
padding:0px !important;
}

input:hover{
background-color:#cccccc;
}

input:focus{
background-color:#cccccc;
}

#pagebody_contents p{
margin-top:0px;
}

.twitter-share-button{
position:relative;top:5px; left:10px;
}

#r_menu_twitter{
padding-top:5px;

}

/* =========================================================================================================
　共通部分　｜　クリアフィックス
========================================================================================================= */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/* =========================================================================================================
　レフトメニュー　｜
========================================================================================================= */

#r_menu_title{
font-size:16px;
display:inline;
font-weight:normal;
}

#r_menu{
border-top:#CCCCCC solid 1px;
margin:8px 0px 0px 0px;
padding:0px;
list-style:none;
}


#r_menu li{
width:220px;
border-bottom:#CCCCCC solid 1px;
margin:0px;
padding:15px 0px;
list-style:none;
font-size:10px;
}



.r_menu_box{
border-bottom:#CCCCCC solid 1px;
padding:0px 0px 15px 0px;
margin:15px 0px;
font-size:11px;
}


.r_menu_box ul{
padding:0px;
margin:10px 0 0 25px;

}





#r_menu_banner{
text-align:center;
}

#r_menu_banner img{
margin-top:30px;
}

#r_menu_banner img:first-of-type{
margin-top:30px !important;
}


#r_menu_rss{
position:relative;
left:1px;
}



#box_search{
margin:15px 0 15px 0;
padding-bottom:20px;
border-bottom:#CCCCCC solid 1px;
}

#box_search input:hover{
background-color:#fff;
}

#box_search input:focus{
background-color:#5fb7e1;
border:#5fb7e1 solid 1px;
}

.search_btn{
margin-left:8px;
position:relative;top:3px;
}

.search_box{
background-color:#FFFFFF;
border:#cccccc solid 1px;
width:180px;
}




/* =========================================================================================================
　スクロールバー　scrollbar　｜
========================================================================================================= */
#whatsnew { width:290px; height:275px; border-top:1px solid #CCCCCC; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;}

#whatsnew .list {position:relative; width:290px; height:240px;overflow:auto;}
#whatsnew .list ul {width:270px;list-style:none; font-size:10px; margin:0px; padding:0px;}
#whatsnew .list li {width:260px; border-bottom:1px solid #CCCCCC; padding:10px 0px 10px 0px;}
#whatsnew .list li:first-child {padding:3px 10px 10px 0px;}

#scrollbar {position:absolute; right:0; top:0; width:16px; height:240px; text-align:center; cursor:pointer;}
#scrollbar .bar {position:absolute; left:0; top:0; z-index:1; width:2px; border-left:7px solid #FFFFFF; border-right:7px solid #FFFFFF; background:#000000; cursor:pointer;}
#scrollbar .bg {position:absolute; left:0; top:0; z-index:0; width:2px; height:240px; border-left:7px solid #FFFFFF; border-right:7px solid #FFFFFF; background:#E5E5E5;}


* html #whatsnew {height:275px; overflow:hidden;}
* html #whatsnew .rss {margin-left:259px;}
* html #whatsnew .list ul {width:270px;}
	
* html #scrollbar {left:285px;}
* html #scrollbar .bar {width:2px;}
* html #scrollbar .bg {width:2px;}




#whatsnew{ scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #000;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
}


/* =========================================================================================================
 H　｜
========================================================================================================= */

/*h2 {
font-size:120%;
font-weight:100;
}

h3 {
font-size:100%;
font-weight:100;
}*/



/* =========================================================================================================
 見出し　｜
========================================================================================================= */

#page_title{
height:41px;

border-bottom:#CCCCCC solid 1px;
background-image:url(../img/common/page_title.gif);
background-repeat:no-repeat;
background-position:20px 9px;

padding-left:45px;
margin:0px;

font-size:24px;
font-weight:100;
}


.subhead_m{
color:#5FB7E1;
font-size:180%;
}


.subhead_s{
color:#5FB7E1;
font-size:120%;
font-weight:100;
margin-bottom:0px;
margin-top:25px;
}

.subhead_s:before {content: "『" }
.subhead_s:after {content: "』" }


.subhead_xs{
font-size:100%;
font-weight:100;
}


/* =========================================================================================================
 テキスト　｜
========================================================================================================= */
.text_center{
text-align:center;
}

.text_right{
text-align:right;
}

.text_left{
text-align:left;
}



/* =========================================================================================================
 アイコン　｜
========================================================================================================= */

.icon_arrow{
position:relative;top:3px; margin-right:5px;
}


/* =========================================================================================================
　アンカ　｜　
========================================================================================================= */

a {
color:#5FB7E1;
text-decoration:none;
}

a:hover {
color:#CCCCCC;
}


#table_archive_2010 a{
color:white;
}


/* =========================================================================================================
　margin　｜　
========================================================================================================= */


.margin0{margin:0px !important;}


.margin-t0{margin-top:0px !important;}
.margin-t5{margin-top:5px !important;}
.margin-t10{margin-top:10px !important;}
.margin-t15{margin-top:15px !important;}
.margin-t20{margin-top:20px !important;}
.margin-t25{margin-top:25px !important;}
.margin-t30{margin-top:30px !important;}
.margin-t40{margin-top:40px !important;}
.margin-t50{margin-top:50px !important;}
.margin-t55{margin-top:55px !important;}
.margin-t60{margin-top:60px !important;}

.margin-b0{margin-bottom:0px !important;}
.margin-b3{margin-bottom:3px !important;}
.margin-b5{margin-bottom:5px !important;}
.margin-b10{margin-bottom:10px !important;}
.margin-b15{margin-bottom:15px !important;}
.margin-b25{margin-bottom:25px !important;}
.margin-b35{margin-bottom:35px !important;}


.margin-r0{margin-right:0px !important;}
.margin-r15{margin-right:15px !important;}

.margin-l0{margin-left:0px !important;}
.margin-l10{margin-left:10px !important;}
.margin-l15{margin-left:15px !important;}
.margin-l20{margin-left:20px !important;}

/*
padding
---------------------------------*/

.padding-l0{padding-left:0px !important}
.padding-l5{padding-left:5px !important}

.padding-r0{padding-right:0px !important}

.padding-t0{padding-top:0px !important}
.padding-t15{padding-top:15px !important}
.padding-t25{padding-top:25px !important}
.padding-t30{padding-top:30px !important}
.padding-t40{padding-top:40px !important}
.padding-t50{padding-top:50px !important}

.padding-b0{padding-bottom:0px !important}
.padding-b15{padding-bottom:15px !important}
.padding-b25{padding-bottom:25px !important}
.padding-b35{padding-bottom:35px !important}
.padding-b45{padding-bottom:45px !important}
.padding-b55{padding-bottom:55px !important}

/*
width
---------------------------------*/


.w_300{
width:300px !important;
}

.w_400{
width:400px !important;
}

/*
border
---------------------------------*/
.border_none{border:none !important}

.border{border: #CCCCCC solid 1px;}

.border_b_dash{
border-bottom:#CCCCCC dashed 1px;
}

.border_t_dash{
border-top:#CCCCCC dashed 1px;
}




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

.table_type1{
border: #CCCCCC solid 1px;
border-collapse:collapse;
}



.table_type1 td,th{
border: #CCCCCC solid 1px;
padding:5px;
}


.table_type1 th{
background-color:#f0f0f0
}



/* =========================================================================================================
　フロート　｜　
========================================================================================================= */
.float_left{
float:left !important;
}


.float_right{
float:right !important;
}


/* =========================================================================================================
　フォントサイズ　｜　
========================================================================================================= */

.text_change{
margin-left:8px;
}


/* =========================================================================================================
　イメージ　｜　
========================================================================================================= */
.img_center{
text-align:center;
margin:25px 0px;
}



.dl_list dt{
margin-top:25px;
font-size:110%;

}


.dl_list dt:first-of-type{
margin-top:0px;
}



/**/

.box_left{
width:325px;
padding-right:25px;
float:left;
}

.box_right{
width:325px;
padding-left:25px;
float:right;
}



/* =========================================================================================================
　コメントフォーム　｜　
========================================================================================================= */


/*
Comment form
---------------------------------*/

#comment_form-l{
float:left;
width:250px;
}

#comment_form-r{
width:430px;
float:right;
padding-left:20px;
}


.input_comment{
width:248px;
border:#CCCCCC solid 1px;
background-color:#eeeeee;
}


#text_area{
width:428px;
height:120px;
border:#CCCCCC solid 1px;
}


/*
Comment
---------------------------------*/


#table_comment th{
width:100px;
border:none;
border-bottom:#CCCCCC dashed 1px !important;
vertical-align:top;

}

#table_comment td{
width:620px;
border-bottom:#CCCCCC dashed 1px;
vertical-align:top;
}

#table_comment td p{
margin:5px 0 0 0;
padding:0;
}


.table_comment-margin{
border:none !important;
}


/*#table_comment{
border:none;
}


#table_comment th{
border-bottom:#CCCCCC dashed 1px;
padding-right:15px;
vertical-align:top;
width:20%;
}


#table_comment td{
border-bottom:#CCCCCC dashed 1px;
padding-left:15px;
width:80%;
}


.table_comment_margin{
height:20px;
border:none;
}*/

/* =========================================================================================================
　ページ送り　｜　
========================================================================================================= */
#box_page{
text-align:center;
padding:10px 0px 0px 0px;
margin:0x;
}