@charset "utf-8";

body{ font-size: 13px;}



#header .pageTitle .topSearch {display: inline-block;}
#header .pageTitle .topSearch .searchBox {margin: 0 auto; position: relative;}
#header .pageTitle .topSearch .searchBox .type {position: absolute; text-align: left; left: 0px; top: 0px; border: none; font-size: 11px; width: 115px; border-right: 1px solid; outline: none;}

#header .pageTitle .topSearch .searchBox .tabWrapper {position: absolute; z-index: 10; text-align: left; padding-left: 1px;}
#header .pageTitle .topSearch .searchBox .tabWrapper .selected{height: 20px; width: 120px; margin: 7px 0 0 5px; border-right: 1px solid #353d44; line-height: 20px; font-size: 12px; background:url('../images/icon/box_arrowdown.gif') 100px 2px no-repeat; cursor:default;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul {display: none; width:110px; margin: 0px 0 0 5px; border: 1px solid #353d44; background-color: white; padding: 4px 0;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul li {font-size: 12px; line-height: 1.5; cursor:pointer; padding:0 5px;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul li.select{ background-color:#DBDBDB;}
#header .pageTitle .topSearch .searchBox .tabWrapper ul li:hover{ background-color:#DBDBDB; color:#119AFF;}

#header .pageTitle .topSearch .searchBox .formWrapper {clear: both; display: inline-block; border: 1px solid #353D44; position: relative;}
#header .pageTitle .topSearch .searchBox .formWrapper input {float:left; outline: none; font-size: 12px; }
#header .pageTitle .topSearch .searchBox .formWrapper .qTxt {width: 165px; height: 32px; border: none; padding: 0 0 0 125px; margin: 0; text-indent: 5px; line-height: 35px;}
#header .pageTitle .topSearch .searchBox .formWrapper .submitBtn {background: url('../images/top/main_search_magnifier.png') no-repeat 50% 50%; background-color: #353d44; border: none; width: 45px; height: 32px; cursor: pointer;}


/*---h3�^�C�g���摜---
#contents #contentsIn h3.ttl_search{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_search.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_search_s{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_search_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_event_s{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_event_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_event_s2{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_event_s2.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_event_l{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_event_l.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_news_s{width:455px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_news_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_rank_s{width:250px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_rank_s.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_rank_l{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_rank_l.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_what{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_what.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_gamecontent{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_gamecontent.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_privacy_policy{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_privacy_policy.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_contact{width:716px; height:29px; margin:0 0 0 10px; background-image:url(../images/ttl_contact.gif); text-indent:-9999px;}
#contents #contentsIn h3.ttl_contents {width: 716px; height: 29px; margin: 0 0 0 10px; background-image: url(../images/ttl_contents.gif);    text-indent: -9999px;}
*/

#contents #contentsIn .left{float:left; border: 1px solid #b0b0b0;}
#campaignoperation #contents #contentsIn .stepBox .left{border:none;}
#contents #contentsIn .left h3.ttl_title{width:260px; height:37px; margin:0 0 0 0px; text-indent: 10px; font-size: 14px; line-height: 37px; border-bottom: 1px #D3D3D3 solid;background: #F8F8F8;}
#contents #contentsIn .left .titlelist{width:260px; margin:0 0 10px 0px; padding-bottom:10px; }
#contents #contentsIn .left .titlelist .category{margin:7px 5px 0 5px; background-color:#F7FAFD;}
#contents #contentsIn .left .titlelist .category a{display:block; border:1px solid #BFD1E6; font-weight:bold; background:url(../images/icon/box_arrowdown.gif) no-repeat; background-position:7px 7px; padding:8px 0 8px 28px;text-decoration: none;}
#contents #contentsIn .left .titlelist .category a:hover{background-color:#F4FAFF;}
#contents #contentsIn .left .titlelist ul li.ttl a{height:auto; margin:5px 8px 0 8px;text-decoration: none;display: block; background-color:#FAFAFA;}
#contents #contentsIn .left .titlelist ul li.ttl a:hover{background-color:#FFF; }
#contents #contentsIn .left .titlelist ul li.ttl img{width:30px; vertical-align:middle; display:inline-block;*zoom: 1; /* for IE6-7 */*display: inline; /* for IE6-7 */}
#contents #contentsIn .left .titlelist ul li.ttl span{vertical-align:middle; display:inline-block; width:205px;*zoom: 1;/* for IE6-7 */*display: inline;/* for IE6-7 */}
#contents #contentsIn .left .titlelist ul li.ttl a:hover span{text-decoration:underline;}
#contents #contentsIn .left #lBannerWrapper {width:250px; margin: 5px auto; overflow:hidden;}
#contents #contentsIn .left #lBannerWrapper .banner250 {width:250px; height:250px;}
#contents #contentsIn .left .banner{margin:10px 0 20px 13px;}
#contents #contentsIn .left .banner p{margin-bottom:8px;}
#contents #contentsIn .left .twitter{width:250px; margin:0 0 5px 5px;}

/*---------right---------*/
#contents #contentsIn .right{float:right;border:1px solid #b0b0b0; width:726px; }
#campaignoperation #contents #contentsIn .stepBox .right{border:none;}

#contents #contentsIn .right h3{ height:37px; margin:0 10px; line-height: 37px; border-bottom: 1px dashed silver;}
#contents #contentsIn .right .contentsBox{margin:0 0 10px 0px; }


#contents #contentsIn .right .contentsBox .InBox{margin:8px auto; width:710px;}
#contents #contentsIn .right .contentsBox .InBox h4{width:710px; height:28px; background:url(../../common/images/subtitle_bg.gif) no-repeat;}
#contents #contentsIn .right .contentsBox .InBox h4 span{padding:8px 0 0 18px; display:inline-block; font-weight:bold;}


/*--------------------------------------------------
Banner
--------------------------------------------------*/
#cBannerWrapper {height:90px; float: right; margin-top: 10px;}
#cBannerWrapper .banner728 {width:728px; height:90px; float:left; margin-left: 5px;}

#rBannerWrapper {position: absolute; right: -170px; top: 57px;}
#rBannerWrapper .banner160 { width:160px; height:600px;}

#leBannerWrapper {position: absolute; left: -170px; top: 57px;}
#leBannerWrapper .banner160 { width:160px; height:600px;}