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

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

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

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

html{
height:100%;
}

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

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

* 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:40px;
}



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

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

#header h1{
margin: 0;
padding: 0;
color: #555555;
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: 110px;
float: left;
}

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

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

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


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

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


/*menu
------------------------------------*/
#menu{
margin-left: auto;
margin-right: auto;
width: 840px;
clear: both;
height: 60px;
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/black.gif') bottom repeat-x;*/
}


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

#main_content{
margin-top: 0px;
width: 580px;
float: right;
}

#side_content{
margin-top: 0px;
width: 200px;
float: left;
}


/*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.sub_title{
background: url('/images/bg_h3.gif') left no-repeat;
height: 30px;
padding: 10px 50px 0px 10px ;
font-size: 14px;
margin: 0 0 0 0;
}

h3.campaign{
border-bottom: 1px solid #cccccc;
border-left: 4px solid #c7c7c7;
padding: 3px;
padding-left: 10px;
}

h3.sub_title2{
background: url('/images/bg_h3_2.gif') left no-repeat;
height: 20px;
padding: 0px 0px 0px 30px ;
font-size: 12px;
margin: 0 0 10px 0;
border-bottom: 1px dashed #cccccc;
}


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

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



dl.beauty{
background: url('/images/bg_beauty.jpg') top right;
margin-bottom: 30px;
}

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

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

dl.health{
background: url('/images/bg_health.jpg') top right;
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
-----------------*/

div.menu_bunner{
padding: 1px 0 5px 0;
}

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;
background: url('/images/bg_mokuteki.gif') bottom left no-repeat;
}


/*
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;
background: url('/images/s_morishita.jpg') no-repeat ;
padding-left: 60px;
padding-right: 120px;
min-height: 50px;
color: #0099FF;
}

#main_content p.okubo{
display: block;
background: url('/images/s_okubo.jpg') no-repeat right;
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;
background: url('/images/bg_osusume.jpg') right top no-repeat;
}

ul.check li{
list-style-type: none;
margin: 0 15px 0 15px;
background: url('/images/bg_check.gif') left no-repeat;
padding: 3px 0 3px 70px;
}

div.yoyaku{
background: url('/images/bg_tel.jpg') left no-repeat;
min-height: 150px;
padding-left: 120px;
padding-top: 20px;
}


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

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

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

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


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


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

#side_content ul.side_menu{
margin: 0px 0 0 0;
padding: 0 0 0 0;
}

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

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


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

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

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

#side_content ul.side_menu a:active {
color: #8d0000;
}



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

#footer_inner{
margin-left: auto;
margin-right: auto;
background: url('/images/bg_footer_inner.gif');
height: 40px;
width: 800px;
color: #323232;
padding: 0px 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: 5px;
}

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

#footer_inner div.copyright{
clear: both;
font-family: Arial;
color: #FFFFFF;
float: left;
margin-top: 5px;
}

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

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

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

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


/*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;
}


/*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;



#main_content div.voice_detail{
padding: 0 0 0 60px;
margin: 0 0 0 30px;
background: url('/images/bg_voice.gif') no-repeat;
}

#main_content div.voice_detail h3{
font-size: 14px;
padding: 10px 0 0 0;
}