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


/*リンクの設定*/

a {
	text-decoration:none;
	padding-top:1px;
	border-bottom:#6699ff solid 1px;
	color:#0000CC;
}
a:hover {
	border-bottom:#ff0000 solid 1px;
	border-top:#ff0000 solid 1px;
	color:#ff0000;
}
#ichiran a,
a.noboarder,
#bana-space a,
a#logo,
ul#global-menu1 li a,
#pickup-box a{
	border:none;
}
#footer a {
	display:inline;
}



html,
body {
	height:100%;
	text-align:center;
}

tr{
	vertical-align:top;
}


/*全体を囲むボックス*/

#wrapper {
	width:980px;
	margin:0 auto;
	background:url(../images/wrapper-bg.jpg) repeat-y;
	min-height:100%;
	height:auto !important;
	height:100%;
}


/*ヘッダー*/

#header {
	background:url(../images/header-bg.jpg) center bottom no-repeat;
	width:960px;
	margin:0 auto;
	height:83px;
	position:relative;
	text-align:left;
}
.logo {
	position:absolute;
	top:15px;
	left:20px;
}

ul#global-menu1{
	position:absolute;
	top:57px;
	left:389px;
}

ul#global-menu1 li {
	float:left;
}

ul#global-menu2{
	position:absolute;
	top:28px;
	right:20px;
}

ul#global-menu2 li {
	float:left;
	padding-top:2px;
	padding-bottom:2px;
}

li#topmsg47 {
	padding-left:15px;
	background:url(../images/menu-mrk4.jpg) left center no-repeat;
}
li#global-site {
	padding-left:15px;
	margin-left:10px;
	background:url(../images/menu-mrk1.jpg) left center no-repeat;
}
li#information {
	padding-left:15px;
	margin-left:10px;
	background:url(../images/menu-mrk2.jpg) left center no-repeat;
}
li#text-site {
	padding-left:15px;
	margin-left:10px;
	background:url(../images/menu-mrk3.jpg) left center no-repeat;
}

div#global-menu3{
	position:absolute;
	top:2px;
	right:20px;
	padding-top:2px;
	padding-bottom:2px;
}


/*コンテンツを囲むボックス*/

#contents {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#maincontents {
	width:960px;
	margin:0 auto 15px;
}

/*フラッシュ部分*/

#flash {
	height:300px;
	background-color:#CCCCCC;
}


/*ホームページ左側のコンテンツを囲むボックス*/

#left-content {
	float:left;
	width:705px;
	margin:9px 0 0 20px;
	_margin:9px 0 0 10px;
}



/*メガネレンズ製品一覧　最適なレンズの選び方　トピックス*/
#product,
#choice {
	background:url(../images/left-float-bg.gif) repeat-y;
	width:350px;
	float:left;
}
#product {
	margin-right: 5px;
}

#product ul {
	background:url(../images/home-list-title1.jpg) no-repeat;
	padding:34px 20px 7px 30px;
}

#choice ul{
	background:url(../images/home-list-title2.jpg) no-repeat;
	padding:34px 20px 7px 30px;
}

#product li ,
#choice li {
	background:url(../images/home-list-mrk.jpg) no-repeat;
	margin:12px 0 0 0 ;
	padding-left:14px;
}

#product li a,
#choice li a {
}


#topics {
	clear:both;
	width:705px;
	padding:5px 0 0 0;
}
#topics ul{
	background:url(../images/topics-title.jpg) no-repeat;
	padding:28px 15px 0 25px;
	position:relative;
}
#topics li {
	padding:0 0 10px 10px;
	border-bottom:#333333 dotted 1px;
	line-height:1.5em;
	margin:10px 0 0 0 ;
}

#topics li#ichiran {
	position:absolute;
	line-height:0.1;
	border:none;
	padding:0;
	margin:0;
	top:9px;
	right:5px;
}


/*ホームページ右側のコンテンツを囲むボックス*/


#right-content {
	float:right;
	margin:15px 28px 0 0;
	display:inline;
}


#serch-box {
	width:193px;
	height:104px;
	background:url(../images/site-serch-bg.jpg) no-repeat;
	padding:0;
	margin:0;
}

#kensaku {
	padding:28px 8px 0 0;
	margin:0;
	text-align:right;
}

#pickup-box {
	width:192px;
	margin:10px 0 0 0;
	padding:23px 0 0 0;
	background:url(../images/pickup-title.jpg) no-repeat;
}

#pickup-box img {
	border:none;
	margin:0;
	padding:0;
}

#pickup-box ul,
#pickup-box li{
	margin:0;
	padding:0;
}
#pickup-box a {
	margin:0;
	padding:0;
	border:0;
}
#pickup-box a:hover {
	margin:0;
	padding:0;
	border:0;
}


/*バナー*/

#bana-space {
	clear:both;
	width:900px;
	padding:15px 25px 0;
	margin:15px auto;
}
.bana-scroll-waku {
	background-color:#F2F2F2;
	border-top:#C8D9E3 solid 1px;
	border-bottom:#C8D9E3 solid 1px;
}
.bana-scroll {
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
	left: -5000px;
}

.bana-scroll img {
	margin:0 5px;
}

.bana-scroll li {
	float:left;
	margin-top:9px;
}

#noscript-box {
	clear:both;
	width:950px;
	border:#C8D9E3 solid 1px;
	margin:15px auto;
}

#noscript-box li {
	float:left;
}


/*フッター*/


#footer {
	clear:both;
	text-align:center;
}


#copyright {
	margin:5px 0;
}



div#right-content:after,
div#pickup-box:after,
div#choice:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}