@charset "UTF-8";
@import url(common.css);
@import url(text.css);

/* 文中に入れる画像　文字の回りこみあり */
img.img_right{
 float: right;
 margin-top: 10px;
 margin-right: 0;
 margin-left: 10px;
 margin-bottom: 0;
}

/* ヘッダーからからフッターまで含めた部分 */
#container{
 background: #FFFFFF;
 width: 650px;
 padding: 0;
 margin: 0;
 text-align:center; 
}


/* ヘッダー */
#header{
 background: #669966;
 width: 650px;
 height: 52px;
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 0;
 text-align:left; 
}
#head1{
 background: transparent;
 margin: 0;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
 text-align:left; float:left;
}
#head2{
 background: transparent;
 width: 230px;
 padding-top: 12px;
 padding-right: 15px;
 padding-bottom: 0;
 padding-left: 0;
 text-align:right;
 float:right;
 font-size: 13px;
 color: #FFFFFF;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 line-height: 120%; 
}



/* メニュー */
#navi{
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 text-align:left;
 font-size: 14px;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 font-weight: normal; 
}
#navi ul{
 margin: 0;
 padding: 0;
 height: 2em; 
}
#navi ul li{
 margin: 0;
 padding: 0;
 float: left; 
 list-style:none; 
}
#navi ul li a{
 background: #CCCC99;
 margin: 0;
 padding: 5px 15px 4px 15px;
 display: block;
 border-right: 1px solid #FFFFFF;
 border-bottom: 3px solid #CC9999;
 list-style:none; 
}
#navi a:hover{
 background: #996666;
 margin: 0;
 padding: 5px 15px 4px 15px;
 display: block;
 border-right: 1px solid #FFFFFF;
 border-bottom: 3px solid #CCCC99;
}


/* 内容を書く部分 */
#main{
 background: transparent;
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 17px;
 padding-bottom: 17px;
 text-align: center; 
}

/* 内容を小分けする箱 */
.contents{
 background: #FFFFFF;
 width: 500px;
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 1.5em;
 padding-left: 0;
 text-align:left; 
}


/* タイトル */
.ttl1{
 background: #FFFFFF; margin-top: 0; margin-bottom: 1em; padding-top: 2px;
 padding-right: 0; padding-bottom: 2px; padding-left: 12px; text-align:left;
 border-left: 8px solid #FFCCCC;  border-bottom: 1px solid #FFCCCC;
 font-size: 16px; line-height: 130%; font-weight: bold;  
}
.ttl2{
 background: #FFFFFF; margin-top: 0; margin-bottom: 1em; padding-top: 2px;
 padding-right: 0; padding-bottom: 2px; padding-left: 12px; text-align:left;
 border-left: 8px solid #99CCCC;  border-bottom: 1px solid #99CCCC;
 font-size: 16px; line-height: 130%; font-weight: bold;  
}
.ttl3{
 background: #FFFFFF; margin-top: 0; margin-bottom: 1em; padding-top: 2px;
 padding-right: 0; padding-bottom: 2px; padding-left: 12px; text-align:left;
 border-left: 8px solid #CCCC00;  border-bottom: 1px solid #CCCC00;
 font-size: 16px; line-height: 130%; font-weight: bold;  
}
.ttl4{
 background: #FFFFFF; margin-top: 0; margin-bottom: 1em; padding-top: 2px;
 padding-right: 0; padding-bottom: 2px; padding-left: 12px; text-align:left;
 border-left: 8px solid #FFCC66;  border-bottom: 1px solid #FFCC66;
 font-size: 16px; line-height: 130%; font-weight: bold;  
}
.ttl5{
 background: #FFFFFF; margin-top: 0; margin-bottom: 1em; padding-top: 2px;
 padding-right: 0; padding-bottom: 2px; padding-left: 12px; text-align:left;
 border-left: 8px solid #CCFF66;  border-bottom: 1px solid #CCFF66;
 font-size: 16px; line-height: 130%; font-weight: bold;  
}

/* 小さいタイトル */
.ttls{
 background: #FFFFFF;
 margin-top: 0;
 margin-bottom: 5px;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 8px;
 text-align:left;
 border-left: 8px solid #EEE8AA;
 font-size: 15px;
 line-height: 110%;
 font-weight: bold;  
}


/* フッター */
#footer{
 background: #669966;
 width: 100%;
 position: relative; 
 bottom: 0; 
 left: auto;
 margin: 0;
 padding: 10px 0 10px 0;
 font-size: 13px;
 color: #FFFFFF;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; 
}