@charset "UTF-8";
/* CSS Document */

html{
	overflow-y:scroll;
	height:100%;
}

body{
	height:100%;
	color:#727272;
	margin:0 auto;
	padding:0;
	font-family:Osaka,Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	line-height:1.5;
	background-color:#FFFFFF;
}

*:first-child+html body{font-family:Osaka,Meiryo,"メイリオ",Verdana,Arial,Osaka,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;	}
* html body{font-family:Osaka,Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}

/*bg_white*/
body#stay_eyebyoptitude_w,
body#stay_directors_w,
body#stay_shortfilm_w{ background-color:#ffffff;}

/*bg_black*/
body#stay_shortfilm_b,
body#stay_lyricism_b,
body#stay_selectbrand_b{
	background-color:#000000;
	color:#A5A5A5 !important;
}


h1,h2,h3,h4,h5,h6,p,input,form,ul,ol,li,dl,dt,dd,hr,td,th{
	margin: 0;
	padding: 0;
}


img{ border: none;}
ul,li{	list-style-type:none;}
hr{ display:none;}
table{border-collapse:collapse;}

.l_txt{	text-align:left !important;}
.cen_txt{ text-align:center !important;}
.r_txt{ text-align:right !important;}

#wrap .ov a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.6;
}

/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table; zoom:1;}
/* ¥*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

.pad_top_2{ padding-top:2px !important;}
.pad_bt_15{ padding-bottom:15px !important;}
.pad_bt_20{ padding-bottom:20px !important;}
.pad_bt_35{ padding-bottom:35px !important;}
.pad_bt_47{ padding-bottom:47px !important;}

.pad_lef_15{ padding-left:15px !important;}
.mar_top_2{ margin-top:2px !important;}
.pad_r_11{ margin-right:11px !important;}
.pad_l_18{ margin-left:11px !important;}

.pad_right_no{padding-right:0 !important;}
.pad_lef_no{ padding-left:0 !important;}
.pad_bot_no{ padding-bottom:0 !important;}
.pad_top_no{ padding-top:0 !important;}
.mar_lef_no{ margin-left:0 !important;}
.img_no{ background-image:none !important;} 

/*link
--------------------------------*/
.bg_w  a{color: #666666; text-decoration: none;}
.bg_w  a:visited{color: #666666; text-decoration: none;}
.bg_w  a:hover{color: #999999;	text-decoration: none;}
.bg_w  a:active{color: #666666; text-decoration: none;}

.bg_b  a{color: #A5A5A5; text-decoration: none;}
.bg_b  a:visited{color: #A5A5A5; text-decoration: none;}
.bg_b  a:hover{color: #323232;	text-decoration: none;}
.bg_b  a:active{color: #A5A5A5; text-decoration: none;}



/*layout
--------------------------------*/
#wrapper{ height:100%;}

#wrap{ 
	background-color:#ffffff;
	width:869px;
	height:100%;
	margin:0 auto;
}

.bg_b #wrap{
	background-color:#000000 !important;
}


#header_lef{
	height:114px;
	background-image:url(/optitude/img/bk_dod_lef_head.gif);
	background-repeat:repeat-y;
	background-position:left bottom;
	padding-top:40px;
}
.bg_b #header_lef{	background-image:url(/optitude/img/bk_dod_lef_b.gif) !important;}

#header_rig{
	background-image:url(../img/bk_dod_rig.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding-top:40px;
}
.bg_b #header_rig{background-image:url(/optitude/img/bk_dod_rig_b.gif) !important;}


.logo{ 
	padding-left:48px;
	padding-bottom:38px;
}

#gnavi{
	width:869px;
	height:56px;
}




/*contents line_right_version
--------------------------------*/
#wrap .contents_rig{
	width:869px;
	background-image:url(/optitude/img/bk_dod_rig.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding:47px 0;
	clear:both;
}

.bg_b #wrap .contents_rig{background-image:url(/optitude/img/bk_dod_rig_b.gif) !important;}

#wrap .contents_rig .main_rig_line{
	width:775px;
	margin:0 49px 0 45px;
}


/*contents line_right_version
--------------------------------*/
#wrap .contents_lef{
	width:869px;
	min-height:63px;
	background-image:url(/optitude/img/bk_dod_lef.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding:47px 0;
	clear:both;
}

.bg_b #wrap .contents_lef{background-image:url(/optitude/img/bk_dod_lef_b.gif) !important;}

#wrap .contents_lef .main_lef_line,
#wrap .contents_rig .main_lef_line{
	width:775px;
	margin:0 45px 0 49px;
}

/*contents under_line
--------------------------------*/
#wrap .dod_line{
	height:1px;
	background-image:url(/optitude/img/bk_dod_top.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.bg_b #wrap .dod_line{ background-image:url(/optitude/img/bk_dod_top_b.gif) !important;}

/*contents subete
--------------------------------*/	
#wrap .contents_rig .main_sp{
	width:869px;
}


/*gnavi
--------------------------------*/
#gnavi #lef_navi{float:left; padding-left:47px;}
#gnavi #rig_navi{float:right; padding-right:47px;}

#gnavi li{
	height:22px;
	float:left;
	padding-right:11px;
	margin-right:11px;
	background:url(/optitude/img/navi_line.gif) right center no-repeat;	
} 

.bg_b #gnavi li{ background-image:url(/optitude/img/navi_line_b.gif) !important;} 


#gnavi li a{
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 22px ;
	padding-top:22px;
	background-image:url(/optitude/img/gnavi.gif);
	background-repeat:no-repeat;
}

#gnavi li#gnavi_shortfilm{ width:50px;}
#gnavi li#gnavi_lyricism{ width:54px;background-image:none; margin-right:0; padding-right:0;}
#gnavi li#gnavi_eyebyoptitude{ width:94px;}
#gnavi li#gnavi_selectbrand{ width:62px;}
#gnavi li#gnavi_directors{ width:78px; background-image:none; margin-right:0; padding-right:0;}
#gnavi li#gnavi_blog{ width:49px;}
#gnavi li#gnavi_topics{ width:29px;}
#gnavi li#gnavi_newarrival{ width:57px;}
#gnavi li#gnavi_shoplist{ width:44px;}
#gnavi li#gnavi_onlinesotre{ width:63px; background-image:none; margin-right:0; padding-right:0;}


/*default
************/
/*bg_w*/
.bg_w #gnavi li#gnavi_shortfilm a{ width:50px; background-position:0 0;}
.bg_w #gnavi li#gnavi_lyricism a{ width:54px; background-position:-63px 0;}
.bg_w #gnavi li#gnavi_eyebyoptitude a{ width:94px; background-position:-131px 0;}
.bg_w #gnavi li#gnavi_selectbrand a{ width:62px; background-position:-246px 0;}
.bg_w #gnavi li#gnavi_directors a{ width:78px; background-position:-329px 0;}
.bg_w #gnavi li#gnavi_blog a{ width:49px; background-position:-450px 0;}
.bg_w #gnavi li#gnavi_topics a{ width:29px; background-position:-520px 0;}
.bg_w #gnavi li#gnavi_newarrival a{ width:57px; background-position:-570px 0;}
.bg_w #gnavi li#gnavi_shoplist a{ width:44px; background-position:-647px 0;}
.bg_w #gnavi li#gnavi_onlinesotre a{ width:63px; background-position:-712px 0;}

/*bg_b*/
.bg_b #gnavi li#gnavi_shortfilm a{ width:50px; background-position:0 -44px;}
.bg_b #gnavi li#gnavi_lyricism a{ width:54px; background-position:-63px -44px;}
.bg_b #gnavi li#gnavi_eyebyoptitude a{ width:94px; background-position:-131px -44px;}
.bg_b #gnavi li#gnavi_selectbrand a{ width:62px; background-position:-246px -44px;}
.bg_b #gnavi li#gnavi_directors a{ width:78px; background-position:-329px -44px;}
.bg_b #gnavi li#gnavi_blog a{ width:49px; background-position:-450px -44px;}
.bg_b #gnavi li#gnavi_topics a{ width:29px; background-position:-520px -44px;}
.bg_b #gnavi li#gnavi_newarrival a{ width:57px; background-position:-570px -44px;}
.bg_b #gnavi li#gnavi_shoplist a{ width:44px; background-position:-647px -44px;}
.bg_b #gnavi li#gnavi_onlinesotre a{ width:63px; background-position:-712px -44px;}



/*over
**************/
/*bg_w*/
.bg_w #gnavi li#gnavi_shortfilm a:hover{ background-position:0 -22px;}
.bg_w #gnavi li#gnavi_lyricism a:hover{background-position:-63px -22px;}
.bg_w #gnavi li#gnavi_eyebyoptitude a:hover{background-position:-131px -22px;}
.bg_w #gnavi li#gnavi_selectbrand a:hover{background-position:-246px -22px;}
.bg_w #gnavi li#gnavi_directors a:hover{background-position:-329px -22px;}
.bg_w #gnavi li#gnavi_blog a:hover{background-position:-450px -22px;}
.bg_w #gnavi li#gnavi_topics a:hover{background-position:-520px -22px;}
.bg_w #gnavi li#gnavi_newarrival a:hover{background-position:-570px -22px;}
.bg_w #gnavi li#gnavi_shoplist a:hover{background-position:-647px -22px;}
.bg_w #gnavi li#gnavi_onlinesotre a:hover{background-position:-712px -22px;}

/*bg_b*/
.bg_b #gnavi li#gnavi_shortfilm a:hover{ background-position:0 -66px;}
.bg_b #gnavi li#gnavi_lyricism a:hover{background-position:-63px -66px;}
.bg_b #gnavi li#gnavi_eyebyoptitude a:hover{background-position:-131px -66px;}
.bg_b #gnavi li#gnavi_selectbrand a:hover{background-position:-246px -66px;}
.bg_b #gnavi li#gnavi_directors a:hover{background-position:-329px -66px;}
.bg_b #gnavi li#gnavi_blog a:hover{background-position:-450px -66px;}
.bg_b #gnavi li#gnavi_topics a:hover{background-position:-520px -66px;}
.bg_b #gnavi li#gnavi_newarrival a:hover{background-position:-570px -66px;}
.bg_b #gnavi li#gnavi_shoplist a:hover{background-position:-647px -66px;}
.bg_b #gnavi li#gnavi_onlinesotre a:hover{background-position:-712px -66px;}


/*active
**************/
/*bg_w*/
body#stay_shortfilm_w #gnavi li#gnavi_shortfilm a{background-position:0 -22px;}
body#stay_lyricism_w #gnavi li#gnavi_lyricism a{background-position:-63px -22px;}
body#stay_eyebyoptitude_w #gnavi li#gnavi_eyebyoptitude a{background-position:-131px -22px;}
body#stay_selectbrand_w #gnavi li#gnavi_selectbrand a{background-position:-246px -22px;}
body#stay_directors_w #gnavi li#gnavi_directors a{background-position:-329px -22px;}
body#stay_gnavi_blog_w #gnavi li#gnavi_blog a{background-position:-450px -22px;}
body#stay_topics_w #gnavi li#gnavi_topics a{background-position:-520px -22px;}
body#stay_newarrival_w #gnavi li#gnavi_newarrival a{background-position:-570px -22px;}
body#stay_shoplist_w #gnavi li#gnavi_shoplist a{background-position:-647px -22px;}
body#stay_onlinesotre_w #gnavi li#gnavi_onlinesotre a{background-position:-712px -22px;}

/*bg_b*/
body#stay_shortfilm_b #gnavi li#gnavi_shortfilm a{background-position:0 -66px;}
body#stay_lyricism_b #gnavi li#gnavi_lyricism a{background-position:-63px -66px;}
body#stay_eyebyoptitude_b #gnavi li#gnavi_eyebyoptitude a{background-position:-131px -66px;}
body#stay_selectbrand_b #gnavi li#gnavi_selectbrand a{background-position:-246px -66px;}
body#stay_directors_b #gnavi li#gnavi_directors a{background-position:-329px -66px;}
body#stay_gnavi_blog_b #gnavi li#gnavi_blog a{background-position:-450px -66px;}
body#stay_topics_b #gnavi li#gnavi_topics a{background-position:-520px -66px;}
body#stay_newarrival_b #gnavi li#gnavi_newarrival a{background-position:-570px -66px;}
body#stay_shoplist_b #gnavi li#gnavi_shoplist a{background-position:-647px -66px;}
body#stay_onlinesotre_b #gnavi li#gnavi_onlinesotre a{background-position:-712px -66px;}




/*FOOTER
--------------------------------*/
#wrap #footer{ padding-bottom:23px}

#wrap #footer .shop_logo{ margin-bottom:23px;}
#wrap #footer .shop_logo li{
	float:left;
	padding-left:5px;
	display:inline;
	height:23px;
}
#wrap #footer .shop_logo_dod{
	background:url(/optitude/img/foot_dod.gif) right center no-repeat;
	padding-right:5px;
}
#wrap #footer .shop_logo_line{
	background:url(/optitude/img/foot_line.gif) right center no-repeat;
	padding-right:18px;	
}
#wrap #footer .shop_logo_dod_b{
	background:url(/optitude/img/foot_dod_b.gif) right center no-repeat;
	padding-right:5px;
}
#wrap #footer .shop_logo_line_b{
	background:url(/optitude/img/foot_line_b.gif) right center no-repeat;
	padding-right:18px;	
}


#wrap #footer .foot_area{ 
	margin-bottom:40px;
	clear:both;
}
#wrap #footer .s_navi{
	width:580px;
	float:left;
	height:13px;
	padding-top:3px;
	display:block;
}
#wrap #footer .s_navi img{
	vertical-align:middle;
	}
#wrap #footer .copy{
	float:right;
}
#wrap #footer .copy img{
	vertical-align: middle;
}
#wrap #footer .s_navi ul{ line-height:0.3px !important;}

#wrap #footer .s_navi li{
	float:left;
	padding-left:9px;
	display:inline;
}
#wrap #footer .s_navi_line{
	background:url(/optitude/img/foot_snavi_line.gif) right center no-repeat;
	padding-right:9px;
}
#wrap #footer .s_navi_line_b{
	background:url(/optitude/img/foot_snavi_line_b.gif) right center no-repeat;
	padding-right:9px;
}
#wrap #footer .copy_sp{
	padding-right:10px;
}
#wrap #footer .copy_sp img{
	height:16px;
}