@charset "utf-8";


/*--------------- 基本設定 -----------------*/

body{
	background-color: #DDD;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}


/* リンクのスタイル付けはこの順序である必要がある */
a:link { color: #000000; }    /* 未訪問のリンク */
a:visited { color: #000000; } /* 訪問済みのリンク */
a:hover { color: #000000; }   /* ポイント時のリンク */
a:active { color: #000000; }  /* 選択中のリンク */

/*------------------------------------------*/

div{
	margin: 0px auto;/* 両側を自動値とすることでレイアウトが中央に寄る */
	}

div#container{
	margin: 0px auto;/* 両側を自動値とすることでレイアウトが中央に寄る */
	padding: 10px 10px 0px;
	width: 820px; /* 合計で840px */
	background: #FFFFFF;
	box-shadow: 0px 2px 26px #555; /*CSS3*/
	-moz-box-shadow: 0px 2px 20px #555; /* Firefox用*/
	-webkit-box-shadow: 0px 2px 26px #555; /* Google Chrome, Safari用*/
	}

div#container img#top{
	margin-left:10px;
	margin-bottom:-15px;
	box-shadow: 1px 1px 6px #555; /*CSS3*/
	-moz-box-shadow: 1px 1px 6px #555; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 6px #555; /* Google Chrome, Safari用*/

	}


.navi{
	border-top: solid 2px #FF9577;
	border-bottom:  solid 2px #FF9577;
	height: 20px;
	width: 800px;
	padding: 10px 0px;
	margin: 10px 10px;
	}


.info{
	width: 250px;
	background: #FFC5B5;
	color: #C63549;
	text-align: left;
	float: left;
	padding: 10px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	}


.title{
	font-size: 23px;
	text-align: center;
	border-bottom: #FFC5B5 2px solid;
	margin-bottom: 10px;
	}

.title2{
	font-size: 23px;
	text-align: center;
	border-bottom: #FFC5B5 2px solid;
	margin-bottom: 10px;
	margin-top:23px;
	}



.twit{
	width: 200px;
	float: right;
	margin-right: 5px;
	padding: 0px;
}

.twit_box{
	width: 200px;
	margin-top: 10px;
	padding: 10px 0px 0px;
	background: #FFC5B5;
	font-size: 12px;}


.footer{
	border-top: #C63549 solid 3px;
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
	padding-bottom: 5px;
	}

.contents{
	width: 300px;
	padding: 0px;
	margin-top: 20px;
	float:left;}

#contentsC{
	width: 700px;
	margin-top: 20px;
	text-align:center;}

.photo{
	width: 500px;
	margin-top: 20px;
	padding: 0px;
	float:left;
	text-align:center;}

.menu{
	width: 500px;
	margin-top: 20px;
	padding: 0px;
	float:left;
	text-align:center;
}

.photo_wrapS{
	width:300px;
	margin-left:100px;
}

.photo_box{
	width:300px;
	font-size:14px;
	text-align:center;

}

.box{
	margin: 40px 0;}

.box img{
	box-shadow: 0px 3px 8px #999; /*CSS3*/
	-moz-box-shadow: 0px 3px 6px #999; /* Firefox用*/
	-webkit-box-shadow: 0px 3px 6px #999; /* Google Chrome, Safari用*/
	}

.new{
	text-align: left;
	padding: 0px;}

div.report{
	margin-top: 40px;
	padding: 0px 180px;
	text-align: left;
	}

#NinePhoto{
	width:612px;
	height:615px;
	background-color:#440000;
	margin: 25px auto;
	box-shadow: 0px 0px 20px #999; /*CSS3*/
	-moz-box-shadow: 0px 3px 12px #999; /* Firefox用*/
	-webkit-box-shadow: 0px 3px 12px #999; /* Google Chrome, Safari用*/

	}

/*********************************************

	#NinePhotoについて

・サムネサイズが200*150（固定）
・それぞれ3pxのマージンを設定
・これにより実質203*153のスペースを必要とします
  ※現在4列なので153*4+3で615pxです
・また、最左のマージンは下記のul要素に
  margin-left:3px;を適用しています。
・あとは、画像単位で上方、
  右方にマージンを適用しています。
・試作段階で画像9つだったのでNineですｺﾞﾒﾝﾅｻｲ

*********************************************/

ul.three_of_Nine{
	list-style-type:none;
	width:612px;
	height:150px;
	text-align:left;
	margin-left:3px;
}

.three_of_Nine li{
	display:inline;
}

.three_of_Nine img{
	width:200px;
	height:150px;
	display:inline;
	float:left;
	margin-top:3px;
	margin-right:3px;
	opacity:0.7;
}

#menulink img,#enkailink img{
margin-left:100px;
margin-top:30px;
}