/*------------------------------------------------
クリア
----------------------------------------------- */
.clear{
	min-height: 1px;
}
.clear:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
 	visibility: hidden;

}

.clear_br{
	width:900px;
	height:30px;
	background:url(./img/clear_bg.png) no-repeat;
}
.clear_br:after{
	width:900px;
	height:30px;
	background:url(./img/clear_bg.png) no-repeat;
}


/* -----------------------------------------------
サイト共通
----------------------------------------------- */

body{
	width:900px;
	margin:20px auto;
	text-align:center;
	background:url(./img/back-11.gif) repeat;

}

a{
	color:#0099ff;
	line-height:100%;
}

a:hover{
	color:#0066ff;
}


.a_name{
	color:#FFFFFF;
	line-height:100%;
	font-size:100%;

}


textarea{
	font-size:100%;
}

h3{
	color:#FFFFFF;
	border-bottom:1px dotted #cacaca;
	padding:0px 0px 3px 13px;
	margin:0px 0px 5px 0px;
	font-size:120%;
	background:url(./img/title_br.gif) no-repeat;
}


h4{
	color:#000000;
	padding:5px 0px 5px 13px;
	font-size:80%;
	background:url(./img/sub_br.gif) no-repeat;
}

strong{
	color:#0099ff;
}

table{
	color:#6a6a6a;
	line-height:145%;
}

/* --- 構造的強調タグや物理的強調タグを使用しながら、見た目はそうならないやり方 ---*/
em.not {
	font-style : normal;
	color:#6a6a6a;
}
strong.not{
	font-weight : normal;
	color:#6a6a6a;
}
b.not {
	font-weight : normal;
}
i.not {
	font-weight : normal;
}
big.not {
	font-weight : normal;
}

/* --- 表全体 --- */
table.mouse_over {
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 表タイトル --- */
table.mouse_over caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.mouse_over th,
table.mouse_over td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.mouse_over thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.mouse_over tfoot td {
background-color: #f5f5f5; /* フッタセルの背景色 */
}

/* --- 表ボディ --- */
table.mouse_over tbody {
background-color: #ffffff; /* ボディの背景色 */
}

/* --- マウスオーバー時 --- */
table.mouse_over tbody tr:hover {
background-color: #e5e5e5; /* 行の背景色 */
}

table.mouse_over td.title {
	background-color: #cccccc;
	font-size: 120%;
	font-weight:bolder;
}


/* -----------------------------------------------
ヘッダー
----------------------------------------------- */

#header{
	width:900px;
	height:100px;
	text-align:left;
	/* background:url(./img/header_bg.png) no-repeat; */
}

#home h1{
	/*text-indent:-10000px;*/
	font-size:80%;
	text-align:left;
	
	/*width:10px;*/
	height:10px;
	/*overflow:hidden;*/
}

#header p{
	padding:15px 0px 0px 20px;
}
#header a{
	color:#7B68EE;
	text-decoration: none;
	font-size:100%;
}

#header a:hover{
	color:#000080;
	outline: 1px #ff0000 dashed;
}

#header ul{
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#header ul li{
	float:left;
	margin: 5px;
	padding-left: 5px;
}

/* -----------------------------------------------
ヘッダーコンテンツ
----------------------------------------------- */

#header_contents{
	width:900px;
	height:200px;
	background:url(./img/header_contents_bg.png) repeat-y;

	text-align:left;
	padding:0px 5px;

	/* 
	position:relative;
	*/
}




/* -----------------------------------------------
メインヘッド
----------------------------------------------- */

#contents_head{
	width:900px;
	height:34px;
	
	background:url(./img/contents_head_bg.png) no-repeat;

}

/* -----------------------------------------------
メインコンテンツ
----------------------------------------------- */



#contents{
	width:900px;
	text-align:left;
	background:url(./img/contents_bg.png) repeat-y;


}

#contents_top{
	text-align:left;
	margin:0px 30px 0px 30px;
}

#contents_inside{
	background:url(./img/contents_inside_bg.png) repeat-y;
	margin:0px 0px 30px 0px;
}

#left_contents{
	
	width:550px;
	float:left;
	margin:0px 0px 0px 30px;
}

#left_contents ul{
	padding: 0px;
	margin:12px 0px 12px 40px;
}
#left_contents ul li{
	color:#6a6a6a;
	line-height:130%;
	font-size:90%;
}

#left_contents p{
	color:#6a6a6a;
	margin:12px 0px 12px 0px;
	line-height:150%;
	font-size:82%;
}

#left_contents dl{
	color:#6a6a6a;
	margin:12px 0px 12px 0px;
	left-height:150%;
	font-size:82%;
}
#left_contents dl dt{
	margin:12px 0px 0px 0px;
}


#right_contents{
	width:250px;
	float:right;
	padding:0px 20px;

}

#right_contents p{
	font-size:70%;
	min-height:20px;
	color:#6a6a6a;
}

#right_contents a{
	color:#666666;
}

#right_contents ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#right_contents ul li{
	font-size: 12px;
	margin: 3px;
	padding-left: 5px;
}

/* -----------------------------------------------
フッターコンテンツ
----------------------------------------------- */

#footer_contents{
	width:900px;
	height:30px;
	background:url(./img/clear_bg.png) no-repeat;
	text-align:left;
	padding:0px 5px;
}

#footer_contents a{
	color:#7B68EE;
	text-decoration: none;
}

#footer_contents a:hover{
	color:#000080;
	outline: 1px #ff0000 dashed;
}

#footer_contents ul{
	padding: 2px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#footer_contents ul li{
	float:left;
	margin: 5px;
	padding-left: 5px;
}

/* -----------------------------------------------
フッター
----------------------------------------------- */

#footer{
	width:900px;
	height:25px;
	background:url(./img/footer_bg.png) no-repeat;
}


/* -----------------------------------------------
ラストフッタ
----------------------------------------------- */

#last_footer{
	background:url(./img/last_footer_bg.png) no-repeat;
	width:900px;
	height:30px;
	padding:0px 0px 0px 15px;
	text-align:left;

}

/* -----------------------------------------------
ホーム
----------------------------------------------- */

#home h2{
	width:550px;
	height:37px;
	background:url(./img/new_info.png) no-repeat;
	margin:10px 0px 10px 0px;
	text-indent:-10000px;
	overflow:hidden
}
#home h2.hitokoto{
	width:550px;
	height:37px;
	background:url(./img/new_hitokoto.png) no-repeat;
	margin:10px 0px 10px 0px;
	text-indent:-10000px;
	overflow:hidden
}

#home p.date{
	padding:4px 0px 0px 20px;
	background:url(./img/date_ico.gif) no-repeat center left;
	font-size:85%;
	min-height:16px;
	color:#4a4a4a;
}

#home div.article{
	margin:0px 0px 40px 0px;
}