/*----------------------------------------------------------
   五葉コンサルティング　CSS
-----------------------------------------------------------*/

/* common
------------------------------------*/

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

body{
background: #ffffff;
font-size: 75%;
line-height: 150%;
height:100%;
color: #545454;
}

html{
height:100%;
}

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

a { outline: none; }

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

* html img{
behavior: expression(IEPNGFIX.fix(this));
}

h2,h3,h4{
margin: 0;
padding: 0;
}

h2.text{
margin: 0px 0 10px 0;
padding: 2px 0 2px 8px;
border-left: 4px solid #1fae98;
border-bottom: 1px solid #cccccc;
}
h3.text{
font-size: 12px;
margin: 20px 0 8px 0;
padding: 0 0 0 6px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #e6f4f1;
}

h4.text{
margin-top: 24px;
margin-bottom: 4px;
color: #a93d71;
border-bottom: 1px dashed #a93d71;
font-size: 120%;
}
h5.text{
margin-bottom: 0;
text-align: center;
}


table{
border: #cccccc;
}
td{
border: #cccccc;
}
th{
border: #cccccc;
}

p.clear{
clear: both;
}

.textalign_right{
text-align: right;
}
.textalign_left{
text-align: left;
}
.textalign_center{
text-align: center;
}
.float_right{
float: right;
}
.float_left{
float: left;
}
div.border{
border: 1px solid #eeeeee;
}
div.box{
padding: 0 10px 32px 10px;
}
.margin_right10{
margin-right: 10px;
}
.margin_left10{
margin-left: 10px;
}
span.red{
color: #a5212f;
}



/* Link Color
--------------------------------*/
a:link {
color:#047569;
text-decoration:none;
}

a:visited {
color:#047569;
text-decoration:none;
}

a:hover {
color:#45fed9;
text-decoration:none;
}

a:active {
color:#45fed9;
text-decoration:none;
}


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

body > #ouline{
height: auto;
}


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

#header{
margin-left: auto;
margin-right: auto;
width: 850px;
height: 65px;
}


#header h1{
margin: 0;
padding: 0;
color: #333333;
font-size: 10px;
font-weight: normal;
}

#header_info{
width: 630px;
height: 43px;
text-align: right;
float: right;
}
#header_info img{
margin-right: 0 10px;
}

#btn_area{
height: 43px;
width: 250px;
margin-right: 20px;
margin-left: 20px;
}
#btn_area img{
margin-top: 2px;
margin-right: 4px;
padding: 0;
}
#btn_area #left_area{
height: 20px;
width: 120px;
float: left;
}
#btn_area #right_area{
height: 20px;
width: 120px;
float: right;
}
/* menu
------------------------------------*/
#global_menu{
margin-left: auto;
margin-right: auto;
width: 630px;
height: 22px;
margin-bottom: 0px;

}

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

#global_menu ul li{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 0;
}

/* main_image
------------------------------------*/
div#main_gradation_sub{
clear:both;
width: 100%;
height: 100px;
background: url('/images/common/bg_main_gradation.png') repeat-x;
}
* html div#main_gradation_sub{
margin-top: -3px;
}
div#main_gradation_sub div#image_space{
width: 850px;
height: 90px;
margin: 0px auto 0 auto;
padding-top: 5px;
padding-bottom: 5px;
}

/* wrapper
------------------------------------*/
#wrapper{
width: 850px;
margin: 0 auto;
padding: 10px 0;
}


/* contents
------------------------------------*/
#contents{
float: left;
width: 600px;
clear: both;
padding-left: 30px;
padding-right: 10px;
}
#index #contents{
width: 640px;
padding-left: 0;
padding-right: 8px;
}

/* btn_pagetop
------------------------------------*/
.btn_pagetop{
text-align: right;
margin: 10px 0;
}
.btn_pagetop img{
border: 1px solid #669977;
}

/* side_area
------------------------------------*/
#side_area{
float: right;
width: 200px;
}

.side_banner{
margin-bottom: 10px;
}

/* side_menu
------------------------------------*/
.side_menu{
border: 5px solid #eeeeee;
background: #f7f8fa;
margin-bottom: 10px;
height: 470px;
}


.side_menu h3{
margin: 2px auto 0 6px;
}

.side_menu ul{
}

.side_menu ul li{
list-style-image: url('/images/common/point_cursor.gif');
}

/* footer
------------------------------------*/
#footer{
width: auto;
height: 120px;
margin: 0 auto;
background: url('/images/common/footer/bg_footer.png') repeat-x;
}


#footer_info{
width: 850px;
height: 40px;
margin: 0 auto;
}

#footer_info ul{
float: right;
}

#footer_info ul li{
float:left;
margin-right: 30px;
padding: 0 0 0 14px;
background: url('/images/common/point_cursor.gif') left 4px no-repeat;
}
#footer_info ul li a:link {
color: white;
text-decoration:none;
}

#footer_info ul li a:visited {
color: white;
text-decoration:none;
}

#footer_info ul li a:hover {
color: #45fed9;
text-decoration:none;
}

#copyright{
width: 850px;
clear: both;
text-align: center;
margin: 30px auto 0;
color: white;
}