@charset "shift_jis";

#all{
width:1300px;
margin:auto;
}


body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;
margin: 0px;
padding: 0px;
background-color: fffafap;
color: #2f4f4f;
width: px;
margin: auto;
}



#headline a{
line-height: 2.0em; 
font-size: 1.0em;
}

h4 {
font-weight: normal;
text-align: left;
font-size: 1.5em;
color: #444444;
border-bottom: solid 1px gray;
border-left: solid 0.1em white;
padding-left:12px;
}

h5 {
font-weight: normal;
text-align: left;
font-size: 1.3em;
color: #444444;
border-bottom: solid 1px gray;
border-left: solid 0.1em white;
padding-left:12px;
}

ul li {
  display: inline-block;
  padding: 26px 10px 20px 10px;
}

#hm{
background-color: #deb887;
}
#hm a{
color: white;
}



#main p{
color: #444444;
font-size: 1.2em;
}





#navbar {
          height: 8px;

padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;

padding-left: 50px;
}

#navbar p{width: 80;
float: left;
text-align: center;
border-right: solid 1px #000000;  
border-left: solid 1px #fffeff;
border-bottom:0px;

padding-top: 5px;
padding-bottom: 1px;
margin-bottom: 0px;
}

a {
color: #666666;
text-decoration: none;

}


#under {
          
height: 28px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;


}

#contents {
width:1300px;
margin:auto;
text-align: left;
background-color: white;
}



#main {
width:1300px;
float:right;
font-size: 0.9em;
margin-left:70px;
float:right;
padding-top:50px;
padding-bottom:50px;
text-align:center;
background-color: white;
}




#main p{
color #666666
}

hr.line2{
  border: none;
  border-top: 1px dotted gray; 
  width: 100%;
}






#side{

background-color: white;
width:300px;
margin-right:10px;
padding-rightt: 20px;
float:right;
margin-right:10px;
margin-top:0px;
padding-top:50px;
}

#side a{
font-weight: normal;
border-bottom: solid 1px gray;
border-left: solid 0.1em white;
padding-left:10px;

line-height: 1.5em; 
font-size: 1.5em;

color: #deb887;
text-decoration:none;
text-align: left;
}

#side li{
margin-bottom:40px;
text-align: left;
}

#side a:hover{
color: #ff4500;
background-color: bisque;
}




p img {
float: left;
margin-right:50px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;

}



h3 {
text-align:left;
padding-left: 100px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 0px;
}

hr.line4{
  border: none;
  border-top: 1px solid gray; 
  width: 80%;
}

div.footer{
width: 100%;
background: #faf0e6;
float:left;
}

.f1{
float:left;
text-align : left;
padding: 70px 0 15px 15%;
background: #faf0e6;
margin: auto;
width:25%;
}

.f1 a{
color: #ff8c00;
line-height: 2.0em; 
}

.f2{
float:left;
color: white;
text-align : left;
background: #faf0e6;
width:17%;
margin-top:25px;

}

.f2 a{
padding: 5px 0 0 0;
line-height: 2.7em;

  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  color: #7b6459;/*文字色*/
}

.f2 a:before {
  font-family: FontAwesome;
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}



.f3{
float:left;
text-align : left;
background: #faf0e6;
width:17%;
margin-top:25px;
}

.f3 a{
padding: 5px 0 0 0;
line-height: 2.7em;

  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  color: #7b6459;/*文字色*/
}

.f3 a:before {
  font-family: FontAwesome;
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}


.f4{
float:left;
text-align : left;
background: #faf0e6;
width:17%;
margin-top:25px;
}

.f4 a{
padding: 8px 0 0 0;
line-height: 2.7em;

  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  color: #7b6459;/*文字色*/
}

.f4 a:before {
  font-family: FontAwesome;
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}


#last{
clear: left;
padding-top: 5px;
padding-bottom: 5px;
font-size: 0.8em;
background: #faf0e6;
width: 100%;
}

.last{
color: #778899;
}

