@charset "utf-8";
/*========================================

	RENEWDA | base.css
	Recent Edit : 2008.04.22
	
	[1] 基本構造
	[2] リンク
	[3] ヘッダ
	[4] ナビゲーション
	[5] コンテンツ
	[6] メイン
	[7] サイドバー
	[8] フッタ
	[9] リセット
	[10] 汎用クラス
	[11] フォーム

=========================================*/

/**********************************************************
	[1] 基本構造
***********************************************************/

body{
margin:0;
padding:0;
background:url("../img/img_bg_01.gif") 0 0 repeat;
text-align:center; /* IE5.5以前対策 */
}

#wrapper{
width:946px;
margin:0 auto;
padding:0 0 20px 0;
background:url("../img/img_bg_02.gif") 0 0 repeat-y;
background-color:#FFF;
}

/**********************************************************
	[2] リンク
***********************************************************/

a{
text-decoration:underline;
color:#0087B6;
}

a:visited{
color:#0087B6;
}

a:hover{
color:#333;
}

a:activ{
color:#0087B6;
}


/**********************************************************
	[3] ヘッダ
***********************************************************/

#header{
width:900px;
margin:0 auto;
padding-top:20px;
padding-bottom:13px;
background:url("../img/img_headerbar.gif") 0 bottom no-repeat;
text-align:left; /* IE5.5以前対策 */
}


/**********************************************************
	[4] ナビゲーション
***********************************************************/

ul#nav{
/* IE5.5対策で幅、高さ指定なし */
margin:0 0 10px 0;
padding:0;
}

/**********************************************************
	[5] コンテンツ
***********************************************************/

#contents{
width:900px;
margin:15px 20px 40px 20px;
padding:0;
text-align:left; /* IE5.5以前対策 */
}

/**********************************************************
	[6] メイン
***********************************************************/

#main{
width:620px;
float:right;
}

/**********************************************************
	[7] サイドバー
***********************************************************/

#sidebar{
width:260px;
float:left;
}

/**********************************************************
	[8] フッタ
***********************************************************/

#footer{
clear:both;
width:900px;
margin:0 auto;
padding:0;
text-align:left; /* IE5.5以前対策 */
}

/**********************************************************
	[9] リセット
***********************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset{
border:0;
}

img,
a img{
border:0px;
vertical-align:bottom;
}

address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}

ul,li,dl,dt,dd{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

q:before,q:after{
content:'';
}

abbr,acronym{
font-variant:normal;
}

sup,sub{
line-height:-1px;
vertical-align: text-top;
}

sub{
vertical-align:text-bottom;
}

/*input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}*/

/**********************************************************
	[10] 汎用クラス
***********************************************************/

/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/*clear*/
.clear{
clear:both;
}
/* Dreamweaverでの.clearfixレイアウト崩れ防止 */
/*.clearfix {
	overflow:hidden;
}*/

.hidden{
	display:none;
}	

.self01{
margin:0;
padding:0 10px 0 18px;
background:url("../img/ico_self01.gif") 0 0 no-repeat;
line-height:1;
}

.self02{
margin:0;
padding:1px 10px 1px 20px;
background:url("../img/self02.gif") 0 0 no-repeat;
line-height:1;
}

.pagetop{
margin:0;
padding:0 10px 0 18px;
background:url("../img/ico_pagetop.gif") 0 0 no-repeat;
line-height:1;
}

.ico-q{
padding:0 0 5px 24px;
background:url("../img/ico_q.gif") 0 0.1em no-repeat;
font-weight:bold;
color:#116296;
}
.ico-a{
padding:0 0 5px 24px;
background:url("../img/ico_a.gif") 0 0.1em no-repeat;
}

/* 汎用マージン */
.mb5 {margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mt5 {margin-top:    5px;}
.mt10{margin-top:    10px;}
.mt15{margin-top:    15px;}
.mt20{margin-top:    20px;}
.ml5{margin-left:    5px;}
.ml10{margin-left:   10px;}
.ml15{margin-left:   15px;}
.ml20{margin-left:   20px;}
.mr5{margin-right:    5px;}
.mr10{margin-right:  10px;}
.mr15{margin-right:   15px;}
.mr20{margin-right:   20px;}


/*float */
.left{
float:left;
margin:0 7px 0 0;
}
.right{
float:right;
margin:0 0 0 7px;
}
/* img float */
img.left{
float:left;
margin:5px 7px 5px 0;
}
img.right{
float:right;
margin:0px 0 10px 10px;
}

/* テキスト整列 */
.textleft{
margin-top:5px;
text-align:left;
}
.textright{
margin-top:5px;
text-align:right;
}
.textcenter{
text-align:center;
}

/* ボールド（太字） */
.text-bold{
font-weight:bold;
line-height:1.2;
}

.w600-box{
width:600px;
margin:0 10px;
}

h4.bold-up{
font-weight:bold;
font-size:112.5%;
}


/**********************************************************
	[11] フォーム
***********************************************************/

/* 記事内検索 */
.searchname{
width:168px;
background-color:#FFF;
border:3px solid #dedede;
color:#333;
margin-top:4px;
margin-left:7px;
padding:2px 2px;
display:inline;
float:left;
}
.searchname:focus,
.searchname:hover{
background-color:#FCECDC;
}

/* 検索ボタン */
#site-search button{
width:64px;
border:none;
background:none;
cursor:pointer;
padding:0;
margin:4px 7px 0 0;
font-size:0px;
line-height:0px;
float:right;
}


/* カテゴリサーチ */
.category-search{
background-color:#FFF;
border:2px solid #dedede;
color:#333;
padding:1px 0;
}