html {
background: #afe024;
}
body {
background: url(../img/pwee_bg.png) center top no-repeat;
text-align: center;
}
#wrapper {
width: 800px;
min-height: 600px;
margin: 0 auto;
}
#header {
margin: 0 20px ;
height: 240px;
background: url(../img/bg_head.png) center top no-repeat;
overflow: hidden;
position: relative;
text-align: left;
}
#header h1 {
width: 416px;
float: left;
}
#header ul {
width: 344px;
float: right;
overflow: hidden;
position: relative;
}
#header ul li {
float: left;
}
#header ul li.hover a {
display: block;
margin-left: 1px;
}
#header ul li.hover a:hover {
}

#contents {
margin: 20px;
text-align: left;
}
.main {
width: 500px;
float: left;
text-align: left;
overflow: hidden;
margin-bottom: 20px;
}
.main_top,.main_foot {
width: 500px;
height: 15px;
font-size: 0px;
}
.main_top {
background: url(../img/box_top.png) left top no-repeat;
}
.main_foot {
background: url(../img/box_bottom.png) left top no-repeat;
}
.main_inner {
padding: 0 15px;
background: url(../img/box_bg.png) left top repeat-y;
}
.subR {
width: 240px;
float: right;
text-align: left;
overflow: hidden;
}
.sub_box {
background: url(../img/sub_bg.gif) left top repeat-y;
padding: 10px;
margin-bottom: 20px;
}
#footer {
width: 760px;
clear: both;
}
#footer p {
text-align: right;
border-top: 1px solid #93d00d;
padding-top: 20px;
color: #228b22;
}


li a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:5px; margin-right:20px; width:140px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}


/*pwee*/
.subR h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
	color:  #669900;
	}
.subR dl {
    padding-left:10px;
	}
.subR dl dt {
    padding-top: 5px;
    font-size: 1.0em;
	font-weight: bold;
	}
.subR dd {
    text-indent: 1em;
	font-size: 0.9em;
	font-weight: normal;
	}
.subR ul li a {
	line-height: 2;
	padding-left: 20px;
	background: url(../img/link_uncheck.gif) center left no-repeat;
	}
.subR ul li a:hover {
	background: url(../img/link_check.gif) center left no-repeat;
	}

	
div.pwee_info dl {
    padding:10px;
	}
div.pwee_info dl dt {
    padding-top: 5px;
    font-size: 1.0em;
	font-weight: bold;
	}
div.pwee_info dd {
    text-indent: 1em;
	font-size: 0.9em;
	font-weight: normal;
	}
	
div.pweeBlock h4 {
	border-bottom: solid 1px #669900;
	margin-top: 10px;
	}
div.pweeBlock h5 {
	font-size: 0.9em;
	border-bottom: solid 1px #333333;
	margin-top: 15px;
	}
div.pweeBlock h5.shop {
	margin-top: 20px;
	}
 div.pweeBlock p.sub {
	font-size: 1em;
	color: #006600;
	margin: 0 0 10px 10px;
	}
div.pweeBlock p.explain {
	font-size: 1em;
	margin: 10px 10px;
	padding: 20px 30px;
	color: #666;
	background-color: #ECECEC;
	}
div.pweeBlock p span.keyword {
	font-size: 1.4em;
	color: #FF0000;
	border-bottom: solid 1px #FF0000;
	margin-left: 20px;
	}
div.pweeBlock p img {
	margin: 5px;
	}
div.pweeBlock dl {
	margin: 0 0 10px 10px;
	}
div.pweeBlock dl dt {
	margin: 10px 0 0 0;
	padding-right: 0;
	font-size: 1em;
	}
div.pweeBlock dl dd {
	padding: 0 10px;
	font-size: 0.9em;
	}
table {
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
div.pweeBlock table tr td {	
	vertical-align: top;
	}
div.pweeBlock table.supportList tr td {
	margin: 0;
	padding: 0 10px 10px 0;
	border-left: solid 1px #669900;
	width: 200px;
	}
div.pweeBlock table.supportList tr td h6 {
	font-size: 1em;
	color: #fff;
	background-color: #669900;
	margin: 0;
	padding: 5px 0 5px 5px;
	}
div.pweeBlock table.supportList dl dt {
	font-size: 0.9em;
	}
div.pweeBlock table.supportList dl dd {
	font-size: 0.8em;
	}

div.pwee_navi h3,div.pwee_info h3 {
	margin: 10px 0 0 10px;
	font-size: 1.2em;
	font-weight: normal;
	color: #669900;
	border-bottom: solid 1px #669900;
	}
div.iconLink ul li {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	}

div.pwee_navi ul li {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
	}
	
div.pageswitch {
	font-size: 0.9em;
    text-align: center;
	color: #0033FF;
	margin: 0;
	padding: 1em 0;
	font-weight:bold;
	}