﻿/* ■文字 */




/* ■サイト名文字色 */
h1 {
	color: #333333;
	font-size: 200%;/* 文字サイズ */
}
/* ■メニュー */
ol li {
	color: #000; /* 通常時文字色 */
}
ol li a {
	color: #000;/* リンク指定時文字色 */
}
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 h4 {
	color: #000000;/* 通常時文字色 */
}
#content h4 a {
	color: #333333;/* リンク指定時文字色 */
}
#content h4 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: #666666 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%;
}
/* ●見出し */
h4 {
	margin: 5px 0px 5px 50px;
	font-size: 150%;
	line-height: 180%;
	text-align: center;
}

/* ●見出し */
h5 {
	margin: 10px 0px 5px 30px;
	font-size: 100%;
	line-height: 180%;
	text-align: center;
}


/* ●テキスト */
p {
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
/* ●メニュー項目 */
ol {
	clear: left;
	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;
	background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#777777'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 

}
ol li a {
/*	background: #333333  url(../img/menu.gif) repeat-x bottom;*/
	text-decoration: none;
	width: 140px;
	height: 40px;
	display: block;
   border-right:solid 1px #eee;
 
	background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#777777'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 

}
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  {
	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;
	background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 


}
/* ●ヘッダー 画像ブロック */
#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;
	position:relative;left:5px
}
/* ●ホーム コンテンツレフトブロック */
.type_1 #column_3 {
	clear: both;
	width: 150px;
	float: left;
}
/* ●ホーム コンテンツレフトブロック */
.type_1 #column_4 {
	width: 300px;
	float: left;
}

/* ●ホーム コンテンツレフトブロック */
.type_1 #column_5 {
	width: 220px;
	float: right;
}

/* ●ホーム コンテンツレフトブロック */
.type_1 #column_6 {
 	width: 770px;
	float: left;
}

/* ●ホーム コンテンツレフトブロック */
.type_1 #column_8 {
	width: 280px;
	float: left;
	background-color: #DDD9C3; 


}
/* ●ホーム コンテンツセンターブロック */
.type_1 #column_9 {
	width: 280px;
	float: left;
	background-color: #DDD9C3; 

}
/* ●ホーム コンテンツライトブロック */
.type_1 #column_10 {
	width: 280px;
	float: left;
	background-color: #DDD9C3; 
}




/* ●ホーム コンテンツライトブロック */
.type_1 #column_2 {
	margin-left: 0px;
	width: 200px;
	height: 1200px;
	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_1 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;
	text-align: center;
}


/* ●ホーム コンテンツライトブロック 見出し */
.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;
	text-align: center;
}

/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_3 h3 {
	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; 
	text-align: center;
}

/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_8 h4 {
	width: 180px;
 
	padding: 5px 0px 0px 5px;
	border-top: #FFF 2px solid;
	border-left: #FFF 2px solid;
	border-right: #999 2px solid;
	border-bottom: #444 2px solid;

	background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #777777,  #ffffff); /* for firefox 3.6+ */ 

}
/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_9 h4 {
	width: 180px;
	padding: 5px 0px 0px 5px;
	border-top: #FFF 2px solid;
	border-left: #FFF 2px solid;
	border-right: #999 2px solid;
	border-bottom: #444 2px solid;
	background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #777777,  #ffffff); /* for firefox 3.6+ */ 

}
/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_10 h4 {
	width: 180px;
	padding: 5px 0px 0px 5px;
	border-top: #FFF 2px solid;
	border-left: #FFF 2px solid;
	border-right: #999 2px solid;
	border-bottom: #444 2px solid;
	background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#FFFFFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #777777,  #FFFFFF); /* for firefox 3.6+ */ 

/*	background: #EEECE1;*/
}

/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_8 h5 {
	width: 220px;
	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;
	border-style: dashed;
	background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9DCDD', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#B9DCDD), to(#FFFFFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #B9DCDD,  #FFFFFF); /* for firefox 3.6+ */ 

}
/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_9 h5 {
	width: 220px;
	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;
	border-style: dashed;
	background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9DCDD', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#B9DCDD), to(#FFFFFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #B9DCDD,  #FFFFFF); /* for firefox 3.6+ */ 

}
/* ●ホーム コンテンツライトブロック 見出し */
.type_1 #column_10 h5 {
	width: 220px;
	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;
	border-style: dashed;
	background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9DCDD', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#B9DCDD), to(#FFFFFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #B9DCDD,  #FFFFFF); /* for firefox 3.6+ */ 

}




/* ●フッターブロック */
#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;
}
