@charset "UTF-8";

/* LIVITY OUTERNATIONAL CSS Document */

/*
	1.基本設定
	2.段落設定
	3.詳細設定
		3-1.Header
		3-2.Global Menu
		3-3.Sidebar
		3-4.Content
		3-5.Footer
		3-6.Font & Align
*/

/******************************************/
/*            1. 基本設定                 */
/******************************************/

*{
	margin:0;
	padding:0;
}

body{
	font-size:12px;
	font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:22px;
	color:#222222;
	background:url(../images/bg.jpg);
}

img, img a{
	border:0;
}

a{
	color:#3d2d1a;
	font-weight:bold;
}

a:hover{
	color:#68a641;
}

.clear{
	clear:both;
}

/******************************************/
/*            2. 段落設定                 */
/******************************************/

#wrapper{
	width:1022px;
	margin:0 auto;
}

#header{
	width:928px;
	height:38px;
	padding:0 15px;
	text-align:center;
	color:#ffffff;
}

#mainImg{
	background:url(../images/mainimg_bg.png) no-repeat;
	width:944px;
	height:355px;
	padding:12px 0 0 14px;
}

#subTtlImg{
	background:url(../images/subttlimg_bg.png) no-repeat;
	width:944px;
	height:105px;
	padding:12px 0 0 14px;
}

#globalMenu{
	height:69px;
	background:transparent url(../images/global_bg.png) repeat-y;
	padding:5px 0 0 14px;
}

#container{
	background:url(../images/content_bg.png) repeat-y;
	width:924px;
	padding:0 14px;
}

#sidebar{
	float:left;
	width:223px;
	padding:7px 0 0 7px;
}

#content{
	float:right;
	width:685px;
	padding:7px 0 10px 0;
}

#footer{
	background:url(../images/footer_bg.png) no-repeat;
	width:958px;
	height:94px;
}

/******************************************/
/*            3. 詳細設定                 */
/******************************************/

/*	3-1. Header */

h1{
	float:left;
	margin-top:12px;
}

.naviMenu{
	float:right;
	margin-top:9px;
	background:url(../images/navimenu_bg.png) no-repeat;
	width:450px;
	height:23px;
}

/*	3-2. Global Menu */

#menu{
	width:930px;
	height:74px;
	margin:0;
	padding:0;
	float:left;
}

#menu ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

#menu li, #menu a{
	margin:0;
	padding:0;
	float:left;
	height:74px;
	display:block;
}

#mTop a{
	background:url(../images/btn_top.jpg) no-repeat;
	width:118px;
}
#mTop a:hover{
	background:url(../images/btn_top_on.jpg) 0 0 no-repeat;
	width:118px;
}

#mHats a{
	background:url(../images/btn_hats.jpg) no-repeat;
	width:162px;
}

#mHats a:hover,
#mHats_on a{
	background:url(../images/btn_hats_on.jpg) 0 0 no-repeat;
	width:162px;
}

#mMen a{
	background:url(../images/btn_men.jpg) no-repeat;
	width:112px;
}
#mMen a:hover,
#mMen_on a{
	background:url(../images/btn_men_on.jpg) 0 0 no-repeat;
	width:112px;
}

#mWomen a{
	background:url(../images/btn_women.jpg) no-repeat;
	width:138px;
}
#mWomen a:hover,
#mWomen_on a{
	background:url(../images/btn_women_on.jpg) 0 0 no-repeat;
	width:138px;
}

#mBags a{
	background:url(../images/btn_bags.jpg) no-repeat;
	width:117px;
}
#mBags a:hover,
#mBags_on a{
	background:url(../images/btn_bags_on.jpg) 0 0 no-repeat;
	width:117px;
}

#mAccessories a{
	background:url(../images/btn_accessories.jpg) no-repeat;
	width:174px;
}
#mAccessories a:hover,
#mAccessories_on a{
	background:url(../images/btn_accessories_on.jpg) 0 0 no-repeat;
	width:174px;
}

#mKids a{
	background:url(../images/btn_kids.jpg) no-repeat;
	width:109px;
}
#mKids a:hover,
#mKids_on a{
	background:url(../images/btn_kids_on.jpg) 0 0 no-repeat;
	width:109px;
}


/*	3-3. Sidebar */

#sidebar img{
	margin-bottom:10px;
}

#sidebar img.search{
	margin-bottom:0px;
}

#sidebar input{
	width:175px;
	height:21px;
	border:1px solid #888177;
}

#sidebar ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

#sidebar li{
	margin:3px 0 2px 15px;
}

#sidebar li span{
	font-size:10px;
	color:#9b9389;
	margin-right:5px;
}

#sidebar li.subMenu{
	margin:1px 0 1px 45px;
}


/*	3-4. Content */

.mainBox{
	margin:15px 15px 15px 10px;
}

.mainBox table{
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #888177;
	border-bottom:1px solid #888177;
}

.mainBox th, .mainBox td{
	padding:6px 8px;
	text-align:center;
}

.mainBox th{
	background-color:#f6f6f6;
	border-top:1px solid #c4beb5;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #c4beb5;
}

.mainBox td{
	border-top:1px solid #c4beb5;
	border-bottom:1px solid #c4beb5;
}
	
#content form.period{
	margin-left:10px;
}

textarea{
	font-size:12px;
}

.mainBox th.taRight,
.mainBox td.taRight{
	text-align:right;
}	

.mainBox th.subTh{
	background-color:#f9f9f9;
	border-top:1px solid #c4beb5;
	border-bottom:1px solid #c4beb5;
}

.mainBox th.taLeft,
.mainBox td.taLeft{
	text-align:left;
}

/*Path*/
#pathBox{
	font-size:10px;
	margin-bottom:20px;
}

/*Title*/
.ttl{
	background:url(../images/ttl_bg.gif) no-repeat;	
	height:34px;
	margin-bottom:5px;
	margin-top:3px;
}

.ttl span{
	font-size:14px;
	font-weight:bold;
	color:#3d2d1a;
	margin-left:10px;
}

.more a{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
}

.mainBox .subttl{
	background:url(../images/subttl_bg.gif) 0 4px no-repeat;
	padding-left:10px;
	height:25px;
	color:#68a641;
	font-weight:bold;
}
.mainBox .subttlOrder{
	background:url(../images/subttl_bg.gif) 0 4px no-repeat;
	padding-left:10px;
	height:25px;
	color:#4b99a1;
	font-weight:bold;
}


/*Item Detail*/

.itemBox{
	width:208px;
	margin-right:20px;
	text-align:center;
	float:left;
}

.itemBox h2{
	font-size:14px;
	margin:5px 0;
}

.itemBox p{
	width:208px;
	margin-bottom:5px;
}

.itemBox span{
	font-weight:bold;
}

.itemImg{
	float:left;
	width:310px;
}

.itemThum{
	font-size:10px;
}
.itemThum img{
	border:1px solid #ffffff;
}

.itemThum a.selected img{
	border:1px solid #8a6e5d;
}

.itemTxt{
	width:345px;
	float:right;
	padding-right:5px;
}

.itemTxt h2{
	font-size:22px;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	color:#3d2d1a;
}

.itemTxt p{
	margin-bottom:10px;
	line-height:18px;
}

.itemTxt span{
	color:#3d2d1a;
	font-size:9px;
}

.itemTxt p.toOrder{
	font-size:10px;
	color:#336600;
	margin-bottom:2px;
}	

/*Item List*/

h2{
	color:#68a641;
	font-size:22px;
	margin:15px 10px 10px 10px;
}

.sort{
	background:url(../images/ttl_bg.gif) no-repeat;	
	height:30px;
	margin:5px 0;
	padding:2px 10px;
}
.sortNoBg{
	background:none;	
	height:13px;
	margin:1px 0;
	padding:10px;
}

.pager a{
	font-size:11px;
	font-weight:normal;
}

.pager a.current{	
	color:#68a641;
	font-weight:bold;
}



/*Information*/

#infoBox{
	width:645px;
	margin-left:20px;
}

#infoBox ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

#infoBox li{
	margin-bottom:3px;
}

#infoBox li span{
	font-size:11px;
	color:#9b9389;
	margin-right:10px;
}

#infoBox a{
	font-weight:normal;
}


/*Member's Code*/

#memberCodeInfo{
	padding:10px;
	background-color:#fdf8e6;
	border:2px solid #be6400;
	color:#be6400;
	font-size:14px;
	margin-bottom:15px;
	line-height:20px;
}

#memberCodeInfo p{
	margin:0 5px;
}


/*	3-5. Footer */

.copyright{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin:17px 0 0 60px;
}

.footnavi{
	float:right;
	margin:17px 27px 0 0;
	color:#9b9389;
}

.naviMenu a,
.footnavi a{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}	
.naviMenu a:hover,
.footnavi a:hover{
	text-decoration:underline;
}


/*	3-6. Font & Align */

/*align*/
.fLeft{
	float:left;
}

.fRight{
	float:right;
}

/*size*/
.fs10px{
	font-size:10px;
}

/*weight*/
a.fwNormal{
	font-weight:normal;
}

.fwBold{
	font-weight:bold;
}

.fwNormal{
	font-weight:normal;
}

/*color*/
.fcRed{
	color:#cc0000;
}

.fcGreen{
	color:#68a641;
}

.fcBlue{
	color:#4b99a1;
}

.fcBrown{
	color:#4e3c27;
}
.fcLight{
	color:#888177;
}
.fcLBrown{
	color:#9b9389;
}


.error{
	font-weight:bold;
	color:#ff0000;
	}
.message{
	font-weight:bold;
	color:#007CE6;
	}