@charset "UTF-8";


/*--------------------------------------*/
/*                                      */
/*### 基本設定項目 ###                  */
/*                                      */
/*--------------------------------------*/

/*--------------------------------------*/
/*# Reset Elements #                    */
/*--------------------------------------*/
*,th,td,form,fieldset,button{
	margin:0;
	padding:0;
}

img,th,td,form,button{
	border:none;
}


/*--------------------------------------*/
/*# Base #                              */
/*--------------------------------------*/

body{
	background:#ececec;
	padding:10px 0 0;
	color:#666666;
	font-size:0.625em;
	font-family:"ＭＳ Ｐゴシック";
}


/*--------------------------------------*/
/*# 構造 #                              */
/*--------------------------------------*

#wrapper
	
	<!--*Header*-->
	#header
	
	<!--*Global Nav*-->
	#gNav
	
	<!--*Container*-->
	#container
		.mainContents
		.sNav
	
	<!--*Footer*-->
	#footer


 *--------------------------------------*/

#wrapper{
	width:780px;
	margin:0 auto;
	background:#ffffff url("../img/wrapper_bg.gif") repeat-y left top;
}

	#keyVisual,
	#gNav,
	#container,
	#footer{
		margin:0 10px;
	}


/***--- ヘッダー ---***/
#header{ /*floatClear*/
	padding:0 30px 0 22px;
	background:url("../img/header_bg.gif") no-repeat left top;
}
	#header h1#siteTitle{
		float:left;
		width:173px;
		padding:17px 0 6px;
	}
	#header #searchForm{
		float:right;
		width:220px;
		padding:23px 0 0;
		text-align:right;
	}
		#header #searchForm p.input{}
			#header #searchForm p.input label{
				margin-right:5px;
			}
				#header #searchForm p.input label img{
					padding-bottom:2px;
				}
			#header #searchForm p.input input.txt{
				vertical-align:text-bottom;
			}
		#header #searchForm p.btn{
			margin-top:2px;
		}


/***--- キービジュアル ---***/
#keyVisual{
}

/***--- グローバルナビ ---***/
#gNav{
	border:2px solid #fabc2c;
	border-right:none;
	border-left:none;
}
	#gNav ul{ /*inline*/}


/***--- コンテナー ---***/
#container{ /*floatClear*/
	padding:20px 20px 0;
}
	.mainContents{
		float:right;
		width:544px;
	}
	.sNav{
		float:left;
		width:160px;
		padding:2px 0 20px;
	}
		.sNav .sNavBox{}

/***--- フッター ---***/
#footer{ /*floatClear*/
	padding:10px 20px 8px;
	background:#fa8929;
}
	#footer #copyright{
		float:left;
		width:282px;
	}
	#footer #ftrNav{ /*inline*/
		float:right;
		line-height:1.1;
		text-align:right;
	}
	#footer #ftrNav,
		#footer #ftrNav a{
			color:#ffffff;
		}
		#footer #ftrNav span{
			margin:0 3px;
		}




/*--------------------------------------*/
/*                                      */
/*### common ###                        */
/*                                      */
/*--------------------------------------*/

/*--------------------------------------*/
/*# 基本クラス #                        */
/*--------------------------------------*/

/***---見出し---***/
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	line-height:1;
}

h2{}

h3{}

h4{}

/***---リンク---***/
a{
	color:#4aa3b8;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* アイコン付リンク-01 */
.iconLink01 a,
a.iconLink01{
	padding-left: 10px;
	background:url("../img/icon_arrow_01.gif") no-repeat left center;
}
	.iconLink01 a:hover,
	a.iconLink01:hover{
	}



/***---フォーム部品---***/

/* input type="text" */
/* textarea */
input.txt,
textarea{
	width:148px;
	border:1px solid #c2c2bd;
	background-color:#ffffff;
}
textarea{
	height:100px;
	font-size:100%;/*12px*/
}
	/*長いVer*/
	input.long,
	textarea.long{
		width:100%;
	}
	/* 横幅最大 */
	input.maxWidth,
	textarea.maxWidth{
		width:100%;
	}

/* input type="image" */
input.img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

/* input type="radio" */
input.radio{
	margin-right:3px;
	vertical-align:text-bottom;
}

/* input type="file" */
input.file{
	width:170px;
}



/***---リスト---***/
ul,ol,li{
	list-style-type:none;
}

/* inlineタイプのリスト */
ul.inline,
ol.inline{}
	ul.inline li,
	ol.inline li{
		display:inline;
	}

/* */

ul.listType1 {
	margin:0 0 1em 0;
}

ul.listType1 li {
	margin:0 0 0 20px;
	list-style-type:disc;
}

/* 横並び定義リスト */
dl.inline{ /*floatClear必須*/}
	dl.inline dt{
		float:left;
		clear:left;
		padding-right:3px;
		font-weight:bold;
	}
	dl.inline dd{
		margin-bottom:1em;
	}

dl.inline2{ /*floatClear必須*/}
	dl.inline2 dt{
		float:left;
		clear:left;
		padding-right:3px;
		font-weight:bold;
	}
	dl.inline2 dd{
		margin-bottom:0.1em;
	}

dl.dlBlock {}
	dl.dlBlock dt {
		font-weight:bold;
	}
	dl.dlBlock dd {
		margin-bottom:1em;
	}


/***---テーブル---***/
table{
	border-collapse:collapse;
	border-spacing:0;
}
	table th,
	table td{
		padding:5px;
		vertical-align:top;
		text-align:left;
	}
	table th{
		font-weight:normal;
	}

/* ヘッダ行等 */
td.tHead,
th.tHead{
	padding:3px 5px;
	background-color:#b3b3b3;
	color:#ffffff;
	font-weight:bold;
}

/* 折り返し禁止 */
th.nowrap,
td.nowrap,
.nowrap th{
	white-space:nowrap;
}

/* 横幅最大 */
table.maxWidth,
th.maxWidth,
td.maxWidth{
	width:100%;
}

/* テーブル交互色 */
table.coloredRow{
	/* このクラスを指定したテーブルはtrに交互で色が付けられる */
}
	table.coloredRow tr.rowTint{
	}

/***--- 強調 ---***/
strong{
	font-weight:bold;
}


/*--------------------------------------*/
/*# 汎用クラス群 #                      */
/*--------------------------------------*/

/* 内容BOX */
.containerBox,
.contentsBox{
	margin:0 0 20px;
}

.containerBox{/* 見出し含むBOX */
}

.contentsBox{/* 見出し以外のBOX */
}


/* floatクリアBOX */
.floatClear{
	/* debug.css参照 */
}

/* ボーダー付画像 */
.imgBorder img,
img.imgBorder{
	border:1px solid #b3b3b3;
}

/* 中央ボタン */
p.centerBtn,
div.centerBtn{
	text-align:center;
}

/* 挿入画像 */

img.imgLeft {
	float:left;
	margin:0 20px 20px 0;
}

img.imgRight {
	float:right;
	margin:0 0 20px 20px;
}

/* ※印 */
span.mark{
	color:#ff0000;
}


/*--------------------------------------*/
/*# その他 #                            */
/*--------------------------------------*/

/***--- エントリー ---***/
.mainContents .entryBox{
	background:url("../img/entry_bg.gif") repeat-y left top;
}
	.mainContents .entryBox .entryHeader,
	.mainContents .entryBox .entryBody,
	.mainContents .entryBox .entryFooter{
		padding:0 15px;
	}
	.mainContents .entryBox .entryHeader{ /*floatClear*/
		padding-top:15px;
		background:url("../img/entry_bg_top.gif") no-repeat left top;
	}
		.mainContents .entryBox .entryHeader h2{
			float:left;
			min-height:20px;
			padding-top:3px;
			padding-left:25px;
			background:url("../img/icon_bell.gif") no-repeat left top;
			color:#fa8b2b;
			font-size:1.5em;
			font-weight:bold;
		}
			.mainContents .entryBox .entryHeader h2 a{
				color:#fa8b2b;
			}
			.mainContents .entryBox .entryHeader h2 a:hover{
				text-decoration:none;
			}
		.mainContents .entryBox .entryHeader .date{
			float:right;
			padding-top:5px;
			font-size:1.2em;
		}
	.mainContents .entryBox .entryBody{
		padding:0 18px;
		font-size:1.2em;
		line-height:1.5;
	}
		.mainContents .entryBox .entryBody p{
			margin:1em 0;
		}
	.mainContents .entryBox .entryFooter{
		padding-bottom:15px;
		background:url("../img/entry_bg_btm.gif") no-repeat left bottom;
	}
		.mainContents .entryBox .entryFooter .innerBox{
			padding:10px 3px 0;
			border-top:1px dotted #666666;
		}
			.mainContents .entryBox .entryFooter .innerBox span.separator{
				margin:0 3px;
			}

/* コメント,トラックバック */
.mainContents .entryBox.entryComment{}
.mainContents .entryBox.entryTrackback{}
		.mainContents .entryComment .entryHeader h3,
		.mainContents .entryTrackback .entryHeader h3{
			min-height:20px;
			margin-bottom:7px;
			/*padding-top:3px;*/
			/*padding-left:25px;*/
			/*background:url("../img/icon_bell.gif") no-repeat left top;*/
			color:#fa8b2b;
			font-size:1.5em;
			font-weight:bold;
		}
	.mainContents .entryComment .entryBody,
	.mainContents .entryTrackback .entryBody{
		padding:0 15px;
	}
		.mainContents .entryComment .entryBody .contentsBox,
		.mainContents .entryTrackback .entryBody .contentsBox{
			padding:10px 3px 0;
			border-top:1px dotted #666666;
		}
			.mainContents .entryComment .entryBody .contentsBox .boxBody,
			.mainContents .entryTrackback .entryBody .contentsBox .boxBody{}
			.mainContents .entryComment .entryBody .contentsBox .boxFooter,
			.mainContents .entryTrackback .entryBody .contentsBox .boxFooter{
				text-align:right;
			}
				.mainContents .entryComment .entryBody .contentsBox .boxFooter span.separator,
				.mainContents .entryTrackback .entryBody .contentsBox .boxFooter span.separator{
					margin:0 3px;
				}
					.mainContents .entryTrackback .entryBody .contentsBox .boxFooter span.url span.blogName{
						margin-left:3px;
					}
	.mainContents .entryComment .entryFooter,
	.mainContents .entryTrackback .entryFooter{
		font-size:1.2em;
	}
		.mainContents .entryComment .entryFooter .innerBox,
		.mainContents .entryTrackback .entryFooter .innerBox{
			padding-top:10px;
		}
			.mainContents .entryComment .entryFooter form div{
				margin-top:3px;
			}
			.mainContents .entryComment .entryFooter div.btn{
				margin-top:5px;
			}
			.mainContents .entryTrackback .entryFooter .tbURL{}
				.mainContents .entryTrackback .entryFooter .tbURL span.title{
					margin-right:5px;
				}


/***--- サイドバー内 ---***/
.sNav .sNavBox .contentsBox{
	font-size:1.2em;
	line-height:1.3;
}

/* カレンダー */
.sNav #sNav_calendar iframe{
	width:160px;
	height:155px;
	margin:0;
	padding:0;
	border:none;
}

body.calendar{
	margin:0;
	padding:5px 0;
	background:#f6f6f6;
	font-family:Verdana, Arial, sans-serif;
}

	body.calendar a{
		text-decoration:underline;
	}

	body.calendar a:hover{
		text-decoration:none;
	}


	body.calendar h3.calendarhead{
		padding:0 10px 5px;
		font-size:11px;
		text-align:left;
	}
	body.calendar table#calendarTable{
		margin:0 auto;
	}
		body.calendar table#calendarTable th,
		body.calendar table#calendarTable td{
			padding:3px;
			border-bottom:1px solid #aaaaaa;
			font-size:10px;
			text-align:center;
		}
		body.calendar table#calendarTable th{}
			body.calendar table#calendarTable .holiday{
				color:#f67700;
			}
			body.calendar table#calendarTable .saturday{
				color:#5273a4;
			}
		body.calendar table#calendarTable td{}
		body.calendar table#calendarTable td.today{
			font-weight:bold;
		}

/* サイド内リスト */
.sNav .sNavBox ul{ /*iconLink01*/
	padding:3px 2px 0;
}
	.sNav .sNavBox ul li{
		padding:5px 5px;
		border-bottom:1px dashed #666666;
	}

/* Links */
.sNav #sNav_links ul li span.site{
	margin-left:5px;
}
.sNav #sNav_links p.powered{
	margin-top:5px;
	text-align:right;
	font-size:0.825em;
}

/* Other */
.sNav #sNav_other .contentsBox p{
	margin-bottom:10px;
}

/* Mail Magazine */
.sNav #sNav_mailmagazine .contentsBox p{
	padding:8px 7px 0;
}
.sNav #sNav_mailmagazine .contentsBox form{
	padding:5px 7px;
}
	.sNav #sNav_mailmagazine .contentsBox form input.txt{
		width:95px;
		margin-right:5px;
	}
.sNav #sNav_mailmagazine .contentsBox .mag2{
	padding:0 7px 5px;
	border-bottom:1px dashed #666666;
	font-size:0.825em;
	text-align:right;
}

/* SNS */
.sNav #sNav_sns .contentsBox p{
	padding:8px 7px 5px;
	border-bottom:1px dashed #666666;
}


/*--------------------------------------*/
/*                                      */
/*### ページ別CSS ###                   */
/*                                      */
/*--------------------------------------*/

/*--------------------------------------*/
/*# index.html #                        */
/*--------------------------------------*/
#index{}

/* Topics */
#index .mainContents #topics{
	background:url("../../img/topics_bg.gif") repeat-y left top;
	font-size:1.2em;
	line-height:1.3;
}
	#index .mainContents #topics .innerBox{ /*floatClear*/
		padding:0 0 8px;
		background:url("../../img/topics_bg_btm.gif") no-repeat left bottom;
	}
		#index .mainContents #topics .innerBox .floatBox{}
			#index .mainContents #topics .innerBox .floatBox .contentsBox{
				margin:8px 0 0;
				padding:0 15px;
			}
			#index .mainContents #topics .innerBox .contact .contentsBox{
			}
				#index .mainContents #topics .innerBox .floatBox .contentsBox a{
				}
			#index .mainContents #topics .innerBox .floatBox ul{}
				#index .mainContents #topics .innerBox .floatBox ul li{
					padding:1px 0;
				}

/* Topics - Contact */
#index .mainContents #topics .innerBox .contact{
	float:left;
	width:268px;
}
	#index .mainContents #topics .innerBox .contact .contentsBox{}
		#index .mainContents #topics .innerBox .contact .contentsBox a{
			display:block;
			background:url("../img/icon_arrow_02.gif") no-repeat left top;
		}

/* Topics - Links */
#index .mainContents #topics .innerBox .links{
	float:right;
	width:276px;
}
	#index .mainContents #topics .innerBox .links ul{
	}
		#index .mainContents #topics .innerBox .links ul li{
			padding-left: 10px;
			background:url("../img/icon_arrow_02.gif") no-repeat left top;
		}
			#index .mainContents #topics .innerBox .links ul li a{
				display:inline;
				padding:0;
				background:none;
			}
			#index .mainContents #topics .innerBox .links ul li a:hover{
				display:inline;
				padding:0;
				background:none;
			}

			#index .mainContents #topics .innerBox .links ul li span.entry{}
				#index .mainContents #topics .innerBox .links ul li span.entry span.date{
				}
			#index .mainContents #topics .innerBox .links ul li span.site{
				margin-left:5px;
			}

	#index .mainContents #topics .innerBox .links p.powered{
		margin-top:5px;
		text-align:right;
		font-size:0.825em;
	}
		#index .mainContents #topics .innerBox .links p.powered a{
			display:inline;
			background:none;
		}



/*--------------------------------------*/
/*                                      */
/*### cssハック ###                     */
/*                                      */
/*--------------------------------------*/

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

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


/*--------------------------------------*/
/*# hack #                              */
/*--------------------------------------*/

/***---base.css---***/
 /*\*/#gNav{
	height:1%;
}/**/
 /*\*/#gNav ul{
	height:1%;
}/**/



/***---common.css---***/
* html .mainContents .entryBox .entryHeader h2,
* html .mainContents .entryComment .entryHeader h3,
* html .mainContents .entryTrackback .entryHeader h3{
	height:20px;
}



/***---other.css---***/