@charset "UTF-8";

/*main*/
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #333333;
	text-decoration: underline;
}
a.type2:link {
	color: #FC7C1E;
	text-decoration: none;
}
a.type2:visited {
	color: #FC7C1E;
	text-decoration: none;
}
a.type2:hover {
	color: #FC7C1E;
	text-decoration: underline;
}
a.type2:active {
	color: #FC7C1E;
	text-decoration: underline;
}
img {
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
#header {
	width: 802px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#container {
	width: 802px;
	text-align: left;
	background: url(img/container-top.gif) no-repeat left top;
	padding-top: 18px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
#leftColumn {
	clear: both;
	float: left;
	width: 255px;
	margin-left: 1px;
}
#rightColumn {
	float: left;
	width: 542px;
}
#footer {
	clear: both;
	padding-top: 10px;
}

/*header*/
#headerLeft {
	width: 493px;
	float: left;
}
#headerRight {
	width: 309px;
	float: left;
}
h1{
	background: url(img/bg-h1.jpg) no-repeat left top;
	height: 37px;
	width: 493px;
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
.fontsizeBtn{
	height: 37px;
	width: 309px;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(img/bg-fontsize.jpg) no-repeat left top;
}
.fontsizeBtn ul {
	margin: 0px;
	padding: 0px;
}
.fontsizeBtn li {
	font-size: 0px;
	line-height: 0px;
	float: left;
	list-style-type: none;
}
.fsArrow {
	background: url(img/fontsize-arrow.jpg) no-repeat right top;
	padding-right: 20px;
}
.loginBtn {
	background: url(img/bg-login.jpg) no-repeat left top;
	height: 45px;
	width: 309px;
	clear: both;
}
.loginBtn ul {
	margin: 0px;
	padding: 0px;
}
.loginBtn li {
	font-size: 0px;
	line-height: 0px;
	float: left;
	list-style-type: none;
	margin-top: 1px;
}
.globalNavi {
	background: url(img/bg-gnavi.jpg) no-repeat left top;
	height: 37px;
	width: 802px;
	clear: both;

}
.globalNavi ul {
	margin: 0px;
	padding: 0px;
	float: right;
}
.globalNavi li {
	font-size: 0px;
	line-height: 0px;
	float: left;
	list-style-type: none;
}

/*container*/
#containerInner {
	background: url(img/container-bg.gif) repeat-y left;
	width: 802px;
}
h3,h4 {
	margin: 0px;
	padding: 0px;
	clear: both;
}

/*leftColumn*/
.searchBox {
	background: url(img/search-btm.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}
.searchBox form {
	background: url(img/search-bg.jpg) repeat-y left top;
	padding-left: 20px;
	padding-bottom: 5px;
}
.ranking {
	background: url(img/ranking-btm.jpg) no-repeat left bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.ranking ul {
	margin: 0px;
	padding: 0px 0px 5px;
	list-style-type: none;
	background: url(img/ranking-bg.jpg) repeat-y left;
}
.subNavi {
	background: url(img/subnavi-btm.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.subNavi ul {
	background: url(img/subnavi-bg.gif) repeat-y left top;
	margin: 0px;
	padding: 5px 0px;
	list-style-type: none;
}
.subNavi ul li {
	background: url(img/arrow01.gif) no-repeat left top;
	margin-left: 17px;
	padding-left: 25px;
	margin-right: 25px;
}
.subNavi a:link {
	color: #99CC00;
	text-decoration: none;
}
.subNavi a:visited {
	color: #99CC00;
	text-decoration: none;
}
.subNavi a:hover {
	color: #99CC00;
	text-decoration: underline;
}
.subNavi a:active {
	color: #99CC00;
	text-decoration: underline;
}

/*rightColumn*/
.newArrival {
	background: url(img/orangebox-btm.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}
.newArrival ul {
	background: url(img/orangebox-bg.jpg) repeat-y left;
	margin: 0px;
	padding: 0px 20px 1px;
	list-style-type: none;
}
.newArrival ul li {
	text-indent: -4.5em;
	padding-left: 4.5em;
	padding-bottom: 3px;
	line-height: 130%;
}
.newImage {
	background: url(img/orangebox-btm.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}
.newImageInner {
	display: inline-block;
	background: url(img/orangebox-bg.jpg) repeat-y left;
	padding-bottom: 5px;
	padding-left: 16px;
}
.newImageInner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.imgBox {
	background: #FFFFFF;
	width: 87px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 14px;
	margin-bottom: 10px;
}
.news {
	background: url(img/whitebox-btm.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}
.news ul {
	background: url(img/whitebox-bg.jpg) repeat-y left;
	margin: 0px;
	padding: 0px 20px 1px;
	list-style-type: none;
}
.news ul li {
	background: url(img/arrow02.gif) no-repeat left 3px;
	padding-left: 20px;
}
.category {
	background: url(img/orangebox-btm.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}
.categoryInner {
	display: inline-block;
	background: url(img/orangebox-bg.jpg) repeat-y left;
	padding-bottom: 5px;
	padding-left: 2px;
}
.categoryInner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.category ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.ctg li {
	background: url(img/bg-category.gif) no-repeat left top;
	float: left;
	width: 230px;
	padding-left: 25px;
	margin-left: 10px;
	padding-bottom: 7px;
}
.age {
	display: inline-block;
	margin-left: 10px;
	background: #FFF2DF;
	padding: 17px 10px 10px 38px;
	border: 1px solid #F2B73E;
	margin-right: 20px;
}
.age:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.age li {
	background: url(img/arrow03.gif) no-repeat left top;
	float: left;
	width: 90px;
	padding-left: 23px;
	padding-bottom: 10px;
}

/*footer*/
.pageup {
	clear: both;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-right: 35px;
	margin-bottom: 35px;
}
.textNavi {
	clear: both;
	text-align: right;
	padding-right: 33px;
	background: url(img/dot01.gif) repeat-x left top;
	padding-top: 24px;
	padding-bottom: 19px;
}
.textNavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.textNavi ul li {
	display: inline;
	padding-left: 8px;
	padding-right: 6px;
	border-right: 1px solid #FC7C1E;
}
#copy {
	clear: both;
	text-align: right;
	color: #FC7C1E;
	background: url(img/bg-copy.jpg) no-repeat left top;
	padding-top: 10px;
	padding-right: 29px;
	padding-bottom: 13px;
}

/*decoration*/
.cap {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.lh200 {
	line-height: 200%;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	visibility: hidden;
}
.marker01 {
	color: #FF0000;
}
.pdgALL10 {
	padding: 10px;
}
.pdgLR10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pdgTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pdgL10 {
	padding-left: 10px;
}
.pdgR10 {
	padding-right: 10px;
}
.pdgT10 {
	padding-top: 10px;
}
.pdgB10 {
	padding-bottom: 10px;
}
.mid01 {
	vertical-align: middle;
	margin-left: 5px;
}
.mid02 {
	vertical-align: middle;
	margin-right: 5px;
}
.mid03 {
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
.algC {
	text-align: center;
}
.algL {
	text-align: left;
}
.algR {
	text-align: right;
}
.floatL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.floatR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.clear {
	clear: both;
}

/*contents*/
.orangeBox {
	background: #FFF2DF;
	border: 1px solid #F2B73E;
	padding: 15px 20px;
	margin-right: 8px;
	margin-top: 10px;
}
.whiteBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 15px 20px;
	margin-right: 8px;
}

/*outline*/
.que {
	background: url(outline/img/que.gif) no-repeat left top;
	padding-left: 32px;
	padding-top: 3px;
	padding-bottom: 10px;
	font-weight: bold;
}
.ans {
	background: url(outline/img/ans.gif) no-repeat left top;
	padding-left: 32px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 15px;
}

/*registration*/
.formfield th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border-bottom: 1px solid #EBE0BE;
}
.formfield .close {
	border-left: 3px solid #F2B73E;
	background: #FFF2DF;
}
.formfield .open {
	border-left: 3px solid #FF8686;	
	background: #FFF2DF;	
}
.formfield td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #EBE0BE;
	border-left: 1px solid #EBE0BE;
}

/*member*/
.memberInner {
	display: inline-block;
	padding-left: 8px;
}
.memberInner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.memberBox {
	background: #FFFFFF;
	width: 105px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 15px;
	margin-bottom: 10px;
}

/*rss icon */
.rss1 {
	margin-left:160px;
}
.rss2 {
	position:absolute;
	top:29px;
	left:100px;
}
.rss3 {
	position:absolute;
	top:19px;
	left:100px;
}
.rss4 {
	position:absolute;
	top:19px;
	left:175px;
}
.rss5 {
	position:absolute;
	top:19px;
	left:100px;
}