/*
===============================================================================
| 			site common style
===============================================================================
*/

/*================================ base style  ================================*/

*{
	margin: 0;
	padding: 0;
}

html{
	height:100%;
}
div.clear{
	font-size: 1px;
	height: 0;
	clear: both;
	line-height: 1px;
}
br.clear{
	clear:both;
}
.clear{
	font-size: 1px;
	height: 1px;
	clear: both;
	line-height: 1px;
	display: block;
}
body{
	background-image: url(/images/common/bg.png);
	background-repeat: repeat-x;
	background-color: #E1DBE7;
	height:100%;
	text-align: center;
	font-size: 80%;
	color: #333333;
	line-height: 160%;
	font-family: sans-serif;
	padding: 0;
	margin: 0 auto;
}
img{
	border:none;
}

div#wrapper{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 806px;
	background-image: url(/images/common/contents_bg.gif);
	background-repeat: repeat-y;
	background-position: 50% 50%;
	min-height:100%;
	_height:100%;
}
div#wrapper div.inner{
	margin: 0 14px;
}
div#wrapper div.innerwide{
	margin: 0 14px;
	padding: 30px 30px;
}

div#junpTop{
	position: absolute;
}
div#wrapper div.inner div#junpTop{
	margin-left: 554px;
}
div#wrapper div.innerwide div#junpTop{
	margin-left: 720px;
}

/*----------------------------------------------------------------------
/			form 
/----------------------------------------------------------------------*/
input,select{
	vertical-align: middle;
}
option{
	padding-right: 10px;
}
input.formButton{
	padding: 5px 20px;
}
input,select{
	margin-right: 4px;
}
/*input ボタンをセンターに*/
div.submit{
	text-align:center;
	margin-bottom: 20px;
}

/*----------------------------------------------------------------------
/			link 
/----------------------------------------------------------------------*/
a{
	line-height: 140%;
}
a:link{
	color: #ff6666;
	text-decoration: none;
}
a:visited{
	color: #999999;
	text-decoration: none;
}
a:hover{
	color: #ff6666;
	text-decoration: underline;
}

/*----------------------------------------------------------------------
/			paragraph 
/----------------------------------------------------------------------*/
h1{

}

h2{
	font-size: 120%;
	font-weight:bold;
	margin: 0;
	padding: 22px 0 20px 30px;
	line-height: 140%;
	border-bottom: 1px solid #cccccc;
}

h3{
	font-size: 100%;
	font-weight:bold;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 100%;
}

h4{
	font-size: 115%;
	font-weight:bold;
	margin: 3px 0 8px 0;
	line-height: 140%;
}
h5{
	font-size: 110%;
	font-weight:bold;
	margin: 3px 0 5px 0;
	line-height: 140%;
}
h6{
	font-size:100%;
	font-weight:bold;
	margin: 3px 0 5px 0;
	line-height: 140%;
}
p{
	margin: 0;
	padding-bottom: 10px;

}

.caption{
	font-size: 85%;
}
td.caption{
	font-size: 85%;
}

strong{
	color :#ff6600;
	font-weight:bold;
	text-decoration: none;
	font-style: normal;
}
em{
	color :#3658A5;
	font-weight:bold;
	text-decoration: none;
	font-style: normal;
}
/*----------------------------------------------------------------------
/			list
/----------------------------------------------------------------------*/
ol,ul{
	margin: 0 0 20px 25px;
}
ol li{
	margin: 0 0 10px 0;
}
ul li{
	margin: 0 0 3px 0;
}
li{
	line-height: 140%;
}
dl{
}
dt{
}
dd{

}
/*----------------------------------------------------------------------
/			table
/----------------------------------------------------------------------*/
table{
	font-size: 100%;
}
/*通常表組*/
table.line{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
table.line td{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px 6px;
	vertical-align: top;
	text-align: left;
	line-height: 150%;
}
table.line th{
	padding: 3px 6px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
	background-color: #FDECEC;
	text-align: left;
	line-height: 150%;

	font-weight:bold;
}
table.line th a{
	font-weight:normal;
}

/*レイアウト*/
table.layout{
	border-collapse: collapse;
	line-height: 100%;
}
table.layout td,table.layout th{
	padding:0;
	vertical-align: top;
}


/*================================ LUCE style  ================================*/

/*----------------------------------------------------------------------
/			main layout
/----------------------------------------------------------------------*/
div.main{
	text-align: left;
	width: 100%;
}
div#wrapper div.main div.inner{
	margin:0;
	padding:0;
}
div.main div.rightBlock{
	width: 550px;
	float: right;
	padding: 45px 20px 35px 0;
	border-top: 6px solid #666666;
}
div.main div.leftBlock{
	width: 180px;
	float: left;
}

/*----------------------------------------------------------------------
/			header 
/----------------------------------------------------------------------*/
div.header{
	border-bottom: 1px solid #cccccc;
	width: 100%;
	margin-bottom: 1px;
	line-height:100%;
}
div.header img#logo{
	float: left;
	margin: 10px 0 0 10px ;
}
div.header div.navi{
	width: 450px;
	float:right;
	text-align: right;
}
div.header div.navi div.globalMenu{
	padding: 9px 8px 9px 0;
}
div.header div.navi div.globalMenu img#products,
div.header div.navi div.globalMenu img#brand,
div.header div.navi div.globalMenu img#shop{
	border-right: 1px solid #dddddd;
	padding: 0 10px 0 0;
	margin-left: 6px;
}
/*
div.header div.navi div.globalMenu a{ display:block; background : url(http://luce-fragrance.com/images/common/b_shop.gif) no-repeat; }
div.header div.navi div.globalMenu a:hover{ background-image : url(http://luce-fragrance.com/images/common/b_shop_on.gif) no-repeat; }
*/

div.header div.navi div.globalMenu img#news{
	margin-left: 6px;
}
div.header div.navi div.globalMenu a{

}
div.header div.navi div.subMenu{
	background-image: url(/images/common/header_bg.gif);
	padding: 10px 20px 10px 0;
}

#wrapper .inner .header .navi .globalMenu img {
	margin-left: 5px;
}
#wrapper .inner .header .navi .globalMenu .roll_01 {
	background-repeat: no-repeat;
}

/*----------------------------------------------------------------------
/			menu 
/----------------------------------------------------------------------*/

ul.menu{
	list-style-type: none;
	margin:  0 0 0 30px;
}
ul.menu li{
	margin: 0;
	padding: 2px 0;
}
/*----------------------------------------------------------------------
/			footer 
/----------------------------------------------------------------------*/
div#footer{
	background-image: url(/images/common/footer_bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	padding: 25px 20px 10px 20px;
	margin-top: 0px;
}
div#footer div.footerNavi{
	width: 400px;
	float: left;
}
div#footer div.footerNavi a{
	margin-right: 20px;
}
div#footer div.copyright{
	width: 300px;
	float: right;
	text-align: right;
}


/*----------------------------------------------------------------------
/			margin
/----------------------------------------------------------------------*/
.marginBottom8{
	margin-bottom: 8px;
}
.marginBottom4{
	margin-bottom: 4px;	
}
/*----------------------------------------------------------------------
/			etc
/----------------------------------------------------------------------*/
img.icon{
	margin-right: 6px;
	vertical-align: middle;
}
img.icon2{
	margin-left: 6px;
	vertical-align: middle;
}
/*iconを掲載する際に*/
th img.icon,td img.icon,th img.icon2,td img.icon2{
	padding: 5px 0;
}

div.gotop{
	margin: 30px 0 0 0;
	text-align: right;

}
div.gotop a{
	padding: 15px  0px 15px 10px;
}
div.aux{
	border:1px solid #3c60ae;
	padding: 10px;
	line-height: 140%;
	margin-bottom: 15px;
}
span.imgbox,p.imgbox{
	text-align:center;
	font-size:85%;
}
span.imgright{
	float:right;
	margin-left:10px;
}
span.imgbox img,p.imgbox img{
	margin-bottom:5px;
}