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

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: #FFFFFF;
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;
position:relative;
}



/*content
------------------------------------*/
#content{
margin-top: 200px;
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;
}


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

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

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

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


/*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: 2px 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 2px 0px 30px;
text-decoration: none;
color: #444444;
}

#side_content div.profile {
width: 200px;
height: 250px;
padding: 0;
margin: 10px 0 0 0;
background: url('/images/profile.jpg') bottom;
}

#side_content div.profile p{
padding-top: 50px;
padding-right: 7px;
text-align: right;
/*margin-left: 80px;*/
}

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