/* 2カラム */

*{padding: 0px;margin: 0px}

/*サイトの背景色等*/
body { background:url(./img/bg.jpg)  repeat-x #DDD;
	font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size: 75%;
	color:#333;
	}

/*h1の色・サイズ・装飾等*/
h1 {  
	color:#333; 
	font-size: 12px; 
	font-weight: normal; 
	text-align: center; 
	padding: 5px 0 2px 0; 
}


/*テキストリンクの色・サイズ・装飾等*/
a { color: #333; text-decoration: underline }
a:visited { color: #333; text-decoration: underline }
a:hover { color: #336699; text-decoration: underline }
a:active { color: #333; text-decoration: underline }

/*サイトの幅*/
.body { text-align: left; width: 960px; }

.clear {clear: both;}

.line {
	border-top-width: 1px; 
	border-top-style: dotted; 
	border-top-color: #CCCCCC; 
	margin-bottom: 5px; 
	margin-top: 5px; }


/**********▼テキスト一括変換**********/
.title { color:#FFF;  font-weight: bold }

.item { color: #333;  }


/**********▼ヘッダー要素**********/
#header    { }

/*サイトの幅*/
.header { 
	background-image: url(./img/bg_header.jpg); 
	background-repeat:repeat-x;}

.header .img {  height: 80px;}

/*ヘッダー部分のサイトタイトルの色・サイズ・装飾等*/
.header .header_h { 
	padding: 30px 0 0 20px; 
	font-size:20px;
	color:#000;
	font-weight: bold; 
}

/*ヘッダー部分のメニューエリアの位置*/
.header .menu {  padding-left: 15px;
	background: #21405F; 
	height:30px;
	line-height:2.5em;
	}

/*ヘッダー部分のメニューの色・サイズ・装飾等*/
.header .menu a { 
	color: #FFF; 
	margin-right: 20px; 
	padding-left: 18px; 
	float: left;
	background: url(./img/icon_menu.gif) no-repeat 0 center;
	text-decoration:none; 
	}
.menu a:visited { color: #FFF; text-decoration:none;}
.menu a:hover { color: #FFF; text-decoration: underline;}
.menu a:active { color: #FFF; text-decoration:none; }


/**********▼共通要素**********/
#main { }

.main { 
	margin-bottom: 5px; 
	padding-top: 15px; 
	padding-right: 10px; 
	padding-left: 10px; 
	background-color: #fff;
	border:1px solid #DDD;
}

.box01 { 
	margin-bottom: 10px; 
	padding: 1px; 
	}

.box_top { }

.box_mdl {}

.box_mdl dl{
	background:#F7F7F7;
	padding:5px 7px 10px 0;
}

.box_btm { }

.box01 .box_mdl .title {  padding-top: 10px; padding-bottom: 10px; }


/**********▼コンテンツ（右）要素**********/
#contents01 { }

/*サイド（右）部分の幅*/
.contents01 { width: 250px; float: right ;margin-bottom:10px;border:1px solid #CCC;}

/*サイド（右）部分のボックスタイトル*/
.contents01 .box01 .box_mdl .title { 
	background-image: url(img/bg_side_title.gif); 
	background-repeat: no-repeat;
	background-position:right;
	padding-left: 10px;
	line-height:1.4em;
}

/*サイド（右）部分のボックスアイテム（記事・リンク等）*/
.contents01 .box01 .box_mdl .item { 
	line-height: 140%;
	background: url(img/cursor_small.gif) no-repeat 0 6px; 
	padding:0 0 5px 14px;
	margin-left:7px;
	}
	
/*サイド（右）部分のボックス内のボックスアイテム（第○週の記事・ニュース等）*/
.contents01 .box01 .box_mdl .box02 .item { background-image: none; padding-left: 20px;}


/**********▼コンテンツ（中央）要素**********/
#contents02 { }
/*メイン部分の幅*/
.contents02 { width: 670px; float: left;}

/*パンくずナビの色・サイズ・装飾等*/
.page_navi { font-size: 11px; margin-bottom: 10px;}
.page_navi a { color: #ffa200; font-size: 11px }

/*メイン部分のフリースペース*/
.contents02 .freebox { 
	margin:0 0 10px 0;
	padding: 12px;
	border:2px solid #DDD;
}
	
/*メイン部分のボックス*/
.contents02 .box01 {
	 padding: 0 10px 10px 10px;
	 border-bottom:1px dotted #CCC;}
	 
/*メイン部分のボックスタイトル*/
.contents02 .box01 .title { 
	background:#21405F; 
	margin-bottom: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 7px;
	color:#FFF; }

/*メイン部分のコメントボックス*/
.commentbox { 
	font-size: 12px; 
	margin-top: 5px; 
	margin-bottom: 10px; 
	padding: 5px; 
	border: solid 1px #ededed }

/*メイン部分の過去記事ボックス*/
.pastbox { 
	font-size: 12px; 
	background-color: #F5F5F5; 
	margin: 10px 0; 
	padding: 5px; 
	border: solid 1px #cfcfcf;}
	
/*「▼過去の記事はこちらからどうぞ」の表記*/
.pastbox .navi { padding-bottom: 5px;}

.pastbox .monthbox     { color: #4b4b4b; font-size: 12px; font-weight: bold; padding-top: 7px; width:auto;}

.monthbox { 
	color: #4b4b4b; 
	font-size: 12px; 
	font-weight: bold; 
	padding-top: 20px; 
	height: 15px }
.monthbox .month { }

/*メイン部分「過去記事：週ボックス」*/
.pastbox .weekbox { 
	color: #4b4b4b; 
	font-size: 12px; 
	margin-left: 10px; 
	padding-top: 7px }
.weekbox { 
	color: #4b4b4b; 
	font-size: 11px; 
	padding-top: 7px; 
	height: 15px }
.weekbox .week { float: left }

/*メイン部分「過去記事：日ボックス」*/
.pastbox .daybox { 
	color: #4b4b4b; 
	font-size: 11px; 
	margin-left: 10px; 
	padding-top: 7px; 
	padding-left: 0; 
	clear: both }
.daybox { 
	color: #4b4b4b; 
	font-size: 11px; 
	padding-left: 10px; 
	line-height: 15px;
	margin-right:20px;}
.daybox .day { width:auto; float: left;margin-right:10px;}

.pastbox .link { 
	font-size: 11px; 
	padding:7px 0 0 0; 
	clear: both }

/*メイン部分の記事ボックス*/
.contents02 .box02 { 
	color: #626262; 
	margin-top: 20px; 
	padding: 5px 10px 10px }

/*メイン部分の記事タイトル*/
.contents02 .box02 .box_mdl .title { 
	color:#3970A7;
	font-weight: bold; 
	background:none;
	margin-bottom: 5px; 
	padding: 1px 0 0 0; 
	border-width: 0;}

/*メイン部分の記事*/
.contents02 .box02 .box_mdl .item { 
	font-size: 12px; 
	background-color: transparent; 
	background-position: 0 0; 
	border-width: 0 }
	
.contents02 .box02 .btm { 
	color: #c5c4bd; 
	font-size: 11px; 
	background-color: transparent }

/*続きを読む*/
.contents02 .next { 
	color: #663300; 
	font-size: 11px; 
	margin: 10px 0 5px 0; }
	
.next a { color:#FF9900; text-decoration: none;}
.next a:visited { color:#FF9900; text-decoration: none;}
.next a:hover { color: #333; text-decoration: underline }
.next a:active { color: #333; text-decoration: underline }
	

/*記事元ブログのタイトル*/
.contents02 .s_title { 
	color: #626262; 
	font-size: 12px; 
	font-weight: bold; 
	margin-right: 10px }

/*記事元ブログのURL*/
.contents02 .s_url { 
	color: #626262; 
	font-size: 11px; 
	display: block; 
	margin-right: 10px }

/*記事元ブログのカテゴリ*/
.contents02 .s_category { 
	color: #626262; 
	font-size: 11px; 
	display: block; 
	margin-right: 10px }

/*記事元ブログの投稿日時*/
.contents02 .s_date { 
	color: #626262; 
	font-size: 11px; 
	margin-right: 10px }



/**********▼フッター要素**********/
#footer { }

.footer { 
	width: 960px;
	background-color: #F1F1F1; 
	border-top: solid 3px #21405F;
	text-align:left;
	padding:0 0 10px 0;
	}

.footer .box_top { }

.footer .box_mdl { }

/*フッター部分のフリースペース*/
.footer .box_mdl .freebox { 
	font-size: 12px; 
	background-color: #F1F1F1; 
	margin: 0 0 10px 0; 
	padding: 5px; 
	border-width: 0;
	text-indent:10px;}

/*フッター部分のメニューエリア*/
.footer .box_mdl .menu { font-size: 12px;text-indent:10px;}

/*フッター部分のメニューの色・サイズ・装飾等*/
.footer .box_mdl .menu a {color:#333; text-decoration: underline;margin: 0 10px 0 0;}
.footer .box_mdl .menu a:visited { color:#333; text-decoration: underline;}
.footer .box_mdl .menu a:hover { color: #336699; text-decoration: underline;}
.footer .box_mdl .menu a:active { color:#333; text-decoration: underline;}


.footer .box_btm { }

/*コピーライト*/
.copyright { 
	color: #626262; 
	font-size: 11px; 
	margin: 0; 
	padding-top: 10px;
	text-indent:10px;}


