@charset ”UTF-8”;

body{
 margin:0;
 font-family:'メイリオ',Meiryo,'MS Pｺﾞｼｯｸ',sans-serif;
}

div.centering{
 background:#fff;
 width:960px;
 margin:0 auto 0 auto;
}

img{
 margin:0;
 border:none;
}

td.white{
 background:#FFF;
 font-size:12px;
 line-height:14px;
 padding:5px;
 margin:0px;
}

td.blue{
 background:#F7FBFF;
 font-size:12px;
 line-height:14px;
 padding:5px;
 margin:0px;
}

div.grade{
 float:left;
 width:200px;
 font-size:12px;
 line-height:14px;
 padding:5px;
}

div.grade_data{
 float:left;
 width:100px;
 font-size:12px;
 line-height:14px;
 padding:5px;
}

#bread{
 width:960pxpx;
 margin:5px 0 5px 5px;
 font-size:12px;
 color:#555;
 line-height:14px;
}

#bread h2{
 font-size:14px;
 font-weight:bolder;
 line-height:16px;
 color:#555;
}

h1{
 display:inline;
 font-size:12px;
 line-height:14px;
 color:#55f;
}

h2{
 display:inline;
 font-size:14px;
 font-weight:none;
 line-height:16px;
 color:#555;
}

br.clr{
 clear:left;
}

div.form_style{
 margin:0px auto 15px 0;
 font-size:12px;
}

div.cnfm{
 font-size:12px;
 color:#f99;
}

div.header_area{
 width:960px;
 height:72px;
 margin:0 auto 2px auto;
 border-bottom:2px solid #69a8fb;
}

div.header_logo_area{
 width:400px;
 height:70px;
 padding-top:5px;
 float:left;
}

div.header_ad_area{
 width:560px;
 height:70px;
 padding-top:5px;
 text-align:center;
 float:left;
}

div.btn_send_scoop{
 width:200px;
 height:70px;
 text-align:center;
 font-size:10px;
 display:block;
 margin:0 0 15px 0;
}

div.btn_send_scoop a{
 width:200px;
 padding-top:70px;
 display:block;
 background:url(http://clch.jp/cmmn/img/base/btn_send_scoop.png) no-repeat;
}

div.btn_send_scoop a:hover{
 width:200px;
 padding-top:70px;
 display:block;
 background:#69a8fb url(http://clch.jp/cmmn/img/base/btn_send_scoop_selected.png) no-repeat;
}


div.btn_left_menu{
 width:200px;
 height:40px;
 text-align:left;
 font-size:14px;
 display:block;
 background:#69a8fb url(http://clch.jp/cmmn/img/base/btn_menu_all.png) no-repeat;
}

div.btn_left_menu a{
 width:160px;
 height:28px;
 padding:12px 0 0 40px;
 display:block;
 color:#fff;
 font-weight:bolder;
 text-decoration:none;
}

div.btn_left_menu a:hover{
 width:160px;
 height:28px;
 padding:12px 0 0 40px;
 display:block;
 background:#69a8fb;
 text-decoration:none;
}

div.footer{
 width:960px;
 height:30px;
 padding-top:12px;
 background:#ddd;
 text-align:center;
 font-size:13px;
 margin:50px auto 0 auto;
 clear:left;
}


/* --------------------------------------------
 * キャンペーン用CSS
 * -------------------------------------------- */
div.campaign{
 width:960px;
 height:122px;
 margin:5px 0 0 0;
 display:block;
 background:url(http://clch.jp/cmmn/img/base/bnr_linkcampaign_normal.png) no-repeat;
}

div.campaign a{
 width:100%;
 height:100%;
 display:block;
 background:url(http://clch.jp/cmmn/img/base/bnr_linkcampaign_normal.png) no-repeat;
}

div.campaign a:hover{
 width:100%;
 height:100%;
 display:block;
 background:url(http://clch.jp/cmmn/img/base/bnr_linkcampaign_bright.png) no-repeat;
}



/* --------------------------------------------
 * 以下メニュー表示用CSSの記述
 * -------------------------------------------- */
#MainMenu{
 width:960px;
 height:24px;
 background:#E2E4E5;
 border:0;
 margin:0 auto 0 auto;
}
#tab{
 height:0;
 background:repeat-x top;
 margin:0;
}
#tab ul{
 list-style:none;
 float:left;
 margin:0;
 padding:0;
}
#tab li{
 display:inline;
 float:left;
 margin:0;
 padding:0;
}
#tab a{
 background:#E2E4E5 url(http://clch.jp/cmmn/js/menu/images/bright_023.gif) no-repeat right top;
 text-decoration:none;
 border:0;
 display:block;
 float:left;
 margin:0;
 padding:0;
}
#tab a span{
 display:block;
 background:url(http://clch.jp/cmmn/js/menu/images/bleft_023.gif) no-repeat left top;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFF;
 font-weight:700;
 line-height:24px;
 padding:0 18px;
}
#tab a:hover,#tab li.item_active a {
 background-position:right bottom;
 border-color:#000;
}
#tab a:hover span,#tab li.item_active a span{
 background-position:left bottom;
 color:#009;
 font-weight:700;
 font-style:normal;
 text-decoration:none;
}
.dropmenudiv{
 position:absolute;
 top:0;
 float:left;
 display:block;
 visibility:hidden;
 border:0 #306;
 background:#E2E4E5;
 color:#FFF;
 z-index:100;
 text-decoration:none;
 padding:0;
}
.dropmenudiv ul{
 list-style:none;
 margin:0;
 padding:0;
}
.dropmenudiv li{
 display:inline;
 margin:0;
 padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited{
 width:180px;
 display:block;
 border:0 #000;
 color:#FFF;
 background:url(http://clch.jp/cmmn/js/menu/images/bleft_023.gif) no-repeat left top;
 font-weight:700;
 font-style:normal;
 text-decoration:none;
 margin:0;
 padding:0;
}
.dropmenudiv a span{
 display:block;
 line-height:24px;
 background:url(http://clch.jp/cmmn/js/menu/images/bright_023.gif) no-repeat right top;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFF;
 float:none;
 padding:0 18px;
}
.dropmenudiv a:hover{
 border:0 #fff;
 background-position:left bottom;
 font-weight:700;
 font-style:normal;
 text-decoration:none;
 color:#009;
}

.dropmenudiv a:hover span 
{
 background-position:right bottom;
 color:#fff;
 font-weight:700;
}