@charset "utf-8";

/* =======================================

	element [2010.10.13]
	
========================================== */


/* contents box ================================================================================ */

#container {
    width: 100%;
    min-width: 975px;
    margin-bottom: -30px;
    background: #f1f1f1;
}

#container_logout {
    width: 100%;
    min-width: 975px;
    margin-bottom: -20px;
}

#contents_box {
    position: relative;
    width: 975px;
    margin: 0 auto;
    height: 100%;
    min-height: 1200px;
    background: rgb(255 255 255);
    padding:5px 10px;
    overflow: hidden;
}

#cb_left a {
    position: absolute;
    top: 0;
    left: -222px;
    width: 218px;
    height: 1140px;
    text-indent: -1000em;
    display: block;
}

#cb_right a {
    position: absolute;
    top: 0;
    right: -222px;
    width: 218px;
    height: 1140px;
    text-indent: -1000em;
    display: block;
}

#cb_left p {
    position: absolute;
    top: 0;
    left: -222px;
    width: 218px;
    height: 1140px;
    text-indent: -1000em;
    display: block;
}

#cb_right p {
    position: absolute;
    top: 0;
    right: -222px;
    width: 218px;
    height: 1140px;
    text-indent: -1000em;
    display: block;
}

#contents_right {
    float: right;
    width: 785px;
    height: 100%;
}

#main_contents {
    float: left;
    width: 585px;
    margin: 5px 0;
}

#main_contents_wide {
    float: left;
    width: 785px;
    margin-top: 5px;
    background: #fff;
}

#main_contents_regist {
    overflow: hidden;
    width: 730px;
    padding: 5px 117px 10px 118px;
    background: #fff;
}

#main_contents_regist h2 {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.search_submit {
    width: 50px;
    font-size: 0.7em;
    border: 1px solid #d4d4d4;
    color: #666666;
    background: url(/images/bg_search.gif) top left repeat-y;
    cursor: pointer;
}


/* main_contents form ================================================================================ */

select {
    border: 2px solid #bfc2c2;
    outline: none;
    padding: 2px;
}

#main_contents input[type="text"],
input[type="password"],
textarea {
    font-size: 12px;
    padding: 5px 3px;
    color: #666;
    background: #fefbf7;
    border: 2px solid #bfc2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
}

#main_contents input:hover,
textarea:hover {
    color: #000;
    background: #fff;
}

#main_contents input:focus,
textarea:focus,
#main_contents input.focused,
#main_contents textarea.focused {
    outline: none;
    color: #000;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    border: 2px solid #818283;
}

#main_contents input[type="submit"] {
    outline: none;
    display: block;
    color: #fff;
    margin-top: 5px;
    padding: 4px 20px;
    background: url(/images/common/bg_btn.gif) repeat-x center center;
    border: 2px solid #7b7c7c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin: 10px auto;
}

#main_contents input[type="submit"]:hover {
    outline: none;
    background: url(/images/common/bg_btn_on.gif) repeat-x center center;
    cursor: pointer;
}

#main_contents input[type="checkbox"] {
    margin-right: 5px;
}


/* main_contents_wide form ================================================================================ */

#main_contents_wide input[type="text"],
input[type="password"],
textarea {
    font-size: 12px;
    padding: 5px 3px;
    color: #666;
    background: #fefbf7;
    border: 2px solid #bfc2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
}

#main_contents_wide input:hover,
textarea:hover {
    color: #000;
    background: #fff;
}

#main_contents_wide input:focus,
textarea:focus,
#main_contents input.focused,
#main_contents textarea.focused {
    outline: none;
    color: #000;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    border: 2px solid #818283;
}

#main_contents_wide input[type="submit"] {
    outline: none;
    display: block;
    color: #fff;
    margin-top: 5px;
    padding: 4px 20px;
    background: url(/images/common/bg_btn.gif) repeat-x center center;
    border: 2px solid #7b7c7c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin: 5px auto;
}

#main_contents_wide input[type="submit"]:hover {
    outline: none;
    background: url(/images/common/bg_btn_on.gif) repeat-x center center;
    cursor: pointer;
}

#main_contents_wide input[type="checkbox"] {
    margin-right: 5px;
}


/* main_contents_regist form ================================================================================ */

#main_contents_regist input[type="text"],
input[type="password"],
textarea {
    font-size: 12px;
    padding: 5px 3px;
    color: #666;
    background: #fefbf7;
    border: 2px solid #bfc2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
}

#main_contents_regist input:hover,
textarea:hover {
    color: #000;
    background: #fff;
}

#main_contents_regist input:focus,
textarea:focus,
#main_contents_regist input.focused,
#main_contents_regist textarea.focused {
    outline: none;
    color: #000;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    border: 2px solid #818283;
}

#main_contents_regist input[type="submit"] {
    outline: none;
    display: block;
    color: #fff;
    margin-top: 5px;
    padding: 4px 20px;
    background: url(/images/common/bg_btn.gif) repeat-x center center;
    border: 2px solid #7b7c7c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin: 5px auto;
}

#main_contents_regist input[type="submit"]:hover {
    outline: none;
    background: url(/images/common/bg_btn_on.gif) repeat-x center center;
    cursor: pointer;
}

#main_contents_regist input[type="checkbox"] {
    margin-right: 5px;
}


/* h2 h3 h4================================================================================ */

.pr_list {
    margin: 0;
    line-height: 1;
    padding: 0;
    margin-top: 10px;
    text-shadow: 0 1px 1px #ccc;
    font-size: 16px;
    color: #4a4b4b;
}

h2 {
    margin-top: 5px;
    overflow: hidden;
    height: 37px;
    width: 774px;
    padding-top: 13px;
    padding-left: 11px;
    font-size: 16px;
    color: #333;
    background: #ffde00;
    -webkit-border-radius: 4px;
}

h3 {
    padding: 10px 0 5px 3px;
    font-size: 16px;
    position: relative;
}

.main_title {
    height: 37px;
    width: 758px;
    position: relative;
    background: none;
    color: #fff;
    font-size: 16px;
    padding: 0;
    text-shadow: 0 1px 1px #000;
}

.game_title {
    height: 37px;
    width: 774px;
    position: relative;
    background: url(/images/common/h2/game.gif) repeat-x left center;
}

.game_01 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_01.jpg) repeat-x left top;
}

.game_02 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_02.jpg) repeat-x left top;
}

.game_03 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_03.jpg) repeat-x left top;
}

.game_04 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_04.jpg) repeat-x left top;
}

.game_05 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_05.jpg) repeat-x left top;
}

.game_06 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_06.jpg) repeat-x left top;
}

.game_07 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_07.jpg) repeat-x left top;
}

.game_08 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_08.jpg) repeat-x left top;
}

.game_09 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_09.jpg) repeat-x left top;
}

.game_10 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_10.jpg) repeat-x left top;
}

.game_11 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_11.jpg) repeat-x left top;
}

.game_12 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_12.jpg) repeat-x left top;
}

.game_13 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_13.jpg) repeat-x left top;
}

.game_14 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_14.jpg) repeat-x left top;
}

.game_15 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_15.jpg) repeat-x left top;
}

.game_16 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/common/h2/game_16.jpg) repeat-x left top;
}

.game_slot17 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/slot12/h2.jpg) repeat-x left top;
}

.game_18 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/slot13/h2.jpg) repeat-x left top;
}

.game_19 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/slot14/h2.jpg) repeat-x left top;
}

.game_20 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/slot15/h2.jpg) repeat-x left top;
}

.game_21 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/slot16/h2.jpg) repeat-x left top;
}

.game_vslot {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/vslot/h2.jpg) repeat-x left top;
}

.game_vslot2 {
    height: 115px;
    width: 774px;
    position: relative;
    text-indent: -1000em;
    background: url(/images/game/vslot2/h2.jpg) repeat-x left top;
}

.edy_h2 {
    position: relative;
    text-indent: -1000em;
    background: url(/images/edy_head.gif) repeat-x left top;
}

#breadcrumb {
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 5px 0;
    line-height: 1;
}


/* h right side================================================================================ */

.pr_more {
    /*logout index*/
    position: absolute;
    display: block;
    top: 250px;
    right: 5px;
    color: #000;
    font-size: 12px;
    padding: 3px 5px 2px 20px;
    background: #fcfeff url(/images/arrow/001.gif) no-repeat 5px 6px;
    border: 1px #eee solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}

.index_more {
    /*logout index*/
    position: absolute;
    display: block;
    top: -3px;
    right: 0;
    color: #000;
    font-size: 11px;
    padding: 4px 5px 2px 20px;
    background: #fcfeff url(/images/arrow/001.gif) no-repeat 5px 3px;
    border: 1px #eee solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}

.more {
    /*logout index*/
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    color: #000;
    font-size: 11px;
    padding: 4px 5px 2px 20px;
    background: #fcfeff url(/images/arrow/001.gif) no-repeat 5px 6px;
    border: 1px #eee solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}

.write {
    /*blog*/
    position: absolute;
    display: block;
    top: -4px;
    right: 0px;
    padding: 4px 5px 3px 23px;
    color: #000;
    font-size: 11px;
    background: #fcfeff url(/images/common/icon/blog.gif) no-repeat 5px 3px;
    border: 1px #ccc solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.time {
    /*timestmap*/
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 5px;
    color: #676767;
}

.time2 {
    /*timestmap*/
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 7px;
    right: 6px;
    color: #676767;
}

.rew {
    position: absolute;
    display: block;
    top: -4px;
    right: 0;
    padding: 4px 6px 3px 23px;
    color: #000;
    font-size: 11px;
    background: #fcfeff url(/images/arrow/rew_001.gif) no-repeat 5px 6px;
    border: 1px #ccc solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* common button ================================================================================ */

.non_regist_table {
    /*white-space: nowrap;*/
    padding: 3px;
}

.non_regist_table b {
    font-size: 14px;
}

.non_regist_table img {
    padding-right: 3px;
}

.non_regist_table td {
    padding: 0 3px 0 0;
}

.non_regist {
    float: left;
    color: #000 !important;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px 2px 20px;
    background: #fdb425 url(/images/arrow/right_arrow.png) no-repeat 5px 7px;
    border: 1px #eee solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    white-space: nowrap;
}

.non_regist a {}

.common_more {
    /*logout index*/
    display: block;
    color: #000;
    font-size: 11px;
    padding: 4px 5px 2px 20px;
    background: #fcfeff url(/images/arrow/001.gif) no-repeat 5px 6px;
    border: 1px #eee solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}

.common_rew {
    display: block;
    padding: 4px 6px 3px 23px;
    color: #000;
    font-size: 11px;
    background: #fcfeff url(/images/arrow/rew_001.gif) no-repeat 5px 6px;
    border: 1px #ccc solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn_common {
    margin: 0 auto;
    text-align: center;
    width: 150px;
    display: block;
    color: #fff !important;
    padding: 4px 20px;
    background: url(/images/common/bg_btn.gif) repeat-x center center;
    border: 2px solid #7b7c7c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
}

.btn_common a {
    color: #fff !important;
    border: 2px solid #7b7c7c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.btn_common:hover {
    background: url(/images/common/bg_btn_on.gif) repeat-x center center;
    text-decoration: none;
}


/* blog_page navi ================================================================================ */

#page_navi_wrap {
    margin-top: 15px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 11px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
}

#page_navi_wrap span,
#page_navi_wrap a,
#page_navi_wrap a:hover {
    color: #fdb425;
    padding: 5px 8px 5px 9px;
    margin: 0 2px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
}

#page_navi_wrap a {
    color: #fff;
    background: #fdb425;
}

#page_navi_wrap a:hover {
    color: #fff;
    background: #fccb2c;
}

#page_navi .navi_rew {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    color: #000;
    font-size: 12px;
    padding: 4px 5px 2px 20px;
    background: #f6f9fb url(/images/arrow/rew_001.gif) no-repeat 5px 7px;
    border: 1px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#page_navi .navi_ff {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    padding: 4px 5px 2px 20px;
    background: #f6f9fb url(/images/arrow/001.gif) no-repeat 5px 7px;
    border: 1px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* blog_page navi ================================================================================ */

#blog_page_navi {
    position: relative;
    margin: 5px 0;
    height: 25px;
}

#blog_page_navi .navi_rew {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    color: #000;
    font-size: 12px;
    padding: 4px 5px 2px 20px;
    background: #f6f9fb url(/images/arrow/rew_001.gif) no-repeat 5px 7px;
    border: 1px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#blog_page_navi .navi_ff {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    padding: 4px 5px 2px 20px;
    background: #f6f9fb url(/images/arrow/001.gif) no-repeat 5px 7px;
    border: 1px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* form field ================================================================================ */

#form_list {
    width: 571px;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

#form_list small {
    font-size: 10px;
    text-align: right;
}

#form_list tr {
    border-top: 1px solid #eee;
}

#form_list tr:first-child {
    border-top: none;
}

#form_list th {
    width: 140px;
    padding: 10px;
    background: #f5f7f7;
    text-align: center;
}

#form_list td {
    padding: 5px 10px;
    width: 389px;
}

#form_list td input[type="text"],
textarea {
    width: 381px;
}

#form_list ul {}

#form_list ul li {
    background: #f8fafa;
    width: 132px;
    height: 140px;
    padding: 5px;
    margin: 1px;
    float: left;
    text-align: center;
    border: 1px #eee solid;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#form_center {
    width: 100%;
    padding: 10px;
    text-align: center !important;
}

#form_2_item {
    text-align: center;
    margin: 0 auto;
    width: 190px;
}

#form_2_item_semi {
    text-align: center;
    margin: 0 auto;
    width: 300px;
}

#form_2_item_wide {
    text-align: center;
    margin: 0 auto;
    width: 100px;
}

#form_center input[type="submit"] {
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#form_center_px {
    width: 70%;
    margin: 0 auto;
    text-align: center !important;
}

#form_list_top {
    width: 573px;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#form_list_top small {
    font-size: 10px;
    text-align: right;
}

#form_list_top tr {
    border-top: 1px solid #eee;
}

#form_list_top tr:first-child {
    border-top: none;
}

#form_list_top th {
    width: 140px;
    padding: 5px;
    background: #f5f7f7;
    text-align: center;
}

#form_list_top td {
    padding: 5px;
    width: 300px;
}


/* form field wide================================================================================ */

#form_list_wide {
    width: 770px;
    background: #fff;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px #fff solid;
}

#form_list_wide small {
    font-size: 10px;
    text-align: right;
}

#form_list_wide tr {
    border-top: 1px solid #eee;
}

#form_list_wide tr:first-child {
    border-top: none;
}

#form_list_wide th {
    width: 140px;
    padding: 10px;
    background: #f5f7f7;
    text-align: center;
}

#form_list_wide td {
    padding: 5px 10px;
    width: 593px;
}

#form_list_wide td input[type="text"],
textarea {
    margin: 2px;
}

#form_2_item_wide {
    text-align: center;
    margin: 0 auto;
    width: 700px;
}

#form_2_item_wide td {
    width: 250px;
    padding: 0 5px;
}


/* mail field ================================================================================ */

#mail_list {
    width: 569px;
    background: #fff;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px #fff solid;
}

#mail_list small {
    font-size: 10px;
    text-align: right;
}

#mail_list tr {
    border-top: 1px solid #eee;
}

#mail_list tr:first-child {
    border-top: none;
}

#mail_list th {
    padding: 5px;
    background: #f5f7f7;
}

#mail_list td {
    padding: 5px 10px;
    width: 570px;
}

#mail_list td input[type="text"],
textarea {
    width: 381px;
}

#mail_list {
    background: #fff;
}

#mail_list ul {}

#mail_list ul li {
    background: #f8fafa;
    width: 132px;
    height: 140px;
    padding: 5px;
    margin: 1px;
    float: left;
    text-align: center;
    border: 1px #eee solid;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}


/* tabs ================================================================================ */


/* tabwrap navigation */

#tabwrap {
    position: relative;
    height: 100%;
}

#tabwrap .more {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
    padding: 11px 10px 10px 25px;
    line-height: 1;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    background: #f8f8f8 url(/images/arrow/001.gif) no-repeat 5px 10px;
}

#tabwrap .nav {
    overflow: hidden;
    width: 100%;
    border-bottom: 3px #fdb425 solid;
}

#tabwrap .nav li {
    float: left;
    width: 114px;
    height: 36px;
}

#tabwrap .nav li a {
    display: block;
    padding: 10px;
    background: #fff url(/images/tab/a.gif) no-repeat center bottom !important;
    color: #000;
    font-size: 10px;
    text-align: center;
    border: 0;
    margin-top: 3px;
    text-decoration: none;
}

#tabwrap li a.current,
#tabwrap li a.current:hover {
    background: #fff url(/images/tab/active.gif) no-repeat center bottom !important;
    color: #000;
    margin-top: 0;
}

#tabwrap .nav li a:hover,
#tabwrap .nav li a:focus {
    background: #fff url(/images/tab/active.gif) no-repeat center bottom !important;
    margin-top: 0;
}

.hide {
    /* 隠す */
    position: absolute;
    top: -1000em;
    left: -1000em;
}

.tab_list {
    overflow: hidden;
}

.tab_list_wrap small {
    font-size: 8px;
    padding-left: 0.5em;
}


/* topicswrap navigation */

#topicswrap {}

#topicswrap .nav {
    overflow: hidden;
    width: 571px;
    padding-left: 1px;
}

#topicswrap .nav li {
    width: 114px;
    float: left;
    border: 1px #fff solid;
    border-bottom: none;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

#topicswrap .nav li a {
    display: block;
    padding: 10px;
    color: #000;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

#topicswrap li a.current,
#topicswrap li a.current:hover {
    background: #fff;
    font-weight: bold;
}

#topicswrap li a.e_tab {
    background: #fdb425;
}

#topicswrap li a.e_tab:hover {
    background: #ffde00;
}

#topicswrap li a.e_tab:focus {
    background: #ffde00;
}

#topicswrap li a.t_tab {
    background: #6ecaff;
}

#topicswrap li a.t_tab:hover {
    background: #96d4fe;
}

#topicswrap li a.t_tab:focus {
    background: #96d4fe;
}

#topicswrap .nav li a:hover,
#topicswrap .nav li a:focus {}


/* topicswrap inner */

.tab_topics_wrap {
    border: 5px #f6f6f6 solid;
}

#tabwrap_topic_inner {
    height: 100%;
}

#tabwrap_inner_small {
    margin-top: 2px;
    padding: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
}

.orange {
    background: #fdb425;
}

.yellow {
    background: #ffde00;
}

.gray {
    background: #f5f7f7;
}

.green {
    background: #53c7c3;
}

#tabwrap_inner {
    margin-top: 2px;
    background: #edefef;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 100%;
}


/* tab inner*/

.tab_topics {
    overflow: hidden;
    font-size: 11px;
    background: #fff;
}

.tab_topics li {
    padding: 4px 0px 2px 25px;
    margin: 0 0 1px 0;
    color: #383838;
    font-weight: normal;
    height: 100%;
}

.tab_topics li.tab_event {
    background: url(/images/arrow/ex_003.gif) no-repeat 8px 6px;
}

.tab_topics li.tab_topics {
    background: url(/images/arrow/ex_001.gif) no-repeat 8px 6px;
}

.tab_topics li span {
    padding-left: 7px;
}

.tab_topics li:last-child {
    margin-bottom: 0;
}

.tab_topics li.event {
    background: #f6f6f6 url(/images/common/icon/blog.gif) 3px 4px no-repeat;
}

.tab_topics li.event:hover {
    background: #fff url(/images/common/icon/blog.gif) 3px 4px no-repeat;
}

.tab_topics li.topic {
    background: #f6f6f6 url(/images/common/icon/comment_black.gif) 3px 4px no-repeat;
}

.tab_topics li.topic:hover {
    background: #fff url(/images/common/icon/comment_black.gif) 3px 4px no-repeat;
}


/* tab inner 1column*/

.tab_1column {
    overflow: hidden;
    padding: 1px;
    background: #fff;
    border: 3px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tab_1column li {
    padding: 4px 3px 2px 25px;
    margin: 0 0 1px 0;
    color: #383838;
    font-weight: normal;
    height: 100%;
}

.tab_1column li span {
    padding-left: 10px;
}

.tab_1column li:last-child {
    margin-bottom: 0;
}

.tab_1column li.blog {
    background: #f6f6f6 url(/images/common/icon/blog.gif) 3px 4px no-repeat;
}

.tab_1column li.blog:hover {
    background: #fff url(/images/common/icon/blog.gif) 3px 4px no-repeat;
}

.tab_1column li.comment {
    background: #f6f6f6 url(/images/common/icon/comment_black.gif) 3px 4px no-repeat;
}

.tab_1column li.comment:hover {
    background: #fff url(/images/common/icon/comment_black.gif) 3px 4px no-repeat;
}

.tab_1column li.footpoint {
    background: #f6f6f6 url(/images/common/icon/foot.gif) 3px 4px no-repeat;
}

.tab_1column li.footpoint:hover {
    background: #fff url(/images/common/icon/foot.gif) 3px 4px no-repeat;
}


/* old tab  ================================================================================ */

#tab {
    width: 585px;
    overflow: hidden;
}


/* Caution! Ensure accessibility in print and other media types... */

@media projection,
screen {
    /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}


/* Skin */

.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}

.tabs-nav:after {
    /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
    float: left;
    margin: 0 1px 0 0;
    min-width: 104px;
    /* be nice to Opera */
}

.tabs-nav a,
.tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/images_mypage/tab.gif) top left no-repeat;
    color: #fff;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    /* required in IE 6 */
}

.tabs-nav .tabs-selected a {
    color: #000;
}

.tabs-nav .tabs-selected a,
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0;
    /* prevent dotted border in Firefox */
}

.tabs-nav a,
.tabs-nav .tabs-disabled a:hover,
.tabs-nav .tabs-disabled a:focus,
.tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}

.tabs-nav a span {
    width: 104px;
    /*IE 6 treats width as min-width */
    min-width: 104px;
    height: 22px;
    /* IE 6 treats height as min-height */
    min-height: 22px;
    padding-top: 6px;
    padding-right: 0;
}

*>.tabs-nav a span {
    /* hide from IE 6 */
    width: auto;
    height: auto;
}

.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}

.tabs-nav .tabs-selected a span,
.tabs-nav a:hover span,
.tabs-nav a:focus span,
.tabs-nav a:active span {
    background-position: 0 -50px;
}

.tabs-nav a span,
.tabs-nav .tabs-disabled a:hover span,
.tabs-nav .tabs-disabled a:focus span,
.tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}

.tabs-nav .tabs-selected a:link,
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link,
.tabs-nav .tabs-disabled a:visited {
    /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active {
    /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-container {
    padding: 0;
    background: #fff;
    /* declare background color for container to avoid distorted fonts in IE while fading */
}

#tabheader {
    height: 40px;
    display: block;
    margin-top: 5px;
    padding-bottom: 5px;
    background: url(/images/tab/border.gif) center bottom repeat-x;
}

#tabheader ul {}

#tabheader ul li {
    width: 117px;
    height: 40px;
    float: left;
}

#tabheader li a {
    width: 117px;
    height: 28px;
    padding-top: 12px;
    display: block;
    font-weight: bold;
    color: #490e1e;
    text-decoration: none;
    text-align: center;
    background: url(/images/tab/bg.gif) 0px 0px repeat-y;
}

#tabheader li a:hover {
    width: 117px;
    height: 28px;
    padding-top: 12px;
    display: block;
    font-weight: bold;
    color: #490e1e;
    text-decoration: none;
    text-align: center;
    background: url(/images/tab/bg.gif) 0px -40px repeat-y;
}

#ranking_tab_box {
    width: 585px;
}

#ranking_tab_box a {
    color: #aa0100;
}

#ranking_tab_box a:hover {
    color: #9d0100;
    text-decoration: underline;
}

div.notice_completed {
    padding: 5px;
    text-align: center;
    background: #ffdddd;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

div.notice_completed p.message {
    font-weight: bold;
    margin: 0 3px 0 0;
    font-size: 16px;
    color: #ff0000;
}

div.notice_completed_2 {
    padding: 5px;
    text-align: center;
    background: #ff5555;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

div.notice_completed_2 p.message {
    font-weight: bold;
    margin: 0 3px 0 0;
    font-size: 16px;
    color: #ffffff;
}