/*ページのレイアウト用css*/

body{
	  background:#FFFFFF url(<iframe src="picup/s.html" width="2500px" height="340px" frameborder="0"></iframe>);	/*壁色と壁紙設定*/
	  background-repeat:repeat-x;/*繰り返さない場合はno-repeatに変更*/
	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	  color: #111111;
	  margin:0px;
	  padding:0px;
}

#container{      
      width:1030px;
	  margin:0 auto; 
	  background-image:url(../img/.png);/*コンテンツ内の背景(サイズをぴったりにすること）*/
	  background-repeat:repeat-y;   /*縦に繰り返し*/
	  border:solid 0px #999999;/*サイトに枠を付ける設定,色の変更可*/
      position:relative;
      font-size:100%;
}

/*ヘッダー部分の設定*/
#header{
     
	  background-image:url(../img/heder.png); /*ヘーダー*/
	  background-position:top ;
	  background-repeat:no-repeat;
	  height:100px; /*ヘーダーの高さ*/
}

#header p {
	font-size:1px;
        color:#ffffff;
	padding-top: 5px;
	padding-left: 10px;
}

#centerleft{
width: 1030px;
margin: 0px 5px 5px 0px;
flort: left;
}



/*中央*/
#center {
  width: 200px;
  float: right;
  background-color:#2e8b57;
}


/*左側*/
#left{
      width:800px;
      background-color:#dcdcdc;
}

.clear{
clear:both;
}

/*フッターメニュー*/
ul#footermenu {
	clear: both;
	text-align: center;
	width: 100%;
	 padding-top:15px;
}
}

ul#footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}

ul#footermenu li a{
        color:#ff3366;
}
ul#footermenu li a:hover {
	color: #ff9999;/*リンクの文字の上にマウスが来た時この色に変わる*/
}


/*下部のフッター部分の設定*/
address{
	  font-size:80%;
	  font-style:normal;
	  text-align:center;
	  padding-top:15px;
}

address{
      background-color:#ffffff;
      color:#111111;
          width:100%;
	  padding-bottom:10px;
	  border:none;
	  }
address a{
      color:#111111;
	  }



/*文字の設定*/
h1{
	  font-size:0%;
	  
	  letter-spacing: 2px;
	  padding-left:10px;
          padding-top:5px;
	  margin: 0px;
}

h1 a{
      color:#ffffff;
	  font-weight:normal;
}


h2{
      font-size:120%;
	border: solid 0px #999999;
        color:#111111;
	background-image:url(../images/h2.png);
	line-height: 50px;
	  padding-left:1px;
	  margin-top: 25px;
	  margin-bottom: 25px;
}

h3{
      font-size:1%;
	border: solid 0px #999999;
        color:#111111;
	background-image:url(../images/h1.png);
	line-height: 20px;
	  padding-left:1px;
	  margin-top: 5px;
	  margin-bottom: 25px;
}

p{
      font-size:100%;/*全体の文字サイズ*/
	  line-height:100%;/*全体で使う、文字と文字の行間*/
}

p img{
      float:left;
          margin-left:5px;  /*写真の左にスペースを空ける*/
	  margin-right:10px;  /:写真と文字の間隔*/
}


/*リンク文字の設定*/
a{
      color:#000099;/*リンクの文字の色*/
      text-decoration:none;
}
a:hover {
	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
}




/*上部のメインメニューの設定*/
#nav{
           width: 100%;/*ページの幅いっぱいに設定*/
           height:20px;/*メインメニューの縦の幅*/
                    position:relative;/*相対位置で指定する*/  
                    margin-top:0px;
           margin-left:0px;
          margin-bottom:10px;
border-left:solid 1px #330903;
      }


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

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

#nav li a:hover{
	  width:100px;  /*メニューボタンの幅*/
}

/*メインメニューの文字の色を変化させる設定*/
#nav a{
         color:#111111;/*メニューボタンの文字の色*/
	  }

#nav a:hover{
         color:#CBB492; /*メニューの文字がカーソルが来た時、この色に変わる*/
   }


/* --- ボックス --- */
dl.photo {
display: -moz-inline-box; /* Firefox 2以下用（独自拡張） */
display: inline-block;
/display: inline; /* IE 7以下用（CSSハック使用） */
/zoom: 1; /* IE 7以下用（CSSハック使用 + 独自拡張） */
margin-right: 1px; /* 右マージン */
background: #ffffff url(../images/photo2_right_bottom.gif) no-repeat right bottom; /* 白フチの背景（右下） */
text-align: center;
}

/* --- 写真エリア --- */
dl.photo dt {
padding: 11px 15px 0 10px; /* 写真エリアのパディング（上右下左） */
background: url(../images/photo2_right_top.gif) no-repeat right top; /* 白フチの背景（右上） */
border-left: 1px #c0c0c0 solid; /* 写真エリアの左境界線 */
}

/* --- コメントエリア --- */
dl.photo dd {
margin: 0; /* コメントエリアのマージン */
padding: 5px 5px 5px 5px; /* コメントエリアのパディング（上右下左） */
background: url(../images/photo2_left_bottom.gif) no-repeat left bottom; /* 白フチの背景（左下） */
font-size: 100%;
line-height: 140%;
}