* { margin : 0 ; padding : 0 ; }

body {
background-image: url(image/background/bg08.gif)  ; 
background-repeat: repeat ; 
width : 100% ; height : 100% ; 
}

/* ヘッダー*/
#header   {
width : 100% ; height : 280px ; background-color: white ; 
background-repeat: no-repeat ; 
background-position:center center ; 
background-attachment: scroll ; 
text-align:center ;
}

/* フッダー*/
#footer  {
width : 100% ; clear : both ;
text-align: center;
margin-top:10px;
margin-bottom:10px;
} 


/* コンテンツ*/
#contents{
margin-left: 300px ; 
margin-right: 150px ; 
margin-top: 10px; 
} 


/* ナビゲーション*/

#my_navigation { float : left ; width : 150px ;  
margin-top: 10px ;  
margin-left: 50px ; 
text-align: left; 
}

#my_navigation ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}

#my_navigation li { 
display : inline; 
padding :0; 
margin:0; 
}

#my_navigation a:hover {
height:2.5em; 
display:block; 
border-left:3px solid #99b;
border-top:3px solid #99b;  
border-right:3px solid #bbd; 
border-bottom:3px solid #bbd;
background-color:#ccffcc;
padding:0.1em 0 0.5em 0.5em;
text-decoration:none;
font-family:Comic Sans MS,Geneva;
color:black; 
width:10em; 
margin:2px 0px;
}

#my_navigation a {
display:block; 
border-left:3px solid #cccc99;  
border-top:3px solid #cccc99;  
border-right:3px solid #336633; 
border-bottom:3px solid #3366633;
background-color:#669966;
padding:0.1em 0 0.5em 0.5em;
text-decoration:none;
font-family:Comic Sans MS,Geneva;
color:black;
width:10em; 
margin:2px 0px; 
height:2.5em;
}



/* ロールオーバー*/

a { text-decoration:none; }
a { color:black; }
a:hover { text-decoration:underline; }
a:hover { color:#666666 ;  }

/* フォント「大見出し（茶色）」*/

h1 {
font-family:Times New Roman,Times;
font-style: normal;
text-decoration: none;
font-size:xx-large;
color: #660000;
text-align: left;
margin: 0em 0 1em 0;
 }


/* フォント「見出し（茶色）」*/
h2{
font-family:Times New Roman,Times;
font-style: normal;
text-decoration: none;
font-size:x-large;
color: #660000;
text-align: left;
margin: 1em 0 0.5em 0;
}


/* フォント「小見出し（茶色）」*/
p.subheading{
font-style: normal;
text-decoration: none;
font-size:large;
color: #660000;
text-align: left;
margin: 2em 0 1.5em 0;
}

/* フォント「標準（上余白１０）」 */
p.font_main_margin_top10 {  
margin-top: 10px ; 
}


/* フォント「標準（下余白１０）」 */
p.font_main_margin_bottom10 {  
margin-bottom: 10px ; 
}


/* フォント「標準（上余白／ボールド）」 */
p.font_main_top_bold { 
margin-top: 10px ; 
font-weight:bold;
}

/* フォント「large（上余白／ボールド）」 */
p.font_large_top_bold { 
margin-top: 10px ; 
font-weight:bold;
font-size:large;
}

/* フォント「標準（上余白／ボールド／行間２）」 */
p.font_main_margin_top10_bold { 
line-height:2;
margin-top: 0px ; 
font-weight:bold;
}

/* フォント「標準（ボールド／茶色／上余白）」 */
p.font_top_bold_660000{ 
margin-top: 10px ; 
color:#660000;
font-weight:bold;
}

/* フォント「標準（ボールド／赤色）」 */
p.font_margin_top10_990033 {  
margin-top: 10px ; 
margin-bottom: 10px ; 
color:#990033;
font-weight:bold;
}

/* フォント「large（ボールド）／イタリック」 */
p.font_bold_large_italic { 
margin-top: 0px ; 
font-weight:bold;
font-style:italic;
font-size:large;
text-align:center;
}

/* フォント「Top Page」 */
p.toppage {  
margin-top: 20px ; 
margin-bottom: 10px ; 
text-align:right;
}

/* フォント「標準（茶色／上と左余白）」 */
p.font_margin_top_bold_660000{ 
margin-top: 10px ; 
margin-left: 30px ; 
color:#660000;
}

/* フォント「large（ボールド／赤色）」 */
p.font_bold_990033_large{
font-family:Times New Roman,Times;
color: #990033;
text-align: center;
margin-top:10px;
margin-bottom:10px;
font-size:x-large;
font-weight:bold;
 }

/* フォント「l赤色）」 */
p.font_990033{
color: #990033;
}


/* フォント「標準（上余白／一文字だけxx-large）」 */
strong{
font-weight:normal; 
font-size:xx-large;
margin-top: 10px ; 
}

/* フォント「標準（一文字だけボールド／イタリック）」 */
span{
font-weight:bold;
font-style:italic; 
color:#000000;
}

/* イメージ・センタリング*/

.photo_center {  
text-align:center;
margin: 0.5em 1em 0em 1em; 
}


.center{
text-align:center;
margin: 1em 1em 1em 1em; 
}

/* イメージ・右寄せ*/

.photo_right {  
float:right;
margin: 1em 1em 1em 1em; 
}


/* イメージ・左寄せ*/

.photo_left{
float:none ;
margin: 1em 1em 1em 4em; 
}

/* イメージ・リンクのボーダーを消す*/

img{
border:none;
}

/* 画像とテキスト・中央寄せ*/
#middle{
vertical-align:middle;
}

/* ボックス・センタリング*/
#box_center {
clear:both;
width:85% ;
text-align: center ;
margin:auto;
} 


/* ボックス・テキストセンタリング（daa520）*/
#box_daa520{
width:85%; 
height:auto ; 
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
background: #daa520 ;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}

/* ボックス・テキスト左寄せ（daa520）*/
#box_daa520_left{
width:85%; 
height: auto ; 
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
background: #daa520 ;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
text-align:left;
}

/* ボックス・センタリング（cccc66）／95％*/
#box_daa520_95{
width:85%; 
height: auto ; 
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
background: #cccc66 ;
padding-top:20px;
padding-bottom:20px;
padding-left:30px;
padding-right:30px;
text-align:left;
}

/* ボックス・センタリング（daa520）／７０％*/
#box_daa520_70{
width:70%; 
height: auto ; 
margin:auto;
background: #cccc66 ;
padding-top:1px;
padding-bottom:10px;
padding-left:20px;
text-align:left;
}

/* ボックス・センタリング（cccc66）／７０％*/
#box_cccc66_70{
width:70%; 
height: auto ; 
margin:auto;
background: #cccc66 ;
padding-top:1px;
padding-bottom:10px;
padding-left:20px;
text-align:left;
}

/* ボックス・センタリング（deb887）／95％*/
.box_deb887_85{
width:85%; 
height: auto ; 
margin:auto;
background: #deb887 ;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
text-align:left;
}


/* テーブル／センタリング*/

.table_center{
width:auto;
height:auto;
border:solid 0px ;
margin-top:10px; 
margin-bottom:10px; 
margin-left:auto; 
margin-right:auto;
text-align:center;
border-spacing: 10px 10px;
}


/* テーブル／左寄せ／ボーダ１*/

.table_left1_border{
width:85%;
height:auto;
text-align:left;
margin-top:10px; 
margin-bottom:10px; 
margin-left:auto; 
margin-right:auto;
border: solid 1px #000000;
border-spacing: 20px 20px;
}

/* 水平線（標準／100％）*/

hr.left {
width: 100%;
text-align: left;
margin-left: auto;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
}