@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: 0%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}




body{background: #E8E8E8;
}

#page { width: 800px;
        border: solid 0px #895B8A;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom:px;
		background-color:#FDFDFD;
		line-height: 2.0;
		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;
}


#head {
	text-align: center;
    padding-bottom:20px;
    padding-top:10px;
}

#header{
	padding-bottom:10px;
    border-bottom: double 4px #E8E8E8;
    text-align: center;
}
        
h1{     
    color: #AD4048;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:250%;
    font-weight:bold
}

	
h3{     
   
	  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	  font-size:125%;
	  color:#3E3E3E;
}
.h3_span{
	  font-size:13px;
	  color:#3E3E3E;
	  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h4{
	font-size:140%;
	color:#434343;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:600;
}

a:hover {
	color: #900;
}
a:active {
	color: #303;
}
a:link {
	color: #333;
}


#container{
	  padding-left:135px;
      padding-right:135px;
	  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	  font-size:90%;
	  line-height: 200%;
	  color:#393939;
      border-bottom:;
}


#info{
	  margin-bottom:40px;
      margin-top:60px;
	  background-color:#FFF8DC;
	  border:solid #E9E9E9 1px;
	  border-radius:5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;


     box-shadow:2px 2px 3px #CCC;
     -webkit-box-shadow:2px 2px 3px #CCC;
     -moz-box-shadow:2px 2px 3px #CCC;
	 padding:20px;
	 position:relative;
}

#tayoriphoto{
	position:absolute;
	left: 320px;
	top: -60px;
	width: 283px;
}
             


#navi_a{
	 margin-bottom:20px;
     margin-top:20px;
	 padding:20px 20px 20px 20px;
	 height:155px;
	 background-color:#FFF8DC;
	 border:solid #E9E9E9 1px;
	 border-radius:5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;


     box-shadow:2px 2px 3px #C0C0C0;
    -webkit-box-shadow:2px 2px 3px #C0C0C0;
    -moz-box-shadow:2px 2px 3px #C0C0C0;
}
#navi_ah{
	padding-bottom:20px;
	
}

#navi_button1{
	width:150px;
	height:120px;
	float:left;
	text-align:center;
}

#navi_button2{
	width:170px;
	height:120px;
	float:left;
	text-align:center;
}

#navi_button3{
	width:165px;
	height:120px;
	float:right;
	text-align:center;
}

.button a{
	 background-color:#9eabb3;
	
	 background: -moz-linear-gradient(top, #E7E6E8, #9eabb3 100%);
	 background: -webkit-gradient(linear, left top, left bottom, from( #E7E6E8), to(#9eabb3));
	
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafa, endColorstr=#778899);
     ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafa, endColorstr=#778899)";
    
	 padding: 5px 10px 5px 10px;
     text-align:center;
	 color:#FFF;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 font-size:16px;
	 font-weight:600;
	 text-decoration:none;
	
	
	 
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     
     text-shadow:  1px 1px 1px #6C6C6C;
     border-top: inset 1px #FFF; border-left: inset 1px #FFF; border-bottom: inset 1px #D1D1D1; border-right: inset 1px #D1D1D1;
}


 
 
.button a:hover {
	color:#FFF;
	font-weight:600;
    background:#BC9CA7;
	background: -moz-linear-gradient(top, #F2E6E4, #BC9CA7);
	background: -webkit-gradient(linear, left top, left bottom, from(#F2E6E4), to(#BC9CA7));
    text-shadow: rgba(0,0,0,0.25) 0px -1px 1px #414141;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafa, endColorstr=#800080);
    ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafa, endColorstr=#800080)";
}

#info2{
	padding-left:30px;
	color:#393939;
	  
}


	  


#navi{
	margin-top:30px;
	border-top: double 4px #E8E8E8;
	text-align: center;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    font-size:90%;
	padding:15px 0px 15px 0px;
}

#footer{
	text-align: center;
     font-size:70%;
     color:#666;
     padding-top:10px;
     padding-bottom:10px;

}