﻿/* ■文字 */




/* ■サイト名文字色 */
h1 {
	color: #333333;
	font-size: 200%;/* 文字サイズ */
}
/* ■メニュー */
ol li {
	color: #FFFFFF; /* 通常時文字色 */
}
ol li a {
	color: #ffffff;/* リンク指定時文字色 */
}
ol li a:hover {
	color: #333333; /* リンクマウスオーバー時文字色 */
}
/* ■ヘッダー 画像ブロック */
#header_pic {
	color: #ffffff;/* 通常時文字色 */
	font-size: large;
	font-style:normal;
}
#header_pic a {
	color: #000000;/* リンク指定時文字色 */
}
#header_pic a:hover {
	color: #666666;/* リンクマウスオーバー時文字色 */
}


/* ■コンテンツブロック */
/* ●見出し */
#content h2 {
	color: #333333;/* 通常時文字色 */
}
#content h2 a {
	color: #333333;/* リンク指定時文字色 */
}
#content h2 a:hover {
	color: #FF6666;/* リンクマウスオーバー時文字色 */
}
/* ●見出し */
#content h3 {
	color: #FFFFFF;/* 通常時文字色 */
}
#content h3 a {
	color: #333333;/* リンク指定時文字色 */
}
#content h3 a:hover {
	color: #FF6666;/* リンクマウスオーバー時文字色 */
}
/* ●コンテンツブロックその他 */

#content {
	color: #333333;/* 通常時文字色 */
}
/*
#content a {*/
/*	color: #ff6666;*//* リンク指定時文字色 */
/*}*/
#content a:hover {
	color: #FF6666;/* リンクマウスオーバー時文字色 */
}


/* ●サンプルページ2 サブメニュー */
.type_2 #column_1 ul li {
	color: #0000FF;/* 通常時文字色 */
}
.type_2 #column_1 ul li a {
	color: #0000FF;/* リンク指定時文字色 */
}
.type_2 #column_1 ul li a:hover {
	color: #0000FF;/* リンクマウスオーバー時文字色 */
}
/* ■フッターブロック */
#footer {
	color: #FFFFFF;/* 通常時文字色 */
}
#footer a {
	color: #FFFFFF;/* リンク指定時文字色 */
}
#footer a:hover {
	color: #6666FF;/* リンクマウスオーバー時文字色 */
}

/* ■ヘッダー画像ブロック */
/* ●ホーム ヘッダー画像ブロック 背景画像 */
#header_pic.type_1 {
	background: #CCCCCC url(../img/index_2.png);
}
#header_pic0.type_1 {
	background: #CCCCCC url(../img/title_2_1.png);
}

/* ●ホーム ヘッダー画像ブロック高さ */
#header .type_1 {
/*	height: 300px;  IE5.5 */ 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 280px; /*IE5.5以外のブラウザ用）（希望する高さからマイナス20ピクセルで指定してください） */
}


/* ■2008/05/15 以下修正 */
/* ■これより下のカスタマイズは自己責任でお願い致します */

html {
	background: #DCDCDC /*url(../img/html_bg.gif) repeat-y; */
}
body {
	margin: 0px auto;
	font-size: 80%;
	width: 900px;
	font-family: "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: center;

}

/*---全体レイアウト*/ 
#container{ 
    margin:20px auto; 
    padding:0; 
    text-align:left;     /*bodyでのセンタリングを解除*/ 
    width:900px; 
} 


/* ●サイト名 */
h1 {
	margin: 0px;
	padding: 5px 0px 5px 20px;
	background: #FFF;
	border-bottom: #999 1px solid;
/*	width: 900px;*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 900px;
}
/* ●見出し */
h2 {
	margin: 0px 0px 8px 0px;
	font-size: 100%;
	line-height: 180%;
}
/* ●見出し */
h3 {
	margin: 0px 0px 8px 0px;
	font-size: 100%;
	line-height: 180%;
}/* ●テキスト */
p {
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
/* ●メニュー項目 */
ol {
	margin: 0px;
	padding: 0px;
	line-height: 220%;
	width: 870px;
}
ol li {
	margin: 0px;
	padding: 0px;
	background: #333333 url(../img/menu_over.gif) repeat-x bottom; 
	font-weight: bold;
	text-align: center;
	list-style-type: none;
	width: 140px;
	height: 30px;
	float: left;
   border-right:solid 1px #eee;
}
ol li a {
	background: #333333  url(../img/menu.gif) repeat-x bottom;
	text-decoration: none;
	width: 140px;
	height: 30px;
	display: block;
   border-right:solid 1px #eee;
}
ol li a:active,
ol li a:hover {
/*   padding:4px 0 4px 6px; */
   background:#333333 url(../img/menu.gif) repeat-x bottom; /*#DCDCDC;*/
   border-left:solid 1px #666;
   border-right:solid 1px #eee;
   border-top:solid 1px #eee;
   border-bottom:solid 1px #bbb;
}

/*ol li a:hover {
//	background: none;
}
*/
/* ●リスト項目 */
/* ■メニュー */

ul {
	margin: 0px;
	padding: 0px 5px 10px 0px;
}
ul li {
	margin: 3px 0px 0px 20px;
	padding: 0px;
	color: #000000; /* 通常時文字色 */
}
type1 #column_2 ul li a{
	color: red;
}
/* ●定義リスト項目 */
dl {
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
dt {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
dd {
	margin: 3px 0px 10px 0px;
	padding: 0px;
}
/* ●画像 */
img {
	border :none;
}



/* ■各ブロック */
/* ●ヘッダーブロック */
#header {
	padding: 5px 0px 0px 0px;
	background: #FFF;
	width: 900px;
}
/* ●ヘッダーブロック 見出し */
#header h2 {
	border-bottom: #FFF 2px dotted; 
}
/* ●ヘッダー メニューブロック */
#header_menu {

	padding-right: 0px;
	background: #F5F5F5 url(../img/menu.gif) repeat-x bottom;
	border-top: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
	height: 30px;
	width: 880px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 860px;

}
/* ●ヘッダー 画像ブロック */
#header_pic {
	clear: both;
/*	padding: 15px 20px 10px 15px !important;*/
	width: 900px !important;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 900px !important;
/*	float: right; */
}
/* ■ヘッダー 画像ブロック */
#header_pic0 {
	clear: both;
	padding: 1px 1px 1px 1px !important;
	width: 900px !important;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 900px !important;
	
}

/* ●コンテンツブロック */
#content {
	padding: 10px 12px 10px 20px;
	border-top: #999 1px solid;
	clear: both;
	width: 880px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 870px;
}
/* ●コンテンツブロック 見出し */
#content h2 {
	padding-left: 20px;
	background: url(../img/none_nom_black_sphere.gif) no-repeat center left;
	border-bottom: #666666 2px dotted; 
}

.type_1 {
	background: #FFF url(../img/content_bg.gif) repeat-y top;
}
/* ●ホーム コンテンツレフトブロック */
.type_1 #column_1 {
	width: 600px;
	float: left;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	overflow:auto;
}
/* ●ホーム コンテンツレフトブロック */
.type_1 #column_3 {
	width: 300px;
	float: left;
}
/* ●ホーム コンテンツレフトブロック */
.type_1 #column_4 {
	width: 300px;
	float: left;
}


/* ●ホーム コンテンツライトブロック */
.type_1 #column_2 {
	margin-left: 0px;
	width: 200px;
	height: 1000px;
	float: right;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
	background: #DCDCDC 
}
/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_2 h2 {
	padding: 0px 5px 0px 5px;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
	background: #333333; 
}
/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_2 h3 {
	padding: 5px 0px 0px 5px;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
	background: #333333;
}

/* ●ホーム コンテンツレフトブロック */
.type_1 #column_5 {
	width: 220px;
	float: right;
}
/* ●ホーム コンテンツレフトブロック */
.type_1 #column_6 {
	width: 770px;
	float: left;
}


/* ●フッターブロック */
#footer {
/*	padding: 10px 10px 20px 10px;*/
	background: #333333 url(../img/footer_bg.gif) repeat-x top;
	clear: both;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 900px;
}
/* ●フッターブロック テキスト */
#footer p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-bottom: #CCC 1px solid;
}



/* ■調整 */
#header_menu:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;	
}


#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#content {
	display: block;
}
/* ■左寄せ */
.pos_l {
	text-align: left;
}
/* ■中寄せ */
.pos_c {
	text-align: center;
}
/* ■右寄せ */
.pos_r {
	text-align: right;
}