/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/


body {
text-align: center;
background-color:#ffefd5;/*全体の背景色----#eaeef2-------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;/*基本の文字サイズ-----------------*/
line-height:170%;
color:#000000;;/*基本の文字色-----------------*/
margin-top:0px;/*コンテンツボックスを上から少し離しています-----------------*/
margin-bottom:20px;
margin-left:0;
margin-right:0;
}


h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*TABLEボーダー非表示*/
table  {
border:none;
}

td p{
padding:4px 4px 15px 4px;

}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}



/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}




/*コンテンツ全体のボックス---------------------------------------*/
#container{
width:900px;
margin:0 auto;
padding:0;
border:#999999 solid 1px;
text-align:left;
background-color:#FFFFFF;/*背景色*/
}



/*ヘッダー部分のボックス---------------------------------------*/
#header{
padding:60px 20px 20px 20px;
width:860px;
height:68px;
margin:0px;
border-bottom:#9d9d9d solid 1px;
background-image:url(images/photo_header.jpg);/*ヘッダー部分背景画像指定*/
background-repeat:no-repeat;
}




/*ヘッダータイトル文字----------------------------------*/
h1{
font-size:28px;/*文字サイズ*/
color:#0000ff;/*文字色*/
line-height:140%;
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
padding:0;
}



/*ヘッダータイトル下説明文----------------------------------*/
h2{
font-size:18px; /* 文字サイズ*/
color:#ffa0a0; /* 文字色*/
line-height:140%;
font-family:Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
text-decoration:blink;
margin:0;
padding:0;
}





/*ヘッダー下のリンクスペース----------------------------------*/
#navi{
background-color:#EEEEEE;/*背景色*/
padding:8px;
margin:0px;
text-align:right;/*テキスト右寄せ*/
border-bottom:#9d9d9d solid 1px;
width:883px;
}





/*普通のテキストリンク-----------------*/
a:link    {text-decoration:underline;color:#333399;}  /*テキストリンクの色*/
a:visited {text-decoration:underline;color:#333399;}  /*訪問済みのリンクの色*/ 
a:active  {text-decoration:underline;color:#333399;}   /*クリック時のリンクの色*/
a:hover   {text-decoration:underline;color:#333399;}  /*マウスの上にカーソルがあるときのリンクの色*/



/*ページのタイトル部分のみのテキストリンク-----------------*/
h1 a:link       {color:#000000;text-decoration:none;}  /*メニュー・テキストリンクの色*/
h1 a:visited    {color:#000000;text-decoration:none;}   /*メニュー・訪問済みのリンクの色*/
h1 a:active     {color:#000000;text-decoration:none;}   /*メニュー・クリック時のリンクの色*/
h1 a:hover      {color:#000000;text-decoration:none;}   /*メニュー・マウスの上にカーソルがあるときのリンクの色*/





/*トップお知らせや各ページタイトル部分----------------------------------*/
h3 {
	background-color:#98FB98; /*背景色#00fa9a#9fb4e4*/
	padding:6px;
	margin-bottom:12px;
	width:675px;
	font-size:16px; /*文字サイズ*/
	font-weight:bold; /*太文字*/
} 




/*トップお知らせや各ページタイトル部分----------------------------------*/
h5 {
	background-color:#B0E0E6; /*背景色#00fa9a#9fb4e4*/
	padding:6px;
	margin-bottom:12px;
	width:675px;
	font-size:16px; /*文字サイズ*/
	font-weight:bold; /*太文字*/
} 





/*左メニュー◆の文字----------------------------------*/
.mark{
	font-size:12px; /*文字サイズ*/
	color:#9fb4e4; /*文字色*/
}





/*左メニュー-------------------------------------------*/

.menu{
border:#bbbbbb 1px solid; /*枠線の設定*/
padding-bottom:6px;
margin-bottom:10px;
}

.menu ul{
margin:12px;
}

.menu li{
padding-bottom:10px;
border-bottom:#999999 dotted 1px; /*下線の指定*/
margin-bottom:10px;
}
/*----------------------------------------------------*/










/*更新情報欄-------------------------------------------*/

/*「更新情報」と書かれた部分*/
h4{
	border-bottom:#228B22 solid 4px;/*「更新情報」下線　左から「色」「種類」「太さ」*/
	margin-bottom:10px;
	padding:4px 4px 2px 4px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
}




h7{
	border-bottom:#111111 solid 4px;/*「更新情報」下線　左から「色」「種類」「太さ」*/
	margin-bottom:10px;
	padding:4px 4px 2px 4px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
}






h6{
	border-bottom:#9fb4e4 solid 4px;/*「更新情報」下線　左から「色」「種類」「太さ」*/
	margin-bottom:10px;
	padding:4px 4px 2px 4px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
}



.area{
margin-bottom:20px;
}



.area li{
padding:0px 2px 8px 2px;
border-bottom:#999999 dotted 1px;/*下線左から「色」「点線指定」「太さ」*/
margin-bottom:8px;
}




/*「更新情報」内容*/


/*トップページ右に並んだボックス----------------------------------*/
.waku {
border:#bbbbbb 1px solid; /*枠線指定左から「色」「太さ」「線の種類」*/
} 



.box{
padding:10px;
}


.box1{
	background-color:#87CEEB; /*ボックス上段見出し背景色*/
	padding:6px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
	text-align:center; /*見出しテキスト中央寄せ*/
}


.box2{
	background-color:#c9d4ef; /*ボックス下段背景色*/
	padding:6px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
	text-align:center; /*見出しテキスト中央寄せ*/
}


.box3{
	background-color:#90EE90; /*ボックス上段見出し背景色*/
	padding:6px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
	text-align:center; /*見出しテキスト中央寄せ*/
}


.box4{
	background-color:#9fb4e4; /*ボックス上段見出し背景色*/
	padding:6px;
	font-size:16px;/*文字サイズ*/
	font-weight:bold;/*太文字*/
	text-align:center; /*見出しテキスト中央寄せ*/
}



/*ボックス内にリンクリストをつけたとき--------------*/
.box li{
margin-bottom:6px;
padding-bottom:4px;
border-bottom:#999999 dotted 1px; /*下線指定左から「色」「点線指定」「太さ」*/
}




/*テーブル背景色指定--------------*/
.cell_waku{
background-color:#bbbbbb;
}

.cell_item{
background-color:#F0FFFF;
}

.cell{
background-color:#ffffff;
}



/*下層記載のボックスその1--------------*/
.k_box_a{
padding:8px;
background-color:#f3f3f3;/*#98fb98*/
border:#bbbbbb solid 1px;
margin-bottom:10px;
}


/*下層記載のボックスその2--------------*/
.k_box_b{
padding:8px;
background-color:#ffffff;
border:#bbbbbb solid 1px;
margin-bottom:10px;
}



/*ページの先頭へ戻るの常駐表示---------*/
.page-back {
 position: fixed;
 bottom: 10px;
 right: 10px;
}

/* IE6用ハック */
* html, * html body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow-y: hidden;
}
 * html div#body-inner {
 height: 100%;
 overflow-y: scroll;
}
 * html div.page-back {
 position: absolute;
 right: 30px;
}



/*コピーライト部分----------------------------------*/
#copyright{
margin:0 auto;
width:839px;
font-size:10px;
text-align:right;
padding:2px;
}





.space15{
width:15px;
}


.space20{
margin-bottom:20px;
}



#copyright a:link {color:#000000;}
#copyright a:visited  {color:#000000;}
#copyright a:hover {color:#000000;}
#copyright a:active  {color:#000000;}





* {padding:0; margin:0}
body {font:12px Verdana, Arial, Helvetica}
#wrapper {width:750px; padding:25px; margin:0 auto}
#leftcolumn {float:left; width:300px}
#rightcolumn {float:left; width:700px}
.dropdown {display:block; position:relative}
.dropdown dt {width:110px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background:url(images/header_over.gif)}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:240px; display:none; background:#fff; opacity:0}
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}