@charset "utf-8";

#logo {
	position: absolute;
	top: 37px;
	left: 38px;
	width: 380px;
}

#search {
	position: absolute;
	top: 32px;
	left: 464px;
	text-align: right;
	font-size:12px;
	width: 270px;
	height: 21px;
	margin: 0;
}

#search .textbox {
	width: 212px;
	vertical-align: middle;
	color: #c0c0c0;
	margin: 0;
}

#search .btn {
	width: 49px;
	height:21px;
	vertical-align: middle;
	margin: 0 0 0 5px;
}

#globalNav li {
	float: left;
	width: 94px;
}

#globalNav li a, #rss a, #twitter a, #subnavi01 li a, #subnavi02 li a, #textsize li a,
#watch_abc a, #watch_glossary a, #watch_qa a, #tel a, #topofthepage a,
#merchandise_navi li a, #merchandise_rank li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
}

#globalNav li a {
	height /**/:33px;
	padding-top: 33px;
	background-image: url(../images/navi.gif);
	color: #ffffff;
}

	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -94px  0; }
	#nav03 a { background-position: -188px 0; }
	#nav04 a { background-position: -282px 0; }
	#nav05 a { background-position: -376px 0; }
	#nav06 a { background-position: -470px 0; }
	#nav07 a { background-position: -564px 0; }
	#nav01 a.stay { background-position:  0     -66px; }
	#nav02 a.stay { background-position: -94px  -66px; }
	#nav03 a.stay { background-position: -188px -66px; }
	#nav04 a.stay { background-position: -282px -66px; }
	#nav05 a.stay { background-position: -376px -66px; }
	#nav06 a.stay { background-position: -470px -66px; }
	#nav07 a.stay { background-position: -564px -66px; }
	#nav01 a:hover { background-position:  0     -33px; }
	#nav02 a:hover { background-position: -94px  -33px; }
	#nav03 a:hover { background-position: -188px -33px; }
	#nav04 a:hover { background-position: -282px -33px; }
	#nav05 a:hover { background-position: -376px -33px; }
	#nav06 a:hover { background-position: -470px -33px; }
	#nav07 a:hover { background-position: -564px -33px; }

#subnavi01, #subnavi02 {
	position: absolute;
	height: 11px;
	list-style-type: none;
	background: #000000;
}

#subnavi01 {
	top: 58px;
	left: 464px;
	width: 270px;
}

#subnavi02 {
	top: 73px;
	left: 554px;
	width: 180px;
}

#rss {
	position: absolute;
	top: 92px;
	left: 718px;
	width: 36px;
	height: 11px;
	color: #ffffff;
	z-index: 2;
}

#rss a {
	height /**/:11px;
	padding-top: 11px;
	background-image: url(../images/rss10.gif);
	color: #ffffff;
}

#twitter {
	position: absolute;
	top: 84px;
	left: 685px;
	width: 30px;
	height: 19px;
	color: #ffffff;
	z-index: 2;
}

#twitter a {
	height /**/:19px;
	padding-top: 19px;
	background-image: url(../images/twitter.gif);
	color: #ffffff;
}

#subnavi01 li, #subnavi02 li {
	float: left;
	width: 90px;
}

#subnavi01 li a {
	height /**/:11px;
	padding-top: 11px;
	background-image: url(../images/subnavi01.gif);
	color: #ffffff;
}

#subnavi02 li a {
	height /**/:11px;
	padding-top: 11px;
	background-image: url(../images/subnavi02.gif);
	color: #ffffff;
}

	#snav01 a, #snav04 a { background-position:  0     0; }
	#snav02 a, #snav05 a { background-position: -90px  0; }
	#snav03 a { background-position: -180px 0; }
	#snav01 a.stay, #snav04 a.stay { background-position:  0     -22px; }
	#snav02 a.stay, #snav05 a.stay { background-position: -90px  -22px; }
	#snav03 a.stay { background-position: -180px -22px; }
	#snav01 a:hover, #snav04 a:hover { background-position:  0     -11px; }
	#snav02 a:hover, #snav05 a:hover { background-position: -90px  -11px; }
	#snav03 a:hover { background-position: -180px -11px; }

#textsize {
	position: absolute;
	top: 9px;
	left: 658px;
	width: 70px;
	height: 24px;
	list-style-type: none;
	background-image: url(../images/bg_textsize.gif);
	padding-left: 13px;
}

#textsize li {
	float: left;
	width: 19px;
	margin-top: 4px;
	margin-left: 3px;
}

#textsize li a {
	height /**/:19px;
	padding-top: 19px;
	background-image: url(../images/textsize.gif);
	color: #000000;
}

	#textsize_small a { background-position: 0 0; }
	#textsize_medium a { background-position: -19px -38px; }
	#textsize_large a { background-position: -38px 0; }
	#textsize_small a:hover { background-position: 0 -19px; }
	#textsize_medium a:hover { background-position: -19px -38px; }
	#textsize_large a:hover { background-position: -38px -19px; }

#tab01, #tab02, #tab03, #tab04, #tab05, #tab06, #tab07 {
	position: absolute;
	width: 94px;
	height: 33px;
	background-image: url(../images/navi2.gif);
	z-index:1;
}

#tab01 {
	background-position: 0 -66px;
}

#tab02 {
	left: 94px;
	background-position: -94px -66px;
}

#tab03 {
	left: 188px;
	background-position: -188px -66px;
}

#tab04 {
	left: 282px;
	background-position: -282px -66px;
}

#tab05 {
	left: 376px;
	background-position: -376px -66px;
}

#tab06 {
	left: 470px;
	background-position: -470px -66px;
}

#tab07 {
	left: 564px;
	background-position: -564px -66px;
}

#tab11, #tab12, #tab13, #tab14, #tab15 {
	position: absolute;
	width: 90px;
	height: 11px;
	z-index:1;
}

#tab11, #tab12, #tab13 {
	top: 58px;
	background-image: url(../images/subnavi01.gif);
}

#tab11 {
	left: 464px;
	background-position: 0 -22px;
}

#tab12 {
	left: 554px;
	background-position: -90px -22px;
}

#tab13 {
	left: 644px;
	background-position: -180px -22px;
}

#tab14, #tab15 {
	top: 73px;
	background-image: url(../images/subnavi02.gif);
}

#tab14 {
	left: 554px;
	background-position: 0 -22px;
}

#tab15 {
	left: 644px;
	background-position: -90px -22px;
}

#about {
	float: left;
	width: 490px;
}

#newsRelease {
	position: absolute;
	top: 272px;
	left: 490px;
	width: 245px;
}

#newsRelease_cont {
	position: absolute;
	top: 319px;
	left: 491px;
	width: 244px;
	height: 85em;
	overflow: auto;
	border-bottom: 	1px solid #ccc;
}

#about h3, #newsRelease h3 {
	color: #ffffff;
	background: #4F3109 url(../images/title_bg.gif) left top repeat-x;
}

#about .section {
	margin: 16px 18px 0 18px;
	border-bottom: 1px solid #ccc;
}

#about .section p {
	margin: 10px 0;
}

#about .section .link, #menu .link {
	background: url(../images/arrow.gif) left no-repeat;
	padding-left: 16px;
}

#menu .link {
	position: relative;
	left: 705px;
	margin: 10px 0 0 -13em;
}

#newsRelease_cont dl {
	margin: 16px 18px 0 18px;
}

#newsRelease_cont dl dt {
	font-size: 90%;
	color: #666666;
	margin-top: 10px;
}

#introduction {
	float: left;
	width: 735px;
}

#introduction h3 {
	color: #ffffff;
	background: #4F3109 url(../images/title_bg.gif) left top repeat-x;
}

#introduction h4 {
	color: #808000;
	font-size: 110%;
	line-height: 150%;
	font-weight: bold;
	margin-left: 20px;
	padding: 0px;
}

#introduction h5 {
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#introduction .section {
	margin: 16px 18px 0 18px;
}
#introduction .section p {
	margin: 10px 0 10px 20px;
}

#introduction .section .link, #introduction .section .link_li  {
	background: url(../images/arrow.gif) left no-repeat;
	padding-left: 16px;
}

#introduction .section .link {
	margin-left: 20px;
}

#introduction .section .link_li {
	margin: 5px 0 0 20px;
}

#menu {
	float: left;
	width: 735px;
}

#menu h3 {
	color: #ffffff;
	background: #ffffff url(../images/title_bg.gif) left top repeat-x;
	padding-bottom: 10px;
}

#menu h4, #menu h5 {
	width: 655px;
	height: 30px;
	margin: 10px 0 0 40px;
}

#menu ul {
	width: 545px;
	margin: 10px 0 0 40px;
	padding: 0 55px 0 55px;
}

#menu ul li {
	clear: left;
	list-style: none;
	text-align: center;
	background: #ffffff;
}

#menu p span {
	display: block;
	width: 650px;
	margin: 10px 0 0 10px;
	padding: 10px 30px 15px 30px;
	border-bottom: 1px solid #ccc;
}

#menu ul li p {
	float: left;
	width: 50%;
	padding-bottom: 3px;
}

#content_aq h3 {
	color: #ffffff;
	background: #3452B2 url(../images/title_aqbg.gif) left top repeat-x;
}

#qr {
	margin: 25px 25px 0 0;
}

#introduction .section ul {
	width: 650px;
	text-indent: 0;
	margin: 0 0 10px 20px;
	padding: 0 0 10px;
	border-bottom: solid 1px #aaa;
}

#introduction .section ul li {
	list-style-type: none;
	text-indent: 0;
 	margin-left: 30px;
	padding: 0;
}

#column_head_pink, #column_head_blue, #column_head_orange, #column_head_green {
	margin: 0 auto;
	text-align: left;
	width: 735px;
	height: 86px;
}

#column_head_pink h3, #column_head_blue h3, #column_head_orange h3, #column_head_green h3 {
	padding: 0 30px;
}

#column_head_pink {
	background: #ffffff url(../images/column_head_pink.gif) left top repeat-x;
}

#column_head_blue {
	background: #ffffff url(../images/column_head_blue.gif) left top repeat-x;
}

#column_head_orange {
	background: #ffffff url(../images/column_head_orange.gif) left top repeat-x;
}

#column_head_green {
	background: #ffffff url(../images/column_head_green.gif) left top repeat-x;
}

#column_top {
	margin: 0 auto;
	width: 735px;
	height: 25px;
	background: #ffffff url(../images/line_top.gif) left top no-repeat;
}

#column_center {
	float: left;
	margin-left: 3px;
	padding: 10px 0;
	text-align: left;
	width: 735px;
	background: #ffffff url(../images/line_center.gif) left top repeat-y;
}

#column_contents {
	margin: 10px auto;
	width: 603px;
	background: #ffffff;
}

#column_contents_left {
	float: left;
	width: 337px;
	margin-left: 30px;
	background: #ffffff;
}

#column_contents_right {
	float: left;
	width: 337px;
	background: #ffffff;
}

#column_bottom {
	clear: both;
	margin: 0 auto;
	width: 735px;
	height: 55px;
	background: #ffffff url(../images/line_bottom.gif) top no-repeat;
}

#watch_abc, #watch_glossary, #watch_qa {
	position: absolute;
	height: 40px;
	z-index: 1;
}

#watch_abc {
	top: 124px;
	left: 278px;
	width: 220px;
}

#watch_abc a, #watch_glossary a, #watch_qa a {
	height /**/:40px;
	padding-top: 40px;
	color: #ffffff;
}

#watch_abc a {
	background-image: url(../images/beauty_abc.gif);
}

#watch_glossary {
	top: 179px;
	left: 481px;
	width: 150px;
}

#watch_glossary a {
	background-image: url(../images/glossary.gif);
}

#watch_qa {
	top: 232px;
	left: 252px;
	width: 250px;
}

#watch_qa a {
	background-image: url(../images/watchqa.gif);
}

	#watch_abc a, #watch_glossary a, #watch_qa a { background-position: 0 0; }
	#watch_abc a:hover, #watch_glossary a:hover, #watch_qa a:hover { background-position:  0 -40px; }

#tel {
	position: absolute;
	top: 164px;
	left: 333px;
	width: 95px;
	height: 95px;
	z-index: 1;
}

#tel a {
	height /**/:95px;
	padding-top: 95px;
	background-image: url(../images/tel.gif);
	color: #ffffff;
}

	#tel a { background-position: 0 0; }
	#tel a:hover { background-position:  0 -95px; }

#customers h4 {
	color: #666;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	margin: 20px 40px;
	padding: 2px 0 2px 5px;
	border-bottom: solid 1px #aaa;
	border-left: solid 5px #ffa500;
	background: url(../images/bg_grey.gif) top left repeat-y;
}

#customers ul {
	width: 563px;
	text-indent: 0;
	margin: 0;
	padding: 0 20px;
}

#customers ul li {
	list-style: none;
	text-indent: 0;
	background: url(../images/arrow.gif) left no-repeat;
 	margin: 5px 0 0 40px;
	padding: 0 0 0 20px;
}

#customers p {
	margin: 0 40px;
	padding: 0 20px;
}

.img_list_thissite ul {
	width: 100%;
}

.img_list_thissite ul li {
	float: left;
	list-style: none;
	width: 170px;
	text-align: center;
	background: #ffffff none;
}

.img_list_thissite p span {
	display: block;
	padding: 3px 0;
}

.img_list_thissite br {
	clear: left;
}

#shortcut {
	position: fixed;
	bottom: 5px;
	right: 5px;
	color: #ffffff;
	background: #ffffff url(../images/column_head_orange.gif) 0 -5px repeat-x;
	border: outset #ffcc99 2px;
}

#shortcut h5 {
	margin: 5px auto;
}

#shortcut ul {
	margin: 10px 0;
	padding: 0;
}

#shortcut ul li {
	list-style: none;
	text-indent: 0;
	background: url(../images/arrow.gif) left no-repeat;
 	margin: 0 0 5px 8px;
	padding: 0 0 0 5px;
}

#footer h6 {
	margin-left: 50px;
}

#topofthepage {
	position: absolute;
	top: 18px;
	left: 620px;
	width: 100px;
	height: 10px;
	background: #363636;
}

#topofthepage a {
	height /**/:10px;
	padding-top: 10px;
	background-image: url(../images/topofthepage.gif);
	color: #ffffff;
}

	#topofthepage a { background-position: 0 0; }
	#topofthepage a:hover { background-position:  0 -10px; }
	
#merchandise {
	float: left;
	width: 735px;
	margin-left: 3px;
	padding: 0;
	background:url(../images/merchandise_bg.gif) repeat-y left;
}

#merchandise_navi li {
	width: 150px;
	list-style-type: none;
	margin: 0 auto;
}

#merchandise_navi li a {
	height /**/:22px;
	margin: 5px 0;
	padding-top: 22px;
	background-image: url(../images/button.gif);
	color: #ffffff;
}

	#m_navi01 a { background-position: 0 0; }
	#m_navi02 a { background-position: -150px 0; }
	#m_navi03 a { background-position: -300px 0; }
	#m_navi04 a { background-position: -450px 0; }
	#m_navi01 a.stay { background-position: 0 -44px; }
	#m_navi02 a.stay { background-position: -150px -44px; }
	#m_navi03 a.stay { background-position: -300px -44px; }
	#m_navi03 a.stay { background-position: -450px -44px; }
	#m_navi01 a:hover { background-position:  0 -22px; }
	#m_navi02 a:hover { background-position:  -150px -22px; }
	#m_navi03 a:hover { background-position:  -300px -22px; }
	#m_navi04 a:hover { background-position:  -450px -22px; }

#merchandise_rank h4, #merchandise_navi h4 {
	width: 160px;
	height: 17px;
	margin:0;
	padding:0;
	background-color:#4682b4;
}

#merchandise_rank h5 {
	margin:0;
	padding:0;
	text-align: center;
	color:#ffffff;
	background-color:#bdb76b;
}

#merchandise_rank ul {
	margin-top: 5px;
}

#merchandise_rank li {
	width: 150px;
	list-style-type: none;
	margin: 0 auto;
}

#merchandise_rank li a {
	height /**/:75px;
	margin: 0;
	padding-top: 75px;
	background-image: url(../images/ranking.gif);
	color: #ffffff;
}
	#best1 a { background-position: 0 0; }
	#best2 a { background-position: -150px 0; }
	#best3 a { background-position: -300px 0; }
	#best4 a { background-position: -450px 0; }
	#best5 a { background-position: -600px 0; }
	#best1 a:hover { background-position:  0 -75px; }
	#best2 a:hover { background-position:  -150px -75px; }
	#best3 a:hover { background-position:  -300px -75px; }
	#best4 a:hover { background-position:  -450px -75px; }
	#best5 a:hover { background-position:  -600px -75px; }

#merchandise_left {
	float: left;
	padding-bottom: 5px;
	width:160px;
	font-size: 10px;
	line-height: 1.4;
	background:url(../images/back1.gif) #f5f5f5;
	border-bottom:1px solid #d5d5d5;
}

#merchandise_right {
	float: left;
	width: 574px;
	height: 500px
}

#merchandise_tab01, #merchandise_tab02, #merchandise_tab03, #merchandise_tab04 {
	position: absolute;
	width: 150px;
	height: 22px;
	z-index:1;
}

#merchandise_tab01, #merchandise_tab02, #merchandise_tab03, #merchandise_tab04 {
	left: 8px;
	background-image: url(../images/button.gif);
}

#merchandise_tab01 {
	top: 58px;
	background-position: 0 -44px;
}

#merchandise_tab02 {
	top: 85px;
	background-position: -150px -44px;
}

#merchandise_tab03 {
	top: 112px;
	background-position: -300px -44px;
}

#merchandise_tab04 {
	top: 139px;
	background-position: -450px -44px;
}