@charset "UTF-8";
/************************************

　　　　　    KEIBADO

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

/* スクロールバーの常時表示 */
html { margin-bottom:1px; height:100%;}
	
body {background-color: #f5f5f5;margin: 0 auto;font-size: 100%;font-family:  "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-selif;line-height: 1.4;color:#4E4E4E;}

/* Except IE */
html>body {font-size: 12pt;}

p, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd {margin: 0;padding: 0;}

ul, li { list-style-type:none;font-style:normal;font-weight:normal;position:static;}

a:link,
a:visited,
a:visited {color: #336600;text-decoration: underline;}
a:hover {text-decoration: none;}

img { border:none;}
.box-clear { clear:both;}
.font-s { font-size:78%;}
.font-m { font-size:83%;}
.font-l { font-size:90%;}

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

.clearfix{ zoom:1;/*for IE 5.5-7*/}
.clearfix:after{/*for modern browser*/content:".";display: block;height:0px;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

#wrapper { width:920px; margin:0 auto; background:url(../../images/common/shadow_main.gif) repeat-y; padding:0 10px;}



.dots { background:url(../../images/common/dots.gif) repeat-x; height:3px; margin-bottom:10px; margin-top:10px; _margin-top:5px; _margin-bottom:-10px; width:575px;}

.dots2 { background:url(../../images/common/dots.gif) repeat-x; height:3px; margin-bottom:25px; margin-top:30px; _margin-top:35px; _margin-bottom:10px; width:575px;}


/*//////////////////////
        header
//////////////////////*/
#header { width:900px; background:url(../../images/common/head_img.jpg) no-repeat right top; position:relative;}

#header h1 { padding:12px 0 0 15px;}

#header h2 { width:523px; height:39px; position:absolute; top:47px; left:368px;}

#header .m_top { width:92px; height:23px; position:absolute; top:2px; left:700px;}

#header .m_contact { width:96px; height:23px; position:absolute; top:2px; left:795px;}

#header li { float:left; height:31px; _height:29px; margin:0; padding:0;}

/*//////////////////////
        header2
//////////////////////*/
#header2 { width:900px; position:relative;}

#header2 h1 { float:left; width:300px;}

#header2 h2 { width:523px; height:39px; position:absolute; top:47px; left:368px;}

#header2 .m_top { width:92px; height:23px; position:absolute; top:2px; left:700px;}

#header2 .m_contact { width:96px; height:23px; position:absolute; top:2px; left:795px;}

#header2 ul { float:left; width:600px; margin-top:19px;}

#header2 li { float:left; height:15px; margin:6px 0;}

/*//////////////////////
        header_befor
//////////////////////*/
#header_befor { width:900px; background:url(../../images/common/head_img.jpg) no-repeat right top; position:relative;}

#header_befor h1 { padding:12px 0 0 15px;}

#header_befor h2 { width:523px; height:39px; position:absolute; top:47px; left:368px;}

#header_befor .m_top { width:92px; height:23px; position:absolute; top:2px; left:700px;}

#header_befor .m_contact { width:96px; height:23px; position:absolute; top:2px; left:795px;}

#header_befor li { float:left; height:39px;}





#contents-wrapp { background:url(../../images/common/body_color.gif) repeat-y;}


/*//////////////////////
        wrapp-left
//////////////////////*/
#wrapp-left { width:261px; background-color:#f5f3e7; float:left;}

#login { background:url(../../images/common/login_mid.gif) repeat-y; width:240px; margin-left:10px;}

#login dd { font-size:78%; padding:4px 16px 7px 16px;}

#banner-area { border: solid 1px #877f4c; padding:1px; background-color:#e3e0cf; width:240px; font-size:78%; margin-left:9px; text-align:center; color:#4a3915;}

#banner-area dd { margin-bottom:10px;}


/*//////////////////////
        wrapp-right
//////////////////////*/
#wrapp-right { width:606px; background-color:#fff; float:left; padding-left:33px; padding-top:5px; font-size:78%; line-height:20px;}

#wrapp-right h3 { margin-bottom: 10px;}
 
.list-day { width:90px; float:left; margin-top:6px; color:#5f4203;}

.list-txt { width:475px; float:left; margin-top:6px;}

.list-txt strong { color:#5f4203}

.ttl-margin { margin-top:45px;}

.pagetop { text-align:right; margin-top:60px; margin-right:20px;}

#recommend li { float:left; margin-right:18px;}

#day1 { float:left; width:280px;}

#day2 { float:left; width:280px;}

/*//////////////////////
      appli
//////////////////////*/
#appli { border-top: solid 1px #ccc;}

#appli td { border-bottom: solid 1px #ccc; border-right: solid 1px #fff; text-align:center; padding:6px;}

.appli-g { background-color:#edf6d7	;}

.appli-o { background-color:#f9efd3;}



/*////////////////////// 
          FOOTER
 //////////////////////*/
#footer { background-color:#939082; width:900px; height:80px; }

#footlink { float:left; color:#fff; margin:10px; font-size:78%;}

#copy { float:right; color:#fff; margin:10px; font-size:78%;}

#footer a:link,
#footer a:visited,
#footer a:visited {color: #fff;text-decoration: underline;}
#footer a:hover {text-decoration: none;}




/*//////////////////////
      form area
//////////////////////*/

#form-area { width:510px; border:solid #bebebe 1px; background-color: #F5F5F5; padding:20px 10px; margin-top:25px; margin-left:40px;_margin-left:30px;}


.form-menu {
background:url(../../images/form_line.gif) repeat-x bottom; padding-bottom:0px; margin-top:3px; width:500px;
}

.form-menu2 {
background:url(../../images/common/form_line.gif) repeat-x bottom; padding-bottom:5px; margin-top:3px; width:580px;
}

.form-menu_l { width:100px; float:left;}

.form-menu_r { width:270px; float:left; }

.form-menu_l2 { width:400px; float:left;}

.form-menu_r2 { width:180px; float:left; }

.form-menu_l3 { width:250px; float:left;}

.form-menu_r3 { width:180px; float:left; }

#form-area span { color:#FF0000;}

.alart { color:#FF0000;}

.alart-top { border-bottom:solid 1px #bebebe;}

.regi-btn { width:740px; padding: 15px 0 0 0; text-align:center;}

.formtxt-center { width:530px; text-align:center;}



/*的中情報*/
.hit-day { color:#fff; margin-bottom:10px; background-color:#cfb92f; width:570px; padding:2px 0 0 6px; margin-top:15px; font-weight:bold}
.hit01 { float:left; width:75px;  margin-bottom:9px; _margin-bottom:0px;}
.hit02 { float:left; width:170px;}
.hit03 { float:left; width:60px;}
.hit04 { float:left; width:70px;}
.hit05 { float:left; width:150px;}
.hit06 { float:left; width:80px; color:#FF3300; font-weight:bold; font-size:14px;}

.txt-month { color:#5f4203; font-weight:bold; margin-bottom:-7px; margin-top:6px;}

.hitlist { background:url(../../images/common/login_mid.gif) repeat-y; width:240px; margin-left:10px;}
.hitlist li { font-size:78%; padding:4px 16px 7px 16px;}
.hitlist h4 { font-size:78%; padding:4px 16px 2px 16px;}
.hit-month { margin-bottom:-7px; color:#634f0a;}



/*コラム*/
#column { clear:both; width:575px;}
#column h4 { color:#5f4203; font-size:120%; margin:0 0 10px 0; border-bottom:1px solid #5f4203; border-top:1px solid #5f4203; width:575px; padding:6px 0 4px 0; clear:both;} 
#column p { margin-bottom:17px;}
#column span { color:red; font-weight:bold}
.up-day { color:#5f4203; font-size:78%; margin-top:10px;}
#column-read { float:left; width:330px;}


/*
#article h4 { color:#5f4203; font-size:120%; margin:0 0 10px 0; border-bottom:1px solid #5f4203; border-top:1px solid #5f4203; width:575px; padding:6px 0 4px 0; clear:both; background:url(../../images/common/bg_article.gif) repeat; margin-bottom:20px;} */
#article h4 { color:#fff; font-size:120%; margin:0 0 10px 0; width:565px; padding:6px 0 4px 10px; clear:both; background-color:#b64602; margin-bottom:20px; font-weight:normal; border:1px solid #a94305} 
#article .sat { color:#fff; font-size:120%; margin:0 0 10px 0; width:565px; padding:6px 0 4px 10px; clear:both; background-color: #3A6E23; margin-bottom:20px; font-weight:normal; border:1px solid #3A6E23} 
#article .mon { color:#fff; font-size:120%; margin:0 0 10px 0; width:565px; padding:6px 0 4px 10px; clear:both; background-color: #006699; margin-bottom:20px; font-weight:normal; border:1px solid #294395} 
#article .other { color:#fff; font-size:120%; margin:0 0 10px 0; width:565px; padding:6px 0 4px 10px; clear:both; background-color: #294395; margin-bottom:20px; font-weight:normal; border:1px solid #294395} 

#article table { border-top:1px solid #5f4203; border-left:1px solid #5f4203;}
#article td { border-right:1px solid #5f4203; border-bottom:1px solid #5f4203; text-align:center; padding:3px;}
#article .tablehead {color:#5f4203; background-color:#ebebb6; font-size:110%;}
#article .table-l { text-align:left; text-indent:1em;}
#article #top-list { border:solid 1px #C4B693; background:url(../../images/common/bg_article.gif) repeat; padding:10px 10px 10px 20px; width:545px; margin-bottom:30px;}
#article #top-list li { line-height:25px; font-weight:bold;}
#article #tab { margin-top:20px;}
#article #tab li { display:inline; margin-right:5px;}
#article #tab .tab-sun { font-size:120%; color:#FFF; padding:3px 10px; background-color:#b74602;}
#article #tab .tab-sat { font-size:120%; color:#FFF; padding:3px 10px; background-color:#3a6e23;}
#article #tab .tab-off{ font-size:120%; color:#3e3003; padding:3px 10px; background-color:#c3b898;}
#article #tab .tab-other { font-size:120%; color:#FFF; padding:3px 10px; background-color:#294395;}


.rank-s { background:url(../about/images/rank_s.gif) no-repeat; padding-left:80px; height:26px; padding-top:3px; margin-top:30px; line-height:180%;}
.rank-a { background:url(../about/images/rank_a.gif) no-repeat; padding-left:80px; height:26px; padding-top:3px; line-height:180%;}

.about-prof { border:1px solid #AD945A; background-color:#FDF3D5; padding:10px;}