@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	text-decoration: none;
}

img { border:none; }
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #142890; }
a.block:hover { background-color:#06C; }
a:active { text-decoration: none; color: #333; }
.hidden { display:none; }
.center { text-align:center; margin-left:auto; margin-right:auto; }
.right { text-align:right; }
.left { text-align:left; }
.error { color:#FF5533; font-size:10pt; }
/* text variation */
.text-comment-name {
	font-size: 12px;
	color: #45300c;
}
.text-comment-detail {
	font-size: 12px;
	color: #45300c;
}
.text-bold-white {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}
.text-bold-black {
	font-size: 12px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}
.text-bold-darkgreen {
	font-size: 12px;
	color: #336600;
	text-align: left;
	font-weight: bold;
}
.text-darkgreen {
	font-size: 12px;
	color: #336600;
	text-align: left;
}
.text-darkpink {
	font-size: 12px;
	color: #90143a;
	text-align: left;
}
.text-bold-darkpink {
	font-size: 12px;
	color: #90143a;
	text-align: left;
	font-weight:bold;
}
.text-bold-orange {
	font-size: 12px;
	color: #eb831d;
	text-align: left;
	font-weight: bold;
}
.text-orange {
	font-size: 12px;
	color: #eb831d;
	text-align: left;
}

.text-yellow {
	font-size: 12px;
	color: #e6d560;
	text-align: left;
}
.text-bold-yellow {
	font-size: 12px;
	color: #FF0;
	text-align: left;
	font-weight: bold;
}
.text-white {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
.text-bold-naviblue {
	font-size: 12px;
	color: #142890;
	text-align: left;
	font-weight: bold;
}
.text-naviblue {
	font-size: 12px;
	color: #142890;
	text-align: left;
}
.text-bold-red {
	font-size: 12px;
	color: #F00;
	text-align: left;
	font-weight: bold;
}
.text-red {
	font-size: 12px;
	color: #F00;
	text-align: left;
}
.text-gray {
	font-size: 12px;
	color: #F9a9a9a;
	text-align: left;
}
.input-boxstyle{
	font-size: 12px;
	color: #F9a9a9a;
	text-align: left;
	border: 1px solid #cbb287;
	height: 23px;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 5px;
}
/* left login layout */
.login {
	float:left;
	width:188px;
	height:127px;
	display:inline;
	background-image: url(../image/common/login/sample-login.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.login-wrapper {
	background-image: url(../image/common/login/login_back.gif);
	height: 127px;
	width: 188px;
	_zoom: 1;
	overflow: hidden;
	margin-top: 8px;
}
.login-box {
	padding-left: 13px;
	padding-top: 48px;
	width: 100px;
	float: left;
}
.login-box1 {
	width: 60px;
	float: left;
	padding-left: 5px;
	display: inline;
	padding-top: 46px;
}
.login-box3 {
	padding-left: 13px;
	width: 100px;
	float: left;
	padding-top: 5px;
}
.login-inputid {
	border: 1px solid #5a231f;
	background-color: #5a231f;
	font-size: 12px;
	color: #FFF;
	font-family: "ＭＳ Ｐゴシック";
}
.login-inputpw {
	border: 1px solid #5a231f;
	background-color: #5a231f;
	font-size: 12px;
	color: #FFF;
	margin-top: 3px;
	display: inline;
	font-family: "ＭＳ Ｐゴシック";
}
.login-btnlogin {
	float: right;
	height: 37px;
	width: 57px;
}
.logout-wrapper {
	background-image: url(../image/common/login/logout_back.gif);
	height: 127px;
	width: 188px;
	_zoom: 1;
	overflow: hidden;
	margin-top: 8px;
}
.logout-box {
	padding-left: 25px;
	padding-top: 52px;
	width: 160px;
	float: left;
	font-size: 12px;
	color: #FFF;
}
.logout-box2 {
	width: 77px;
	float: left;
	padding-left: 15px;
	padding-top: 15px;
}
.logout-box3 {
	width: 78px;
	float: left;
	padding-top: 15px;
	padding-left: 5px;
}

/* toppage master layout */
.masterlayout-all {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.masterlayout-main {
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/common/backtheme.jpg);
	background-position: center top;
	width: 100%;
	height: 700px;
}
.masterlayout-navigation {
	width: 990px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
.masterlayout-subnavigation {
	width: 990px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
/* master contents layout */
.masterlayout-contents {
	width:990px;
	margin-right: auto;
	margin-left: auto;
    _zoom: 1;
    overflow: hidden;
}
.master-left-wrapper {
	width:205px;
	margin-left: 4px;
	float: left;
	display:inline;
    _zoom: 1;
    overflow: hidden;
}
.master-left-head {
	width:205px;
	height:26px;
	background-image: url(../image/common/common_sidebar_top.jpg);
	background-repeat: no-repeat;
	float: left;
}
.master-left-body {
	width:196px;
	background-image: url(../image/common/common_sidebar_back.jpg);
	float: left;
	padding-left: 9px;
}
.master-left-foot {
	width:205px;
	height:52px;
	background-image: url(../image/common/left_sidebar_bottom.gif);
	float: left;
}
/* master top center layout */
.master-center-wrapper {
	float:left;
	width:554px;
	margin-left: 9px;
	display: inline;
    _zoom: 1;
    overflow: hidden;
}
.master-center-head {
	float:left;
	height:26px;
	background-image:url(../image/common/common_topbar_top.jpg);
	background-repeat:no-repeat;
	width: 554px;
}
.master-center-body {
	float:left;
	background-image:url(../image/common/common_topbar_back.jpg);
	background-repeat:repeat-y;
	width: 535px;
	padding-left: 19px;
}
.master-center-foot {
	float:left;
	height:75px;
	background-image:url(../image/common/center_topbar_back.gif);
	background-repeat:no-repeat;
	width: 554px;
}
/* master top right layout */
.master-right-wrapper {
	float:left;
	width:205px;
	display:inline;
	margin-left: 9px;
    _zoom: 1;
    overflow: hidden;
}
.master-right-head {
	float:left;
	width:205px;
	height:26px;
	background-image: url(../image/common/common_sidebar_top.jpg);
	background-repeat: no-repeat;
}
.master-right-body {
	width:197px;
	background-image: url(../image/common/common_sidebar_back.jpg);
	float: left;
	padding-left: 8px;
}
.master-right-foot {
	margin:0;
	width:205px;
	height:52px;
	background-image: url(../image/common/right_sidebar_bottom.gif);
	float: left;
}
/* mastersub top center layout */
.mastersub-center-wrapper {
	float:left;
	width:554px;
	margin-left: 9px;
	display: inline;
    _zoom: 1;
    overflow: hidden;
}
.mastersub-center-head {
	float:left;
	height:27px;
	background-image:url(../image/common/common_topbar_back.jpg);
	background-repeat:repeat-y;
	width: 535px;
	text-align: right;
	padding-top: 8px;
	padding-right: 19px;
}
.mastersub-center-body {
	float:left;
	background-image:url(../image/common/common_topbar_back.jpg);
	background-repeat:repeat-y;
	width: 535px;
	padding-left: 19px;
    _zoom: 1;
    overflow: hidden;
}
.mastersub-center-foot {
	float:left;
	height:75px;
	background-image:url(../image/common/center_topbar_back.gif);
	background-repeat:no-repeat;
	width: 554px;
}
/* copyright layout */
.master-copyright-wrapper {
	background-color: #FFFFFF;
	height: 137px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	display: inline;
    _zoom: 1;
    overflow: hidden;
}
.master-copyright {
	text-align: center;
	height: 97px;
	padding-top: 40px;
	width: 916px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/common/copyright.jpg);
}
/* center contents */
/* tab news */
.newsbox {
	height: 242px;
	width: 516px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline;
    _zoom: 1;
    overflow: hidden;
}
.content {
	float:left;
	margin : 30px 0px 0px 0px;
	width:414px;
	display:inline;
	background-image: url(../image/common/topcontents/tabnews_back.jpg);
}
.notice-area {
	float:left;
	width:516px;
	height:215px;
	background-image: url(../image/common/topcontents/tabnews_back.jpg);
	background-repeat: no-repeat;
	padding-top: 4px;
    _zoom: 1;
    overflow: hidden;
}
.tab-wrapper {
	float:left;
	width:516px;
	height:31px;
	_zoom: 1;
	overflow: hidden;
	margin-top: 8px;
	display: inline;
}
#corumnews {
	float:left;
	margin-left:0px;
	width:184px;
	height:31px;
	background-image: url(../image/common/topcontents/tabnews_tabtitle.gif);
	background-repeat: no-repeat;
	margin-right: 2px;
	display: inline;
}
#hot {
	float:left;
	margin-left:0px;
	width:81px;
	height:23px;
	cursor:pointer;
	background-image: url(../image/common/topcontents/tabnews_tab01.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	display: inline;
}
#hot.active {
	cursor:auto;
	background-image: url(../image/common/topcontents/tabnews_tab01_active.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 81px;
	margin-top: 8px;
}
#notice {
	float:left;
	margin-left:2px;
	width:81px;
	height:23px;
	cursor:pointer;
	display:inline;
	background-image: url(../image/common/topcontents/tabnews_tab02.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
}
#notice.active {
	cursor:auto;
	background-image: url(../image/common/topcontents/tabnews_tab02_active.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 81px;
	margin-top: 8px;
}
#maintenance {
	float:left;
	margin-left:2px;
	width:81px;
	height:23px;
	cursor:pointer;
	display:inline;
	background-image: url(../image/common/topcontents/tabnews_tab04.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
}
#maintenance.active {
	cursor:auto;
	background-image: url(../image/common/topcontents/tabnews_tab04_active.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 81px;
	margin-top: 8px;
	display: inline;
}
#event {
	float:left;
	width:81px;
	margin-left:2px;
	height:23px;
	cursor:pointer;
	display:inline;
	background-image: url(../image/common/topcontents/tabnews_tab03.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
}
#event.active {
	cursor:auto;
	background-image: url(../image/common/topcontents/tabnews_tab03_active.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 81px;
	margin-top: 8px;
}
.news-list {
	float:left;
	width:516px;
	color:#000000;
    _zoom: 1;
    overflow: hidden;
}
.content-size {
	font-size:12pt;
}
.pageer-wrapper {
	float:left;
	margin-top:8px;
	display:inline;
}
.pageer-element {
	float:left;
}
/* content detail */
.news-item {
	float:left;
	display:inline;
	margin-top: 10px;
	margin-left: 8px;
	width: 100%;
    _zoom: 1;
    overflow: hidden;
}
.news-title {
	float:left;
	height:18px;
	width:340px;
	color: #FFF;
	font-size: 12px;
}
.news-updatetime {
	float:left;
	height:15px;
	width:70px;
	display:inline;
	font-size: 12px;
	padding-left: 30px;
}
.news-subcategory {
	float:left;
	margin-top: 0px;
	height:15px;
	width:60px;
	display:inline;
}
#itembox-wrapper {
	height: 190px;
	width: 516px;
	float: left;
	margin-top: 13px;
	margin-bottom: 5px;
	background-image: url(../image/common/topcontents/itembox_back.jpg);
	display: inline;
    _zoom: 1;
    overflow: hidden;
}
#itembox {
	margin-top: 62px;
	margin-left: 28px;
	float: left;
	background-color: #FFF;
	width: 70px;
	height: 85px;
	text-align: center;
	display: inline;
}
#itemdetail {
	margin-top: 3px;
	margin-left: 19px;
	float: left;
	width: 80px;
	height: 16px;
	text-align: left;
	color: #FFF;
	font-size: 10px;
	display: inline;
	font-family: "ＭＳ Ｐゴシック";
}
#screenshotbox-wrapper {
	height: 190px;
	width: 516px;
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	background-image: url(../image/common/topcontents/screenshotbox_back.jpg);
	display: inline;
	_zoom: 1;
	overflow: hidden;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}
#screenshot-blank-div{
	width: 516px;
	height: 60px;
}
#screenshotbox1 {
	margin-left: 17px;
	float: left;
	background-color: #FFF;
	width: 150px;
	height: 116px;
	display: inline;
}
#screenshotbox2 {
	margin-left: 16px;
	float: left;
	background-color: #FFF;
	width: 150px;
	height: 116px;
	display: inline;
}
#screenshotbox3 {
	margin-left: 16px;
	float: left;
	background-color: #FFF;
	width: 150px;
	height: 116px;
	display: inline;
}
/* banner */
.leftbanner {
	width: 188px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}
.leftbanner2 {
	width: 188px;
	margin-top: 7px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}
.leftbanner-last {
	width: 188px;
	margin-top: 10px;
	float: left;
	display: inline;
	padding-bottom: 20px;
}

.rightbanner {
	width: 188px;
	margin-top: 8px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}
.rightguidebanner {
	width: 188px;
	margin-top: 8px;
	float: left;
	display: inline;
	padding-bottom: 20px;
}

.leftnavi {
	width: 188px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}
/* subpage detail */
.page-titlebar {
	width:516px;
	height:61px;
	padding-bottom: 20px;
}
.top-box{
	text-align: center;
	width: 516px;
	float: left;
	padding-bottom: 20px;
	display: inline;
	padding-top: 10px;
}

/* error message */
.error-box {
    width:490px;
	margin: 10px 0 15px 0;
	padding: 10px;
	background-color:#FEF6F3;
	border: 3px double #C00;
	text-align: left; 
	color: #C00;
	font-weight: bold;
	line-height: 1.6;
}
.confirm-box {
    width:490px;
	margin: 10px 0 15px 0;
	padding: 10px;
	background-color:#EDF4F8;
	border: 1px solid #000066; 
	text-align: left; 
	color: #000066;
	font-weight: bold;
	line-height: 1.6;
}
/* top banner */
.topbanner-box{
	padding-top: 8px;
}

/* table common */
.table-red{
	border: 1px solid #c1aaa8;
}
.table-red-bottomright{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c1aaa8;
	border-bottom-color: #c1aaa8;
}
.table-red-bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1aaa8;
}
.table-red-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c1aaa8;
}

.table-lightred{
	border: 1px solid #c0b5aa;
}
.table-lightred-bottomright{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c0b5aa;
	border-bottom-color: #c0b5aa;
}
.table-lightred-bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0b5aa;
}
.table-lightred-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c0b5aa;
}


.table-green{
	border: 1px solid #9caf9a;
}
.table-green-bottomright{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9caf9a;
	border-bottom-color: #9caf9a;
}
.table-green-bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9caf9a;
}

.table-green-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9caf9a;
}

.table-blue{
	border: 1px solid #a0b2bb;
}
.table-blue-bottomright{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a0b2bb;
	border-bottom-color: #a0b2bb;
}
.table-blue-bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a0b2bb;
}
.table-blue-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a0b2bb;
}


.table-puple{
	border: 1px solid #b7aac0;
}
.table-puple-bottomright{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #b7aac0;
	border-bottom-color: #b7aac0;
}
.table-puple-bottom{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b7aac0;
}
.table-puple-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b7aac0;
}

/*Recommended Item List*/
.recommended-items{
    margin: 65px 1px 0 5px;
    width: 400px;
    height: 120px;
    float:left;
    padding: 0 0 0 2px;
}
.panel{
    float: left;
    overflow: hidden;
    margin:5px;
    width: 80px;
}
.prev{
    float:left;
    background-repeat:no-repeat;
    margin: 100px 0 0 15px;
    width:15px;
    height:30px;
}
.next{
    float:left;
    margin: 100px 0 0 -2px;
    width:15px;
    height:30px;
}