/* COMMON */
body{
margin: 0;
padding: 0;
background-image:url(images/main_bg.jpg);
color:#444;
font-size:small;
font-family: Verdana,Arial,sans-serif;
}

* html body {
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
}

*:first-child+html body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

a, a:link {
color:#333;
text-decoration:underline;
}
a:visited {
color:#666666;
text-decoration:underline;
}
a:hover {
color:#444;
text-decoration:none;
}
a:active {
color:#666666;
text-decoration:none;
}

input.txt-field,select,textarea{
color:#444;
background-color:#F9F9F9;
border:1px solid #CCC;
padding:4px;
}

input.txt-field:focus,select:focus,textarea:focus{
color:#333;
background-color:#FFFFCC;
border:1px solid #330000;
padding:4px;
}

.red{
color:#FF0000;
}

.icon-pdf{
background:url(images/icon_pdf.gif) no-repeat right;
padding:20px 20px 20px 0;
height:20px;
line-height:180%;
}

.icon-external{
background:url(images/icon_external.gif) no-repeat right;
padding:20px 20px 20px 0;
height:20px;
line-height:180%;
}

div#related{
border:solid 1px #ededed;
background-color:#f7f7f7;
padding:5px;
margin-top:10px;
}


/* FORM BUTTONS */

div#btn-box{
margin:0 0 0 120px;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#444;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #CCC;
    color:#444;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/*HEADER-TOP*/
div#box-top{
position:relative;
background-image:url(images/box_top_bg.jpg);
background-repeat:no-repeat;
background-position:right;
background-color:#fff;
}

div#top-header{
position:relative;
background-image:url(images/header_top.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#FFF;
width:920px;
height:351px;
margin: 0 auto;
}

.top-site-id{
position:absolute;
top:20px;
}

.top-visual{
position:absolute;
top:110px;
}
 
.header-contact{
position:absolute;
top:15px;
right:175px;
}

.header-access{
position:absolute;
top:15px;
right:105px;
}

.header-sitemap{
position:absolute;
top:15px;
right:10px;
}

.lang1{
position:absolute;
top:45px;
right:66px;
z-index: 2;
}

.lang2{
position:absolute;
top:45px;
right:0;
z-index: 2;
}

/*HEADER-CONTENT*/
div#box-content{
position:relative;
background-image:url(images/box_top_bg.jpg);
background-repeat:no-repeat;
background-position:right;
background-color:#fff;
}

div#content-header{
position:relative;
background-image:url(images/header_top.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#FFF;
width:920px;
height:50px;
margin: 0 auto;
}

.site-id{
position:absolute;
top:7px;
}
 
.header-contact{
position:absolute;
top:15px;
right:175px;
}

.header-access{
position:absolute;
top:15px;
right:105px;
}

.header-sitemap{
position:absolute;
top:15px;
right:10px;
}


/* BASE-BOX */
div#container{
width: 920px;
margin: 0 auto;
}

div#top-main{
width: 660px;
float: left;
}

div#content-main{
width: 920px;
float: left;
}

div#box-left{
width: 370px;
float:left;
}

div#box-menu{
width: 220px;
float:left;
}

div#contentBox{
width: 680px;
float:right;
}

div#box-center{
width: 270px;
float: right;
}

div#box-right{
width: 240px;
float: right;
}

/*WHAT'NEW-BOX-TOP*/  
#new_top {
position:relative;
font-size: 0;
background: url(images/box_new_top.jpg) no-repeat;
height: 28px;
width: 370px;
margin-top:20px;
}  

/*WHAT'NEW-BOX-MIDDLE*/  
#new_middle {
font-size: 12px;
line-height: 1.5;
padding: 0 25px;  
width: 318px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color:#FFF;
}

#new_middle ul {
padding: 30px 0 10px 0;
margin:0; 
}

#new_middle li {
background:url(images/dotline_yoko.jpg) repeat-x bottom;
list-style:none;
padding-bottom: 10px;
margin:0 0 10px 0; 
}
  
   
/*WHAT'NEW-BOX-BOTTOM*/
#new_bottom {
font-size: 0;
background: url(images/box_new_bottom.jpg) no-repeat;
height: 10px;
width: 370px;
margin-bottom:20px;
}

.press{
position:absolute;
right:20px;
top:10px;
}

.attention{
color:#e60012;
font-weight:bold;
padding-left:10px;
}

/*BUSINESS-BOX-TOP*/  
#business_top {
font-size: 0;
background: url(images/box_business_top.jpg) no-repeat;
height: 28px;
width: 270px;
margin-top:20px;
}  

/*BUSINESS-BOX-MIDDLE*/  
#business_middle {
font-size: 12px;
line-height: 1.5;
padding: 0 25px;  
width: 218px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color:#FFF;
}

#business_middle ul {
padding: 30px 0 10px 0;
margin:0; 
}

#business_middle li {
list-style:none;
background:url(images/arrow_link.jpg) no-repeat;
padding: 0 0 0 20px;
margin:0 0 10px 0; 
}
   
/*BUSINESS-BOX-BOTTOM*/
#business_bottom {
font-size: 0;
background: url(images/box_business_bottom.jpg) no-repeat;
height: 10px;
width: 270px;
margin-bottom:20px;
}

/*MENU-BOX-TOP*/  
#menu_top {
position:relative;
background: url(images/box_menu_top.jpg) no-repeat;
height: 28px;
width: 220px;
margin-top:20px;
}

.menu_top_title{
position:absolute;
top:14px;
left:30px;
}

/*MENU-BOX-MIDDLE*/  
#menu_middle {
font-size: 12px;
line-height: 1.5;
padding: 0 25px;  
width: 168px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color:#FFF;
color:#cd3301;
font-weight:bold;
}

#menu_middle ul {
padding: 30px 0 10px 0;
margin:0; 
}

#menu_middle li {
list-style:none;
background:url(images/arrow_link.jpg) no-repeat;
padding: 0 0 0 20px;
margin:0 0 10px 0;
}

#menu_middle  li a {
font-weight:100;
}
   
/*MENU-BOX-BOTTOM*/
#menu_bottom {
font-size: 0;
background: url(images/box_menu_bottom.jpg) no-repeat;
height: 10px;
width: 220px;
margin-bottom:20px;
}

/*CONTENT-BOX-TOP*/  
#content_top {
position:relative;
background: url(images/box_content_top.jpg) no-repeat;
height: 25px;
width: 680px;
margin-top:20px;
}

.content_top_breadlist{
position:absolute;
top:10px;
left:25px;
font-size:10px;
}

.content_top_tub{
position:absolute;
top:0;
right:26px;
color:#FFF;
}

.tub-red{
background-color:#cd3301;
padding:6px 18px 6px 18px;
border-bottom:solid 2px #cfc0a9;
line-height:180%;
font-weight:bold;
} 

/*CONTENT-BOX-MIDDLE*/  
#content_middle {
font-size: 12px;
line-height: 1.5;
padding: 0 25px;  
width: 628px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color:#FFF;
}

#content_middle h1 {
background:url(images/point.jpg) no-repeat 0 24px;
font-size:16px;
padding:25px 0 5px 50px;
margin:0;
}


#content_middle h2 {
background:url(images/point2.jpg) no-repeat 0 29px;
font-size:14px;
padding:25px 0 5px 18px;
margin:0;
}

div#note{
background:url(images/note.gif);
}

div#note p{
line-height:26px;
padding:0;
}

#content_middle p {
padding: 0;
margin:0; 
}

#content_middle ul {
padding: 30px 0 10px 0;
margin:0; 
}

#content_middle li {
list-style:none;
background:url(images/arrow_link.jpg) no-repeat;
padding: 0 0 0 20px;
margin:0 0 10px 0; 
}
   
/*CONTENT-BOX-BOTTOM*/
#content_bottom {
position:relative;
font-size: 0;
background: url(images/box_content_bottom.jpg) no-repeat;
height: 25px;
width: 680px;
margin-bottom:20px;
}

.goto-top{
position:absolute;
top:17px;
right:25px;
}

/*GO TO FUND-SITE*/
div#fund-top{
padding:20px 0 20px 0;
}

div#partners{
text-align:center;
}


/* GLOBAL NAVIGATION */
div#box-g-navi{
background-image:url(images/g_navi_bg.jpg);
background-repeat:repeat-x;
height:45px;
}

div#g-navi{
background-repeat:repeat-x;
width:920px;
height:45px;
margin: 0 auto;
}


ul#g-navi {
padding:0;
margin:0;
position: absolute;
width: 920px;
height: 45px;
background: transparent url(images/btn_g_navi.jpg) ;
background-position: 0px 0px;
}

ul#g-navi li {
padding:0;
margin:0;
display:block;
text-indent:-9999px;
float:left;
}

ul#g-navi li a {
border:0;
display:block;
text-decoration:none;
width: 220px;
height: 45px;
background: transparent url(images/btn_g_navi.jpg) no-repeat;
}

/* GLOBAL NAVIGATION HOVER */
li#home   a:link, li#home   a:visited { background-position:   0px   0px; }
li#home   a:hover,li#home   a:focus   { background-position:  0px -45px; }
li#about   a:link, li#about   a:visited { background-position: -204px   0px; }
li#about   a:hover,li#about   a:focus   { background-position: -204px -45px; }
li#service  a:link, li#service  a:visited { background-position: -425px   0px; }
li#service   a:hover,li#service  a:focus   { background-position: -425px -45px; }
li#portfolio   a:link, li#portfolio   a:visited { background-position: -638px   0px; }
li#portfolio   a:hover,li#portfolio  a:focus   { background-position: -638px -45px; }

/* GLOBAL NAVIGATION SELECTED */
body#home ul#g-navi li#home a { background-position: 0px -90px; }
body#about ul#g-navi li#about a { background-position:-204px -90px; }
body#service ul#g-navi li#service a { background-position:-425px -90px; }
body#portfolio ul#g-navi li#portfolio a { background-position:-638px -90px; }

/*FOOTER*/ 
div#footer{
position:relative;
background-image:url(images/footer_line.jpg);
background-position:top;
background-repeat:no-repeat;
width: 920px;/* IE5.5-6.0 */
height:40px;
clear: both;
color: #444;
margin-bottom:5px;
}

.copyright{
position:absolute;
top:15px;
}

.util{
position:absolute;
right:0;
top:15px;
font-size:x-small;
}

/*TABLE DESIGN*/ 
table{
width:100%;
border-spacing:0;
letter-spacing:0.1em;
}

.bc{
border-collapse:collapse;
}

.bc th{
background:url(images/th_bg.jpg) repeat-x bottom;
background-color:#f9f9f9;
width:1%;
white-space:nowrap;
}

.bc th,.bc td{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:10px;
text-align:left;
margin:0;
}

.row01 td{
background-color:#F9F9F9;
}

caption{
text-align:left;
padding-bottom:8px;
}

/*TREE*/

div#management{
position:relative;
padding-bottom:15px;
width:auto;
}

div#message{
position:relative;
padding-bottom:15px;
margin-top:10px;
width:auto;
}

.profile{
position:absolute;
right:0;
*right:25px;/* IE5.5-6.0 */
background:url(images/icon_profile.gif) no-repeat left;
padding-left:18px;
}

.titem{ /* display */
padding-top:10px;
padding:10px;
background-color:#F9F9F9;
margin-top:10px;
width:auto;
}


/*SITEMAP*/

div#sitemap{
padding-top:25px;
clear:both;
}

div#sitemap:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div#sitemap-home{
float:left;
background:url(images/box_sitemap_240.jpg) no-repeat  left bottom;
border-top:solid 1px #999;
width:210px;
padding:10px 10px 10px 20px;
margin-bottom:18px;
}

div#sitemap-home h3{
padding:0;
margin:0;
}


div#sitemap-home ul{
margin-top:-20px;
padding:0;
}

div#sitemap-home li{
list-style:none;
background:url(images/arrow_red.gif) no-repeat left center;
padding-left:10px;
margin-left:100px;
}

div#sitemap-content{
float:right;
background:url(images/box_sitemap_370.jpg) no-repeat  left bottom;
border-top:solid 1px #999;
width:340px;
padding:10px 10px 10px 20px;
margin-bottom:18px;
}

div#sitemap-content h3{
padding:0;
margin:0;
}

div#sitemap-content ul{
margin-top:-20px;
padding:0;
}

div#sitemap-content li{
list-style:none;
background:url(images/arrow_red.gif) no-repeat left center;
padding-left:10px;
margin-left:150px;
}

/*PRIVACY POLICY*/
div#privacy h3{
font-size:12px;
}

div#privacy h4{
padding-left:20px;
font-size:12px;
}

div#privacy ul{
padding:0;
margin:0;
}

div#privacy li{
background:url(images/blank.gif) no-repeat left center;
}

div#privacy ol{
list-style:none;
padding-left:20px;
margin:0;
}

/*CONTACT FORM*/
div#error li{
list-style:none;
background:url(images/circle_red.gif) no-repeat left center;
padding-left:20px;
}

/*PORTFOLIO VC*/
div#vc{
margin:0;
padding:0;
}

div#vc:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#vc h3{
float:left;
width:618px;
font-size:10px;
padding:5px 0 5px 10px;
margin:10px 0 10px 0;
background-color:#e7e7e7;
}

div#vc ul{
padding:0;
margin:0;
}

div#vc li{
background:url(images/blank.gif) no-repeat left center;
list-style:none;
float:left;
width:200px;
padding:0;
margin:0;
font-size:10px;
}

/*PORTFOLIO PE*/
div#pe{
margin:0;
padding:0;
}

div#pe:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#pe h3{
float:left;
width:100%;
font-size:10px;
padding:5px 0 0 0;
margin:0;
}

div#pe ul{
padding:0;
margin:0;
}

div#pe li{
background:url(images/blank.gif) no-repeat left center;
list-style:none;
float:left;
width:137px;
height:170px;
padding:0;
font-size:10px;
text-align:center;
margin:10px;
}

/*NETWORK*/
div#net{
margin:0;
padding:0;
}

div#net:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#net h3{
float:left;
width:100%;
font-size:10px;
padding:5px 0 0 0;
text-align:center;
margin:0;
}

div#net ul{
padding:0;
margin:0;
}

div#net li{
background:url(images/blank.gif) no-repeat left center;
list-style:none;
float:left;
width:195px;
height:160px;
padding:0;
font-size:10px;
text-align:center;
margin:5px;
}