@charset "Shift_JIS";

/* COMMON.CSS ****************************************************

 1.RESET
 
 2.HEADER (update 2008.01.11 [.header])
 3.FOOTER
 
 4.LANG CHANGE (add 2010.08.05)
 5.OTHERS (add 2010.08.23)

* *****************************************************************/

/* 1.RESET
-----------------------------------------------------------------------------------------*/


 body {
	font-size: small;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	color: #333333;
	background-color: #FFFFCC;
}

@media print {
body {
	font-size: small;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	color: #333333;
	background-color: #FFFFFF;
}
  }

p {
	margin: 0px;
	padding: 0px;
}
a:link{
    color: #333333;
	text-decoration:underline;
}
a:visited{
	color: #333333;
	text-decoration:underline;
}
a:hover{
    color: #A35C0A;
	text-decoration:none;
}
a:active{
	color: #A35C0A;
	text-decoration:none;
}

/* CLEAR */
.f_clear {
	clear: both;
	height: 1px;
	width: 15px;
}

/* CONTENTS AREA */
.mainframe {
	margin: 0px;
	padding: 0px;

}

/* 2.HEADER
-----------------------------------------------------------------------------------------*/
.header {
	position: relative; /* update 2010.08.05 */
	background-image: url(../img/menu_bg.jpg);
	height: 125px;
	width: 750px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
li h2 {
	clear: right;
	float: left;
}
.toplogo {
	padding-left: 17px;
	float: left;
	width: 169px;
}
.topmenu {
	float: left;
	padding-top: 30px;
	padding-bottom: 5px;
	width: 564px;
}
.topmenu .sitemap {
	float: left;
	width: 79px;
	padding-left: 105px;
	padding-top: 10px;
	margin: 0px;
}
.topmenu .abt_lutein {
	float: left;
	width: 140px;
	padding-left: 9px;
	padding-top: 10px;
	margin: 0px;
}
.zoom_outer .size_change {
	padding-top: 10px;
	padding-left: 15px;
	float: left;
}
.headmenu {
	margin: 0px;
	padding: 0px;
	width: 740px;
}
.headmenu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.headmenu ul {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 13px;
}

.zoom_outer .regular {
	padding-top: 7px;
	padding-left: 10px;
	float: left;
}
.zoom_outer .zoom {
	padding-top: 7px;
	padding-left: 3px;
	float: left;
}

.zoom_outer {
	float: left;
	width: 210px;
	height: 33px;
	background-image: url(../img/zoom_btn_bg.gif);
	background-repeat: no-repeat;
	background-position: 9px;
	padding-top: 0px;
	padding-left: 9px;
	clear: right;
	margin: 0px;
}

/* 3.FOOTER
-----------------------------------------------------------------------------------------*/
.lib_support{
clear:both;
padding: 12px 0px 0px 0px;
width: 750px;
background: url(../img/foot_line01.jpg)  left top no-repeat;
}
.lib_support p{
margin: 0px;
padding:0 15px 12px 15px;
text-align:center;
background: url(../img/foot_line02.jpg) left bottom no-repeat;
}


.footer {
	width: 750px;
	margin: 0;
	padding: 0px;
}
.support_logo {
	margin: 0px 0px 0px 10px;
	width: 730px;
	padding:7px 0 10px 0;
	background: url(../img/foot_line01.gif) left top repeat-x;
}
.support_logo img {
margin:0 10px 0 0;
}

.foot_menu {
	font-size: 83%;
	width: 750px;
	padding-top: 1em;
	padding-bottom: 1.5em;
	text-align:center;
}

/* FONT_SIZE_AREA */
#c_frame {
	background-color: #FFFFFF;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	line-height: 160%;
}

/* 4.LANG CHANGE
-----------------------------------------------------------------------------------------*/
dl#lang_change{
	position: absolute;
	top: 0;
	right: 2px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 750px;
	height: 11px;
	text-align: right;
	line-height: 11px;
	font-size: 11px;
}
dl#lang_change dt{
	display: inline;
	margin: 0;
}
dl#lang_change dd{
	display: inline;
	margin: 0;
}
dl#lang_change dd a img{
	margin-left: 9px;
}

/* 5.OTHERS
-----------------------------------------------------------------------------------------*/

.mb15{
	margin-bottom: 15px;
}