@charset "UTF-8";
/* CSS Document */
/*base.css*/
/* 全体*/
body { 
margin: 0 auto;
text-align : center;
margin: 0;          /* ページ全体のmargin */
padding: 0;         /* ページ全体のpadding */
font:12px/180% Arial, Helvetica, sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック","MS P ゴシック",'メイリオ'; 
font-color: #333333; 
background-color: #ffffff; 
}   

img   { border:none;}

#outlinebg {
margin: 0 auto;
text-align:center;
width: 960px;
}

#outline { /*←これがサイトの内容が入るボックス*/
margin: 0 auto;
text-align:center;
width:800px;
top: 0;
}

#header {
position: fixed !important;
position: absolute;
width: 100%; /*横幅を全面に設定*/
top: 0;   /*縦の位置を指定*/
text-align: center;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 8px;
background-color: #ffffff;
opacity:0.8;
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */
z-index:999;
} 

#header2 {
position: fixed !important;
position: absolute;  
width: 100%; /*横幅を全面に設定*/
top: 0;   /*縦の位置を指定*/
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 8px;
border-bottom: 1px #e6e6e6 solid;
background-color: #ffffff;
z-index:999;
} 

#cach { 
margin: 0 auto;
text-align :center;
width: 800px;
height: 80px;
margin-top: 130px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
} 

#cach2 { 
margin: 0 auto;
text-align :left;
width: 800px;
height: 0px;
margin-top: 130px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
} 
  
#contents { 
width: 800px;
text-align: left;
font-size:11px;
line-height:180%;
font-weight:normal;
color:#333333;
margini-left: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
} 

#contents2 {
width: 800px;
text-align: right;
font-size:11px;
line-height:180%;
font-weight:normal;
color:#333333;
margini-left: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 120px;
}
 
#contents3 {
margin: 0 auto;
text-align:left;
width: 800px;;
} 

#contents4 {
width: 800px;
height: 100px;
text-align: left;
margini-left: 0;
clear: both; 
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
 
#main {
width:420px; /*メインの横幅 */
float:left; /*←右に寄せる（他の要素を左に回り込ませる)*/
margin: 0 auto;
margin-left: auto; 
text-align: left;
padding-top: 10px;
} 

.main2 {
width:800px; /*メインの横幅 */
margin: 0 auto;
margin-left: auto; 
text-align: left;
padding-top: 10px;
padding-bottom: 20px;
}
 
.main3 {
width:800px; /*メインの横幅 */
float:left; /*←左に寄せる（他の要素を左に回り込ませる)*/
margin: 0 auto;
margin-left: auto; 
text-align: left;
padding-top: 20px;
}
 
#accessmap {
width:800px; /*メインの横幅 */
height:350px;
display:table-cell;
text-align:center;
vertical-align:middle;
background-color: #cdcdcd;
}
div img {
vertical-align:middle;
}

.main4 {
width:432px; /*メインの横幅 */
float:left; /*←右に寄せる（他の要素を左に回り込ませる)*/
margin: 0 auto;
margin-left: auto; 
text-align: left;
padding-top: 10px;
} 

.main5 {
width:432px; /*メインの横幅 */
margin: 0 auto;
margin-left: auto; 
text-align: right; 
} 

#side {
margin: 0 auto;
text-align : center;
width:350px; /*サイドの横幅*/
float:right; /*左に寄せる*/
margin: 0px;
padding-top: 10px;  
}

#side2 {
margin: 0 auto;
text-align : center;
width:350px; /*サイドの横幅*/
float:right; /*左に寄せる*/
margin: 0px;
}

.main6 {
width:800px; /*メインの横幅 */
height: 500px;
margin: 0 auto;
margin-left: auto; 
text-align: left;
padding-bottom: 20px;
}

.main7 {
width:800px; /*メインの横幅 */
margin: 0 auto;
text-align:left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.main8 {
width:800px; /*メインの横幅 */
margin: 0 auto;
text-align:left;
}

.main9 {
width:580px; /*メインの横幅 */
margin: 0 auto;
text-align:left;
padding-top: 30px;
}

.main10 {
width:800px; /*メインの横幅 */
margin: 0 auto;
text-align:left;
padding-top: 10px;
padding-bottom: 0px;
border-bottom: 1px #333333 dotted;
}

.main11 {
width:800px; /*メインの横幅 */
margin: 0 auto;
text-align:left;
padding-top: 10px;
padding-bottom: 0px;
}

.main12 {
width:700px; /*メインの横幅 */
margin: 0 auto;
text-align:center;
padding-top: 40px;
padding-bottom: 40px;
}

.menu0{
margin-top: 10px;
width: 420px;
height:36px;
text-align: left;
border-color: #cdcdcd;
border-top:1px dotted;
border-bottom:1px dotted;
padding-top: 0px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;

}

.menu{
margin-top:0;
width: 420px;
height:36px;
text-align: left;
border-color: #cdcdcd;
border-bottom:1px dotted;
padding-top: 0px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
}

#nav1 {
position: fixed;
width: 300px; /*横幅を全面に設定*/ 
bottom: 0px;   /*縦の位置を指定*/
left: 0;
font-size: 10px;
font-weight: nomal;
letter-spacing: 0.1em;
text-align: left;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
z-index:999;
 } 

#footer { 
position: fixed;
width: 100%; /*横幅を全面に設定*/ 
bottom: 0;   /*縦の位置を指定*/
right: 0;
font-size: 10px;
font-weight: nomal;
letter-spacing: 0.1em;
text-align: right;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
background-color: #ffffff;
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
z-index:888;
 }   


/* pスタイルシート設定 */
p {
font-size:12px;
line-height:180%;
font-weight: bold;
color:#333;
}

/* div class="manu1"スタイルシート設定 */
.menu1{
font-size:13px;
line-height:180%;
font-weight: bold;
letter-spacing: 0.1em;
color:#333333;
}

/* div class="manu2"スタイルシート設定 */
.menu2{
margin: 0 auto;
text-align: center;
width: 800px;
height: 80px;
margin-top: 130px;
font-size:13px;
font-weight: bold;
color:#339900;
}

.menu3{
font-size:12px;
font-weight:bold;
color:#333333;
}

.menu4{
margin: 0 auto;
text-align: center;
width: 800px;
height: 80px;
margin-top: 50px;
font-size:13px;
font-weight: bold;
color:#339900;
}

.menu5{
margin: 0 auto;
text-align: center;
font-size:20pt;
font-family:"ヒラギノ角ゴ pro W6", "Hiragino Kaku Gothic Pro w6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
font-weight:900;
line-height:160%;
letter-spacing: 0.1em;
color:#333333;
}

.menu6{
margin: 0 auto;
text-align: center;
width: 800px;
height: 80px;
margin-top: 130px;
}

/* h1スタイルシート設定 */
h1{
font-size:23px;
font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
font-weight:900;
line-height:150%;
color:#333333;
}
}

h2{
font-size:22px;
font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
font-weight:bold;
line-height:160%;
letter-spacing: 0.2em;
color:#333333;
}

h3{
font-size:23pt;
font-weight:bold;
color:#333333;
}

h4{
font-size:13pt;
font-weight:bold;
color:#333333;
}

h5{
font-size:12pt;
font-weight:normal;
color:#666666;
}

h6{
font-size:11pt;
line-height:180%;
font-weight:normal;
color:#666666;
}

/* リンク関係のスタイルシート設定 */
a:link {
color:#333333;
text-decoration:none;
}
a:visited {
color:#333333;
text-decoration:none;
}
a:hover {
color:#339900;
text-decoration:none;
}
a:active {
color:#339900;
text-decoration:none;
}
a.special {
	color: #333333; 
	text-decoration:none;
	}
a.special:visited {
color:#333333;
text-decoration:none;
}
a.special:hover {
	color: #92dc26;
	text-decoration:none;
	}
a.special:active {
color:#92dc26;
text-decoration:none;
}

a:hover img {
	filter: alpha(opacity=80);　/IE対応
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "alpha(opacity=50)"; /IE8対応
	zoom: 1; /* IE（インラインで使うとき）*/
}

li  {  
    list-style-type: none;  
}