/*************** geleral *****************/

body { margin: 0; padding: 0; text-align: center; background: #d8f8fd url(../images/bg_container.jpg) repeat-y center top; color: #646464; font-family: Meiryo, Arial, Helvetica, sans-serif; font-size:85%; }

* {margin:0; padding:0;}

img {border:0;}

.clear {clear:both;}

.floatlt {float:left;}

.floatrt {float:right;}

#container { width: 1000px; margin: 0 auto; text-align: left; background: #ffffff; overflow:hidden; overflow:hidden; } 

li {list-style: none; margin: 0;}

/*************** link color *****************/

a:link {color:#0099CC; text-decoration:none;}
a:visited {color:#0099cc; text-decoration:none;}
a:hover {color: #33FFFF;}
a:active {color:#666;}

/*************** header *****************/

#header {width: 1000px; height:100px; background: url(../images/header.jpg) no-repeat;}

.h2_desk { font-size: 10px; color: #390126; padding: 0 0 0 30px; width: 970px; font-weight: normal; height: 15px; line-height: 15px; }

h1 a { display: block; width: 170px; height: 44px; padding: 15px; margin:0 0 0 15px; text-indent: -9999px; float: left;}

#header_rt {float: right;}

#list_login {width: 715px; height: 42px; margin:0 25px;}
#list_login li {float: right; margin:0 0 10px 10px;}

.btn_login a {display: block; width: 80px; height: 32px; background:url(../images/btn/btn_login2.png) no-repeat; text-indent: -9999em;}
.btn_login a:hover {width: 80px; height: 32px; background:url(../images/btn/btn_login2_o.png) no-repeat}

.btn_logout a {display: block; width: 80px; height: 32px; background:url(../images/btn/btn_logout2.png) no-repeat; text-indent: -9999em;}
.btn_logout a:hover {background:url(../images/btn/btn_logout2_o.png) no-repeat}

.btn_pw a {display: block; width: 80px; height: 32px; background:url(../images/btn/btn_pw.png) no-repeat;}
.btn_pw span{display:none;}

.btn_pw a:hover {width: 80px; height: 32px; background:url(../images/btn/btn_pw_o.png) no-repeat}
.btn_ug a {display: block; width: 80px; height: 32px; background:url(../images/btn/btn_ug.png) no-repeat;}

.btn_ug span{display:none;}
.btn_ug a:hover {width: 80px; height: 32px; background:url(../images/btn/btn_ug_o.png) no-repeat}


#gmenu {width: 760px; height: 24px; margin-top: 10px;}

#gmenu li {display: inline;}

#bnrarea {width: 740px; text-align: center;}
#bnrarea dl {margin: 15px 10px 50px 10px;}
#bnrarea dt {float: right;}
#bnrarea dd {text-align: left; padding: 2px 0;}
#bnrarea dd table {width: 550px; margin-left: 7px;}

#bnrarea dd a img{
  margin:0 0 10px 0;
}

#bnrlt {float: left; width: 550px; margin: 10px 0 0 0; text-align: left;}
#bnrlt img {margin: 5px 0 5px 0;}
#bnrlt table td {padding: 0 7px;}
#bnrrt {float: right; width: 150px; margin: 15px 10px 0 0;}

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

#lt { float: left; margin: 10px; width: 220px; padding:0px; background: #ffffff; color: #666666;}
#lt a:hover {color: #5BD7FF;}
#ranking {background:url(../images/box/rank_mid.gif) repeat-y; margin: 3px 0 8px 0;}
#ranking_head {background:url(../images/box/rank_top.gif) no-repeat; height: 42px;}
#ranking_btm {background:url(../images/box/rank_btm.gif) no-repeat; height: 12px;}
#ranking table {margin: 8px 0 8px 27px;}

.caption-top, .caption-bottom { color: #ffffff; padding: 1.2em; font-weight: bold; font-size: 12px; font-family: arial; cursor: default; border: 0px solid #334143; background: #000000;}

.caption-top {border-width: 0px 0px 8px 0px;}

.caption-bottom {border-width: 8px 0px 0px 0px;}

.caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em;}

.caption a:hover, .caption a:hover { background: #202020; text-decoration: none;}

.caption-wrapper {float: left;}

br.c { clear: both; }

#searchbox { color: ; background: url(../images/bg_search.jpg) no-repeat; padding: 18px 15px; margin: 3px 0;}
.search_textfield {width: 120px; height: 20px;}

#menu_cate { width: 170px; margin: 0 0 7px 0; font-size: 11px; border: 1px solid #003366; background-image: url(../images/menu/menu_cate_bg.jpg);}

#serarch {border: solid 1px #6bd1f6;width: 218px; background: #f8f8f2;}
#serarch table {font-size: 90%; margin: 5px 15px 0 15px; width: 188px;}
#serarch table td {padding:0 3px;}

.btn_search {margin: 0 0 0 140px; margin-bottom: 7px;}

#ninki_series a:hover img{ opacity:0.9; filter: alpha(opacity=90);}

.iframe_news{ margin-bottom:10px; }


/*************** メインパート *****************/
/*
#maincontent{ margin: 10px 0 30px 255px; padding: 0; font-weight: normal; color: #666666; font-size: 11px; }
*/
#maincontent{ width:740px; margin:10px 10px 30px 10px; padding: 0; font-weight: normal; color: #666666; font-size: 11px; float:left; }
#maincontent .news_box{ width: 660px; margin: 10px 0 0 20px; padding: 20px; font-weight: normal; color: #666666; font-size: 13px; text-align:left; border: solid #000 1px;}
#maincontent th a {color:#ffffff;}
#maincontent th a:hover {color:#ffeccc;}
#tmp_sites_b h3 {border-bottom:2px solid #000; padding:.3em .2em; margin:0 0 5px 0; color:#000;}

/*************** footer *****************/

#footer{ width:1000px; margin:0px auto; padding: 25px 0 20px 0; font-size: 10px; overflow:hidden; color: #cccccc; background: #000000; }
.btn_totop {display: block; width: 200px; height: 25px; background-image:url(../images/btn/btn_totop.gif); background-repeat:no-repeat;margin: -80px auto 20px auto; text-indent:-9999em;}

/*************** その他 *****************/

.bdr1 {border: 1px solid #666666;}
.ctr {text-align:center;}
hr {display: none;}
.hr01 {border-top: solid 20px #000000; width: 690px; margin: 5px 0 10px 30px;}
.table01 {border-collapse: collapse; margin: 15px 0 0 20px;}

/*************** margin *****************/

.mgn {margin:7px;}
.mgnmenucate {margin:7px 0 0 0;}
.mgn {margin:7px;}
.footer_navi{margin:20px 0 10px 0; font-size:15px;}
/*************** pad *****************/

.pad5 {padding:5px;}
.pad7 {padding:7px;}
.pad22plan { padding:0 40px 0 0; font-size:10px; line-height:13pt;}
/*************** font *****************/

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h2.clum_title{
  margin:15px 0;
  background-color: #55bbff;
  text-decoration: none;
  color:#fff;
  padding:10px 0;
  border-radius:8px;
  text-align:center;
}

.h3menu {background: url(../images/bg_h3menu.jpg) no-repeat; padding: 10px 0 10px 40px; color: #ffffff; font-size:100%;}

.h2_seriestitle {font-size: 160%; color: #282d5e;}
.h2_seriestitle a:link, .h2_seriestitle a:visited {color: #069;}
.h2_seriestitle a:hover {color:#488384;}

.h2_moretitle {background: #000000; margin: 10px 30px 0 15px; padding: 5px 15px; color: #ffffff; font-size: 130%;}



.h3_titlename {font-size: 140%; color: #634f36;}
.h3_titlename2 {font-size: 150%; color: #634f36;}


/* inc_lt_clm
------------------------------------------*/

.lt_img{ width:220px; margin-bottom:15px; padding:0px; }


/* 左サイドメルマガ
------------------------------------------*/
.mailmaga{ background: url(http://hanimez.com/images/images/ha_mg_left.gif) 0px 0 no-repeat; padding: 100px 0 0 10px; text-align: left; margin: 10px 0; height: 50px; }

/* lt lost_pw
------------------------------------------*/

.lst_pw{ width:200px; margin:0 0 15px 0; padding:5px 0 5px 20px; background:url(../images/img_lost_pw.png) no-repeat left center; border-top:1px #CCC dotted; border-bottom:1px #CCC dotted; }
.mail_pw{width:500px; margin:0px auto 10px auto; padding:5px 0 5px 20px; background:url(../images/img_lost_pw.png) no-repeat left center; }

/*アップグレード
------------------------------------------*/
.upgrade_box {width: 670px; background-color: #fff; border: 3px #1C79C6 solid; padding: 10px; margin: 20px 15px;} 
.upgrade_logo_box {width: 620px; background-color: #fff; border: 3px #1C79C6 solid; padding: 10px; margin: 20px 15px; text-align: center; }