@charset "utf-8";
/* ===================================================================
CSS information
 file name  : common.css
 style info : Basic setting
=================================================================== */

/* Basic */

.left {float: left;}
.right {float: right;}
.center {margin: 0px auto;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}

.border {border: solid 1px #999999;}
.icon_txt {padding-left: 3px;font-size: 10px;}


/* wrap */
#wrap_bg {background:#000000 url(http://image.gpotato.jp/hero/common/bg.jpg) top center no-repeat;width: 100%;}
#wrap_rep {margin: 0px auto;background: url(http://image.gpotato.jp/hero/common/bg_rep.jpg) repeat-y;width: 1002px;}
#wrap {margin: 0px auto;background: url(http://image.gpotato.jp/hero/common/bg.jpg) top center no-repeat;width: 1002px;}

.wrap1 {border: solid 1px #e3e2e2;width: 652px;background: #ffffff;padding: 7px;margin-bottom: 15px;}

#top_wrap_bg {background:#000000 url(http://image.gpotato.jp/hero/top/bg.jpg) top center no-repeat;width: 100%;}
#top_wrap_rep {margin: 0px auto;background: url(http://image.gpotato.jp/hero/top/bg_rep.jpg) repeat-y;width: 1002px;}
#top_wrap {margin: 0px auto;background: url(http://image.gpotato.jp/hero/top/bg.jpg) top center no-repeat;width: 1002px;}





#header {margin: 0px auto;width: 944px;height: 156px;}
#header_logo {position: absolute;top: 30px;left: 80px;width: 220px;height: 100px;cursor: pointer;}

#contents_wrap {padding-top: 78px;min-height: 700px; position :relative;}

/*
#footer {height: 30px;padding: 85px 47px 0px 50px;background: url(http://image.gpotato.jp/hero/common/bg_btm.png) center no-repeat;}
#top_footer {height: 30px;padding: 85px 47px 0px 50px;background: url(http://image.gpotato.jp/hero/top/bg_btm.png) center no-repeat;}
*/
#img_footer {
	float: none;
	width: 940px;
	background-image: url(http://image.gpotato.jp/ra/common/copyright.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* leftmenu */
#leftmenu {width: 196px;margin-left: 60px;display: inline;float: left;}
#leftmenu a {color: #ffffff;}
#leftmenu a:hover {text-decoration: none;color: #999999;}
/* leftmenu_login */
.leftmenu_login {margin: 0px auto;width: 185px;height: 76px;padding-top: 34px;background: url(http://image.gpotato.jp/hero/common/leftmenu_login_bg.gif) no-repeat;}
.leftmenu_id {vertical-align: top;padding-right: 2px;}
.leftmenu_ps {vertical-align: bottom;padding-right: 2px;}
.leftmenu_fs {width: 100px;height: 18px;border: solid 1px #999999;background-color: #deecf2;}

.leftmenu_loginafter {margin: 0px auto;width: 185px;height: 176px;background: url(http://image.gpotato.jp/hero/common/leftmenu_loginafter_bg.gif) no-repeat;}

.leftmenu_loginafter2 {margin: 0px auto;width: 185px;height: 130px;background: url(http://image.gpotato.jp/hero/common/leftmenu_loginafter_bg2.gif) no-repeat;}

.leftmenu_login_name {margin: 0px auto;width: 175px;text-align: center;padding: 13px 0px 4px 0px;color: #ffffff;}
.leftmenu_money_bg {background: url(http://image.gpotato.jp/hero/common/leftmenu_icon_bg.gif) repeat-x;height: 18px;}
.leftmenu_money_txt {padding: 2px 5px;font-size: 10px;font-weight: bold;text-align: right;}
.leftmenu_p {
	background: url(http://image.gpotato.jp/hero/common/leftmenu_icon_p.gif) no-repeat; background-position: 3px;
	padding: 2px;font-size: 10px;font-weight: bold;text-align: right;
}
.leftmenu_m {
	background: url(http://image.gpotato.jp/hero/common/leftmenu_icon_m.gif) no-repeat; background-position: 3px;
	padding: 2px 2px;font-size: 10px;font-weight: bold;text-align: right;
}
.leftmenu_logout {
	background: url(http://image.gpotato.jp/hero/common/leftmenu_icon_logout.gif) no-repeat; background-position: 3px;
	padding: 2px 0px 2px 20px;font-size: 10px;text-align: left;
}


/* leftmenu_list */
#leftmenu_list_bg {width: 196px;background: url(http://image.gpotato.jp/hero/common/leftmenu_list_bg.png) top center repeat-y;}
#leftmenu_list_bgtop {width: 196px;background: url(http://image.gpotato.jp/hero/common/leftmenu_list_bgtop.gif) top center no-repeat;}

dl#leftmenu_list {margin: 0px auto;width: 150px;}
dl#leftmenu_list a {text-decoration: none;color: #ffffff;}
dl#leftmenu_list a:hover {text-decoration: none;color: #999999;}
dl#leftmenu_list dt {
	margin: 0px;padding: 3px 0px 3px 20px;
	background: url(http://image.gpotato.jp/hero/common/leftmenu_list_arrow.gif) 0px 4px no-repeat;
}

.leftmenu_frames_bg {background: url(http://image.gpotato.jp/hero/common/leftmenu_frames_bg.gif) repeat-y;width: 183px; margin-left: 3px;}


/* main */
#main {width: 650px;margin-right: 69px;display: inline;float: right;}

.titlebg {width: 650px;height: 33px;background: url(http://image.gpotato.jp/hero/common/title_bg.gif) repeat-x;}

dl#bclist {font-size: 10px;line-height: 33px;color: #ffffff;}
dl#bclist a {text-decoration: none;color: #ffffff;}
dl#bclist a:hover {text-decoration: none;color: #999999;}
dl#bclist dt {float: right;height: 33px;}
dl#bclist dd {float: right;height: 33px;background: url(http://image.gpotato.jp/hero/common/bclist_arrow.gif) right no-repeat;padding-right:16px;}


/* TopPage */
#top_main {width: 453px;margin-left: 18px;display: inline;float: left;}
#rightmenu {width: 206px;margin-right: 50px;display: inline;float: right;}

.top_illustbbs {width: 206px;height: 47px;background: url(http://image.gpotato.jp/hero/top/illustbbs_top.jpg) no-repeat;position: relative;}
.top_illustbbs_more {position: absolute;top: 12px;right: 22px;}
.top_illustbbs_bg {background: url(http://image.gpotato.jp/hero/top/illustbbs_bg.png) top center repeat-y;padding: 0px 28px 0px 21px;}
.infomation {width: 453px;background: url(../../hero/top/info_top.png) top center no-repeat;}
.infomation_bg {background: url(../../hero/top/info_bg.gif) top center repeat-y;}

/* tab */
.info_tab span {display: none;}

.infomation {width: 453px;background: url(http://image.gpotato.jp/hero/top/info_top.png) top center no-repeat;}
.infomation_bg {background: url(http://image.gpotato.jp/hero/top/info_bg.gif) top center repeat-y;}

.infomation {width: 453px;background: url(http://image.gpotato.jp/hero/top/info_top.png) top center no-repeat;}
.infomation_bg {background: url(http://image.gpotato.jp/hero/top/info_bg.gif) top center repeat-y;}

/* --↓other edit↓-- */

.search_logl {background: url(http://image.gpotato.jp/hero/common/arrow_left.gif) left no-repeat;padding: 0px 15px;}
.search_logr {background: url(http://image.gpotato.jp/hero/common/arrow_right.gif) right no-repeat;padding: 0px 15px;}

.page_logl {background: url(http://image.gpotato.jp/hero/common/arrow_left.gif) left no-repeat;padding: 0px 15px;width: 281px;}
.page_logr {background: url(http://image.gpotato.jp/hero/common/arrow_right.gif) right no-repeat;padding: 0px 15px;width: 271px;}

.btn_set2 {width: 267px;margin: 0px auto;}

/* News */

.tit_bg1l {width: 464px;height: 28px;background: url(http://image.gpotato.jp/hero/news/tit_bg1l.gif) no-repeat;text-align: center;color: #ffffff;}
.tit_bg1m {width: 84px;height: 28px;background: url(http://image.gpotato.jp/hero/news/tit_bg1l.gif) no-repeat;text-align: center;color: #ffffff;}
.tit_bg1s {width: 90px;height: 28px;background: url(http://image.gpotato.jp/hero/news/tit_bg1s.gif) no-repeat;text-align: center;color: #ffffff;}
.tit_bg2l {width: 516px;height: 28px;background: url(http://image.gpotato.jp/hero/news/tit_bg2l.gif) no-repeat;padding: 0px 10px;}
.tit_bg2s {width: 203px;height: 28px;background: url(http://image.gpotato.jp/hero/news/tit_bg2s.gif) no-repeat;padding: 0px 10px;}
.tit_bg3l {width: 446px;height: 28px;text-align: center;color: #ffffff;}d

.txt_error {background: #f60000;color: #ffffff;padding: 3px 5px;margin: 8px 0px;}

/* Library */
.pict_bg {width: 180px;background: #cccccc;padding: 5px;}
.library_bg {
	background-image: url(http://image.gpotato.jp/rappelz/library/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.library_boder {
	background-image: url(http://image.gpotato.jp/rappelz/library/tab_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.library_on {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-image: url(http://image.gpotato.jp/rappelz/library/tab_on.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 32px;
	width: 115px;
	text-align: center;
}
.library_off {
	font-size: 12px;
	color: #FFF;
	background-image: url(http://image.gpotato.jp/rappelz/library/tab_off.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 32px;
	width: 115px;
	text-align: center;
	text-decoration: none;
}


/* Support */
.frames_bg {background: url(http://image.gpotato.jp/hero/support/frames_bg.gif) repeat-y;}

.faq_frames_bg {background: url(http://image.gpotato.jp/hero/support/faq_frames_bg.gif) repeat-y;}
.faq_frames_top {width: 590px;height: 23px; padding: 10px 20px;background: url(http://image.gpotato.jp/hero/support/faq_frames_top.gif) no-repeat;}

.faq_q_bg {background: url(http://image.gpotato.jp/hero/support/faq_q_bg.gif) repeat-y;}
.faq_a_bg {background: url(http://image.gpotato.jp/hero/support/faq_a_bg.gif) repeat-y;}

.faqlist li {
	display: block;
	line-height:24px;
	background: url(http://image.gpotato.jp/hero/common/line.gif) repeat-x;
	background-position: bottom;
}

/* TopPage */
#top_wrap_bg {background:#000000 url(http://image.gpotato.jp/hero/top/bg.jpg) top center no-repeat;width: 100%;}
#top_wrap_rep {margin: 0px auto;background: url(http://image.gpotato.jp/hero/top/bg_rep.jpg) repeat-y;width: 1002px;}
#top_wrap {margin: 0px auto;background: url(http://image.gpotato.jp/hero/top/bg.jpg) top center no-repeat;width: 1002px;}
#top_contents_wrap {
	margin: 0px auto;width: 1002px;padding-top: 78px; padding-bottom: 115px;min-height: 700px;
	background: url(http://image.gpotato.jp/hero/top/bg_btm.png) bottom center no-repeat;
}

#top_main {width: 453px;margin-left: 18px;display: inline;float: left;}
#rightmenu {width: 206px;margin-right: 50px;display: inline;float: right;}


#tabcontainer	{
	margin:10px 0 0 0;
	padding: 0 0 15px 0;
	background: url(http://image.gpotato.jp/hero/top/info_top.png) top center no-repeat;
}
#tabcontainer	ul	{margin:7px 0 0 0;}
#tabcontainer	#tab	{
	height:25px;
	margin:0 0 0 16px;
	width: 421px;
}
#tabcontainer	#tab	li	{float:left;display:block;margin:0;height:25px;}
#tabcontainer	#tab	li	img	{vertical-align:top;margin:0;}
#index_wrap	#content1, #index_wrap	#content2, #index_wrap	#content3, #index_wrap	#content4 {margin:9px 0 0 0;}
#index_wrap	#content1	li,
#index_wrap	#content2	li,
#index_wrap	#content3	li,
#index_wrap	#content4	li	{
	margin:0;
	padding:3px 0 3px 6px;
}
#tabcontainer	#content1	li.btn,
#tabcontainer	#content2	li.btn,
#tabcontainer	#content3	li.btn,
#tabcontainer	#content4	li.btn	{position:absolute;top:5px;right:1px;background:none;} /* 오른쪽 더보기버튼 */

.infomation {width: 453px;}
.infomation_bg {background: url(http://image.gpotato.jp/hero/top/info_bg.gif) top center repeat-y;}

/* tab */
.info_tab span {display: none;}
.info_tab1 a {width: 55px;height: 25px;display: block;}
.info_tab1 a:hover {display: block;}
.info_tab1_in {width: 55px;height: 25px;display: block;}
.info_tab2 a {width: 90px;height: 25px;display: block;}
.info_tab2 a:hover {display: block;}
.info_tab2_in {width: 90px;height: 25px;display: block;}
.info_tab3 a {width: 90px;height: 25px;display: block;}
.info_tab3 a:hover {display: block;}
.info_tab3_in {width: 90px;height: 25px;display: block;}
.info_tab4 a {width: 62px;height: 25px;display: block;}
.info_tab4 a:hover {display: block;}
.info_tab4_in {width: 62px;height: 25px;display: block;}
.info_tab5 a {width: 62px;height: 25px;display: block;}
.info_tab5 a:hover {display: block;}
.info_tab5_in {width: 62px;height: 25px;display: block;}
.info_tab6 a {width: 62px;height: 25px;display: block;}
.info_tab6 a:hover {display: block;}
.info_tab6_in {width: 62px;height: 25px;display: block;}

/* login */
#login_bg {
	margin: 20px auto 0px auto;width: 626px;height: 545px;
	background: url(http://image.gpotato.jp/hero/support/login_bg.jpg) top center no-repeat;
}
#login_position {padding-top: 173px; padding-left: 240px;}
.login_box {
	width: 360px;background: url(http://image.gpotato.jp/hero/support/login_boxbg.gif) repeat-y;
	color: #ffffff;text-align: center;
}
.login_txt {vertical-align: middle;width: 75px;height: 32px;text-align: left;}
.login_fs {width: 195px;height: 20px;border: solid 1px #333333;background-color:#000000;color: #ffffff;}


/* Shop */
.itemlist_bg {background: url(../../hero/shop/itemlist_bg.gif) repeat-x; height: 87px;}
.itemlist_bd1 {border-top: solid 1px #616161;border-right: solid 1px #616161;border-bottom:solid 1px #616161;}
.itemlist_bd2 {border-top: solid 1px #616161;border-left: solid 1px #616161;border-bottom:solid 1px #616161;}

/* EventNews */
.news_event_box {width: 652px;background: #ffffff;padding: 7px;border: 1px solid #cccccc;margin-bottom: 10px;}
.news_event_tit {background: #fff695;padding: 3px 5px;margin-bottom: 5px; font-weight: bold;}

dl.news_event1 {width: 436px;padding: 3px 0px;background: url(/gpotato/common/line.gif) left bottom repeat-x;float: right;}
dl.news_event1 dt {
	background:#eeeeee url(/gpotato/news/listmark.gif) no-repeat;background-position: 5px 50%;
	float: left;padding: 5px 0px 5px 20px;
}
dl.news_event1 dd {
	background:#eeeeee url(/gpotato/common/listline.gif) no-repeat;background-position: 5px 50%;
	float: left;padding: 5px 0px 5px 15px;width: 377px;
}
.news_event_icon {float: right;width: 52px}

dl.news_event2 {width: 436px;padding: 8px 0px;background: url(/gpotato/common/line.gif) left bottom repeat-x;float: right;}
dl.news_event2 dt {
	background: url(/gpotato/news/listmark.gif) no-repeat;background-position: 5px 50%;
	float: left;padding-left: 20px;
}
dl.news_event2 dd {
	background: url(/gpotato/common/listline.gif) no-repeat;background-position: 5px 50%;
	float: left;padding-left: 15px;width: 377px;
}

dl.news_event3 {width: 436px;padding-top: 8px;float: right;}
dl.news_event3 dt {
	background: url(/gpotato/news/listmark.gif) no-repeat;background-position: 5px 4px;
	float: left;padding-left: 20px;
}

/* --↑other edit↑-- */

/* width */
.w64 {width: 64px;}
.w71 {width: 71px;}
.w81 {width: 81px;}
.w84 {width: 84px;}
.w120 {width: 120px;}
.w126 {width: 126px;}
.w135 {width: 135px;}
.w136 {width: 136px;}
.w165 {width: 165px;}
.w170 {width: 170px;}
.w181 {width: 181px;}
.w208 {width: 208px;}
.w300 {width: 300px;}
.w340 {width: 340px;}
.w370 {width: 370px;}
.w400 {width: 400px;}
.w408 {width: 408px;}
.w421 {width: 421px;}
.w480 {width: 480px;}
.w530 {width: 530px;}
.w546 {width: 546px;}
.w576 {width: 576px;}
.w600 {width: 600px;}
.w616 {width: 616px;}
.w626 {width: 626px;}
.w628 {width: 628px;}
.w638 {width: 638px;}
.w630 {width: 630px;}

/* font */
.txtred {color: #aa0c0c;}
.txtgray {color: #999999;}
.txtwhite {color: #ffffff;}

.txtcenter {text-align: center;}
.txtleft {text-align: left;}
.txtright {text-align: right;}

.txt10 {font-size: 10px;}
.txt14 {font-size: 14px;}
.txt16 {font-size: 16px;}
.txt18 {font-size: 18px;}
.txt20 {font-size: 20px;}
.txt22 {font-size: 22px;}
.txt24 {font-size: 24px;}

.note {padding-left: 1em;text-indent: -1em;text-align: left;}


/* space */
td.f {padding: 10px 5px;vertical-align: top;}

.pt81 {padding-top: 81px;}
.pr28 {padding-right: 28px;}

.mt7 {margin-top: 7px;}
.ml3 {margin-left: 3px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

.mtb5 {margin-top: 5px;margin-bottom: 5px;}
.mtb10 {margin-top: 10px;margin-bottom: 10px;}
.mtb15 {margin-top: 15px;margin-bottom: 15px;}
.mtb20 {margin-top: 20px;margin-bottom: 20px;}
.mrl5 {margin-right: 5px;margin-left: 5px;}
.mrl10 {margin-right: 10px;margin-left: 10px;}
.mrl15 {margin-right: 15px;margin-left: 15px;}
.mrl20 {margin-right: 20px;margin-left: 20px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}

.ptb5 {padding: 5px 0px;}
.ptb10 {padding: 10px 0px;}
.ptb15 {padding: 15px 0px;}
.ptb20 {padding: 20px 0px;}
.prl5 {padding-right: 5px;padding-left: 5px;}
.prl10 {padding-right: 10px;padding-left: 10px;}
.prl15 {padding-right: 15px;padding-left: 15px;}
.prl20 {padding-right: 20px;padding-left: 20px;}