@charset "utf-8";

/* ------------------------------------- 
			clearfix
 ------------------------------------- */

.clearfix,
.uniteColumn{
	zoom:1;
}
.clearfix:after,
.uniteColumn:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* ------------------------------------- 
			Tips
 ------------------------------------- */

.listMark {
	padding-left:1em;
	text-indent:-1em;
	}

.process{
	margin-bottom:20px;
	}

.attention{
	color:#CC0000;
	}
.accentuation{
	font-weight:bolder;
	}
	
.uniteColumn .columnLeft{
	float:left;
	}
.uniteColumn .columnRight{
	float:right;
	}

.penetrate{
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
	}
	
.notFound{
	text-align:center;
	padding:50px;
	}
	
.headerTxt{
	margin-bottom:15px;
	font-size: 114%;
	}
	
div.btnWrap p,
div.btnWrap input{
	display:inline;
	}
	
.inline-block{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

/* list */
.simpleList{
	border:1px solid #999999;
}
.simpleList > li{
	border-top:1px solid #999999;
	}
.simpleList > li:nth-child(1){
	border-top:none;
	}

.tileList{
	border:1px solid #999999;
}
.tileList > *{
	display:block;
	float:left;
	border-bottom:1px solid #999999;
	}
.tileList > *.tileB{
	border-bottom:none;
}
	
.tileList.column1 > *{
	width:100%;
	}
.tileList.column2 > *{
	width:50%;
	}
.tileList.column3 > *{
	width:33.333%;
	}
.tileList.column4 > *{
	width:25%;
	}
.tileList.column5 > *{
	width:20%;
	}
.tileList > * > a{
	display:block;
	padding:8px 32px 8px 8px;
	border-right:1px solid #999;
	text-decoration:none;
	}
	
.tileList > *.tileR > a{
	border-right:none;
}

/* table */
table.borderInOut{
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	border:0px;
	background-color:#AAAAAA;
	text-align:left;
	line-height:1.1em;
	}
table.borderInOut th{
	background-color:#EEEEEE;
	border:1px solid #FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding:7px;
	}
table.borderInOut td{
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding:7px;	
	}


/* for update contents tips 

.fltL{ float:left;}
.fltR{ float:right;}

.marginAll0{margin:0;}
.marginAll3{margin:3px;}
.marginAll5{margin:5px;}
.marginAll10{margin:10px;}
.marginAll15{margin:15px;}
.marginAll20{margin:20px;}
.marginAll25{margin:25px;}

.marginBtm0{margin-bottom:0;}
.marginBtm3{margin-bottom:3px;}
.marginBtm5{margin-bottom:5px;}
.marginBtm10{margin-bottom:10px;}
.marginBtm15{margin-bottom:15px;}
.marginBtm20{margin-bottom:20px;}
.marginBtm25{margin-bottom:25px;}

.marginTop0{margin-top:0;}
.marginTop3{margin-top:3px;}
.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop25{margin-top:25px;}

.marginLeft0{margin-left:0;}
.marginLeft3{margin-left:3px;}
.marginLeft5{margin-left:5px;}
.marginLeft10{margin-left:10px;}
.marginLeft15{margin-left:15px;}
.marginLeft20{margin-left:20px;}
.marginLeft25{margin-left:25px;}

.marginRight0{margin-right:0;}
.marginRight3{margin-right:3px;}
.marginRight5{margin-right:5px;}
.marginRight10{margin-right:10px;}
.marginRight15{margin-right:15px;}
.marginRight20{margin-right:20px;}
.marginRight25{margin-right:25px;}

.marginSide3{margin-left:3px; margin-right:3px;}
.marginSide5{margin-left:5px; margin-right:5px;}
.marginSide10{margin-left:10px; margin-right:10px;}
.marginSide15{margin-left:15px; margin-right:15px;}
.marginSide20{margin-left:20px; margin-right:20px;}
.marginSide25{margin-left:25px; margin-right:25px;}
.marginSideAuto{ margin: 0 auto; }

.paddingAll0{padding:0;}
.paddingAll3{padding:3px;}
.paddingAll5{padding:5px;}
.paddingAll10{padding:10px;}
.paddingAll15{padding:15px;}
.paddingAll20{padding:20px;}
.paddingAll25{padding:25px;}

.paddingBtm0{padding-bottom:0;}
.paddingBtm3{padding-bottom:3px;}
.paddingBtm5{padding-bottom:5px;}
.paddingBtm10{padding-bottom:10px;}
.paddingBtm15{padding-bottom:15px;}
.paddingBtm20{padding-bottom:20px;}
.paddingBtm25{padding-bottom:25px;}

.paddingTop0{padding-top:0;}
.paddingTop3{padding-top:3px;}
.paddingTop5{padding-top:5px;}
.paddingTop10{padding-top:10px;}
.paddingTop15{padding-top:15px;}
.paddingTop20{padding-top:20px;}
.paddingTop25{padding-top:25px;}

.paddingLeft0{padding-left:0;}
.paddingLeft3{padding-left:3px;}
.paddingLeft5{padding-left:5px;}
.paddingLeft10{padding-left:10px;}
.paddingLeft15{padding-left:15px;}
.paddingLeft20{padding-left:20px;}
.paddingLeft25{padding-left:25px;}

.paddingRight0{padding-right:0;}
.paddingRight3{padding-right:3px;}
.paddingRight5{padding-right:5px;}
.paddingRight10{padding-right:10px;}
.paddingRight15{padding-right:15px;}
.paddingRight20{padding-right:20px;}
.paddingRight25{padding-right:25px;}

.paddingSide3{padding-left:3px; padding-right:3px;}
.paddingSide5{padding-left:5px; padding-right:5px;}
.paddingSide10{padding-left:10px; padding-right:10px;}
.paddingSide15{padding-left:15px; padding-right:15px;}
.paddingSide20{padding-left:20px; padding-right:20px;}
.paddingSide25{padding-left:25px; padding-right:25px;}

.positionC { text-align: center; }
.positionL { text-align: left; }
.positionR { text-align: right; }

.txtBold{ font-weight:bolder;}
.txtLight{ font-weight:lighter;}

.txtRed{ color:#CC0000;}
.txtBlue{ color:#0066CC;}
.txtGreen{ color:#006600;}
.txtYellow{ color:#FF9900;}
.txtPink{ color:#FF6699;}
.txtLightGreen{ color:#86C600}
.txtLightBlue{ color:#0099FF}
.txtLightRed{ color:#FF0000}
.txtSoftGreen{ color:#48B443}
.txtSoftBlue{ color:#5298C2}
.txtSoftRed{ color:#E45858}
.txtWhite{ color:#FFFFFF}

.txtXSmall{ font-size:76%;}
.txtSmall{ font-size:84%;}
.txtLarge{ font-size:116%;}
.txtXLarge{ font-size:132%;}

.bandRed{ background-color:#CC0000;}
.bandBlue{ background-color:#0066CC;}
.bandGreen{ background-color:#006600;}
.bandYellow{ background-color:#FF9900;}
.bandPink{ background-color:#FF6699;}
.bandLightGreen{ background-color:#86C600;}
.bandLightBlue{ background-color:#0099FF;}
.bandLightRed{ background-color:#FF0000;}
.bandSoftGreen{ background-color:#48B443;}
.bandSoftBlue{ background-color:#5298C2;}
.bandSoftRed{ background-color:#E45858;}


/* button
.btnSmall{
	padding:5px;
	border-radius:6px;
	display:block;
}
.btnMedium{
	padding:12px;
	border-radius:6px;
	display:block;
}
.btnLarge{
	padding:18px;
	border-radius:6px;
	display:block;
}
	
.btnWhite{
	text-align:center;
	border:1px solid #E9E9E9;
	
	background-image: linear-gradient(bottom, rgb(233,233,233) 0%, rgb(255,255,255) 50%);
	background-image: -o-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(255,255,255) 50%);
	background-image: -moz-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(255,255,255) 50%);
	background-image: -webkit-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(255,255,255) 50%);
	background-image: -ms-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(255,255,255) 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(233,233,233)),
		color-stop(0.5, rgb(255,255,255))
	);
}
.btnGrey a{
	color:#666666;
	text-shadow:-1px -1px 0 #FFFFFF;
	text-decoration:none;
}
	
.btnGrey{
	text-align:center;
	border:1px solid #CCCCCC;
	background-color: rgb(255,255,255);
	
	background-image: linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 99%);
	background-image: -o-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 99%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(204,204,204)),
		color-stop(0.99, rgb(255,255,255))
	);
}
.btnGrey a{
	color:#333333;
	text-shadow:-1px -1px 0 #FFFFFF;
	text-decoration:none;
}
	
.btnDarkGrey{
	text-align:center;
	border:1px solid #4f4f4f;
	background-color: rgb(158,158,158);
	
	background-image: linear-gradient(bottom, rgb(79,79,79) 0%, rgb(158,158,158) 100%);
	background-image: -o-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(158,158,158) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(158,158,158) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(158,158,158) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(158,158,158) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(79,79,79)),
		color-stop(1, rgb(158,158,158))
	);
}
.btnDarkGrey a{
	color:#FFFFFF;
	text-shadow:-1px -1px 0 #333333;
	text-decoration:none;
}
	
.btnRed{
	text-align:center;
	border:1px solid #9c0000;
	background-color: rgb(255,92,92);
	
	background-image: linear-gradient(bottom, rgb(156,0,0) 0%, rgb(255,92,92) 100%);
	background-image: -o-linear-gradient(bottom, rgb(156,0,0) 0%, rgb(255,92,92) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(156,0,0) 0%, rgb(255,92,92) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(156,0,0) 0%, rgb(255,92,92) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(156,0,0) 0%, rgb(255,92,92) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(156,0,0)),
		color-stop(1, rgb(255,92,92))
	);
}
.btnRed a{
	color:#FFFFFF;
	text-shadow:-1px -1px 0 #630000;
	text-decoration:none;
}
	
.btnYellow{
	text-align:center;
	border:1px solid #ccb025;
	background-color: rgb(255,245,54);
	
	background-image: linear-gradient(bottom, rgb(204,176,37) 0%, rgb(255,245,54) 100%);
	background-image: -o-linear-gradient(bottom, rgb(204,176,37) 0%, rgb(255,245,54) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(204,176,37) 0%, rgb(255,245,54) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,176,37) 0%, rgb(255,245,54) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(204,176,37) 0%, rgb(255,245,54) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(204,176,37)),
		color-stop(1, rgb(255,245,54))
	);
}
.btnYellow a{
	color:#333333;
	text-shadow:-1px -1px 0 #FCF6A6;
	text-decoration:none;
}
	
.btnBlue{
	text-align:center;
	border:1px solid #01497c;
	background-color: rgb(3,99,177);
	
	background-image: linear-gradient(bottom, rgb(1,73,124) 0%, rgb(3,99,177) 100%);
	background-image: -o-linear-gradient(bottom, rgb(1,73,124) 0%, rgb(3,99,177) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(1,73,124) 0%, rgb(3,99,177) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(1,73,124) 0%, rgb(3,99,177) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(1,73,124) 0%, rgb(3,99,177) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(1,73,124)),
		color-stop(1, rgb(3,99,177))
	);
}
.btnBlue a{
	color:#FFFFFF;
	text-shadow:-1px -1px 0 #00375c;
	text-decoration:none;
}
	
.btnGreen{
	text-align:center;
	border:1px solid #3d7538;
	background-color: rgb(104,209,94);
	
	background-image: linear-gradient(bottom, rgb(61,117,56) 0%, rgb(104,209,94) 100%);
	background-image: -o-linear-gradient(bottom, rgb(61,117,56) 0%, rgb(104,209,94) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(61,117,56) 0%, rgb(104,209,94) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(61,117,56) 0%, rgb(104,209,94) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(61,117,56) 0%, rgb(104,209,94) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(61,117,56)),
		color-stop(1, rgb(104,209,94))
	);
}
.btnGreen a{
	color:#FFFFFF;
	text-shadow:-1px -1px 0 #284d25;
	text-decoration:none;
}

/* css3 
.cornerAll{ border-radius: 6px 6px 6px 6px; }
.cornerT{ border-radius: 6px 6px 0 0; }
.cornerTL{ border-radius: 6px 0 0 0; }
.cornerTR{ border-radius: 0 6px 0 0; }
.cornerL{ border-radius: 0 6px 0 6px; }
.cornerR{ border-radius: 0 6px 6px 0; }
.cornerB{ border-radius: 0 0 6px 6px; }
.cornerBL{ border-radius: 0 0 6px 0; }
.cornerBR{ border-radius: 0 0 0 6px; }

.boxShadow{
	box-shadow: #333333 1px 1px 4px;
	-moz-box-shadow: #333333 1px 1px 4px;
	-webkit-box-shadow: #333333 1px 1px 4px;
	-ms-box-shadow: #333333 1px 1px 4px;
	-o-box-shadow: #333333 1px 1px 4px;
	}

*/

/* ------------------------------------- 
			reserved keyword
 ------------------------------------- */
 
/* for layout */
#logo,
#pageHeader,
#pageFooter,
#container,
#headerNav,
#footerNav,
#copyright,
#topicPath,
#sideNav,
#subNav,
.header,
.footer,
.contents,
.main,
.sub,
.mainCts,
.subCts,

/* for contents */
.hd,
.wrapper,
.inner,
.uniteColumn,
.columnLeft,
.columnRight,
.section,
.ctsImg,
.ctsName,
.ctsSummary,
.first-child,
.last-child,
.even,
.odd,

/* for shopping */
.itemImg,
.itemName,
.itemPrice,
.itemSummary,
.btnDetail,
.btnShow
{ }