/*ページのレイアウト用css*/
body{
	  font:"Verdana", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
          font-size:100%;/*全体の文字サイズ*/
	  line-height:100%;/*全体で使う、文字と文字の行間*/
	  color: #fff;
	  margin:0px;
	  padding:0px;
}


.body1 {
background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/bg9.png) ;
background-repeat:repeat-x;
background-position:top center;
}

.body2 {background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/bg9.png) repeat}

#nav{
           width: 890px;/*ページの幅いっぱいに設定*/
           height:20px;/*メインメニューの縦の幅*/
           margin-top:100px;/*メインメニューの上からの位置*/
           margin-bottom:20px;
           text-align:center;
           border-left:solid 1px #cccccc;/*左にラインを入れる*/
      }


/*メインメニューのボタンの設定*/
#nav ul{
          margin-top:6px;
	  padding:0;
	  list-style-type:none;
	  font-size: 11px;/*メニューボタンの文字のサイズ*/
	  line-height:20px;/*メニューボタンの縦の幅*/
	  letter-spacing:2px;/*文字と文字の間隔を少し空ける*/
}

#nav li{
	  float:left;/*右横へ並んで表示するように指定*/
	  width:120px;  /*メニューボタンの幅*/
	  text-align:center;/*メニューの文字をセンター合わせに指定*/
	  margin:0;
	  padding:0;
	  border-right:solid 1px #cccccc;/*メニューボタンの右にラインを入れる*/ 
}

#nav a{
         color:#666;/*メニューボタンの文字の色*/
	  }

#nav a:hover{
         color:#57b23c; /*メニューの文字がカーソルが来た時、この色に変わる*/
         text-decoration:none;/*リンク文字の下線を消す設定*/
   }

/*文字の設定*/
h1{
	 font-size:11px;
         font-weight:normal;
	 letter-spacing: 2px;
	 padding-top:6px; 
	 padding-left:10px; 
         color:#FFFFFF;
}

h1 a{
         color:#666;
	 font-weight:normal;
         text-decoration: none;
}


h2{
         width:615px;
         font-size:25px;
	 border: double 3px #ffffff;
         color:#000;
         background:url(http://blog-imgs-36.fc2.com/s/l/u/slugsupper/alpha_e5e5e5_75-trans.png) repeat;
	 line-height: 55px;
	 padding-left:10px;
	 margin-bottom:25px;
}
#main h3{
         background:url(http://blog-imgs-36.fc2.com/s/l/u/slugsupper/alpha_e5e5e5_75-trans.png) repeat;
         width:605px;
         border:1px solid #666666;
         font-size:21px;
         margin-bottom:5px;
         padding-top:7px;
         padding-left:25px;  
         padding-bottom:3px;
         color:#000;
         float:left;
}



a{
          color:#fff;
}




#main a:hover {
	  color: #57b23c;/*リンクの文字の上にマウスが来た時この色に変わる*/
          background:fff;
	  text-decoration: none;
}


#contents{      
          width:890px;
	  margin:0 auto; 
          position:relative;
          font-size:90%;
}


/*ヘッダー部分の設定*/
#header{
	  height:100px; /*ヘーダーの高さ*/
          margin-bottom: 10px;
}


/*右側メイン部分の設定*/
#main{
          width:635px;
          font-size:15px;
          color:#666;	  
          
}




/*サイドメニューの設定*/
#side{    background:url(http://blog-imgs-36.fc2.com/s/l/u/slugsupper/alpha_e5e5e5_75-trans.png) repeat;
          width:205px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
	  position:absolute;
	  top:325px;/*上からの位置*/
	  left:660px;
          border:solid 1px #999999;
}

#side h3 {
          width:205px;
	  font-size: 90%;
	  color:#ffffff;
	  text-align: left;
	  line-height: 18px;
	  margin-top: 5px;
	  margin-bottom: 1px;
          padding-left:5px;
}


#side {

          font-size:90%;
	  line-height:180%; /*サイドの文字と文字の行間設定*/
	  margin:0px;
}
#side a:hover {
	  background-color: #57b23c;	/*サイドのカーソルオーバー時の文字色*/
}


div.box9 {
          
          width: 205px; /* ボックスの幅 */
          font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */
          padding:5px;
}

div.box9 p {
          margin-left: 10px;/*文字の左に少しスペースを空ける*/
}

div.box8 {
          width: 180px; /* ボックスの幅 */
          margin-top:5px;
          margin-bottom:5px;/*ボックスの下に少しスペースを空ける*/
          padding-left:35px;
          padding-bottom:3px;
}

div.box3 {
          width:890px;
          height:105px;
          margin-top:20px;
          margin-bottom:20px;
          text-align:center;
          position:top-center;
}



#nave2{
width: 205px;
}

#nave2 ul {
list-style: none;
margin: 0;
padding: 0;
}

#nave2 li {
margin: 0;
padding: 0;
}

#nave2 a {
display: block;
width: 205px ; 
color: #666;/*文字の色*/
}






/*下部のフッター部分の設定*/
address{
          background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/newbg2.png) ;
	  font-size:80%;
	  text-align:center;
	  padding-top:10px;
          padding-bottom:10px;
          margin-top:800px;
          margin-bottom:0px;
          width:100%;
          height:50px;
          
}


address a{
          border:none;
          color:#fff;
          font-style: none;
}

#rss a,
#twitter a,
#facebook a{
   
    width:46px;
    height:46px;
    position:absolute;
    top:20px;
}
   

#rss a{
    right:210px;
    background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/rss-cube.png) no-repeat left top;
}
#twitter a{
    right:140px;
    background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/twitter-bird2-square.png) no-repeat left top;
}
#facebook a{
    right:70px;
    background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/facebook-logo-square.png) no-repeat left top;
}


#rss a:hover{
    background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/rss-cube1.png) no-repeat left top;
}
#twitter a:hover{
    background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/twitter-bird2-square1.png) no-repeat left top;
}
#facebook a:hover{
    background:url(http://blog-imgs-48.fc2.com/n/o/r/norijin/facebook-logo-square1.png) no-repeat left top;
}