/*----------------------------------------------------------
   esthome
-----------------------------------------------------------*/

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

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

body#index{
background: #ffffff url('/images/bg_index_002/rotator.php') center top repeat-x;
}

html{
height:100%;
}

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

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


/* 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: 0;
height: 55px;
}

#header h1{
margin: 0;
padding: 0;
color: #aaaaaa;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 0 ;
width: 430px;
float: left;
margin-top: 10px;
}

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

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

#header_info img{
}


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

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



/*menu
------------------------------------*/
#menu{
margin-left: auto;
margin-right: auto;
width: 840px;
clear: both;
height: 70px;
margin-bottom: 0px;
vertical-align: bottom;
background: url('/images/menu/menu_bg.gif') top no-repeat;
}

#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: right;
}

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


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

#main_content h3{
background: url('/images/bg_h3.gif') no-repeat;
height: 28px;
padding: 8px 10px 0px 44px;
font-size: 14px;
margin-bottom: 10px;
}

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


#main_content dl.blog_article{
margin-top: 0;
padding-top: 0;
}

#main_content dl.blog_article dt{
float: left;
width: 120px;
}


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


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

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

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

/*flow
-------------------*/

table.flow{
background: url('/images/bg_table_flow.gif');
}

table.flow th,
table.flow td{
border: none;
width: 190px;
background: #fefefe;
}

table.flow th{
font-weight: bold;
text-align: center;
background: #A5D76F;
}

table.flow td.space{
background: none;
}

table.flow td.flow_last{
width: auto;
}

table.flow h4{
background: #F5EFD8;
padding: 5px;
}

table.flow td.flow_last h4{
background: none;
text-align: center;
background: #A5D76F;
}

table.flow b{
color: #FF6600;
}


/*plan
-------------------*/
span.plan_a,
span.plan_b,
span.plan_c,
span.plan_d,
span.plan_e{
background: #E9611C;
padding: 2px 5px 2px 5px;
color: #ffffff;
font-weight: bold;
float: left;
width: 100px;
text-align: center;
margin-right: 10px;
}

span.plan_b{
background: #AFD692;
}

span.plan_c{
background: #00B1EB;
}

span.plan_d{
background: #8D3590;
}

span.plan_e{
background: #EB7CAD;
}

table.plan_s{
margin: 0 15px 0 15px;
}

table.plan_s td{
border: none;
}

/*cost
-------------------*/

table.cost_table{
margin: 0 15px 0 15px;
}

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

table.cost_table th{
background: #AFD692;
border-left: 5px solid #4A8B34;
}
table.cost_table td.price{
background: #eeeeee;
}

table.cost_table td.total{
background: #dddddd;
font-weight: bold;
}

/*cost_sim
-------------------*/
table.sim_form th{
border: #cccccc;
background: #F5EDD1;
white-space: nowrap;
}

table.sim_form td{
border: #cccccc;
}

table.sim_form td.cell-1{
white-space: nowrap;
}

table.sim_form caption{
font-weight: bold;
}

table.sim_form td.form-btn{
text-align: center;
}

table.sim_result{
width: 100%;
}

table.sim_result th{
border: #cccccc;
background: #FDDFD5;
white-space: nowrap;
}

table.sim_result td{
border: #cccccc;
}

table.sim_result td.cell-1{
white-space: nowrap;
}

table.sim_result caption{
font-weight: bold;
}

/*faq
-------------------*/

body#faq #main_content h4{
background: url('/images/bg_h4_faq.gif') no-repeat #F5EFD8 3px 3px;
padding: 5px 0 5px 35px;
}

body#faq #main_content p{
margin-bottom: 30px;
}

body#faq #main_content ul{
margin: 15px 15px 15px 40px;
}

body#faq #main_content ul li{
list-style-type: square;
color: #FF9900;
}

/* go_top
----------*/
.go_top{
text-align: right;
font-size: 9px;
margin: 10px 15px 10px 0;
}

.go_top a{
background: #eeeeee;
border: 1px solid #aaaaaa;
padding: 3px;
text-decoration: none;
color: #666666;
}

.go_top a:hover{
background: #DDF3FB;
border: 1px solid #aaaaaa;
padding: 3px;
text-decoration: none;
color: #333333;
}


/*reform
-------------------*/

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

table.reform_sample td{
border: none;
padding: 2px;
}

table.reform_sample td.bfaf{
font-size: 16px;
color: #E9611C;
font-family: Arial;
font-weight: bold;
}


/*info form
-------------------*/
fieldset{
margin: 10px 15px 10px 15px;
}

fieldset dl{
margin: 0;
}

fieldset dl dt{
width: 150px;
float: left;
padding: 10px 0 10px 0;
clear: both;
color: #FF6600;
font-weight: bold;
}

fieldset dl dd{
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 1px solid #cccccc;
padding-left: 170px;
}

fieldset dl dd span{
color: #FF6600;
font-weight: bold;
}

input.submit{
padding: 10px;
margin: 5px;
}

fieldset textarea{
width: 350px;
}


/*staff
-------------------*/
div.staff_area span{
border: 1px solid #cccccc;
background: #FCF2D1;
padding: 3px;
}

div.staff_area h4{
background: #eeeeee;
}

div.staff_area h5{
padding-left: 15px;
}

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

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

/*info_box
-------------------*/
#info_box{
padding: 10px;
border: 1px solid #cccccc;
background: #eeeeee;
}

/*side_blog_article
-------------------*/

h4.side_blog{
background: #eeeeee;
border: 1px solid #cccccc;
font-size: 12px;
padding: 3px;
margin: 0;
margin-bottom: 5px;
}

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

ul.side_blog_article li{
list-style: none;
}

ul.side_blog_article li span{
font-weight: bold;
color: #FF6600;
}

#side_content dl.blog_article{
border: 1px solid #cccccc;
margin: 0;
margin-bottom: 10px;
padding: 10px;
background: url("/images/blog_new.gif") no-repeat left top #F9F5E8;
padding-top: 30px;
}

#side_content dl.blog_article dt{
background: url("/images/ya_black.gif") no-repeat left;
padding-left: 12px;
color: #000000;
font-size: 10px;
margin: 0;
font-family: 'ＭＳ Ｐゴシック' ;
letter-spacing: 0.1em;
}

#side_content dl.blog_article dd{
padding: 0;
margin: 0;
margin-bottom: 3px;
}

#side_content dl.blog_article dd .textlink{
background: none;
padding: 0;
margin: 0;
}



/*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: 90px;
width: 840px;
padding: 10px 20px 0px 20px;
vertical-align: bottom;
}

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

#footer_inner ul#text_menu li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#footer_inner ul#sub_menu{
margin: 0;
padding: 0;
clear: both;
}

#footer_inner ul#sub_menu li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#footer_inner img{
float: left;
}

#footer_inner div.copyright{
font-family: Arial;
color: #666666;
width: 300px;
float: left;
padding-top: 15px;
font-size: 10px;
}

#link_area{
width: 600px;
float: right;
}

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

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

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

#footer a:active {
color:#FFCC66;
}
*/

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

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

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

p.clear{
clear: both;
}

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

.textlink{
background: url('/images/bg_textlink.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;
}

h4{
font-size: 12px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 5px;
padding-left: 20px;
background: #F8F5ED;
margin-bottom: 10px;
clear: both;
}

h5{
font-size: 12px;
border-bottom: 1px dashed #cccccc;
border-top: 0px solid #cccccc;
padding: 2px;
padding-left: 5px;
padding-left: 20px;
background: #F7FAD3;
margin-bottom: 10px;
clear: both;
}

table.ex_layout{
margin: 0;

}

table.ex_layout td{
border: 0;
vertical-align: top;
margin: 0;
padding: 5px;
}

table.ex_layout td img{
margin-bottom: 5px;
}

img.step{
margin-bottom: 7px;
}

table.exphoto{
margin: 10px;
}

table.exphoto td{
border: 0;
text-align: center;
padding: 0;
margin: 0;
width: 140px;
height: 140px;

}