/* CSS Document (global01) */

body { font-size: 12px;line-height:18px; text-align:center;}

div.main { float:right;width:75%; margin:4px auto;}
div.left { float:left;width:20%; margin: 4px;}
.clear {clear:both;}

table.hyou {
           border:solid 2px #cc0000;
           border-collapse: collapse;
           }

table.hyou th { 
              border-style: solid ;
              border-width: 2px 1px;
              border-color: #cc0000 #cc8000;
              }

table.hyou td {
              border: solid 1px #cc8000;
              }

table.side {
           border:solid 1px #cc9900;
           border-collapse: collapse;
           }

table.center {
             border:solid 1px #FFC161;
             border-collapse: collapse;
             }

h2.title1 {
          background-color:blue; 
          color:white;
          }

h2.title2 {
          background-color:#ffddaa; 
          color:maroon;
          }

.hyo {
	 background: #A6A6A6;
     }

.hyo th{
	background: #E2F2D9;
	font-weight: normal;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
    }
.hyo td{
    	background: #FFFFFF;
	    padding: 5px;
       }

span.photo {
background-color:#FFFFFF;
border:1px solid #858585;
display:block;
padding:6px;
}

span.photo img {
border:1px solid #3F3F3F;
}


tr { }
td { }

h1 { }
h2 { }

em {
	color: #D92121;
}

span.pen1 { background-color: yellow;
padding: 0.2em 0px;
}

span.pen2 { background-color: lime;
padding: 0.2em 0px;
}

span.pen3 { background-color: fuchsia;
padding: 0.2em 0px;
}

a:link {  text-decoration: none; color: #0000FF;}
a:visited {  color: #000066; text-decoration: none;}
a:hover {  text-decoration: underline;}
a:active {  text-decoration: none;}

a img {border-width: 0px;
              }

a.button0:link { border: outset #cc0000 4px;
           background-color: #880000;
           color: white;
           padding: 0.2em;
           display: block;
           width: 6em;
           float: left;
           text-align: center;
          }

a.button0:visited { border: outset #cc0000 4px;
           background-color: #880000;
           color: white;
           padding: 0.2em;
           display: block;
           width: 6em;
           float: left;
           text-align: center;
           }

a.button0:hover { border: inset #cc0000 4px;
               } 


a.button1:link { border: outset #00cc00 4px;
           background-color: #008800;
           color: white;
           padding: 0.2em;
           display: block;
           width: 6em;
           float: left;
           text-align: center;
            }

a.button1:visited { border: outset #00cc00 4px;
           background-color: #008800;
           color: white;
           padding: 0.2em;
           display: block;
           width: 6em;
           float: left;
           text-align: center;
          }

a.button1:hover { border: inset #00cc00 4px;
               } 


a.button1_2:link { border: outset #00cc00 4px;
           background-color: #008800;
           color: white;
           padding: 0.2em;
           display: block;
           width: 8em;
           float: left;
           text-align: center;
            }

a.button1_2:visited { border: outset #00cc00 4px;
           background-color: #008800;
           color: white;
           padding: 0.2em;
           display: block;
           width: em;
           float: left;
           text-align: center;
          }

a.button1_2:hover { border: inset #00cc00 4px;
               } 



a.button2:link { border: outset #cc0000 4px;
           background-color: #880000;
           color: white;
           padding: 0.2em;
           display: block;
           width: 8em;
           float: left;
           text-align: center;
          }

a.button2:visited { border: outset #cc0000 4px;
           background-color: #880000;
           color: white;
           padding: 0.2em;
           display: block;
           width: 8em;
           float: left;
           text-align: center;
           }

a.button2:hover { border: inset #cc0000 4px;
               } 


#nav_bar {
	width : 500px;
	}

#nav_bar a {
	background : #66ccff;
	border : solid #808080 1px;
	color : #000000;
	display : block;
	float : left;
	font-size : 80%;
	font-weight : bold;
	padding : 5px;
	text-align : center;
	text-decoration : none;
	width : 120px;
	}

#nav_bar a:hover {
	background : #6699ff;
	color : #ffffff;
	}


#nav_button {
/*float : center;*/
/*margin-right : 8px;*/
margin: auto;
width : 140px;
}

#nav_button a {
background : #fef2c7;
border : 3px solid;
/*border-color : #ccffff #0066cc #0066cc #ccffff;*/
border-color : #ffeebb #b98704 #b98704 #ffeebb;
color : #000000;
display : block;
font-size : 80%;
font-weight : bold;
padding : 3px;
text-align : center;
text-decoration : none;
width : 120px;
}

#nav_button a:hover {
background : #ffbb88;
color : #ffffff;
}

#nav_button a:active {
boder-color : #cccccc #666666 #666666 #cccccc;
}



#nav_button_ki {
/*float : left;
margin-right : 8px;*/
width : 140px;
}

#nav_button_ki a {
background : #ffdd88;
border : 3px solid;
border-color : #ffcc99 #ff8811 #ff8811 #ffcc99;
color : #000000;
display : block;
font-size : 80%;
font-weight : bold;
padding : 3px;
text-align : center;
text-decoration : none;
width : 120px;
}

#nav_button_ki a:hover {
background : #ffa317;
color : #ffffff;
}

#nav_button_ki a:active {
boder-color : #cc9933 #ffc161 #ffc161 #cc9933;
}


#nav_button_ao {
/*float : left;
margin-right : 8px;*/
width : 140px;
}

#nav_button_ao a {
background : #66ccff;
border : 3px solid;
border-color : #ccffff #0066cc #0066cc #ccffff;
color : #000000;
display : block;
font-size : 80%;
font-weight : bold;
padding : 3px;
text-align : center;
text-decoration : none;
width : 120px;
}

#nav_button_ao a:hover {
background : #6699ff;
color : #ffffff;
}

#nav_button_ao a:active {
boder-color : #003399 #99ccff #99ccff #003399;
}


/* form 関連 */
  form.mail input.required{
    background-color: #ffffcc;
    border: red 1px solid;
    }
  form.mail input.option {
    background-color: #ccffff;
    border: blue 1px solid;
    }
  form.mail textarea  {
    background-color: #ffcccc;
    border: #cc8000 1px solid;
    }
  form.mail select.required{
    background-color: #ffffcc;
    border: red 1px solid;
    }

               
               
#base{
margin:0px auto;
width:780px;
border:1px solid #CC9900;
background-color:#FFFFFF;
text-align:left;
padding:1px;
}

#header{
margin:0px auto;
background-image:url(../img/top_bk_img.jpg);
background-repeat:no-repeat;
background-position:right top;
height:85px;
width:758px;
}

#bottom-unchin{
border:1px solid #FFA317;
width:550px;
margin:20px auto;
padding:0px 0px;
}

#bottom-contact{
border:1px solid #FFA317;
width:550px;
margin:20px auto;
padding:0px 0px;
}

#contents {
	text-align: left;
	vertical-align: top;
	width: 550px;
}

.height130 { line-height: 130%;}
.height200 { line-height: 200%; }

.styleSS {  font-size: 8px;}
.styleS { font-size: 10px;}
.styleM {  font-size: 12px; line-height: 130%;}
.styleMM { font-size: 12px; font-weight:lighter;color:gray;}
.styleL {  font-size: 14px;}

.topc01 { font-weight: bold; color: #006699;}
.topc02 { font-weight: bold; color: #FF9900;}
.topc03 { font-weight: bold; color: #FF0000;}
.topc04 { font-weight: bold; color: black;}

.color01 { color: #006699;}
.color02 { color: #333333;}
.color03 { color: #FF0033;}
.color04 { color: #FF6600;}

.topic03 { font-weight: bold; color: #FF0000;}

.e_indent { text-indent: 1em;}

/* テーブルの位置設定 */
.lm {
	text-align: left;
	vertical-align: middle;
}
.lb {
	text-align: left;
	vertical-align: bottom;
}
.ct {
	text-align: center;
	vertical-align: top;
}
.cm {
	text-align: center;
	vertical-align: middle;
}
.cb {
	text-align: center;
	vertical-align: bottom;
}
.rt {
	text-align: right;
	vertical-align: top;
}
.rm {
	text-align: right;
	vertical-align: middle;
}
.rb {
	text-align: right;
	vertical-align: bottom;
}



/* マージン設定 */
.mg-l5 {
	margin-left: 5px;
}
.mg-l10 {
	margin-left: 10px;
}
.mg-r10 {
	margin-right: 10px;
}
.mg-l5 {
	margin-left: 5px;
}
.mg-t5 {
	margin-top: 5px;
}
.mg-t10 {
	margin-top: 10px;
}
.mg-t15 {
	margin-top: 15px;
}
.mg-t20 {
	margin-top: 20px;
}
.mg-t25 {
	margin-top: 25px;
}
.mg-t30 {
	margin-top: 30px;
}
.mg-t40 {
	margin-top: 40px;
}
.mg-t50 {
	margin-top: 50px;
}

/* その他の設定 */
.go-top {
	     margin-top: 20px;
	     text-align: right;
	     margin-bottom: 10px;
        }