/*----------------------------------------------------------
   Base
-----------------------------------------------------------*/

/*setting
------------------------------------*/

body{
background: #ffffff url('/images/bg/rotator.php') center top repeat-x;
font-size: 12px;
line-height: 150%;
height:100%;
color: #444444;
/* background-color:#F4FFF0; */
background-color:#FFFFFF;
}

body#india{
}

html{
height:100%;
}

* html div#outline{
height:100%;
}

a:hover img{
opacity:0.7;
filter: alpha(opacity=50);
}

* html #header img,
* html #menu img,
* html #footer img{
behavior: expression(IEPNGFIX.fix(this));
}

/* Link Color
--------------------------------*/
a:link {
color:#000099;
text-decoration:underline;
}

a:visited {
color:#000099;
text-decoration:underline;
}

a:hover {
color:#3366CC;
text-decoration:underline;
}

a:active {
color:#3366CC;
}


/*outline
------------------------------------*/
#outline{
position:relative;
min-height: 100%;
}

body > #ouline{
height: auto;
}

#non_footer{
padding-bottom:100px;
}



/*header
------------------------------------*/

#header{
margin-left: auto;
margin-right: auto;
width: 840px;
padding: 10px 20px 0px 20px;
height: 40px;
}

#header h1{
margin: 0;
padding: 0;
color: #222222;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 0 ;
width: 400px;
text-align: right;
float: right;
}

#header h1 img{
float: left;
margin-top: 0px;
margin-right: 20px;
}

#header_logo{
margin: 0;
padding: 0;
color: #aaaaaa;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 0 ;
width: 400px;
float: left;
}

#header_logo img{
float: left;
margin-top: 0px;
margin-right: 20px;
}

#header_info{
width: 410px;
text-align: right;
float: right;
margin-top: 10px;
}

#header_info img{
margin-left: 10px;
}


/*top_main_space
------------------------------------*/
#top_main_space{
margin-left: auto;
margin-right: auto;
width: 840px;
height: 37px;
}

body#index #top_main_space{
height: 300px;
}


/*menu
------------------------------------*/
#menu{
margin-left: auto;
margin-right: auto;
width: 840px;
clear: both;
height: 84px;
margin-bottom: 0px;
vertical-align: bottom;
}

#menu ul{
margin: 0;
padding: 0;
}

#menu ul li{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 0;
background: url('/images/white.gif') bottom repeat-x;
}


/*content
------------------------------------*/
#content{
margin-left: auto;
margin-right: auto;
width: 800px;
padding: 10px 20px 0px 20px;
font-family: sans-serif;
clear: both;
background: #ffffff;
}

#main_content{
width: 580px;
float: left;
}

#side_content{
width: 200px;
float: right;
}


/*main_content
------------------------------------*/
#main_content h2{
margin: 0;
padding: 0;
margin-bottom: 20px;
}

#main_content h2.top{
margin-top: 30px;
}

#main_content h3.text{
border-bottom: 1px solid #cccccc;
border-left: 4px solid #CC0000;
padding: 3px;
padding-left: 10px;
font-size: 14px;
}

#main_content p{
padding: 0 15px 0 15px;
}

h3.campaign{
border-bottom: 1px solid #cccccc;
border-left: 4px solid #59a3d6;

padding: 3px;
padding-left: 10px;
}



dl.list{
margin-bottom: 30px;
}

dl.list dt{
margin-bottom: 5px;
}



dl.beauty{
margin-bottom: 30px;
}

dl.beauty dt{
font-weight: bold;
margin-bottom: 5px;
}

dl.beauty dd{
width: 550px;
margin-bottom: 10px;
}

dl.health{
margin-bottom: 30px;
}

dl.health dt{
font-weight: bold;
margin-bottom: 5px;
}

dl.health dd{
width: 550px;
margin-bottom: 10px;
}



/*topics
-------------------*/

#topics_text{
background: #fffbed;
padding: 0 10px 0 10px;
border-left: 1px solid #fff0b3;
border-right: 1px solid #fff0b3;
}

#topics_text b{
background: url('/images/bg_topics_b.gif') no-repeat;
padding-left: 15px;
display: block;
margin-bottom: 5px;
}



#topics_top{
height: 35px;
}

#topics_bottom{
height: 10px;
margin-bottom: 10px;
}




/* menu page
-----------------*/

table.mokuteki{
margin-left: 15px;
}

table.mokuteki th,
table.mokuteki td{
border: 0;
border-bottom: 1px solid #cccccc;
padding: 10px;
}

table.mokuteki th{
font-weight: bold;
}

table.kamei_link{
width: 200px;
margin-top: 10px;
margin-left: 0px;
}


table.kamei_link th,
table.kamei_link td{
border: 1px solid #cccccc;
margin: 0 15px 0 15px;
}


table.kamei_link th{
background: #eeeeee;
text-align: left;
}

table.kamei_link td{
text-align: left;
}


h4{
font-size: 14px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 5px;
background: #F8F5ED;
margin-bottom: 10px;
}

table.enkaku{
width: 550px;
margin-top: 10px;
margin-left: 15px;
}


table.enkaku th,
table.enkaku td{
border: 1px solid #cccccc;
margin: 0 15px 0 15px;
}


table.enkaku th{
width: 100px;
background: #eeeeee;
text-align: left;
}

table.enkaku td{
text-align: left;
}

/* special
-----------------*/
#main_content p.morishita{
display: block;
padding-left: 60px;
padding-right: 120px;
min-height: 50px;
color: #0099FF;
}

#main_content p.okubo{
display: block;
padding-left: 120px;
padding-right: 60px;
min-height: 50px;
color: #000000;
text-align: right;
color: #FF6600;
}

/* voice
-----------------*/
#main_content p.voice img{
float: left;
margin: 10px;
}

#main_content p.voice{
margin-bottom: 30px;
}

#main_content p.voice b{
font-size: 14px;
display: block;
margin-bottom: 10px;
}


/* info
-----------------*/
span.tel{
font-size: 24px;
color: #FF6600;
line-height: 130%;
font-weight: bold;
}


dl.step dt{
float: left;
clear: both;
width: 70px;
margin-bottom: 10px;
font-weight: bold;
text-align: right;
color: #FF9900;
}

dl.step dd{
margin-left: 90px;
margin-bottom: 10px;
border-left: 3px solid #FF9900;
padding-left: 10px;
}

dl.step dd b{
color: #FF0000;
}


/* access
-----------------*/
div.map{
margin: 0 15px 0 15px;
border: 1px solid #cccccc;
}

ul.check{
margin: 0;
padding: 0;
margin-bottom: 20px;
}

ul.check li{
list-style-type: none;
margin: 0 15px 0 15px;
padding: 3px 0 3px 70px;
}

div.yoyaku{
min-height: 150px;
padding-left: 120px;
padding-top: 20px;
}


/*company
-------------------*/

table.profile{
width: 550px;
margin: 0 15px 0 15px;
}

table.profile th,
table.profile td{
border: none;
border-bottom: 1px solid #aaaaaa;
}

div.profile_map{
margin:5px 0 0 25px;
}

table.profile_detail{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

table.profile_detail th,
table.profile_detail td{
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
}


/*contactus
-------------------*/

table.contactus{
width: 550px;
margin: 0 15px 0 15px;
}

table.contactus th {
  width: 130px;
}

table.contactus th,
table.contactus td{
border: none;
border-bottom: 1px solid #aaaaaa;
}

/*side_content
------------------------------------*/

#side_content img.bn{
margin-bottom: 10px;
}



/*side_menu
-------------------*/

ul.side_menu{
margin: 0;
padding: 0;
margin-bottom: 10px;
}

ul.side_menu li{
height: 40px;
padding: 0;
margin: 0 0 5px 0;
background: url('/images/menu/bg_side_001.gif') bottom;
list-style-type: none;
font-weight: bold;
}

ul.side_menu li a{
display: block;
padding: 11px 5px 0px 10px;
text-decoration: none;
color: #444444;
}


/* Side Menu Link Color
--------------------------------*/
ul.side_menu a:link {
color:#444444;
}

ul.side_menu a:visited {
color:#444444;
}

ul.side_menu li a:hover {
color: #178fff;
background: url('/images/menu/bg_side_001.gif') top;
}

ul.side_menu a:active {
color: #178fff;
}



/*footer
------------------------------------*/
#footer{
background: url('/images/bg_footer.gif');
position: absolute;
bottom: 0;
height: 100px;
width: 100%;
font-family: sans-serif;
clear: both;
}

#footer_inner{
margin-left: auto;
margin-right: auto;
background: url('/images/bg_footer_inner.gif');
height: 85px;
width: 800px;
color: #323232;
padding: 15px 20px 0px 20px;
text-align: right;
vertical-align: bottom;
}

#footer_inner ul{
margin: 0;
padding: 0;
}

#footer_inner ul li{
float: right;
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 15px;
}

#footer_inner img{
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

#footer_inner div.copyright{
clear: both;
font-family: Arial;
color: #323232;
}

/* footer Link Color
--------------------------------*/
#footer a:link {
color:#323232;
text-decoration:underline;
}

#footer a:visited {
color:#323232;
text-decoration:underline;
}

#footer a:hover {
color: #373737;
text-decoration:underline;
}

#footer a:active {
color: #323232;
}


/*common
------------------------------------*/
img.img_right{
float: right;
margin: 0px 15px 10px 10px;
}

img.img_left{
float: left;
margin: 0px 10px 10px 15px;
}

img.img_center{
text-align: center;
margin: 10px;
}

img.photo{
padding: 3px;
background: #ffffff;
border: 1px solid #cccccc;
}

p.clear{
clear: both;
}

.text_right{
text-align: right;
margin: 7px 0 10px 0;
}

.text_center{
text-align: center;
margin: 7px 0 10px 0;
}

.textlink{
background: url('/images/bg_textlink.gif') left no-repeat;
padding: 0 0 0 15px;
}

.textlink2{
background: url('/images/bg_textlink2.gif') left no-repeat;
padding: 0 0 0 15px;
}

strong{
font-weight: normal;
}

span.yellow{
border: 1px solid #cccccc;
background: #FFCC00;
padding: 5px;
margin-bottom: 5px;
font-size: 10px;
}

em.notice {
color: #c66;
font-style: normal;
}

p.errmsg {
background-color: #efc;
padding: 10px;
}

/* add20090105 */

.addH2{
border-bottom:1px solid #CCCCCC;
border-left:4px solid #59A3D6;
padding:3px 3px 3px 10px!important;
font-weight:bold;
margin:1em 0;
font-size:108%;
}

.addP{
color:#222222;
font-size:10px;
font-weight:normal;
margin:0;
padding:0;
text-align:right;
line-height:1;
}

.addP a{
color:#222222;
text-decoration:none;
}

.addP a:visited{
color:#222222;
text-decoration:none;
}