@charset "utf-8";
/*
Copyright (c) 2009, Aidees Company. All rights reserved.
version: 1.00
*/

@import "common.css";
body#index #loginService,body#index #loginServiceBtm,.loginBtn,.regBtn {
	background-image : url("../images/sprite.png") ;
}
/**
 * loginService
 *
 *
 */
body#index #loginService {
	width : 219px ;
	background-position : left -177px ;
	background-repeat : no-repeat ;
	padding: 6px 0;
}
	body#index {
	}
	body#index fieldset {
		padding: 10px 11px 18px;
		background-color: #fff;
		border-left: 3px #c2c2c2 solid;
		border-right: 3px #c2c2c2 solid;
		text-align: center;
	}
		body#index fieldset a {
			display: block;
			text-indent: -9999px;
		}
		h3#loginTitle, h3#regTitle {
			width: 176px;
			height: 18px;
			overflow: hidden;
			text-indent: -9999px;
		}
		h3#loginTitle { background: url(../images/loginTitle.png) no-repeat; }
		h3#regTitle { background: url(../images/regTitle.png) no-repeat; }
		
		#loginForm table {
			margin: 0 auto;
		}
		#loginForm table td {
			height: 25px;
			text-align: right;
			padding: 4px;
		}
		#loginForm table td input {
			height: 19px;
			border: 1px #e4e4e4 solid;
			padding: 5px 0 0 5px;
		}
		.loginOption {
			display: block;
			text-indent: 10px;
		}
		.loginOption.pass {
			background: url(../images/icon_l_b.png) no-repeat left center;
		}
		fieldset .loginBtn {
			display: block;
			width : 127px ;
			height : 33px ;
			background-position : left -110px ;
			background-repeat : no-repeat ;
			margin: 10px auto;
		}
		body#index #loginServiceBtm {
			display: block;
			width : 219px ;
			height : 5px ;
			background-position : left -183px ;
			background-repeat : no-repeat ;
		}
		body#index #reg {
			padding-top: 10px;
			margin-top: 10px;
			background: url(../images/dot-line.png) repeat-x top;
		}
		#reg p {
			padding: 8px 0;
			text-align: left;
		}
		#reg .regBtn {
			display: block;
			width : 191px ;
			height : 38px ;
			background-position : left -66px ;
			background-repeat : no-repeat ;
		}
/**
 * mainPane
 *
 *
 */
#mainPane {
	margin-left: 10px;
}

	#loopedSlider .container {
		width: 710px;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
		#loopedSlider .slides { position: absolute; top: 0; left: 0; }
		#loopedSlider .slides div { position: absolute; top: 0; width: 710px; }
		#loopedSlider .pagination { text-align: center; }
		#loopedSlider .pagination li { display: inline; }
		#loopedSlider .pagination a { color: #ccc; outline: none; }
		#loopedSlider .pagination li.active a { color: #666; }
		#loopedSlider .pagination a:hover { color: #666; text-decoration: none; }

/**
 * main
 *
 *
 */
#main .section {
	margin-bottom: 20px;
}
	#bannerArea1 dl.unit {
		margin-left: 20px;
	}
	#bannerArea1 dl.unit.init {
		margin-left: 0;
	}
	#categoryList h2 {
		display: block;
		width: 700px;
		height: 30px;
		line-height: 30px;
		background: url(../images/h2bg_g.png) no-repeat;
		font-size: 14px;
		font-weight: bold;
		color: #1f1e1e;
		text-indent: 20px;
	}
	#categoryList .container {
		margin-left: -1px;
		margin-top: 10px;
		overflow: hidden;
		position: relative;
	}
		#categoryList dl {
			display: block;
			width: 232px;
			float: left;
			border-left: 1px #ccc dotted;
			border-bottom: 1px #ccc dotted;
		}
		#categoryList dl dt {
			padding: 10px 0 5px 50px;
			color: #0088CC;
			font-size: 130%;
			font-weight: bold;
			text-decoration: underline;
		}
		#categoryList dl dd ul { margin: 10px; }
		#categoryList dl dd ul li { display: inline; }
			#categoryList dl dd li span { color: #999; }
			
		#info dl.unit {
			display: block;
			width: 340px;
			margin-left: 20px;
		}
	#info dl.unit.init {
		margin-left: 0;
	}
	#info dl.unit dt {
		background: url(../images/line01.png) repeat-x bottom;
	}
	dl.unit#oshirase dt,
	dl.unit#kousin dt {
		display: block;
		height: 21px;
		text-indent: -9999px;
		border-bottom: 2px #ccc dotted;
	}
	dl.unit dd { padding-top: 5px; }
	dl.unit#oshirase dt { background: url(../images/title_oshirase.png) no-repeat; }
	dl.unit#kousin dt   { background: url(../images/title_kousin.png) no-repeat; }
	#info dl.unit dd dl dt, #info dl.unit dd dl dd { padding: 3px 0; border-top: 1px #ccc dotted; }
	#info dl.unit dd dl dt.init, #info dl.unit dd dl dd.init { border-top: none; }
	/*inheritance reset*/ #info dl.unit dd dl dt { background-image: none; height: auto; text-indent: 0; border-bottom: none;}
	#info dl.unit dd dl dt { float: left; width: 70px; clear: both; }
	#info dl.unit dd dl dd { float: right; width: 270px; }

/**
 * sub
 *
 *
 */
#sub .section {
	background-color: #ededed;
}
	#bannerArea2 img {
		display: block;
		margin: 0 0 10px 10px;
	}

#subBtm {
	display: block;
	width : 220px ;
	height : 10px ;
	background-position : left bottom ;
	background-repeat : no-repeat ;
}

/**
 * FAQ
 *
 *
 */
#L3475 { margin: 10px; }
body#faq div#faqbox {
	padding: 27px;
	border: #ccc 1px solid;
}

body#faq div#faqbox dl {
	border-bottom: 1px #ccc dotted;
	padding: 10px 0;
}

body#faq dt.question {
 	background: url(../images/faq_icon_question.png) no-repeat;
	text-indent: 60px;
	line-height: 50px;
	cursor: pointer;
	color: #0088CC;
}

body#faq dd.answer {
	margin: 10px 0 10px 30px;
	width: 835px;
	background: #eee url(../images/faq_answerbox_top.png) no-repeat;
}

	body#faq dd.answer p {
		padding: 50px 50px 20px 50px;
		background: url(../images/faq_answerbox_btm.png) no-repeat bottom left;
	}

/**
 * Site Map
 *
 *
 */
body#sitemap h2 { margin-bottom: 20px; }
body#sitemap dl.section {
	width: 218px;
	border: 1px #ccc solid;
	padding: 1px;
	margin-right: 20px;
	margin-bottom: 20px;
}

	body#sitemap dl.section dt {
		padding: 5px 10px;
		background: url(../images/line00ccff.png) repeat-x center 1px;
		color: #333333;
		font-weight: bold;
		font-size: 14px;
	}
	
	body#sitemap dl.section dd {
		padding-left: 10px;
		background: url(../images/dot-line.png) repeat-x top;
	}
		body#sitemap dl.section dd a {
			display: block;
			background: url(../images/icon_l_arrow.png) no-repeat left center;
			text-indent: 16px;
			line-height: 2;
		}

/**
 * Register User
 *
 *
 */
#userInput {
	width: 898px;
	font-size: 120%;
	border: 1px #aaa solid;
	-moz-border-radius: 15px;
	margin: 20px 0;
	padding: 20px;
}
#userInput dl {
	float: left;
	width: 450px;
}
#userInput dl dt {
	float: left;
	clear: both;
	width: 10em;
	text-align: right;
	padding: 0.5em;
	margin: 1em 0;
}
#userInput dl dd {
	float: left;
	margin: 1em 0;
}
	#userInput dl dd input,
	#userInput dl dd textarea {
		border: none;
		background-color: #66c4ff;
		padding: 0.5em;
		-moz-border-radius: 5px;
	}
	#userInput textarea#self-intro {
		display: block;
		width: 278px;
	}
div.controls {
	clear: both;
	text-align: center;
}
textarea#terms {
	display: block;
	width: 337px;
	float: right;
	border: none;
	-moz-border-radius: 15px;
	background-color: #ccc;
	padding: 1.5em;
}

/**
 * ItemList
 *
 *
 */
#menu {
	width: 150px;
}
	.cuteMenuBox {
		margin-bottom: 15px;
		background: url(../images/menu_category_top.png) no-repeat;
		padding-top: 51px;
	}
	
	#keySearch {
		background: url(../images/menu_keySearch_top.png) no-repeat;
	}

	.cuteMenuBox ul,
	.cuteMenuBox fieldset {
		background: url(../images/menu_frame_btm.png) no-repeat bottom;
		padding-bottom: 8px;
	}
		.cuteMenuBox ul li {
			width: 148px;
			border-left: 1px #c2c2c2 solid;
			border-right: 1px #c2c2c2 solid;
			line-height: 2em;
			text-indent: 10px;
		}
		.cuteMenuBox .inner {
			padding: 10px;
			border-left: 1px #c2c2c2 solid;
			border-right: 1px #c2c2c2 solid;
		}
			
#contents {
	width: 600px;
	margin-left: 20px;
}
	#list ul li.section {
		display: block;
		padding: 15px 0;
		margin: 10px 0;
		border-bottom: 1px #c2c2c2 solid;
	}
	#list ul li.section.odd {
		background-color: #FAFAFF;
	} 
	#list ul li .images {
		width: 220px;
	}
		#list ul li .images .zoomImages {
			width: 200px;
			height: 150px;
			overflow: hidden;
		}
	#list ul li .desc {
	}
		.desc a.title {
			display: block;
			font-size: 130%;
		}
		.desc .main {
			width: 160px;
		}
			.main .price {
				display: block;
				width: 10em;
				padding: 0.5em 0;
				border-bottom: 1px #c2c2c2 solid;
			}
				.price em {
					color: #931414;
					font-size: 150%;
					margin: 0 0.3em 0 1em;
				}
			.main .options {
				margin: 10px;
			}
				.main ul.options li a {
					display: block;
					vertical-align: middle;
					line-height: 2em;
					background: url(../images/icon_l_arrow.png) no-repeat left center;
					text-indent: 15px;
					}
		.desc input#addCartBtn {
			margin-top: 10px;
		}
		.desc p {
			clear: both;
			display: block;
		}
#side {
	width: 150px;
	margin-left: 20px;
}

/**
 * Login
 *
 *
 */
body#login #loginService {
	width: 500px;
	height: auto !important;
	min-height: 200px;
	height: 400px;
	border-right: 1px #ccc solid;
	margin-right: 50px;
}

body#login #loginTitle {
	margin: 0 0 20px 20px;
}
body#login #login_id,
body#login #passwd {
	width: 200px;
}
body#login .loginOption {
	display: inline;
	text-align: left;
	padding-left: 10px;
}
body#login #loginService .loginBtn {
	margin-top: 30px;
}