@charset "utf-8";

@import url("reset.css");
@import url("default.css");



/*-----ヘッダー-----*/
#header {
width:730px;
height:80px;
margin:0 0 0 15px;
padding:0;
text-align:left;
}

#header2 {
width:730px;
height:80px;
margin:0 0 0 15px;
padding:0;
text-align:left;
}

#logo {
margin:0 25px 0 0;
padding:0;
float:left;
}

h1 {
width:480px;
height:auto;
text-align:right;
float:left;
}


/*--------------------------------------
             メイン
--------------------------------------*/

/*-----タイトルヘッド-----*/

#titlehead {
width:750px;
height:auto;
margin:0;
padding:0;
}

#titlehead-left {
width:497px;
height:auto;
margin:0;
padding:68px 0 0 0;
float:left;
}

img#crearcare-img {
margin:36px 0 0 0;
padding:0;
float:right;
}

#crear-care {
margin:0 0 14px 0;
}

img#elens-copy {
margin:0 0 13px 0;
}

.h-white-90 {
color:#FFFFFF;
line-height:140%;
font-size:90%;
margin:0 0 30px 0;
}

/*-----おすすめポイント-----*/

.recomend-box {
width:750px;
height:auto;
background:url(../img/recomend_bg_middle.gif) repeat-y 0 0;
margin:0 0 30px 0;
padding:0;
text-align:center;
}

img#content-ttl1,img#content-ttl2 {
margin:0 0 15px 0;
}

#recomend-box1,#recomend-box2,#recomend-box3,#recomend-box4 {
width:710px;
height:auto;
}

.recomend-img {
width:170px;
height:auto;
float:left;
}

.recomend-detail {
width:540px;
height:auto;
float:right;
text-align:left;
}

.recomend-detail img {
margin:0 0 10px 0;
}

.recomend-detail p {
font-size:90%;
line-height:140%;
}




#how-box {
width:750px;
height:auto;
background:url(../img/how_bg_middle.gif) repeat-y 0 0;
margin:0 0 30px 0;
padding:0;
}

#how-box1 {
width:710px;
height:auto;
margin:0 0 0 20px;
}

#how-left {
width:330px;
height:auto;
float:left;
}

#how-right {
width:360px;
height:auto;
float:right;
}

#step1 {
width:330px;
height:161px;
background:url(../img/how_step1.gif) no-repeat 0 0;
position:relative;
}

#step1 p {
width:175px;
font-size:90%;
line-height:140%;
position:absolute;
top:56px;
}

#step2 {
width:330px;
height:156px;
background:url(../img/how_step2.gif) no-repeat 0 0;
position:relative;
}

#step2 p {
width:175px;
font-size:90%;
line-height:140%;
position:absolute;
top:56px;
right:0;
}

#step3 {
width:330px;
height:155px;
background:url(../img/how_step3.gif) no-repeat 0 0;
position:relative;
}

#step3 p {
width:175px;
font-size:90%;
line-height:140%;
position:absolute;
top:56px;
}

#move-box {
width:360px;
height:auto;
background:url(../img/how_move_bg.gif) repeat-y 0 0;
margin:0 0 7px 0;
padding:0;
}

#move {
width:320px;
height:auto;
margin:0 0 0 20px;
padding:15px 0 0 0;
}

#move-area {
width:320px;
height:240px;
margin:0 0 7px 0;
padding:0;
}

#move-flash {
width:320px;
height:40px;
margin:0;
padding:0;
}

#move-flash img {
float:left;
margin:0;
padding:0;
}

#move-flash p {
width:200px;
height:auto;
font-size:70%;
line-height:140%;
color:#FFFFFF;
float:right;
}

p#wng-01 {
font-size:90%;
font-weight:bold;
color:#FF6666;
line-height:140%;
margin:0 0 5px 0;
}

p#wng-02 {
font-size:80%;
line-height:140%;
}





/*-----お客様の声-----*/
#voice-box {
width:750px;
height:283px;
background:url(../img/rev_all.jpg) no-repeat 0 0;
margin:0 0 30px 0;
padding:0;
text-align:center;
}

#voice-01 {
width:146px;
height:283px;
margin:0;
padding:0;
float:left;
}

#voice-02 {
width:143px;
height:283px;
margin:0;
padding:0;
float:left;
position:relative;
}

#voice-02 p {
width:113px;
height:auto;
font-size:80%;
line-height:120%;
position:absolute;
top:150px;
left:15px;
}

#voice-03 {
width:157px;
height:283px;
margin:0;
padding:0;
float:left;
position:relative;
}

#voice-03 p {
width:127px;
height:50px;
font-size:80%;
line-height:120%;
position:absolute;
top:55px;
left:15px;
}

#voice-04 {
width:150px;
height:283px;
margin:0;
padding:0;
float:left;
position:relative;
}

#voice-04 p {
width:120px;
height:50px;
font-size:80%;
line-height:120%;
position:absolute;
top:156px;
left:15px;
}

#voice-05 {
width:154px;
height:283px;
margin:0;
padding:0;
float:left;
position:relative;
}

#voice-05 p {
width:124px;
height:50px;
font-size:80%;
line-height:120%;
position:absolute;
top:68px;
left:15px;
}





/*-----セット商品案内-----*/
#set-box {
width:750px;
height:auto;
background:url(../img/set_bg_middle.gif) repeat-y 0 0;
margin:0 0 30px 0;
padding:0;
}

#set1-wrap,#set2-wrap,#set4-wrap,#set8-wrap,#set12-wrap {
width:750px;
height:auto;
margin:0;
padding:0;
}

.set-left {
float:left;
margin:0;
padding:0;
}

.set-right1 {
float:right;
margin:0 0 0 0;
padding:0;
}

.set-right2 {
float:right;
margin:0 0 0 0;
padding:0;
}

.set-right3 {
float:right;
margin:0 0 0 0;
padding:0;
}

.set-right4 {
float:right;
margin:0 0 0 0;
padding:0;
}

.box_b {
	width: 750px;
	text-align: left;
	margin-right: 5px;
	margin-left: 0px;
	margin-top: 18px;
	display: block;
	clear: both;
	margin-bottom: 20px;
}
.box_10 {
	float: left;
	width: 170px;
	margin-right: 23px;
	font-size: 75%;
	text-align: center;
}
.box_11 {
	float: left;
	width: 170px;
	margin-right: 24px;
	font-size: 75%;
	text-align: center;
	margin-bottom: 20px;
}
.box_12 {
	float: left;
	width: 170px;
	font-size: 75%;
	text-align: center;
}

.border_box {
	margin-top: 0px;
	width: 750px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	clear: both;
}

/*リニューアルキャンペーンバナー*/

#09open-banner {
width:750px;
height:180px;
background:url(http://www.e-lensstyle.com/img/0912_open_750.jpg) no-repeat 0 bottom;
margin:0;
padding::0;
}