@charset "utf-8";

*{
margin:0px auto;
padding:0px;
line-height:140%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{
border:0px;
}

body  {
font-size:12px;
color:#454545;
background:url(../images/site_back.gif) repeat-x 0px 100px;
margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
padding: 0;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}
   

#site { 
width: 1000px;
margin: 0 auto 30px auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

a{
color:#0066CC;
}

a:hover{
color:#CC3300;
}


/* ////////////////ヘッダ//////////////////////////// */

#header{
margin-top:15px;
height:81px;
margin-bottom:6px;
}

#headerSiteTitle{
float:left;
background:url(../images/site_title.gif) no-repeat;
width:420px;
padding:0px 0px 0px 0px;
}

#headerSiteTitle h1{
font-size:12px;
font-weight:normal;
}

#headerSiteTitle a{
display:block;
padding:15px 0px 0px 130px;
text-decoration:none;
line-height:100%;
height:60px;
color:#454545;
}

#headerSiteTitle a:hover{
text-decoration:none;
}

#headerGuideBanner{
float:right;
width:580px;
text-align:right;
}


/* ////////////////メニュー//////////////////////////// */

#menu{
text-align:center;
}

/*for IE6 */  
* html #menu{
text-align:center;
margin-top:-4px;
}

/* ////////////////左検索エリア//////////////////////////// */

#searchArea {
margin-top:10px;
float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
width: 320px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
}


#searchForm{
background:url(../images/search_back.gif) repeat-y;
padding:15px 15px 10px 15px;
}

.searchItem{
margin-bottom:15px;
}


#searchForm .searchItem h3{
background:url(../images/search_item_back.gif);
padding:1px 5px;
font-size:12px;
margin:0px 0px 5px 0px;
width:280px;
}

#searchForm .searchItem h4{
color:#511B00;
font-size:12px;
margin-top:7px;
}

#CollapsiblePanel1 .searchItem h3{
background:url(../images/detail_search_item_back.gif);
padding:1px 5px;
font-size:12px;
margin:0px 0px 5px 0px;
width:280px;
}


#searchForm p{
margin-bottom:15px;
clear:both;
}

#searchButton{
padding:10px 5px 5px 5px;
height:40px;
background:url(../images/search_button_back.gif) bottom no-repeat;
}

/* ////////////////右メインコンテンツ//////////////////////////// */


#mainContent { 
float:right;
border:1px solid #CCCCCC;
padding:5px;
width:646px;
margin-top:10px;
background:#FFFFFF;
} 

#mainContent h2{
margin:0px;
}

#mainContent h3{
margin:0px;
font-size:12px;
color:#669900;
border-bottom:2px solid #DDDDDD;
margin-bottom:8px;
}

#sentence{
padding:0px 12px;
}

#mainContent p{
margin-bottom:20px;

}

#mainConents a{
color:#0066CC;
}

#pankuzu{
padding:15px 12px 20px 12px;
}

#mainContent dt{
margin:0px;
font-size:12px;
font-weight:bold;
color:#669900;
border-bottom:2px solid #DDDDDD;
margin-bottom:8px;
}


#mainContent dd{
margin-bottom:20px;

}

#mainContent ul{
margin-left:20px;
}

#mainContent ul li{
}

/* ////////////////フッタ//////////////////////////// */

#footer{
background:url(../images/footer_back.gif) repeat-x 0px 13px;
padding:10px 0px 0px 0px;

min-width:1000px;
width:1000px;
width:auto !important;
border-bottom:1px solid #CCCCCC;
}

#footerBox{
width:1000px;
}

/* カテゴリタイトル画像 */

#categoryTitle{
float:left;
width:120px;
text-align:left;
}


/* その他メニュー */

#otherMenu{
width:880px;
text-align:right;
float:right;
margin-bottom:30px;
}

#otherMenu a{
margin-left:30px;
}

/* カテゴリ別一覧リンク */

#footerCategory{
	text-align:left;
	clear:both;
}

ul.footerCategoryList{
list-style:none;
margin:0px;
line-height:120%;
}

ul.footerCategoryList li{
float:left;
width:142px;
}

ul.footerCategoryList li a{
color:#666666;
text-decoration:none;
}

/* コピーライト */

#copyright{
text-align:right;
border-top:1px solid #FFFFFF;
margin-bottom:20px;
}



.clearFloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}