body,table,td {margin:0;padding:0;font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;}
html,body{height:100%;}
body{width:100%;position: relative;height:auto !important; /*IE6対策*/height: 100%; /*IE6対策*/min-height: 100%;}
img{border:0;}
hr {border: 0;height: 1px;background: #CCCCCC;} 
.width975area{padding-bottom:100px;}
.mgnno{margin:0px;}
.footer{position:absolute;bottom:0;width:100%;height:100px;background:#000;text-align:center;color:#fff;}
.floleft{float:left;}
.floright{float:right;}
.reset{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;display:block;}
a:link{color:#f66;text-decoration: none;}
a:visited{color:#f66;text-decoration: none;}
a:hover{color:#f66;text-decoration: none;}
a:active{color:#f66;text-decoration: none;}
.mgnR10{margin:5px 12px 0px 0px;}
.pdgno{padding:0px;}
.pdgall10{padding:10px 0px;}
.fsize18b{font-size:18px;line-height:24px;font-weight:600;}
.fsize18{font-size:18px;line-height:24px;font-weight:400;}
.fsize16{font-size:16px;line-height:22px;font-weight:400;}
.fsize14{font-size:14px;line-height:18px;font-weight:400;}
.fsize13{font-size:13px;line-height:14px;font-weight:400;}
.fsize11{font-size:11px;line-height:12px;font-weight:400;}
.gray666{color:#666;}
.header{width:100%;height:90px;background:#000;}
#logimg{width:260px;height:70px;margin-top:10px;float:left;border:0;}
.width975area{width:975px;margin:0 auto;}
.menuarea{margin:7px 0 0 150px;width:129px;height:70px;float:left;}
#mySearchForm{margin:25px 0px 0px 110px;float:left;}
#character_name_box,#item_name_box{margin-top:4px;padding:3px 2px;width:255px;font-size:14px;float:left;}
#search_charname_btn,#search_itemname_btn{cursor:pointer;margin:4px 0 0 4px;padding:0px;float:left;}
.btnmatome a{margin:0 0 5px 0px;background:url(/img/btn_matome_on.png) no-repeat;width:129px;height:22px;display:block;}
.btntouroku a{margin:0 0 5px 0px;background:url(/img/btn_touroku_on.png) no-repeat;width:129px;height:22px;display:block;}
.btntourokuImg a{margin:0 0 5px 0px;background:url(/img/btn_tourokuImg_on.png) no-repeat;width:129px;height:22px;display:block;}
.btnon a:hover img{visibility:hidden;}
.submenuarea{margin:0 auto;padding:0;width:975px;height:60px;list-style-type:none;}
.submenuarea li{margin:15px 15px 0 0;padding:0;float:left;}
.submenuSpanArea{line-height:40px;}
#headerSecond{width:975px;margin:0 auto;display:block;}
#topTagArea{float: left;padding-top:12px;}
#topTagImg{margin: 7px 5px 0px 0px;width: 39px;height: 16px;float: left;}
#topTagArea a{margin: 0px 5px 5px 0px;padding: 5px 0px 0px 0px;display: block;float: left;}
#topTagArea a:hover .charatag{text-decoration: none;background: #f99;}
#userArea{text-align:right;}
#faceImg{width:30px;height:30px;position:relative;top:9px;border: 2px solid #ccc;}
.logBtn a{margin-left:2px;padding: 5px;font-size:12px;line-height: 20px;color:#fff;background:#f66;border: 1px solid #ccc;position:relative;top:-2px;}
.top15{position:relative;top:15px;}
.btnpage a{margin:0px;padding:0px;width:228px;height:40px;display:block;color:#fff;background:#999;text-align:center;overflow:hidden;}
.btnpageoff{margin:0px;padding:0px;width:228px;height:60px;display:block;color:#f66;background:url(/img/submenuoffbg.png) no-repeat;text-align:center;overflow:hidden;}
.btnpage a:hover{background:#ccc;}
.text-center {text-align: center;}
.btnpagetowa{margin:0px;padding:0px;width:470px;height:40px;display:block;color:#fff;background:#999;text-align:center;overflow:hidden;}
.btnpagetowaoff{margin:0px;padding:0px;width:470px;height:60px;display:block;color:#f66;background:url(/img/submenuoffbgtowa.png) no-repeat;text-align:center;overflow:hidden;}
.btnpagetowa:hover{background:#ccc;}

.parts01area{margin:10px 0 0 0;padding:8px 0px;background: #faf7f7;border:1px solid #b3b0b0;width:100%;font-size:14px;}
.parts02area {margin: 10px 0 0 0;padding: 10px 10px;width:90%;background:#fff;}
.wrapper{position:relative;width:235px;height:150px;}
.wrapperAdd1{position:relative;width:200px;float:left;height:150px;margin-left:45px;border:4px double #b3b0b0;background:#ddd;}
.charImgBig{display:table-cell;vertical-align:middle;text-align:center;width:200px;height:150px;background:#fff;}
.wrapper1-2{position:relative;width:220px;height:150px;float:left;}
.thumbnail{width: 100%;height: 100%;background:#f2f2f2;}
.thumbnailCharImg{max-width:200px;max-height:150px;border:0;}
.label{width:200px;position:absolute;right:0px;bottom:0px;background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0, 0.5);color:#fff;padding:5px;font-size:12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tag{position:absolute;left:5px;top:40px;height:66px;width:66px;background-color:rgb(255, 100, 100);background-color:rgba(255, 100, 100, 0.7);color:#fff;border:2px solid #fff;padding:20px 0px 0px 0px;font-size:16px;overflow:hidden;
-moz-border-radius:33px;
-webkit-border-radius:33px;
border-radius:33px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.tagLeft{text-align:center;left:-30px;}
.tagleftPt{font-size:10px;}
.tag1-2{height:66px;width:66px;background-color:rgb(255, 100, 100);background-color:rgba(255, 100, 100, 0.7);color:#fff;border:2px solid #fff;padding:20px 0px 0px 0px;font-size:16px;overflow:hidden;float:left;
-moz-border-radius:33px;
-webkit-border-radius:33px;
border-radius:33px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.wrapper2{margin:0 0 0 20px;width:300px;height:150px;float:left;}
.charInfoText{word-wrap: break-word;max-width: 300px;margin:0;}
.charInfoText a{color:#5B5A5A;line-height:1.2;display: block;overflow: hidden;}
.charInfoText a:hover{color:#f66;}
.charInfoIcon{float: left;margin-right: 10px;margin-top:5px;}
.middle100area{height:100px;margin:0px;padding:0px;overflow:hidden;}
.middle50area{height:50px;}
.mr5{margin-right:5px;}
.middle50areathumbnail{background:#fff;width:50px;height:50px;display:table-cell; text-align: center;vertical-align:middle;border:1px solid #b3b0b0;}
.middle50areathumbnailImg{border:0;max-width:50px;max-height:50px;}
.middle80area{height:84px;margin:0px;padding:0px;overflow:hidden;}
.middle70area{height:66px;}
.goodtagset a{margin:25px 0 0 15px;padding:0px;display:block;float:left;}
.goodtagtxt{margin:0px;padding:8px;font-size:12px;line-height:20px;color:#777;background:#fff;border:1px solid #aaa;}
.goodtagset a:link{text-decoration: none;}
.goodtagset a:visited{text-decoration: none;}
.goodtagset a:hover .goodtagtxt{text-decoration: none;background:#ff9;}
.goodtagset a:active{text-decoration: none;}
.wrapper3{margin:0;width:390px;height:150px;float:left;}
.wrapper3-2{margin:0;width:400px;height:148px;background:#fff;border:1px solid #ccc;float:left;overflow:auto;}


.clickarea390 a{margin:5px 0 5px 0;padding:2px;width:390px;height:70px;background:url(/img/clickarea390_bg.png) no-repeat;display:block;overflow:hidden;}
.clickarea390 a:hover{background:url(/img/clickarea390_bg_over.png) no-repeat;}

.clickarea390 a.new{margin:5px 0 5px 0;padding:2px;width:390px;height:70px;background:url(/img/clickarea390_bg_new.png) no-repeat;display:block;overflow:hidden;}
.clickarea390 a.new:hover{background:url(/img/clickarea390_bg_new_hover.png) no-repeat;}


.clickarea450 a{margin:0 0 5px 0;padding:0px;width:450px;height:80px;background:url(/img/clickarea450_bg.png) no-repeat;display:block;overflow:hidden;}
.clickarea450 a:hover{background:url(/img/clickarea450_bg_over.png) no-repeat;}
.textarea255{width:255px;padding:6px;display:block;float:left;line-height:20px;}
.workdescription{margin:0 0 10px 0;padding:4px 0 4px 15px;font-size:13px;line-height:18px;color:#fff;background:#777;width:75px;display:block;}
.charatagset a{margin:0px 5px 5px 0px;padding:5px 0px 0px 0px;display:block;float:left;}
.charatag{margin:0px;padding:5px;font-size:12px;line-height:20px;color:#555;background:#fff;border:1px solid #b3b0b0;}
.charatagset a:link{text-decoration: none;}
.charatagset a:visited{text-decoration: none;}
.charatagset a:hover .charatag{text-decoration: none;background:#f99;}
.charatagset a:active{text-decoration: none;}
.clickarea125 a{margin:0px;padding:0px;width:150px;height:113px;background:url(/img/clickarea150_bg.png) no-repeat;display:block;overflow:hidden;}
.clickarea125 a:hover{background:url(/img/clickarea150_bg_over.png) no-repeat;text-decoration:none;}
.btnimglist a{margin:3px 0 0 0;padding:0px;display:block;width:148px;height:22px;border:1px solid #aaa;background:#fff;text-align:center;}
.btnimglist2 a{margin: 0 0 3px 0;padding:0px;display:block;height:22px;border:1px solid #aaa;background:#fff;text-align:center;}
.btnimglist2{width:168px;}
.imglisttxt{margin:0px;padding:8px;font-size:12px;line-height:22px;color:#666;font-weight:600;}
.btnimglist a:link{text-decoration: none;}
.btnimglist a:visited{text-decoration: none;}
.btnimglist a:hover{text-decoration: none;background:#ff9;}
.btnimglist a:active{text-decoration: none;}
.wrapper4{position:relative;width:150px;height:113px;}
.wrapper5{position:relative;width:168px;height:126px;}
.label4{width:150px;position:absolute;right:0px;bottom:0px;background-color:rgba(0, 0, 0, 0.5);color:#fff;padding:5px;font-size:12px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.label5{width:168px;position:absolute;right:0px;bottom:0px;background-color:rgba(0, 0, 0, 0.5);color:#fff;padding:7px;font-size:12px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.btnimggood a{margin:3px 0 0 0;padding:0px;display:block;width:88px;height:22px;border:1px solid #aaa;background:#fff;text-align:center;overflow:hidden;}
.imggoodtxt{margin:0px;padding:8px 2px;font-size:11px;line-height:24px;color:#666;font-weight:400;}
.btnimggood a:link{text-decoration: none;}
.btnimggood a:visited{text-decoration: none;}
.btnimggood a:hover{text-decoration: none;background:#ff9;}
.btnimggood a:active{text-decoration: none;}
.imgpoint{margin:3px 0 0 3px;padding:0px;display:block;width:57px;height:24px;font-size:13px;line-height:24px;color:#fff;background:#f77;text-align:center;overflow:hidden;}
.width635area{width:635px;float:left;}
.width340area{width:340px;float:left;}
.clickarea615 a{margin:10px 0 5px 0;padding:0px;width:615px;height:120px;background:url(/img/clickarea615_bg.png) no-repeat;display:block;overflow:hidden;}
.clickarea615 a:hover{background:url(/img/clickarea615_bg_over.png) no-repeat;}
.textarea470{width:470px;padding:15px 0px;display:block;float:left;}
.btnpagingarea{width:100%;background:#fff;}
.btnpagingarea ul{margin:0 auto;padding:0;width:320px;list-style-type:none;}
.btnpagingarea ul li{margin:0 0 0 3px;padding:0;float:left;}
.btnpaging a{margin:10px 0px 10px 5px;padding:0px;height:30px;display:block;color:#fff;background:#888;text-align:center;overflow:hidden;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.btnpagingoff a{margin:10px 0px 10px 5px;padding:0px;height:30px;display:block;color:#fff;background:#ccc;text-align:center;overflow:hidden;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.btn5pattern{width:54px;}
.clickarea300 a{margin:0 10px 10px 0;padding:0px;width:300px;height:120px;background:url(/img/clickarea300_bg.png) no-repeat;display:block;overflow:hidden;}
.clickarea300 a:hover{background:url(/img/clickarea300_bg_over.png) no-repeat;}
.matomeThumbnailImgArea{background:#fff;width:66px;height:66px;text-align:center;display:table-cell;vertical-align:middle;border-right:1px dotted #b3b0b0;}
.matomeThumbnailImg{text-align:center;max-width:60px;max-height:60px;border:1px solid #ccc;border:0;}
.addTextArea255{display:table-cell;float:none;padding:3px;font-size:14px;color:#5B5A5A;font-weight:bold;}
.updateTime{text-align:right;color:#444;}
.textarea170{width:170px;padding:10px 0px;display:block;float:left;}
.toptag a:hover{color:#f66;text-decoration: underline;}
.submenuarea a:link{color:#fff;text-decoration: none;}
.submenuarea a:visited{color:#fff;text-decoration: none;}
.submenuarea a:hover{color:#fff;text-decoration: underline;}
.submenuarea a:active{color:#fff;text-decoration: none;}
.btnpaging a:link{color:#fff;text-decoration: none;}
.btnpaging a:visited{color:#fff;text-decoration: none;}
.btnpaging a:hover{color:#fff;text-decoration: none;background:#666;}
.btnpaging a:active{color:#fff;text-decoration: none;}
.btnpagingoff a:link{color:#fff;text-decoration: none;}
.btnpagingoff a:visited{color:#fff;text-decoration: none;}
.btnpagingoff a:hover{color:#fff;text-decoration: none;}
.btnpagingoff a:active{color:#fff;text-decoration: none;}
.pageNum{line-height:29px;}
.footer a:link{color:#fff;text-decoration: none;}
.footer a:visited{color:#fff;text-decoration: none;}
.footer a:hover{color:#fff;text-decoration: underline;}
.footer a:active{color:#fff;text-decoration: none;}
.textarea255{color:#4E4D4D;}
.clickarea390 a:hover .textarea255{color: #f66;}
#closeBtn{cursor:pointer;float:right;font-size:12px;width:60px;background:#444;text-align:center;color:#fff;padding:2px;border:1px solid #ccc;}
#itemDesc{display:none;text-align:left;padding:15px;}
#readDesc{cursor:pointer;font-size:12px;color:#f66}

.item01{font-size:15px;}
.item01 a{color:#fff;border:1px solid #aaa;margin:5px;margin-bottom:5px;padding:2px;background:#333;}
.item01 a:hover{color:#4E4D4D;border:1px solid #aaa;margin:5px;margin-bottom:5px;padding:2px;background:#eee;}

.item02{font-size:13px;line-height:35px;}
.item02 a{color:#4E4D4D;border:1px dotted #aaa;margin:5px;margin-bottom:5px;padding:2px;background:#eee;}
.item02 a:hover{color:#fff;border:1px solid #aaa;margin:5px;margin-bottom:5px;padding:2px;background:#333;}

.item03{font-size:13px;}
.item03 a{color:#fff;}
.item03 a:hover{color:#aaa;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.item04{font-size:13px;background:#555;color:#fff;width:80px;text-align:center;margin:5px;}
.item04 a{font-size:13px;background:#555;color:#fff;width:80px;text-align:center;margin:5px;}
.item04 a:hover{font-size:13px;background:#555;color:#fff;width:80px;text-align:center;}
.item05{font-size:13px;background:#000;color:#fff;min-width:80px;padding:3px;}
#pageTop{background:#666;border-radius:5px;color:#FFF;padding:20px;position:fixed;bottom:20px;right:20px;}
#pageTop:hover{background:#ccc;}

.sitetop01{display: table-cell;width:975px;height:255px;margin-bottom:10px;}
.sitetop00{display: table-cell;width:665px;height:250px;float:left;}
.sitetop02{display: table-cell;width:300px;height:250px;float:right;}

.sitetop04{display: table-cell;width:975px;margin-bottom:10px;}
.sitetop05{display: table-cell;width:665px;float:left;}
.sitetop06{display: table-cell;width:300px;float:right;}

.sitetop03{width:650px;height:88px;border:dotted 1px #b3b0b0;background:#faf7f7;color:#666;font-size:12px;padding-top:8px;padding-right:5px;padding-left:5px;margin-right:10px;margin-top:10px;line-height:22px;}
.sitetop03 a{color:#f66;}
.sitetop03 a:hover{color:#fff;background:#f66;}
.sitetop03 b{font-size:15px;background:#fff;}
.sitetop03 n{font-size:15px;background:#f66;color:#fff;padding-left:3px;padding-right:3px;}
.sitetop03 h2{font-size:15px;background:#fff; margin-left:10px; padding-left:10px;text-align:center;}

.sitetop07{width:960px;height:315px;border:dotted 1px #b3b0b0;background:#faf7f7;color:#666;font-size:12px;padding-top:8px;padding-right:5px;padding-left:5px;margin-right:10px;margin-top:10px;line-height:22px;}
.sitetop07 a{color:#f66;}
.sitetop07 a:hover{color:#fff;background:#f66;}
.sitetop07 b{font-size:20px;background:#fff;color:#555;}
.sitetop07 n{font-size:15px;background:#f66;color:#fff;padding-left:3px;padding-right:3px;}

.sitetop08{display: table-cell;width:465px;float:right;}

.sitetopobi{width:650px;height:32px;border:solid 1px #444;background:#444;color:#fff;font-size:13px;padding-right:5px;padding-left:5px;margin-right:10px;line-height:32px;}
.sitetopobi h1{margin-left:10px;background:#444;color:#fff;font-size:13px;}

.sitetopobicharapero{width:450px;height:32px;border:solid 1px #fff ;background:#ff4444;color:#fff;font-size:13px;padding-right:5px;padding-left:5px;margin-right:10px;margin-bottom:5px;line-height:32px;}

.snstwitter{width:960px;height:32px;border:solid 1px #fff ;background:#000;color:#fff;font-size:13px;padding-right:5px;padding-left:5px;margin-right:10px;margin-bottom:5px;line-height:32px;}

.koukicharapero{width:440px;height:207px;border:solid 1px #444;background:#fff;color:#000;font-size:20px;padding-right:10px;padding-left:10px;padding-top:10px;margin-right:0px;margin-top:5px;line-height:32px;}

.touhyou{display: table-cell;width:920px;height:20px;background:#555;color:#fff;margin:5px;font-size:12px;}
.touhyou a{font-size:12px;color:#f66;}
.touhyou a:hover{font-size:12px;background:#555;color:#fff;}

.koukoku00{display: table-cell;width:918px;margin:1px;}
.koukoku01{display: table-cell;width:300px;float:left;margin-left:5px;}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}
#jquery-ui-autocomplete label {
    float: left;
    margin-right: 0.5em;
    color: black;
    font-size: 15px;
}
.ad-area {
display: table;
margin: 10px 20px 10px 15px;
}
.ad-box-short {
display: table-cell;
box-sizing: border-box;
}
.ad-box-short + .ad-box-short {
  padding-left: 8px;
}
.rank-sub-title {
font-size: 16px;
background-color: #f66;
font-weight: bold;
color: #fff;
padding: 5px;
}


.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 150px;/*親メニューの幅*/
  height: 20px;/*親メニューの高さ*/
  line-height: 20px;
  background:#ffffff;/*親メニューの背景色*/
  color: #444444;/*親メニューの文字色*/
  text-align:left;
  font-weight:bold;
}
.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#dddddd;/*ホバー時の親メニューの背景色*/
  color:#444444;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 20px;/*親メニューの高さと同じにする*/
  left: -40px;
  width: 150px;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;/*サブメニューの幅*/
  height: 0;
  background:#dddddd;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#cccccc;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:20px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


.amazon{display: table-cell;width:182px;float:left;margin-right:6px;margin-left:7px;margin-top:5px;}

.title-ob-black {
  width: 100%;
  border: solid 1px #333;
  background: #444;
  color: #fff;
  padding:5px;
  font-size: 14px;
}

.menu_b2 a{margin:0px;padding:0px;width:228px;height:20px;display:block;color:#fff;background:#999;text-align:center;overflow:hidden;}
.menu_b2 a:hover{background:#ccc;}