@charset "shift_jis";
body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
.twoColHybLtHdr #container { 
	width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	height: 1600px;
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColHybLtHdr #header { 
		text-align : right ;
	background: #ffffff; 
	padding: 0 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.twoColHybLtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
.twoColHybLtHdr #sidebar1 {
	float: left; 
	width: 12em; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	background: #ffffff; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	border : solid 1px #c0c0c0 ;

}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}

/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/
.twoColHybLtHdr #mainContent { 
	margin: 0 20px 0 13em; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
		border: 0px solid #000000;

} 

.footer{
width : 100% ;
height: 60px;
background : #ffffff ;
text-align : center ;
border : solid 1px #c0c0c0 ;

} 

.twoColHybLtHdr #footer { 
	padding: 18px 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFF;
	text-align : center ;
border : solid 1px #c0c0c0 ;

} 
.twoColHybLtHdr #footer p {
	
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.imagebox {
   border: 1px dashed #ffffff; /* 枠線 */
   background-color: #ffffff;  /* 背景色 */
   width: 135px;               /* 横幅 */
   height: 260px;
   float: left;                /* 左に配置 */
   margin: 5px;                /* 周囲の余白 */
}
p.image, p.caption {
   text-align: left; /* 中央寄せ */
   margin: 0px;        /* 余白・間隔 */
}
p.caption {
   font-size: 100%;     /* 文字サイズ */
   color: #333;    /* 文字色 */
   height: 170px
}

p.exp {
	clear: left;       /* 回り込みを解除 */
}

.main02 {
		width : 100% ;
		height: 1300px;
		background : #ffffff ;
		margin : 0px 0px ;
		border : solid 0px #c0c0c0 ;
		}

h2 {
		border-color:#999999 #999999 #999999 #5A5573;
		border-style:solid;
		border-width:1px 1px 1px 5px;
		font-family:'arial',sans-serif;
		margin:20px 25px 10px 5px;
		padding:10px 20px;
		text-align:left;
		clear: both;
		}

h3 {
		border-color:#999999 #999999 #999999 #5A5573;
		border-style:solid;
		border-width:1px 1px 0px 1px;
		line-height:normal;
		margin:20px 15px 0 0;
		text-align:left;
		}

div.blocktab {
		float: left;
		width: 600px;
		height: 32px
		}

div.blocka {
		padding: 5px 5px 5px 5px;
		border-color:#999999 #999999 #999999 #5A5573;
		border-style:solid;
		border-width:1px 1px 1px 4px;
		float: left;
		width: 600px;
		height: 120px
		}

div.blockb {
		padding: 0 15px 0 5px;
		height: 260px
		}

div.blockc {
		float: left;
		width: 100%;
		height: 950px
		}

div.blockd {
		float: left;
		width: 300px;
		height: 260px
		}

div.banner{
	   font-size: 90%;     /* 文字サイズ */

		text-align : right ;
		float: left;
		width: 200px;
		height: 40px;
		background: url("http://douga-search.com/douga/image6.png");
		}


	
		
#MainMenu 
{
	width:100%;
	height:31px;
	background:url(images/bmid_034.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/bright_034.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_034.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:700;
	line-height:31px;
	padding:0 18px 0 16px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 #306;
	background:url(images/bmid_034.gif);
	color:#000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0 #000;
	color:#000;
	background:url(images/bleft_034.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:31px;
	background:url(images/bright_034.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	float:none;
	padding:0 18px 0 16px;
}
.dropmenudiv a:hover 
{
	border:0 #000;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000;
	font-weight:700;
}

/* リスト全体 */
ul.pagelinks {
   margin: auto;
   width: 8em
}

/* 各項目の装飾 */
ul.pagelinks li {
   width: 1.2em;
   line-height: 1.2em;
   list-style-type: none;
   border: 1px solid blue;
   float: left;
   margin: 0.1em;
   padding: 0px;
   font-family: Arial,sans-serif;
   font-weight: bold;
   text-align: center;
}

/* リンクの装飾 */
ul.pagelinks li a {
   display: block;
   text-decoration: none;
   width: 1.2em;
}
/* 未訪問リンクの色 */
ul.pagelinks li a:link {
   background-color: white;
   color: #336699;
}
/* 既訪問リンクの色 */
ul.pagelinks li a:visited {
   background-color: white;
   color: purple;
}
/* マウスが載ったときの色 */
ul.pagelinks li a:hover {
   background-color: #336699;
   color: white;
}

/* 現在位置項目の装飾 */
ul.pagelinks li.here {
   background-color: #336699;
   color: #ffff80;
   border-color: #336699; 
}