@charset "utf-8";

/*
==========CONTENTS==========

----------
	・body
	・container
	・globalNavi
	・title
	・banner
	・box
	・photo
	・avatar
	・pageTop
	・footer
----------

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


/*body
---------------------------------------------------------------------------------------------------------*/
body{
	background:#ffffff;
	text-align:center;
}


/*container
---------------------------------------------------------------------------------------------------------*/
div#container{
	width:760px;
	margin:0px auto 0px auto;
}


/*globalNavi
---------------------------------------------------------------------------------------------------------*/
div#globalNavi{
	position:relative;
	width:760px;
	height:96px;
	background:url(/static/images/core/globalNavi_bg.gif) repeat-x left top;
}
div#globalNavi p{
	position:absolute;
	top:16px;
	left:23px;
}
div#globalNavi li.home{
	position:absolute;
	top:60px;
	left:0px;
	list-style-type:none;
}
div#globalNavi li.products{
	position:absolute;
	top:60px;
	left:128px;
	list-style-type:none;
}
div#globalNavi li.community{
	position:absolute;
	top:60px;
	left:255px;
	list-style-type:none;
}
div#globalNavi li.support{
	position:absolute;
	top:60px;
	left:381px;
	list-style-type:none;
}
div#globalNavi li.shop{
	position:absolute;
	top:60px;
	left:508px;
	list-style-type:none;
}
div#globalNavi li.customer{
	position:absolute;
	top:60px;
	left:635px;
	list-style-type:none;
}


/*title
---------------------------------------------------------------------------------------------------------*/
.title01{padding-top:10px;}
.title01_text{
	background:url(/static/images/core/title01.jpg) no-repeat left top;
	margin-top:10px;
	padding-left:275px;
	line-height:90px;
	height:106px;
	color:#ffffff;
	font-weight:bold;
    position: relative;
}
div.title_link {
	position: absolute;
	top: 87px;
	left: 30px;
    width: 100%;
    color: #000000;
    font-size: 12px;
}
div.title_link a {
	padding-left:15px;
	background:url(/static/images/core/arrow_orange.gif) no-repeat left center;
}
div.title_link a:link{color:#ef3008;text-decoration:underline;}
div.title_link a:visited{color:#ef3008;text-decoration:underline;}
div.title_link a:hover{color:#9c3031;text-decoration:underline;}
div.title_link a:active{color:#ef3008;text-decoration:underline;}
.title02{
	background:url(/static/images/core/title02.gif) no-repeat left top;
	height:44px;
	padding-top:14px;
}
.title03{
	background:url(/static/images/core/title03.gif) no-repeat left top;
	line-height:36px;
	padding-left:20px;
	font-weight:bold;
}
.title04{
	background:url(/static/images/core/title04.gif) no-repeat left top;
	line-height:28px;
	padding-left:20px;
	font-weight:bold;
}


/*banner
---------------------------------------------------------------------------------------------------------*/
.banner{padding-top:10px;}


/*box
---------------------------------------------------------------------------------------------------------*/

/**********box01**********/
div.box01{
	width:760px;
	background:url(/static/images/core/box01_bg.gif) repeat-y left top;
}
div.box01 .chui{
	border:1px solid #ff9900;
	background:#ffffcc url(/static/images/core/chui_bg.gif) no-repeat left top;
	margin:15px 15px 0px 15px;
	padding:10px 10px 10px 60px;
	color:#ff0000;
}
div.box01 .error{
	border:1px solid #ff9900;
	background:#ffffcc;
	padding:10px;
	color:#ff0000;
}

/**********box02**********/
div.box02{
	border:1px solid #d9d9d9;
	background:#ffffff;
	padding:1px;
}
div.box02 .title{background:#e8e8e8 url(/static/images/core/box02_bg.gif) repeat-x left top;}
div.box02 table{
	float:left;
	margin:15px 0px 10px 5px;
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	border:0px;
}
div.box02 th{
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#cccccc;
	padding:2px;
}
div.box02 td{
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#cccccc;
	padding:2px;
}


/**********box03**********/
div.box03{
	width:622px;
	background:url(/static/images/core/box03_bg.gif) no-repeat left top;
	margin-top:10px;
}
div.box03 .title{
	float:left;
	width:330px;
	margin-top:2px;
	padding:8px 10px 10px 20px;
	font-weight:bold;
	color:#ffffff;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#585858;
}
div.box03 .name{
	float:right;
	width:100px;
	padding:10px 0px 10px 0px;
	color:#ffffff;
}
div.box03 .date{
	float:right;
	margin:10px 15px 10px 13px;
	padding-left:13px;
	color:#ffffff;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#ffffff;
	white-space:nowrap;
}
div.box03 .text{
	padding:10px 10px 20px 20px;
	color:#ffffff;
	border-width:1px 0px 0px 0px;
	border-style:dotted;
	border-color:#ffffff;
	background:url(/static/images/core/box03_bottom.gif) no-repeat left bottom;
}

/**********box04**********/
div.box04{
	width:760px;
	background:url(/static/images/core/box04_bg.gif) repeat-y left top;
}
div.box04 .bottom02{
	background:url(/static/images/core/box04_bottom02.gif) no-repeat left top;
	margin-top:10px;
	padding-left:630px;
	line-height:18px;
	height:25px;
}
div.box04 table{
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	border:0px;
	width:560px;
}
div.box04 th{
	border-width:0px 1px 1px 0px;
	border-style:dotted;
	border-color:#cccccc;
	padding:7px;
	vertical-align:top;
}
div.box04 td{
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#cccccc;
	padding:7px;
}


/*photo
---------------------------------------------------------------------------------------------------------*/

/**********photo01**********/
.photo01{
	float:left;
	margin-top:15px;
	width:88px;
}
.photo01 img{
	padding:8px 8px 12px 8px;
	background:url(/static/images/core/photo01_bg.gif) no-repeat left top;
}

/**********photo02**********/
.photo02{
	padding:9px;
	background:url(/static/images/core/photo02_bg.gif) no-repeat left top;
}
div.box04 .photo02{
	float:left;
	margin:10px 15px 0px 15px;
	padding:9px;
	background:url(/static/images/core/photo02_bg.gif) no-repeat left top;
}
html>body div.box04 .photo02{
	float:left;
	margin:10px 15px 0px 30px;
	padding:9px;
	background:url(/static/images/core/photo02_bg.gif) no-repeat left top;
}

/**********photo03**********/
.photo03{
	float:left;
	width:203px;
	margin-top:8px;
	padding-left:6px;
	border-width:0px 1px 0px 0px;
	border-style:dotted;
	border-color:#cccccc;
}
.photo03 .photo{
	padding:9px 0px 0px 9px;
	background:url(/static/images/core/photo03_bg.gif) no-repeat left top;
}
.photo03 .title{
	width:183px;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	background:url(/static/images/core/photo03_bg.gif) no-repeat left bottom;
}
html>body .photo03 .title{
	width:183px;
	padding:10px 18px 10px 10px;
	font-weight:bold;
	background:url(/static/images/core/photo03_bg.gif) no-repeat left bottom;
}
.photo03 table{
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	border:0px;
	margin-top:5px;
	width:190px;
}
.photo03 th{
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#cccccc;
	padding:1px;
}
.photo03 td{
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#cccccc;
	padding:1px;
}


/*avatar
---------------------------------------------------------------------------------------------------------*/

/**********avatar01**********/
.avatar01{
	float:left;
	width:120px;
	height:115px;
	margin:10px 0px 0px 5px;
	background:url(/static/images/core/avatar01_bg.gif) no-repeat left top;
}
html>body .avatar01{
	float:left;
	width:120px;
	height:115px;
	margin:10px 0px 0px 10px;
	background:url(/static/images/core/avatar01_bg.gif) no-repeat left top;
}
.avatar01 img{margin:4px 0px 4px 13px;}
.avatar01 a{padding-left:90px;}

/**********avatar02**********/
.avatar02_off{
	float:left;
	width:56px;
	margin:1px 0px 0px 1px;
	padding:1px;
	border:1px solid #d9d9d9;
	background:#ffffff;
}
html>body .avatar02_off{
	float:left;
	width:56px;
	margin:1px;
	padding:1px;
	border:1px solid #d9d9d9;
	background:#ffffff;
}
.avatar02_on{
	float:left;
	width:56px;
	margin:1px 0px 0px 1px;
	padding:1px;
	border:1px solid #ff6600;
	background:#ffffff;
}
html>body .avatar02_on{
	float:left;
	width:56px;
	margin:1px;
	padding:1px;
	border:1px solid #ff6600;
	background:#ffffff;
}

/**********avatar03**********/
.avatar03{
	float:left;
	width:94px;
	margin:14px 9px 0px 7px;
	padding:2px;
	border:1px solid #d9d9d9;
	background:#ffffff;
}
html>body .avatar03{
	float:left;
	width:94px;
	margin:14px 9px 0px 14px;
	padding:2px;
	border:1px solid #d9d9d9;
	background:#ffffff;
}
.avatar03 img{padding-bottom:4px;}
.avatar03 .name{
	width:84px;
	padding:5px;
	background:#d9d9d9;
}
html>body .avatar03 .name{
	width:84px;
	padding:5px;
	background:#d9d9d9;
}


/*pageTop
---------------------------------------------------------------------------------------------------------*/
div .pageTop{
	width:760px;
	padding:20px 0px 10px 0px;
	text-align:right;
}
div .pageTop a{
	padding:0px 0px 5px 18px;
	background:url(/static/images/core/pageTop_icon.gif) no-repeat left top;
}


/*footer
---------------------------------------------------------------------------------------------------------*/
div#footer{
	position:relative;
	width:760px;
	height:50px;
	margin-top:30px;
	background:url(/static/images/core/footer_bg.gif) no-repeat left top;
}
div#footer p{
	position:absolute;
	top:27px;
	left:0px;
}
div#footer ul{
	position:absolute;
	top:27px;
	right:0px;
}

div#footer li{
	display:inline;
	list-style-type:none;
}
div#footer li.regulation{
	padding-right:17px;
	background:url(/static/images/core/footer_line.gif) no-repeat right top;
}
div#footer li.howto{
	padding-right:17px;
	background:url(/static/images/core/footer_line.gif) no-repeat right top;
}
div#footer li.faq{
	padding-right:17px;
	background:url(/static/images/core/footer_line.gif) no-repeat right top;
}