@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, div, p, table, form, img, hr, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}
a img {border:0;}
ul {list-style-type:none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft {clear:left; font-size:0; line-height:0;}
.clearRight {clear:right; font-size:0; line-height:0;}
.clearBoth {clear:both; font-size:0; line-height:0;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}

.iconRight {vertical-align:middle;margin:0 0 0 5px;}

/* topContents */
#topContents {margin:0 auto; padding:10px 0;width:960px;background:text-align:left;}

/* screen */
#screen {margin:0 0 10px 0;padding:10px;background:#FFF4C9;border:1px #FFE5B7 solid;}
#screenImage {width:630px; height:205px; background:#FFF; float:left;}
#topScreen img {cursor:pointer;}
#screenNavigation {position:absolute; z-index:1000; margin:5px 0 0 395px;}
#screenNavigation dd {display:block; float:left; padding:1px;font-size:80%;}
#screenNavigation dd a {display:block;padding:3px 0 0 0;text-align:center;width:15px;height:12px; background:#FFFFFF; border:3px solid #0099FF; color:#0099FF; text-decoration:none; font-weight:bold;}
#screenNavigation dd a.activeSlide {background:#0099FF; color:#FFFFFF;}

/* rectangle */
#rectangleBanner {float:right;width:300px;height:280px;background:#FFFFE8;text-align:center;}

/* screenMenuBtn */
#screenMenuBtn {float:left;width:630px;}
/* tab */
.screenMenuBtnTab{margin:0 auto;height:75px;overflow:hidden;_zoom: 1;}
.screenMenuBtnTab li{display:inline;float:left;list-style-type:none;height:75px;}
.screenMenuBtnTab li a {display:block;background:url(http://cdn.warau.jp/www.warau.jp/images/top/tab_screenMenuBtn.png?20120807) no-repeat left top;height:75px;}
.screenMenuBtnTab li a span {display:none;}
/* tab1 */
.screenMenuBtnTab a#tab1 {width:108px;background-position:0px 0px;}
.screenMenuBtnTab a#tab1:hover {background-position:0px -75px;}
/* tab2 */
.screenMenuBtnTab a#tab2 {width:102px;background-position:-108px -0px;}
.screenMenuBtnTab a#tab2:hover {background-position:-108px -75px;}
/* tab3 */
.screenMenuBtnTab a#tab3 {width:108px;background-position:-210px 0px;}
.screenMenuBtnTab a#tab3:hover {background-position:-210px -75px;}
.screenMenuBtnTab a#tab3campain {width:108px;background-position:-941px 0px;}
.screenMenuBtnTab a#tab3campain:hover {background-position:-941px -75px;}
/* tab4 */
.screenMenuBtnTab a#tab4 {width:102px;background-position:-318px 0px;}
.screenMenuBtnTab a#tab4:hover {background-position:-318px -75px;}
/* tab5 */
.screenMenuBtnTab a#tab5 {width:102px;background-position:-420px 0px;}
.screenMenuBtnTab a#tab5:hover {background-position:-420px -75px;}
/* tab6 */
.screenMenuBtnTab a#tab6 {width:108px;background-position:-522px 0px;}
.screenMenuBtnTab a#tab6:hover {background-position:-522px -75px;}
/* tab7 yagiEntry */
.screenMenuBtnTab a#tab7 {width:102px;background-position:-630px 0px;}
.screenMenuBtnTab a#tab7:hover {background-position:-630px -75px;}
/* tab8 yagiRace */
.screenMenuBtnTab a#tab8 {width:102px;background-position:-732px 0px;}
.screenMenuBtnTab a#tab8:hover {background-position:-732px -75px;}
/* tab9 avatarContest */
.screenMenuBtnTab a#tab9 {width:108px;background-position:-834px 0px;}
.screenMenuBtnTab a#tab9:hover {background-position:-834px -75px;}

/* topMenuTab */
#topAttentionInfo h3 {background-position:-470px 0;}
#topNewPoint h3 {background-position:-470px -90px;}
#topFriend h3 {background-position:-470px -60px;}
#topSpecial h3 {background-position:0 -90px;}
#topMiniCorner h3 {background-position:0 -120px;}
#topUserInfo h3 {background-position:-630px -0px;}
#topWarauInfo h3 {background-position:-630px -30px;}
#topWarauMail h3 {background-position:-630px -60px;}
#topWarauChara h3 {background-position:-630px -90px;}
#topSP h3 {background-position:-630px -150px;}
#topSurvey h3 {background-position:-630px -180px;}
#topClickPoint h3 {background-position:-630px -120px;}
#topPopularShop h3 {background-position:0 -150px;}

h3.topMenuTab {height:30px;background-image:url(http://cdn.warau.jp/www.warau.jp/images/top/tab_topMenu.png?20121112);font-size:100%;}
h3.topMenuTab span {display:none;}

/* sideLeft */
#sideLeft {float:left; width:160px; background:#FDFEFF;}
.sideLeftBox {margin:0 0 10px 0;background:#FDFEFF;border-left:1px #D5EDFF solid;border-right:1px #D5EDFF solid;border-bottom:1px #D5EDFF solid;}

/* topAttentionInfo */
#topAttentionInfoTemplate {padding:10px;text-align:center;}
#topAttentionInfoTemplate a.banner {display:block;margin:0 auto;width:120px;height:60px;}
#topAttentionInfoTemplate a.banner span {display:none;}
#topAttentionInfoTemplate p {padding:5px 0 0 0;text-align:left;}

/* newPointInfo */
#newPointInfo {border-left:1px #D5EDFF solid;border-right:1px #D5EDFF solid;}
#newPointInfoNavigation dd {display:block; float:left; padding:1px;font-size:80%;}
#newPointInfoNavigation dd a {display:block;padding:3px 0 0 0;width:15px;height:12px;background:#FFFFFF; border:3px solid #0099FF; color:#0099FF; text-decoration:none; font-weight:bold;}
#newPointInfoNavigation dd a.activeSlide {background:#0099FF; color:#FFFFFF;}
#newPointInfoFooter {padding:10px 0 10px 40px;border-left:1px #D5EDFF solid;border-right:1px #D5EDFF solid;text-align:center;}
.newPointInfoDate {padding:3px 0 3px 10px;background:#E9F6FF;}
.newPointInfoData {padding:10px;}
.newPointInfoCopy {padding:5px 0;}

/* topFriend */
#topFriend div.sideLeftBox {text-align:center;}
#topFriend div.sideLeftBox div {margin:0 auto 10px auto;width:140px;text-align:center;}
#topFriend img {padding:10px 0 0 0;}

/* topHotspotKeyword */
#topHotspotKeyword {margin:10px auto 0 auto;padding:10px 0 0 0;border-top:1px #D5EDFF dashed;text-align:center;}
#topHotspotKeyword a {font-weight:bold;}
#topHotspotKeyword img {padding:0;}
#topHotspotKeyword div {margin:0 auto;color:#999;}

/* topBanners */
#topBannerContainer {margin:40px auto 40px auto; padding:0; width:730px; height:80px; text-align:center;}

.topBannerTop {width:730px; padding:0; margin:0 auto;}
.topBannerTop div{float:left;}
.topBannerTop div .banner {margin:6px 0 0 35px; width:60px; height:75px;}
.topBannerTop div .bannerC25 {margin:8px 0 0 35px; width:130px; height:70px;}
.topBannerTop div .bannerJipc {margin:23px 0 0 35px; width:135px; height:55px;}
.topBannerTop div .bannerSafety {margin:23px 0 0 35px; width:144px; height:59px;}

/* topMain */
#topMain {float:left;margin:0 0 0 10px;width:470px;background:#FFF;}
.topMainBox {margin:0 0 10px 0; border-left:1px #FFE24D solid; border-right:1px #FFE24D solid; border-bottom:1px #FFE24D solid;}

/* warauPickupTab */
/* tab */
#warauPickUp ul.tab {margin:0 auto;width:100%;}
#warauPickUp ul.tab li {list-style-type:none;float:left;}
#warauPickUp ul.tab li a{display:block;background:url(http://cdn.warau.jp/www.warau.jp/images/top/tab_topMenu.png?201210302) no-repeat;height:30px;}
#warauPickUp ul.tab li a.selected{background:url(http://cdn.warau.jp/www.warau.jp/images/top/tab_topMenu.png?201210302) no-repeat;cursor:default;}
#warauPickUp ul.tab li a span {display:none;}

/* tab1 */
#warauPickUp ul.tab li a#pickupTab1 {width:131px;background-position:0px 0px;}
#warauPickUp ul.tab li a#pickupTab1:hover {background-position:0px -30px;}
#warauPickUp ul.tab li a#pickupTab1.selected {background-position:0px -60px;}

/* tab2 */
#warauPickUp ul.tab li a#pickupTab2 {width:122px;background-position:-131px 0px;}
#warauPickUp ul.tab li a#pickupTab2:hover {background-position:-131px -30px;}
#warauPickUp ul.tab li a#pickupTab2.selected {background-position:-131px -60px;}

/* tab3 */
#warauPickUp ul.tab li a#pickupTab3 {width:103px;background-position:-253px 0px;}
#warauPickUp ul.tab li a#pickupTab3:hover {background-position:-253px -30px;}
#warauPickUp ul.tab li a#pickupTab3.selected {background-position:-253px -60px;}

/* tab4 */
#warauPickUp ul.tab li a#pickupTab4 {width:114px;background-position:-356px 0px;}
#warauPickUp ul.tab li a#pickupTab4:hover {background-position:-356px -30px;}
#warauPickUp ul.tab li a#pickupTab4.selected {background-position:-356px -60px;}

/* pannel */
.pannel {margin:0 auto 10px auto;padding:30px 0 0 0;}
#pannel2,#pannel3,#pannel4 {display:none;}

/* warauPickup */
.warauPickupTemplate {margin:20px 0;}
.warauPickupTemplate h3 {float:left;width:120px;text-align:center;}
.warauPickupTemplate ul {float:right;width:330px;padding:0 10px 0 0;}
.warauPickupTemplate li.copy {padding:0 0 0 16px;background:url(http://cdn.warau.jp/www.warau.jp/images/top/icon_ticket.png) no-repeat left 3px;}
.topPickupScrollSeparatorV {clear:left; height:0px; line-height:0px; border-bottom:1px #FFE24E dashed;}
.warauPickupTemplate h3.af {width:160px;height:60px;}
.warauPickupTemplate h3.af a {margin:0 auto;width:120px;height:60px;display:block;}
.warauPickupTemplate h3.af a span {display:none;}
.warauPickupTemplate ul.af {width:290px;}
.warauPickupTemplate li.copyNoIncen {padding:0;}

a.warauPickupTemplate {display:block; width:468px; margin:0; padding:20px 0; text-decoration:none;}
a.warauPickupTemplate span.image {display:block; float:left; width:120px; text-align:center; cursor:pointer;}
a.warauPickupTemplate .warauPickupCopy {display:block; float:right; width:314px; padding:0 10px 0 16px; background:url(http://cdn.warau.jp/www.warau.jp/images/top/icon_ticket.png) no-repeat left 3px; text-align:left; cursor:pointer;}
a.warauPickupTemplate .warauPickupCopy {text-decoration:underline; font-weight:normal;}
a.warauPickupTemplate:hover {background:#EDF5FF; text-decoration:none;}
a.warauPickupTemplate span.comment {display:block; float:right; width:330px; padding:0 10px 0 0; color:#333333; text-decoration:none; cursor:pointer;}
a.warauPickupTemplate:hover span.warauPickupCopy {text-decoration:underline;}

a.warauPickupTemplateAF {display:block; width:468px; margin:0; padding:20px 0; text-decoration:none;}
a.warauPickupTemplateAF span.image {display:block; float:left; width:160px; height:0px; text-align:center; padding-top:60px; overflow:hidden; cursor:pointer;}
a.warauPickupTemplateAF .warauPickupAfCopy {dispaly:block; float:right; width:274px; padding:0 10px 0 16px; background:url(http://cdn.warau.jp/www.warau.jp/images/top/icon_ticket.png) no-repeat left 3px; text-align:left; cursor:pointer;}
a.warauPickupTemplateAF .warauPickupAfCopy {text-decoration:underline; font-weight:normal;}
a.warauPickupTemplateAF:hover {background:#EDF5FF; text-decoration:none;}
a.warauPickupTemplateAF span.comment {display:block; float:right; width:290px; padding:0 10px 0 0; color:#333333; cursor:pointer;}
a.warauPickupTemplateAF:hover span.warauPickupAfCopy {text-decoration:underline;}
a.warauPickupTemplateAF .noIncen {display:block; float:right; width:290px; padding:0 10px 0 0; text-align:left; background:none; text-decoration:underline; cursor:pointer;}
a.warauPickupTemplateAF:hover span.noIncen {text-decoration:underline;}

.clearBothSpan{clear:both; font-size:0; line-height:0; heigth:0px; display:block;}

/* warauSpecial */
.topSpecialImageTextTemplate {clear:both;margin:0 0 10px 0;padding:10px;border-bottom:1px #FFE24E dashed;}
.topSpecialImageTextTemplate a img {float:left;margin:0 10px 0 0;}
.topSpecialImageTextTemplate h3 {float:right;margin:0 5px 0 0;width:290px;}
.topSpecialImageTextTemplate h3 img {margin:3px 5px 0 0;}
.topSpecialImageTextTemplate p {float:right;margin:5px 0;width:290px;}
.topSpecialTextTemplate {float:left;margin:0 0 5px 12px;width:215px;}

/* .topMiniCorner */
.topMiniCornerTemplate {float:left;width:153px;padding:15px 0 0 0;text-align:center;}
.topMiniCornerTemplate div {margin:0 5px 5px 5px;}
.topMiniCornerSeparatorH {float:left;width:1px;height:165px;border-right:1px #FFE24E dashed;}

/* sideRight */
#sideRight {float:right;width:310px;}
.sideRightBox {margin:0 0 10px 0;border-left:1px #EBF0A5 solid;border-right:1px #EBF0A5 solid;border-bottom:1px #EBF0A5 solid;background:#FFF;}
h3.topMenuTab span.tabMoreLink {display:block; float:right; padding:5px 10px 0 16px; background:url(http://cdn.warau.jp/www.warau.jp/images/top/icon_moreLink.png) no-repeat 0px 8px;font-weight:lighter;}

/* topUserInfo */
#topUserInfo h3 {text-align:right;}
#topUserInfo p.nickname {margin:0 0 10px 0;padding:7px 5px 7px 27px;background:url(http://cdn.warau.jp/www.warau.jp/images/top/icon_home.gif) no-repeat 8px center #F5FBE9;}
#topUserInfo p.nickname span {font-weight:bold;}
#topUserInfoAvatar {float:left;margin:0 20px 10px 10px;}
#loginAvatar {display:block; position:relative; width:70px; height:80px; border:1px solid #D6D7B9; overflow:hidden;}
#loginAvatar img {border:0; position:relative; left:-50px; top:-20px;}
p.userInfoItem {margin:0 0 3px 0;}
p.userInfoItem img {margin:0 5px 0 0;vertical-align:middle;}
p#topUserInfoStamp {margin:8px 0 5px 0;text-align:center;}
.tabTopUserInfoLogout {background:url(http://cdn.warau.jp/www.warau.jp/images/top/tab_userInfoLogout.png) no-repeat left top;height:5px;}
.topUserInfoLogout {padding:10px;}
a.btnStampNote:hover,a.btnLogout:hover {filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#topStarFortune {padding:30px 10px 10px 10px;background:url(http://cdn.warau.jp/www.warau.jp/images/top/bg_starFortune.png) no-repeat left top;}

/* topWarauInfo */
.topWarauInfoItem {padding:5px 10px;}
.topWarauInfoItem img {margin:0 0 0 5px; vertical-align:middle;}

/* topWarauMagazine */
.topWarauMagazine {padding:5px 10px;}
.topWarauMagazineGreen {padding:5px 10px;background:#F5FBE9;}
.topWarauMagazine p,.topWarauMagazineGreen p {margin:5px 0;}
#topWarauMagazineScreen {margin:5px 0;padding:5px 0 0 0;border-top:1px #E6F5B3 dashed;}
#magazineScreen {float:left;margin:0 0 0 10px;}
#magazineScreen img {cursor:pointer;margin:0 10px 10px 10px;}
#magazineScreenNavigation {float:left; width:208px;}
#magazineScreenNavigation dd a {display:block; padding:3px 0 5px 20px;}
#magazineScreenNavigation dd a.activeSlide {background:url(http://cdn.warau.jp/www.warau.jp/images/top/ob_sidebarMenuItem.gif) no-repeat 10px center;}

#topWarauChara {background:url(http://cdn.warau.jp/www.warau.jp/images/top/bg_charaRoom.png) center bottom;}
#charaRoom {overflow: hidden; background:transparent;}
#charaRoom .charaGroup {width:100%; height:165px;}
#charaRoom .charaGroup img {margin:10px 3px 0 5px;}
#charaRoomNavigationFrame {margin:0 0 10px 0; padding:10px 0 10px 120px; background:#DEC494;border-left:1px #EBF0A5 solid;border-right:1px #EBF0A5 solid;border-bottom:1px #EBF0A5 solid;}
#charaRoomNavigation dd {display:block; float:left; padding:1px;font-size:80%;}
#charaRoomNavigation dd a {display:block;padding:3px 0 0 0;text-align:center;width:15px;height:12px; background:#FFFFFF; border:3px solid #0099FF; color:#0099FF; text-decoration:none; font-weight:bold;}
#charaRoomNavigation dd a.activeSlide {background:#0099FF; color:#FFFFFF;}
#charaStop {position:absolute; z-index:10000; display:none; margin:1px 0 0 102px;;}

/* topSP */
.topSPBox {padding:10px;text-align:center;}
.topSPBox img {display:block;margin-bottom:5px;width:288px;height:96px;}

/* topClickPoint */
.topClickPointTemplate {padding:15px;text-align:center;}
.topClickPointTemplate a.banner {display:block;margin:0 auto;width:234px;height:60px;}
.topClickPointTemplate a.banner span {display:none;}
.topClickPointTemplate p {margin:5px 0 0 0;}
.topClickPointSeparatorV {clear:left;height:1px;border-bottom:1px #E6F5B3 dashed;}

/* topSuperBanner */
#topSuperBanner {margin:10px auto;}

/* topFooter */
#topFooter {background:url(http://cdn.warau.jp/www.warau.jp/images/top/bg_footer.png) repeat-x bottom; height:370px;}
#topFooterContents {height:370px;background:url(http://cdn.warau.jp/www.warau.jp/images/top/bg_footerContents.png) no-repeat center bottom;}
#topFooterCopyright {width:960px;margin:0 auto;color:#CCC;}
#topFooterCopyright img {padding:10px 0;}

#topFooterLink {margin:0 auto;padding:40px 0 0 0;width:750px;}
#footerListWarau {float:left;width:200px;border-right:1px #FFF solid;}
#footerListOpensmile {float:right;width:490px;}
#topFooterLink h3 {margin:0 0 20px 0;height:15px;background:url(http://cdn.warau.jp/www.warau.jp/images/top/h3_footer.png) no-repeat;}
#topFooterLink h3 span {display:none;}
#topFooterLink h3.footerWarau {width:140px;background-position:0 0;}
#topFooterLink h3.footerOpensmile {width:190px;background-position:left bottom;}
#topFooterLink ul {margin:0 0 0 3px;width:160px;text-align:left;}
#footerListOpensmile ul {float:left;}
#topFooterLink li {margin:0 0 10px 0;padding:0 0 0 15px;background:url(http://cdn.warau.jp/www.warau.jp/images/top/obj_footerList.png) no-repeat left center;}


/* topPopularShop */
{* #topPopularShop *}

/* topSurvey */
.topSurveyBoxW {padding:10px;text-align:left;background-color:#FFFFFF;}
.topSurveyBoxG {padding:10px;text-align:left;background-color:#F5FBE8;}
.survey_grn {color:#008000;line-height:1.2;}
.topSurvey_grnTxt {color:#008000;}
.topSurveyMt5 {margin-top:5px;}