@charset "UTF-8";
/* CSS Document */
/* Reset---------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}
<!--

body {background-color:#F7F7F7;
}
#page {font-family:serif;
	font-size: 14px;
	line-height: 200%;
	color:#2B2B2B;
	background-color:#FFF;
	letter-spacing: 3px;
	height: auto;
	width: 700px;
	margin-bottom:;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	border:solid 1px #CCC;
	border-top-right-radius:5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;

border-top-left-radius:5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
box-shadow:2px 2px 3px #CCC;
-webkit-box-shadow:2px 2px 3px #CCC;
-moz-box-shadow:2px 2px 3px #CCC;
}
.container{text-align:center;
}
.odaisamaimg {margin-left:230px;
}

#headsymbol {
	text-align: center;
	padding-top:20px;
	padding-bottom:35px;
}

h1 {
	font-family:serif;
	font-size: 27px;
	line-height: 150%;
	color: #306;
	text-align:center;
}
#headtitle{margin-bottom:50px;}


.h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	line-height: 140%;
	background-color: #CCF;
	letter-spacing: 3px;
	width: 700px;
	background-position: 20px;
}
#sub-navi{float:left;
          margin-left:0px;
          margin-right:0px;
          width:250px;
		  height:auto;
          background:#9FF;
}
#mainarea{float:right;
          margin-left:0px;
          margin-right:0px;
          width:550px;
		  height:auto;
          background:#FCF;
}
#subarea{clear:both;
         background:#FFC;
}


#navi{clear:both;
background:;
text-align:center;
padding-top:15px;
padding-bottom:10px;
border-top:solid 1px #999;
}

#footer{
text-align: center;
font-size:10px;
color:#666;
padding-top:10px;
padding-bottom:10px;
}
a:hover {
	color: #900;
}
a:active {
	color: #303;
}
a:link {
	color: #333;
}
#info{font-size:10px;
}
#container_a{background-image:url(zuiunbackimg.jpg);
height:550px;
cursor:;
}
#contents_o{height:550px;
width:700px;
}
#container_b{
	background-color:#60F;
    margin-top:20px;
    height:250px
    border:solid 1px #666;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
h3{
	font-size:22px;
    text-align:center;
    color: #7A4171;
    margin-top:30px;
    margin-bottom:20px;
}
#contents_a{width:180px;
            height:180px;
			float:left;
			margin-left:78px;
			text-align:center;
			font-size:10px;
}
#contents_b{
	width:180px;
    height:180px;
	float:left;
	text-align:center;
	font-size:10px;
}
#contents_c{
	width:180px;
    height:180px;
	float:left;
    text-align:center;
	font-size:10px;
	line-height: 150%;
} 
#nabigation{
	width:700px;
	height:32px;
    border-bottom:solid 1px #999;
	
}

#nabigation_left{
	margin-left:450px;
	float:left;
	width:140px;
	height:30px;
	
}
	

#nabigation_right{
	margin-left:px;
	float:right;
	width:110px;
	height:30px;
}

.css3button a {
	 background: url(background.gif) bottom repeat-x #EAEAEA;
     padding: 5px 10px 5px 10px;
     text-align: center;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 font-size:11px;
     font-weight: ;
     color:#7A4171;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.css3button a:hover  {
     background:#BC9CA7;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}
/*-----firefox対策------*/
.css3button a:active {border:none;
}