body {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "ＭＳ Ｐゴシック", "Osaka‐等幅";
	font-size: small;
	margin: 2px;
	padding: 0px;
	background-color: #e6e6e6;
}

BODY,TR,TD,TH,DIV,FONT{
	font-family: "ＭＳ Ｐゴシック", "Osaka‐等幅";
}

/*-------------------- Container box -------------------------*/
div#wrapper {
	background: #ffffff url(../images/left.gif) 0 0 repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

.dotlinelightblueresult {
	background: url(../images/dot_lightblue2.gif) left top repeat-x;
	height: 1px;
	padding-bottom: 10px;
	width: 60%;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;	
}
div#wrapper_m {
	background: #ffffff url(../images/left.gif) 0 0 repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
}

div#wrapper_r {
	background: url(../images/right.gif) 100% 0 repeat-y;
}

div#top {
	background: url(../images/top.gif) 0 0 repeat-x;
}

div#top_l {
	background: url(../images/left_top.gif) 0 0 no-repeat;
}

div#top_r {
	background: url(../images/right_top.gif) 100% 0 no-repeat;
}

div#bottom {
	background: #f7f7f7 url(../images/bottom.gif) 0 100% repeat-x;
	height: 100px;
}

div#bottom_l {
	background: url(../images/left_bottom.gif) 0 0 no-repeat;
	height: 100px;
}

div#bottom_r {
	background: url(../images/right_bottom.gif) 100% 0 no-repeat;
	height: 100px;
}



/*---------------------- Banner -----------------------*/
#banner {
	margin-left:5px;
	margin-top:-5px;
}

#banner a {
	text-decoration: none;
	color: #888888;	
	font-size: 80%;
}

#banner a:hover {
	text-decoration: none;
	color: #ff0000;	
}


#top_menu {
	background: url(../images/topmenu_bg.gif) left top repeat-x;
	height: 60px;
	margin-left:-3px;
	position:relative;
	margin-top:-1px;
	z-index:1000;
}

/*---------------------- Main Content ---------------------*/
#leftcolumn {
	padding: 0;
	margin: 0;
	width: 200px;
	float:left;
	border: 1px solid #ff0000;
}

#maincontent,
#maincontent_full {
	margin-left:2px;
	padding-left: 2px;
	padding-right: 2px;
	width: 760px;
	float:left;
	border-left: 1px dotted #aaaaaa;
}
.clr {
	clear: both;
}

.main_block {
	position:relative;
	margin-left:0px;
	margin-top:10px;
	width:994px;
}

.set_sum img {
	margin-bottom:-4px;
}
.set_sum span {
	font-size:0.8em;
	color:#008800;
}

/* --------------- Left menu ---------------- */
.leftmenu {
	
}

.leftmenu .leftmenuitem {
	margin-top:0px;
	margin-left:20px;
	font-weight: bold;
	font-size: 90%;
}

.leftmenu .leftmenuitem img{
	/*margin-bottom:-5px;*/
	margin-top: 5px;
}

.leftmenu a, .leftmenu a:visited {
	text-decoration:none;
	color: #888888;
}

.leftmenu a:hover {
	text-decoration:none;
	color: #ff0000;
}

div.parent
{
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
	
div.child
{
	padding: 3px 0 3px 40px;
	margin: .4em 0;
}
/*------------------------------------- Footer -----------------------------------*/
#footer {
	font-size: 80%;
	clear: both;
	padding: 10px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	color: #888888;
}

#footer a {
	color: #ff0000;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #power {
	margin-top:5px;
}

#footer #power_common {
	background: #fff; 
	padding: 1px; 
	font-family: Verdana,Arial,Helvetica; 
	font-size: smaller; 
	font-variant: small-caps; 
	border: 1px solid #aaa;
}

#footer #power_left {
	color: #f8f8f8; 
	background: #c00; 
	padding: 0px 2px;
}

#footer #power_right {
	 color: #f8f8f8; 
	 background: #999; 
	 padding: 0px 10px 0px 2px;
}
/* --------------- Overview Category on PC ------------*/
#align_center{
	text-align:center;
}
	
#image_link{
	width:25%; 
	float:left; 
	margin-top:30px;
}
.banner_image{
	width:750px;
	height:151px;
}

.banner_name{
	font-size:17px; 
	color:#FF9900;
}

.default_image{
	width:64px; 
	height:64px; 
	border:1px; 
}

div#product_type{
	 margin-left:4px; 
	 margin-right:4px; 
	 text-align:left; 
	 background-color:#FDE690;
}

.three_type{
	font-size:6px; 
	color:#0000FF;
}
/*------------------------------------- Seperator -----------------------------------*/
.dotlinelightblue1 {
	background: url(../images/dot_lightblue1.gif) left top repeat-x;
	height: 1px;
}

.dotlinelightblue2 {
	background: url(../images/dot_lightblue2.gif) left top repeat-x;
	height: 1px;
}

.dotlinegray1 {
	background: url(../images/dot_gray1.gif) left top repeat-x;
	height: 1px;
}

.dotlinegray2 {
	background: url(../images/dot_gray2.gif) left top repeat-x;
	height: 1px;
}

/*------------------------------------- Rounded-corner table -----------------------------------*/
.yeltab{
	background-color:#ffcc00;
	/*margin: 20px 0px;*/
	border: 0px;
	padding: 0px;
}

.yeltitlecell{
	background-color:#fde690;
	padding: 5px;
	margin: 0px;
	color:#666666;
	font-weight:bold;
	white-space:nowrap;
	text-align: left;
}

.yeldatacell{
	background-color:#FFFFFF;
	padding: 5px;
	margin: 0px;
	text-align: left;
}

.required_field {
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
	font-size: 12px;
	color: #3868a0;
	background-color: #ffffaa;
	padding:2px 3px;
}

.non_required_field {
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
	font-size: 12px;
	color: #3868a0;
	background-color: #FFFFFF;
	ime-mode: disabled;
	padding:2px 3px;
}

.backtab{
	background-color:#D9D9D9;
	/*margin: 20px 0px;*/
	border: 0px;
	padding: 0px;
}

.blacktitlecell{
	background-color:#A6A6A6;
	padding: 2px 10px 2px 10px;
	color:#000000;
	font-weight:bold;
	white-space:nowrap;
	text-align: left;
}
.blackdatacell{
	background-color:#FFFFFF;
	padding: 2px;
	text-align: left;
}
/* --------------- Rounded-color Box ---------------*/ 
.yellowbox {
	background: url(../images/yellow_boxbg.gif) left top repeat-x;
	border:1px solid #dddddd;
}


.yeltopright {
	background: url(../images/yellow_box_tr.gif) no-repeat top right; 
}

.yelbottomright {
	background: url(../images/yellow_box_br.gif) no-repeat top right; 
}
/* ------------------------Component-------------------*/
.datagreenbox {
	background-color: #80D36B;
	border-color:#80D36B;
	border-style: solid;
	border-width:2px;	
}
.datagreenbox .datagreenboxheader {
	background-color: #80D36B;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}
.datagreenbox .datagreenboxcontent {
	background-color: #FFFFAA;
	padding: 0px 0px 0px 0px;	
}
.yellowboxheader {
	font-weight: bold;
	font-size: 140%;
	padding-left: 10px;
	text-align:left;
	margin-bottom:10px;
	color: #FD8900;
}
.datagraybox .datayellowboxheader {
	background-color: #888888;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 5px 5px;
}


/*-------------------- Image infomation -------------------------*/
.imageinfo {
	color: #009900;
	font-size: 70%;
}