@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* enhance setting */
@import "local.css";



/* ===== category style ===== */
.introduction {background: url("/img/info/info-introduction.png") no-repeat; margin-top: 10px;}
.introduction  h2 {display: none;}
.introduction  p {padding-top: 350px;}

.bloger-img {background: url("/img/info/info-bloger.png") no-repeat; margin-top: 10px;}
.bloger-img  h2 {display: none;}
.bloger-img  p {padding-top: 350px;}

.partner-img {background: url("/img/info/info-partner.png") no-repeat; margin-top: 10px; padding-top: 350px;}

#info .area_main {width: 100%;}

#info hr {display: block; clear: both; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #E1E1E1; height: 1px; margin: 20px 0;}

#info .left {float: left; margin: 0 20px 20px 0;}
#info .right {float: right;}
#info .clear {clear: both;}

#info .set {clear: both; padding: 10px 10px 0; margin: 0 0 20px 50px; border: 1px dotted #D2D2D2; height: 100%;}
#info .set .right {width: 320px;}
#info .set .right textarea {width: 310px;}

#info h1 {background: url("/img/info/title-info.gif") left top no-repeat; height: 75px; color: #006600;}

#info-page h2 {font-size: 20px; line-height: 28px; padding-left: 10px; margin-bottom: 20px; border-left: solid 7px #5DC20D;}
#info-page h4 {font-size: 16px; line-height: 16px; margin-bottom: 20px;}

#info-page ul {margin: 0 0 20px 50px;}
#info-page ul li {list-style-type: disc; margin-bottom: 10px;}

#info-page dl {margin: 0 0 20px 50px;}
#info-page dl dt {font-weight: bold; margin-bottom: 10px;}
#info-page dl dd {margin: 0 0 10px 20px;}

.box {background: #F8F8F8; border: solid 1px #E9E9E9; padding: 5px; font-size: 13px;}
.box span {color: #009900;}
.box span.red {color: #FF0000; font-weight: bold; border-bottom: 1px #FF0000 dotted;}

.push-up {background: #f5f8fd; border: solid 1px #D9D9D9; padding: 10px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.push-up h3 {font-size: 30px; font-weight: bold; color: #0066CC; margin-bottom: 15px; line-height: 100%;}
.push-up p {margin-bottom: 0;}

.unit {margin-bottom: 30px; height: 80px;}
.unit h3 {margin: 0 0 5px 100px; height: 19px;}
.unit h3 span {display: none;}
.unit p {margin-left: 100px;}

.unit#point01 h3 {background: url("/img/info/h3-poit01.gif") no-repeat;}
.unit#point02 h3 {background: url("/img/info/h3-poit02.gif") no-repeat;}
.unit#point03 h3 {background: url("/img/info/h3-poit03.gif") no-repeat;}
.unit#point04 h3 {background: url("/img/info/h3-poit04.gif") no-repeat;}

.unit#point01 {background: url("/img/info/point-01.png") no-repeat;}
.unit#point02 {background: url("/img/info/point-02.png") no-repeat;}
.unit#point03 {background: url("/img/info/point-03.png") no-repeat;}
.unit#point04 {background: url("/img/info/point-04.png") no-repeat;}

#info table {border-collapse:collapse;}
#info table th {border: 1px solid #CDDFEF; background: #E4ECF6; width: 180px; padding: 5px;}
#info table td {border: 1px solid #CDDFEF; width: 430px; padding: 5px;}



form {float: left; width: 700px;}
form .box {background: #FFFFFF; margin-bottom: 10px; padding: 0; border-top: none; width: 698px;}
form .box span {display: none;}
form .box h3 {display: block; width: 700px; height: 18px; margin: 0 0 20px -1px;}
#form01 h3 {background: url("/img/info/form-01-head.gif") no-repeat;}
#form02 h3 {background: url("/img/info/form-02-head.gif") no-repeat;}

form .box#form01 {background: url("/img/info/form-01-bg.png") no-repeat 590px 20px;}
form .box#form02 {background: url("/img/info/form-02-bg.png") no-repeat 590px 20px;}

form .box dl {margin: 0; padding: 0;}
form .box dt {width: 210px; height: 23px; float: left; margin: 0 10px 10px 0; padding: 0;}
form .box dd {margin: 0 0 10px; padding: 0;}
form .box dd input {border: 1px solid #CCCCCC; width: 370px; padding: 3px; font-size: 13px;}
form .box dd textarea {border: 1px solid #CCCCCC; width: 370px; padding: 3px; font-size: 13px; overflow:auto; *height: 64px;}

form .box dt#object01 {background: url("/img/info/object-01.gif") no-repeat right;}
form .box dt#object02 {background: url("/img/info/object-02.gif") no-repeat right;}
form .box dt#object03 {background: url("/img/info/object-03.gif") no-repeat top right; height: 70px;}
form .box dt#object04 {background: url("/img/info/object-04.gif") no-repeat right;}
form .box dt#object05 {background: url("/img/info/object-05.gif") no-repeat right;}
form .box dt#object06 {background: url("/img/info/object-06.gif") no-repeat right;}
form .box dt#object07 {background: url("/img/info/object-07.gif") no-repeat right;}
form .box dt#object08 {background: url("/img/info/object-08.gif") no-repeat right;}

.side-form {float: right; width: 250px; margin: 0; padding: 40px 0 0; position: relative; left: -11px;}

.error {background: url("/img/info/error-bg.gif") no-repeat; margin: 0; padding-left: 15px; line-height: 23px; width: 250px;}
.error#er01 {position: absolute; top: 40px;}
.error#er02 {position: absolute; top: 80px;}
.error#er03 {position: absolute; top: 115px;}
.error#er04 {position: absolute; top: 240px;}
.error#er05 {position: absolute; top: 270px;}

#partner .error#er01 {position: absolute; top: 40px;}
#partner .error#er02 {position: absolute; top: 78px;}
#partner .error#er04 {position: absolute; top: 190px;}
#partner .error#er06 {position: absolute; top: 115px;}
#partner .error#er07 {position: absolute; top: 155px;}

span.ad-guide-1 {background: url("/img/info/ad-guide-1.gif") no-repeat; display: block; width: 18px; height: 18px; float: left; margin-right: 3px;}
span.ad-guide-2 {background: url("/img/info/ad-guide-2.gif") no-repeat; display: block; width: 18px; height: 18px; float: left; margin-right: 3px;}
span.ad-guide-3 {background: url("/img/info/ad-guide-3.gif") no-repeat; display: block; width: 18px; height: 18px; float: left; margin-right: 3px;}
.ad-guide-1 span {display: none;}
.ad-guide-2 span {display: none;}
.ad-guide-3 span {display: none;}

dl.ad-guide dt {padding-left: 25px; margin-left: 300px;}
dl.ad-guide dd {text-indent: 60px;}
dt.ad-guide-1 {background: url("/img/info/ad-guide-1.gif") no-repeat; height: 18px;}
dt.ad-guide-2 {background: url("/img/info/ad-guide-2.gif") no-repeat; height: 18px;}
dt.ad-guide-3 {background: url("/img/info/ad-guide-3.gif") no-repeat; height: 18px;}

.complete {background: #FFFFCC; padding: 10px; border: 1px solid #FF9900;}

.center {text-align: center;}

.red {color: #FF0000;}
.purple {color: #996699;}

h3.light-blue {color: #4C94B7; font-size: 18px; margin-bottom: 10px;}

#info-page .account-box h2{ width:950px; height:80px; border-left: none; padding-left:0;}
#info-page .account-box h2 span{ display:none;}
#account01 h2{ background:url("/img/info/account-h2-01.gif") no-repeat;}
#account02 h2{ background:url("/img/info/account-h2-02.gif") no-repeat;}
#account03 h2{ background:url("/img/info/account-h2-03.gif") no-repeat;}

#account02 { background:url("/img/info/mypage-merit.gif") no-repeat right 100px;}
#account02 p{ padding-right:380px;}

#account03 { height:300px; background:url("/img/info/mypage-howto.gif") no-repeat left 100px;}
#account03 p{ padding-left:360px;}


/* ===== Icon style ===== */

.icon-good {background: url("/img/info/icon-good.png") no-repeat; margin: 0; padding-left: 30px; line-height: 24px;}

.blog-service dt {padding-left: 20px; line-height: 16px;}
.blog-service dt#ameba {background: url("/img/info/icon-ameba.gif") no-repeat;}
.blog-service dt#fc2 {background: url("/img/info/icon-fc2.gif") no-repeat;}
.blog-service dt#seesaa {background: url("/img/info/icon-seesaa.gif") no-repeat;}
.blog-service dt#livedoor {background: url("/img/info/icon-livedoor.gif") no-repeat;}
.blog-service dt#cocolog {background: url("/img/info/icon-cocolog.gif") no-repeat;}
.blog-service dt#yahoo {background: url("/img/info/icon-yahoo.gif") no-repeat;}
.blog-service dt#goo {background: url("/img/info/icon-goo.gif") no-repeat;}
.blog-service dt#so-net {background: url("/img/info/icon-so-net.gif") no-repeat;}
.blog-service dt#ocn {background: url("/img/info/icon-ocn.gif") no-repeat;}
.blog-service dt#hatena {background: url("/img/info/icon-hatena.gif") no-repeat;}
.blog-service dd.box {margin-bottom: 30px!important;}



/* ===== landing style ===== */

#info-page ul.thumbnail {margin: 0 -20px 0 0; padding: 0;}
#info-page ul.thumbnail li {list-style: none; width: 174px; text-align: center; margin: 0 20px 20px 0; padding: 0; float: left;}
#info-page ul.thumbnail li {*margin: 0 16px 20px 0;}/* IE6&7 Hack! */
#info-page ul.thumbnail li a {text-decoration: none;}
#info-page ul.thumbnail li a span {text-decoration: underline;}
#info-page ul.thumbnail li a:hover span {text-decoration: none;}
#info-page ul.thumbnail li img {margin: 0 0 -5px; padding: 4px; background: #EEEEEE; border: 1px solid #DFDFDF;}
#info-page ul.thumbnail li img {*margin: 0; *padding: 5px;}/* IE6&7 Hack! */
#info-page ul.thumbnail li a:hover img {background: #DEDEDE; border-color: #999999;}


#info-page #left {float: left; width: 570px; clear: both;}
#info-page #right {float: right; width: 350px;}


.site-ranking li {list-style: none; padding: 3px 0;}
.site-ranking li.bg-color {background: #F0F7F9;}
.site-ranking li a {padding: 5px 0;}

#rank-01 {background: url("/img/info/landing/rank-01.png") no-repeat 18px; padding-left: 50px;}
#rank-02 {background: url("/img/info/landing/rank-02.png") no-repeat 18px; padding-left: 50px;}
#rank-03 {background: url("/img/info/landing/rank-03.png") no-repeat 18px; padding-left: 50px;}
#rank-04 {background: url("/img/info/landing/rank-04.png") no-repeat 10px; padding-left: 50px;}
#rank-05 {background: url("/img/info/landing/rank-05.png") no-repeat 10px; padding-left: 50px;}
#rank-06 {background: url("/img/info/landing/rank-06.png") no-repeat 10px; padding-left: 50px;}
#rank-07 {background: url("/img/info/landing/rank-07.png") no-repeat 10px; padding-left: 50px;}
#rank-08 {background: url("/img/info/landing/rank-08.png") no-repeat 10px; padding-left: 50px;}
#rank-09 {background: url("/img/info/landing/rank-09.png") no-repeat 10px; padding-left: 50px;}
#rank-10 {background: url("/img/info/landing/rank-10.png") no-repeat 10px; padding-left: 50px;}
#rank-11 {background: url("/img/info/landing/rank-11.png") no-repeat 10px; padding-left: 50px;}
#rank-12 {background: url("/img/info/landing/rank-12.png") no-repeat 10px; padding-left: 50px;}
#rank-13 {background: url("/img/info/landing/rank-13.png") no-repeat 10px; padding-left: 50px;}
#rank-14 {background: url("/img/info/landing/rank-14.png") no-repeat 10px; padding-left: 50px;}
#rank-15 {background: url("/img/info/landing/rank-15.png") no-repeat 10px; padding-left: 50px;}
#rank-16 {background: url("/img/info/landing/rank-16.png") no-repeat 10px; padding-left: 50px;}
#rank-17 {background: url("/img/info/landing/rank-17.png") no-repeat 10px; padding-left: 50px;}
#rank-18 {background: url("/img/info/landing/rank-18.png") no-repeat 10px; padding-left: 50px;}
#rank-19 {background: url("/img/info/landing/rank-19.png") no-repeat 10px; padding-left: 50px;}
#rank-20 {background: url("/img/info/landing/rank-20.png") no-repeat 10px; padding-left: 50px;}
#rank-21 {background: url("/img/info/landing/rank-21.png") no-repeat 10px; padding-left: 50px;}
#rank-22 {background: url("/img/info/landing/rank-22.png") no-repeat 10px; padding-left: 50px;}
#rank-23 {background: url("/img/info/landing/rank-23.png") no-repeat 10px; padding-left: 50px;}
#rank-24 {background: url("/img/info/landing/rank-24.png") no-repeat 10px; padding-left: 50px;}
#rank-25 {background: url("/img/info/landing/rank-25.png") no-repeat 10px; padding-left: 50px;}
#rank-26 {background: url("/img/info/landing/rank-26.png") no-repeat 10px; padding-left: 50px;}
#rank-27 {background: url("/img/info/landing/rank-27.png") no-repeat 10px; padding-left: 50px;}
#rank-28 {background: url("/img/info/landing/rank-28.png") no-repeat 10px; padding-left: 50px;}
#rank-29 {background: url("/img/info/landing/rank-29.png") no-repeat 10px; padding-left: 50px;}
#rank-30 {background: url("/img/info/landing/rank-30.png") no-repeat 10px; padding-left: 50px;}