@charset "utf-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}
a img {
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#F93;
	text-decoration: underline; 
}
a:visited {
	color:#F63;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}


/******************/
/*   floatclear   */
/******************/
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size:: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*clearfix for ie7*/
.clearfix{
	display:inline-block;
}

.clearfix{
	display: block;
}

.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearright { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:right;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearleft { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.center{
	text-align: center;
}




/********************/
/*  レイアウト構造  */
/********************/
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}


.header {
	margin: 0px;
	padding: 0px;
	background:#FC6;
	width: 960px;
}

.content {
	padding:20px 0px; 
	width: 960px;
	background:#fff;
	text-align: left;	
}


#menu{
	float:left;
	width: 100%;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 20px;
	background-color: #FFF;
}



#menu li {  
   width:10%;
   height: auto;  
   float:left;   
   padding-left:2%; 
   padding-bottom:0px;
   margin:0;  
   text-align:center; 
   list-style: none; 
   
}  

#menu li a {  
   width:auto;   
   color:#fff;  
   font-size:12px;  
   font-weight:bold; 
   padding:10px 0;  
   text-decoration:none;  
   display:block;  
   background:red;  
   border-left:solid 1px #999;
}  

#menu li a:hover {  
   color: #FF0;   
 } 

/***********************/
/* .content 内のエリア　*/
/***********************/

.footer {
	width:100%;
	padding: 10px 0;
	background: #FFF;
	color: #000;
}

/************************/
/*    見出し            */
/************************/

.midashi1{
padding:3px 5px;
margin:10px 25px 0px 25px;
border-color:#f00;
border-width:0px 0px 1px 5px;
border-style:solid;
background:#fdfdff;
font-size: large;
font-family:"MS Pゴシック",Osaka, sans-serif;
color: #000;
font-weight: bold;
}

.item{
  color:#000;
  margin:0px 25px 0px 25px;
  background-color: #fdfdff;
  padding: 10px;
/*  border:solid 1px #333333;*/
}

.item ul{
  margin-right:2em;
  list-style-type: none;
}

.item li{
  margin-left: 2em;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #cccccc;
}

.item_l{
  color:#000;
  width:680px;
  margin:0px 25px 0px 0px;
  background-color: #fdfdff;
/*  border:solid 1px #333333;*/
}


.photo_r{
	float:right;
	margin:10px 30px 0px 5px;
	padding:5px;
}