@charset "UTF-8";
@import url("reset.css");
@import url("gnb.css?ver=20190920");



/* Main Visual */
.main_visual { padding-top: 117px;   }
.main_visual .visual {position:relative;height:660px;overflow:hidden;}
.main_visual .visual ul{ position:relative;}
.main_visual .visual ul li{ display:none; position:absolute; top:0; left:0; width:100%; height:660px; text-align: center; }
.main_visual .visual ul li:first-child {display:block;}
.main_visual .visual ul li div.con { position: relative; width: 1400px; margin: 0 auto; }
.main_visual .visual ul li div.con .more { position: absolute; left: 0; bottom:0; z-index:9999;}
.main_visual .visual ul li div.con .more > a {
    text-indent: -9999px; width: 101px; height: 25px;
    display: block; background:url(http://finedigital.ofscdn.com/finemulti/common/btn_more.png) no-repeat;
}
.main_visual .page { position:absolute; z-index:10000; width:100%; top: 715px;}
.main_visual .paging { width:1100px; position:relative; margin:0 auto; }
.main_visual .paging ul { height:20px; padding:0; display:inline-block; position:absolute; left:47%;  }
.main_visual .paging ul li { float:left; width:14px;height:14px; background:url(http://finedigital.ofscdn.com/finemulti/common/img_paging.png) no-repeat; margin:0 2px 0 2px;}
.main_visual .paging ul li a {display:inline-block;width:18px;height:14px; text-decoration:none;}
.main_visual .paging ul li a:hover{ text-decoration:none}
.main_visual .paging ul li a:focus{ text-decoration:none}
.main_visual .paging ul li.on{background:url(http://finedigital.ofscdn.com/finemulti/common/img_paging.png) no-repeat;background-position:-14px 0;}
.main_visual .paging ul li:hover{background:url(http://finedigital.ofscdn.com/finemulti/common/img_paging.png) no-repeat;background-position:-14px 0;}
.main_visual .paging ul li:focus{background:url(http://finedigital.ofscdn.com/finemulti/common/img_paging.png) no-repeat;background-position:-14px 0;}
.main_visual .paging ul li:first-child { }
.main_visual .paging ul li a span {  text-indent: -9999px;  display:block; }

.goodsMngWrap {width:100%; height:222px; margin-bottom: 30px; }
.goodsMngWrap > ul {width:980px; height:100%; margin:0 auto;}
.goodsMngWrap > ul > li {float:left; position:relative; width:490px; }
.goodsMngWrap > ul > li.goodsbtn { width:245px; height:207px; padding-top:15px; text-align:center; }
.goodsMngWrap > ul > li.bgGray1 {background:#fafafa;}
.goodsMngWrap > ul > li.bgGray2 {background:#f2f2f2;}
.goodsMngWrap > ul > li.goodsbtn span {display:block; font-size:11px; color:#666;}
.goodsMngWrap > ul > li.goodsbtn div {width:100%; height:172px; }
.goodsMngWrap > ul > li.goodsbtn div em {display:block; width:100%; height:135px; vertical-align:top; }
.goodsMngWrap > ul > li.goodsbtn > a {display:inline-block; *display:inline; zoom:1; width:28px; height:29px;}

.board { margin-left: 15px; width:475px; padding:0; }
.board .none { display: none; }
.boardTab {overflow:hidden; height:51px; background:url(http://japan.ofscdn.com/images/main_new/customer_bg.gif) no-repeat; }
.boardTab li {float:left; width:100px; text-indent: -9999px; background:url(http://japan.ofscdn.com/images/main_new/customer_menu2.gif) no-repeat bottom; }
.boardTab li.last { display:block; width: 175px; background-position: 0 -300px; }
.boardTab a {display:block; height:38px; background:url(http://japan.ofscdn.com/images/main_new/customer_menu2.gif) no-repeat bottom; } 
.boardTab .tabNotice a {background-position:-200px 0;}
.boardTab .tabNews a {background-position:-100px 0; height:35px; }
.boardTab .tabUpdate a {background-position:0 0;}
.boardTab .tabNotice a:hover, .boardTab .tabNotice a:focus, .boardTab .tabNotice a.on {background-position:-200px -51px;}
.boardTab .tabNews a:hover, .boardTab .tabNews a:focus, .boardTab .tabNews a.on {background-position:-100px -51px; height:38px; }
.boardTab .tabUpdate a:hover, .boardTab .tabUpdate a:focus, .boardTab .tabUpdate a.on {background-position:0 -51px;}
.boardList { min-height:170px; border:1px solid #ddd; border-top: 0px !important; border-radius: 4px; margin-top:-4px; padding: 0 10px 3px; }
.boardList li {padding: 8px 0 10px 15px; height:15px; border-top:1px solid #e7e7e7; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/bullet_gray.gif) no-repeat 7px 16px; font-size:11px;}
.boardList li:first-child { border-top: 0px; }
.boardList li a {display:inline-block; color:#666; overflow:hidden; *display:inline; zoom:1; width:365px; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
.boardList li a:hover { color: #f36610; }
.boardList li a span {float:right;}
.board .more {position:absolute; top:13px; right:2px}

#popup { position:absolute; width:450px; top: 260px; left:50%; margin-left:450px; z-index:10000; }
#popup .popupImg { position:relative; padding-top:0px; width:450px; height:450px; background:url(http://japan.ofscdn.com/images/event/event_180612.png) no-repeat; }
#popup .popupImg a { display:block; opacity:.5; text-indent: -9999px; }
#popup .popupImg a.a1 { margin-left:0px; width:450px; height:450px; } 
#popup .popupImg a.a2 { margin-left:30px; width:160px; height:100px; } 
#popup .popupImg a.a3 { margin-left:50px; margin-top:20px; width:250px; height:250px;} 
#popup .close { position:relative; margin-top:-50px; }
#popup .close a { display:block; cursor:pointer; text-align:center; width:40px; height:40px; line-height:40px; font-size:20px; color:#fff; background: #000; }