@charset "utf-8";

/*------------------------------------------------
	/index.html styles
--------------------------------------------------*/

/* Main Image */
#idx_main_image {
	position: absolute;
	top: 117px;
	left: 0px;
	width: 100%;
	text-align: center;
	height: 317px;
	background:#FFFFFF;
}

#idx_main_image_inner {
	width:960px;
	display: none;
	margin:0px auto;
	text-align:left;
}

#idx_main_sns {
	width:960px;
	height:28px;
	padding:7px 0 0 0;
}

#idx_main_sns ul {
	width:960px;
	margin:0;
	padding:0;
	list-style:none;
}

#idx_main_sns ul li {
	float:right;
}

#idx_main_sns .btn_twitter {
	width: 65px;
	margin-left: 10px;
	font-size: 12px;
}

#idx_main_sns .btn_facebook {
	width: 70px;
	margin-left: 8px;
	overflow: hidden;
}

*+html #idx_main_sns .btn_facebook {
	width: 74px\9;/* ie7p */
}

#idx_main_navi {
	width:960px;
	height:49px;
	position:absolute;
}

#idx_main_navi ul {
	width:913px;
	position:absolute;
	top:8px;
	left:26px;
}

#idx_main_navi ul li {
	width:224px;
	float:left;
	margin-right:4px;
}

#idx_main_select {
	width:224px;
	text-align:center;
	position:absolute;
	top:2px;
	left:482px;
}

#idx_main_navi_prev {
	width:20px;
	height:20px;
	position:absolute;
	top:8px;
	left:0px;
}

#idx_main_navi_next {
	width:20px;
	height:20px;
	position:absolute;
	top:8px;
	left:939px;
}


/* idx_section */
#wrap_selection_01 {
	background: url(../images/wrap_selection_01_bg.png) 50% 100% no-repeat;
}
#wrap_selection_02 {
	background: #fbfbfb url(../images/wrap_selection_02_bg.png) 50% 0% no-repeat;;
}
#wrap_selection_04 {
	padding: 30px 0px 52px 0px;
	background: #fbfbfb url(../images/wrap_selection_04_bg.jpg) 50% 0% no-repeat;;
}
#wrap_selection_06 {
	padding: 30px 0px 90px;
	background: #fbfbfb url(../images/wrap_selection_06_bg.png) 50% 0% no-repeat;
}
#wrap_selection_02_glasses {
	background: url(../glasses/images/wrap_selection_02_bg.png) 50% 0% no-repeat;
}
#wrap_selection_03_glasses {
	background: #fbfbfb url(../glasses/images/wrap_selection_03_bg.png) 50% 0% no-repeat;
}
#wrap_selection_04_glasses {
	padding: 30px 0px 52px 0px;
	background: #fbfbfb url(../glasses/images/wrap_selection_04_bg.jpg) 50% 0% no-repeat;
}



.wrap_selection_otoku,
.wrap_selection_about,
.wrap_selection_choice,
.wrap_selection_support,
.wrap_selection_voice {
	background-color: #e9e9e9;
}
.wrap_selection_info,
.wrap_selection_glasses,
.wrap_selection_service,
.wrap_selection_follow {
	background-color: #fbfbfb;
}
.wrap_selection_service .wrap_selection_inner {
	background: url(/images/pict_box10.png) 650px 50px no-repeat;
}

/* Idx Layout */

#contents_area {
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#contents_area_inner {
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.wrap_selection_inner {
	width: 970px;
	margin: 0px auto;
	padding: 0px 0px 0px 60px;
	text-align: left;
}

#wrap_main_bnr {
	width:609px;
	height:206px;
	padding:17px;
	margin:0px 0px 11px 0px;
	background:url(../images/idx_bg_row1_left.gif) no-repeat;
	float:left;
}

#wrap_select {
	width:262px;
	height:206px;
	padding:17px;
	margin:0px 0px 11px 0px;
	background:url(../images/idx_bg_row1_right.gif) no-repeat;
	float:right;
}

#wrap_news_box {
	width: 900px;
	margin: 25px auto 0px;
}
#wrap_glasses_box {
	width: 900px;
	margin: 25px auto 0px;
}
.glasses_show-box {
	width: 100%;
	margin: 10px 0 0;
	padding-bottom: 18px;
	background-color: #f4f5f5;
}
.glasses_show-box li {
	float: left;
	margin: 18px 0 0 18px;
}

.choice-box {
	width: 900px;
	margin: 10px auto 0;
	padding-bottom: 18px;
}
.choice-box li {
	float: left;
	margin: 20px 0 10px 70px;
}

#wrap_news {
	width:900px;
	height:100%;
	padding:0px 0px 0px 0px;
	margin:25px auto 0px;
}
#wrap_news.last_child {
	width: 280px;
}

#wrap_store_topics {
	width:262px;
	height:306px;
	padding:17px;
	margin:0px 11px 11px 0px;
	background:url(../images/idx_bg_row2.gif) no-repeat;
	float:left;
}

#wrap_store_info {
	width:252px;
	height:306px;
	padding:17px;
	margin:0px 0px 11px 0px;
	background:url(../images/idx_bg_row2.gif) no-repeat;
	float:left;
}

#wrap_brand {
	width:282px;
	height:286px;
	padding:17px;
	margin:0px 11px 11px 0px;
	background:url(../images/idx_bg_row3.gif) no-repeat;
	float:left;
}

#wrap_sport {
	width:282px;
	height:286px;
	padding:17px;
	margin:0px 11px 11px 0px;
	background:url(../images/idx_bg_row3.gif) no-repeat;
	float:left;
}

#wrap_lowvision {
	width:282px;
	height:286px;
	padding:17px;
	margin:0px 0px 11px 0px;
	background:url(../images/idx_bg_row3.gif) no-repeat;
	float:left;
}

#wrap_bottom_bnr {
	clear:both;
	overflow: hidden;
	width:970px;
	height: 200px;
}



/* common */
#contents_area h2 {
	margin-bottom: 5px;
}
#sub_banner{
	position: relative;
}

.idx_flt_left {
	position: absolute;
	top: 0px;
	left: 0px;
}

.idx_flt_right {
	position: absolute;
	top: 0px;
	right: 0px;
	_right: 15px;
}

.fleft {
	float: left !important;
}
.fright {
	float: right !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.tal {
	text-align: left !important;
}

/* big-banner */
.box_big-banner {
	width: 900px;
	margin: 20px auto 0;
	text-align: center;
	display: block;
}
.box_big-banner img {
	border: 1px solid #cdcdcd;
}
.box_big-banner a:hover img {
	border: 1px solid #00a0e9;
}

/* box_banner */
.box_banner {
	width: 900px;
	margin: 20px auto 0;
}
.box_banner_inner .content {
	width: 435px;
}
.box_banner_inner .fleft .content {
	margin: 0px 30px 10px 0px;
}
.box_banner_inner .content .txt {
	display: block;
	margin: 3px 0px 0px 0px;
}
.box_banner_inner .content img {
	border: 1px solid #cdcdcd;
}
.box_banner_inner .content a:hover img {
	border: 1px solid #00a0e9;
}

/* box_banner 3column*/
.box_banner_inner .content-3column {
	width: 280px;
}
.box_banner_inner .fleft .content-3column {
	margin: 0px 30px 10px 0px;
}
.box_banner_inner .content-3column .txt {
	display: block;
	margin: 3px 0px 0px 0px;
}
.box_banner_inner .content-3column img {
	border: 1px solid #cdcdcd;
}
.box_banner_inner .content-3column a:hover img {
	border: 1px solid #00a0e9;
}

/* box_link */
.box_link {
	margin: 15px 0px 0px 0px;
}
.box_link .fleft {
	width: 620px;
}
.box_link .fleft .content .txt img{
	padding: 30px 0px 20px 0px;
}
.box_link_list li {
	margin: 0px 0px 20px 0px;
}
.box_link_list li.last_child {
	margin: 0px 0px 0px 0px;
}
.box_link .fright {
	margin: 14px 0px 0px 0px;
}

/* box_category_list */
.box_category_list {
	margin: 15px 0px 0px 0px;
}
.box_category_list.last_child {
	margin: 35px 0px 0px 0px;
}
.box_category_list .content {
	position: relative;
	width: 280px;
	height: 355px;
	margin: 0px 30px 0px 0px;
}
.box_category_list .content .link_area{
	position: absolute;
	top: 0;
	left: 0;
	padding: 305px 0px 0px 0px;
}
.box_category_list .content.last-child {
	margin: 0px 0px 0px 0px;
}
.box_category_list .content .content_hdg {
	padding: 165px 0px 0px 0px;
}
.box_category_list .txt_type01 {
	margin: 10px 0px 18px 0px;
}
.box_category_list .comtent_num_01 {
	background: url(../images/wrap_selection_03_pict01.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_02 {
	background: url(../images/wrap_selection_03_pict02.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_03 {
	background: url(../images/wrap_selection_03_pict03.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_04 {
	background: url(../images/wrap_selection_03_pict04.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_05 {
	background: url(../images/wrap_selection_03_pict05.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_06 {
	background: url(../images/wrap_selection_03_pict06.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_01_glasses {
	background: url(../glasses/images/wrap_selection_03_pict01.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_02_glasses {
	background: url(../glasses/images/wrap_selection_03_pict02.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_03_glasses {
	background: url(../glasses/images/wrap_selection_03_pict03.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_04_glasses {
	background: url(../glasses/images/wrap_selection_03_pict04.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_05_glasses {
	background: url(../glasses/images/wrap_selection_03_pict05.png) 0 0 no-repeat;
}
.box_category_list .comtent_num_06_glasses {
	background: url(../glasses/images/wrap_selection_03_pict06.png) 0 0 no-repeat;
}


/* box_note_list */
.box_note_list {
	margin: 50px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	border-top: 1px solid #ccc;
}
.box_note_list_inner {
	width: 590px;
}
.box_note_list .content {
	width: 280px;
	height: 30px;
	margin: 0px 0px 10px 0px;
}
.box_note_list .content.last_child{
	margin: 0px 0px 0px 0px;
}
.box_note_list .fleft .content {
	margin-right: 30px;
}
.box_note_list.extend_box_note_list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
.box_note_list.extend_box_note_list .content{
	width: 130px;
	height: 60px;
	margin: 0px 23px 20px 0px;
}
.box_note_list.extend_box_note_list.last_child .content{
	margin: 0px 0px 20px 0px;
}
.box_note_list.extend_box_note_list .content a img{
	border: 1px solid #ccc;
}
.box_note_list.extend_box_note_list .content a:hover img{
	border: 1px solid #00a0e9;
}
/* box_note02 */
.box_note02 {
	width: 590px;
}
.box_note02 .txt_type01 {
	margin: 12px 0px 0px 0px;
}
.box_note02_list {
	margin: 45px 0px 0px 0px;
}
.box_note02_list ul {
	margin: 20px 0px 0px 0px;
}

/* box_note03 */
.wrap_selection_support .txt_type01{
margin: 12px 0;
}
.box_note03 {
	width: 900px;
}
.box_note03_inner{
	margin: 0px 0px 40px 0px;
	float: left;
}
.box_note03_inner_left {
	background-color: #e9e9e9;
	width: 280px;
	height: 520px;
	margin : 0px 15px 0px 0px;
	float: left;
	position: relative;
}
.box_note03_inner_left img{
	border:1px solid #ccc;
}
.box_note03_inner_left a:hover img{
	border: 1px solid #00a0e9;
}
.box_note03_inner_left ul{
	margin: 0px 0px 7px 0px;
	padding: 0px;
	float: left;
}
.box_note03_inner_left li{
	list-style: none;
	float: left;
	width:126px;
	height:58px;
	display: block;
	margin:7px 3px 3px 7px;
}
.box_note03_inner_right {
	background-color: #e9e9e9;
	width: 280px;
	height: 520px;
	margin : 0px 0px 0px 15px;
	float: right;
	position: relative;
}
.box_note03_inner_right img{
	border:1px solid #ccc;
}
.box_note03_inner_right a:hover img{
	border: 1px solid #00a0e9;
}
.box_note03_inner_right ul{
	margin: 0px 0px 7px 0px;
	padding: 0px;
	float: left;
}
.box_note03_inner_right li{
	list-style: none;
	float: left;
	width:126px;
	height:58px;
	display: block;
	margin:7px 3px 3px 7px;
}
.box_note03 .frame_btn{
	position: absolute;
	top: 468px;
	width: 280px;
}
.box_note03 .txt_type01 {
	margin: 12px 0px 10px 0px;
}
.box_note03 .txt_type02{
	clear: both;
	margin: 0px 0px 0px 7px;
}
/* box_note04 */
.box_note04 .fleft {
	margin: 0px 10px 0px 0px;
}
.box_note04 .fleft.last_child {
	margin: 0px 0px 0px 0px;
}

/* module_note_list */
.module_note_list {
	display: block;
	margin: 0;
}
.module_note_list h3 {
	clear:both;
}
.module_note_list ul {
	margin: 0px 0px 40px 0px;
}
.module_note_list ul.last_child {
	margin: 0px 0px 0px 0px;
}
.module_note_list .content {
	width: 435px;
}
.module_note_list .module_note_list_extend01 .content {
	height: 220px;
	position: relative;
}
.module_note_list .module_note_list_extend01 .content a {
	position: absolute;
	bottom: 0;
	left: 0;
}

/*txt_type01*/
.txt_type01 {
	word-break: break-word;
	margin: 20px 0px 0px 0px;
	line-height: 2;
	letter-spacing: 0.1em;
	font-size: 120%;
}
.txt_type01 .pink{
	color: #ff0066;
}

/* wrap_selection */
.wrap_selection {
	padding: 30px 0px 58px;
}
.wrap_selection_inner {
	position: relative;
	width: 900px;
	height: auto;
	margin: 0px auto;
	padding: 30px 0px 58px;
	text-align: left;	
}
.selection_hdg {
	margin: 5px auto 0;
	text-align: center;
}

/* Rollover Action */
.rollover_line a:hover,
.rollover_line a:active {
	border:1px solid #00a0e9;
}


/* Main Banner */
#main_banner {
	width:609px;
	height:144px;
	background:url(../images/idx_line_dot.gif) repeat-x 0px 132px;
}

#main_banner a:hover IMG {
	opacity:0.7;
	filter: alpha(opacity=70);/*ie*/
}

#main_banner1 {
	float:left;
}

#main_banner2 {
	float:right;
}

#sub_banner div {
	width:15px;
	height:62px;
}
.image_carousel{
	width: 577px !important;
	padding: 0 15px;
	overflow: hidden;
}
#sub_banner ul {
	padding-left: 3px;
}

#sub_banner ul li {
	float:left;
	width:140px;
	height:62px;
	margin-right:4px;
}

#sub_banner ul li a {
	display:block;
	border:1px #e3e3e3 solid;
}

#sub_banner ul li a:hover,
#sub_banner ul li a:active {
	border:1px solid #00a0e9;
}


/* Select */

#wrap_select ul {
	width:270px;
	height:150px;
	padding:0px 6px;
	background:url(../images/idx_bg_select.jpg) no-repeat;
}


/* Topics */

.news_title {
	width: 100%;
	margin: 0;
}
#wrap_news.last_child .news_title {
	margin: 0px 0px 10px 0px;
}

.news_title h3 {
	width:150px;
	float:left;
}
.selection_sub-hdg {
	padding-right:30px;
	float:left;
}

.news_title .show_list {
	text-align:right;
}



.otoku_list,
.store_news_list,
.topics_list{
	clear:both;
    width: 900px;
    height: 300px;
    margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow-y: auto;
    font-size: 120%;
	scrollbar-base-color: #666666;
	scrollbar-face-color: #666666;
	scrollbar-arrow-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-track-color: #f4f5f5;
}
.otoku_list ul,
.store_news_list ul,
.topics_list ul{
	position: relative;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fbfbfb;
}
.otoku_list ul li,
.store_news_list ul li,
.topics_list ul li{
	width: auto;
	padding: 14px 14px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #fff;
	background: none;
}
.store_news_list ul li span.store_news_text,
.topics_list ul li span.topics_text{
	width: 700px;
	display:block;
	background:none;
	margin:0px;
	padding:0px;
}
.otoku_list ul {
	width: 260px;
	background: none;
	margin-top: -10px;
}
.otoku_list .content{
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 00px 0px;
}
.otoku_list .content img{
	border: 1px solid #fff;
}
.otoku_list .content a:hover img{
	border: 1px solid #00a0e9;
}

/* Shop Topics */

#idx_shop_topics {
	clear:both;
	width: 282px;
	height: 263px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow-y: auto;
	scrollbar-base-color: #666666;
	scrollbar-face-color: #666666;
	scrollbar-arrow-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-track-color: #f4f5f5;
}
#idx_shop_topics ul{
	width: 257px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#idx_shop_topics ul li{
	width: 257px;
}
#idx_shop_topics ul li span.topics_text{
	width: 257px;
	display:block;
	background:none;
	margin:0px;
	padding:0px;
}

.topics_list ul li span.topics_store{
	display: block;
	width: 150px;
	float: left;
	color:#ff0066;
}




/* Store Information */

#wrap_store_info #search {
	margin-bottom:7px;
}

#wrap_store_info ul {
	padding:0px 6px 6px 6px;
	background:url(../images/idx_bg_newstyle.gif) no-repeat;
}

#wrap_store_info ul li {
	padding-bottom:4px;
}

#wrap_store_info #search a,
#wrap_store_info ul li a {
	display:block;
	border:1px #e3e3e3 solid;
}

#wrap_store_info #search a:hover,
#wrap_store_info #search a:active,
#wrap_store_info ul li a:hover,
#wrap_store_info ul li a:active {
	border:1px solid #00a0e9;
}


/* Brand */

#wrap_brand ul li {
	padding-bottom:5px;
}

#wrap_brand ul li a {
	display:block;
	border:1px #e3e3e3 solid;
}

#wrap_brand ul li a:hover,
#wrap_brand ul li a:active {
	border:1px solid #00a0e9;
}

#brand_small_left {
	width:90px;
	height:51px;
	margin-right:6px;
	float:left;
}

#brand_small_mid  {
	width:90px;
	height:51px;
	margin-right:6px;
	float:left;
}

#brand_small_right  {
	width:90px;
	height:51px;
	float:left;
}



/* Sport Vision */

#wrap_sport div {
	margin-bottom:15px;
}

#wrap_sport ul li {
	background:url(../common/images/a_black_01.gif) no-repeat 0px 3px;
	padding:0px 0px 7px 10px;
}

#wrap_sport div a:hover IMG {
	opacity:0.7;
	filter: alpha(opacity=70);/*ie*/
}


/* Low Vision Care */

#wrap_lowvision div {
	margin-bottom:15px;
}

#wrap_lowvision ul li {
	background:url(../common/images/a_black_01.gif) no-repeat 0px 3px;
	padding:0px 0px 7px 10px;
}

#wrap_lowvision div a:hover IMG {
	opacity:0.7;
	filter: alpha(opacity=70);/*ie*/
}


/* Bottom Banner */
#wrap_bottom_bnr{
	overflow: hidden;
}
#wrap_bottom_bnr ul {
	margin-left: -14px;
}
#wrap_bottom_bnr ul li {
	width:142px;
	height:190px;
	padding:5px;
	margin-left: 12px;
	background:url(../images/idx_bg_row4.gif) no-repeat;
	float:left;
}

#wrap_bottom_bnr ul li a:hover IMG {
	opacity:0.7;
	filter: alpha(opacity=70);/*ie*/
}

.support-box {
	margin: 25px auto -25px;
	border: 1px #cdcdcd solid;
	padding: 0 0 25px;
}
.support-box li {
	float: left;
	margin: 25px 0 0 30px;
}