@import url(../basic.css);
div.lead {
margin-right: 50px;
margin-bottom: 50px;
margin-left: 50px; }
div.lead p.photo {
float: right;
margin-left: 20px; }
div.lead p.text {
font-size: 90%;
line-height: 180%;
margin-top: 15px; }
div.lead p.leadtext {
font-size: 110%;
line-height: 150%;
margin-top:  15px; }

/*index*/
div#contents div.navi {
margin-bottom: 20px;
margin-left: 50px;
 }

div#contents div.navi dl {
font-size: 80%;
width: 164px;
border-color: #ff5f0a #999 #999;
border-style: solid;
border-width: 2px 1px 1px; }

div#contents div.navi dd {
color: #324b64;
line-height: 150%;
height: 3em;
overflow: auto;
padding: 5px; }

div#contents div.link p {
font-size:           80%;
text-align: right; }

div#contents div.link p a {
background-image:    url(img/icon_link.gif);
background-repeat:   no-repeat;
background-position: left center;
text-decoration: underline;
padding-left: 10px; }

div#contents div.link {
float: left;
margin-right: 12px; }

/*mesage*/
div#contents div.message {
width: 480px;
margin-top: 30px;
margin-right: auto;
margin-left: auto; }

div#contents div.message p.lead {
text-indent: 0;
margin-bottom: 25px; }

div#contents div.message p {
line-height: 180%;
text-indent: 1em; }

div#contents div.message p.photo {
text-indent: 0; }

div#contents div.message p.signeture {
font-weight: bold;
text-align: right; }
/*philosophy*/
div#contents ul.philosophy {
line-height: 180%;
margin-top: 20px; }

div#contents ul.philosophy li {
font-size: 90%;
background-image: url(../img/icon_circle.gif);
background-repeat: no-repeat;
background-position: -0.1em 0.5em;
margin-top: 5px;
margin-left: 5px;
padding-top: -30px;
padding-left: 15px; }
/*outline*/
div#contents table.outline th {
color: #fff;
background-color: #324b64;
text-align: left;
vertical-align: top;
width: 5em;
padding: 5px 5px 5px 20px; }

div#contents table.outline td {
vertical-align: top;
padding: 5px; }
/*development*/
div#contents table.development {
font-size: 90%;
width: 700px;
margin-left: 50px; }

div#contents table.development td {
text-align: left;
vertical-align: top;
padding: 3px 3px 3px 20px; }
div#contents table.development td.window a:link,
div#contents table.development td.window a:active,
div#contents table.development td.window a:visited {
color: #e93434; }

div#contents table.development th {
text-align: left;
vertical-align: top;
width: 13em;
padding: 3px;
border-right: 1px solid #999;
 }

div#contents table.development .line {
border-bottom: 1px solid #999;
 }

/*organization*/
div#contents p.organization {
width: 600px;
margin-right: auto;
margin-left: auto; }

/*Network*/
div#contents h2 {
background-image: url(img/bg_stitle.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-right: 50px;
margin-left: 50px;
padding: 8px; }
div#contents h2 a {
color: #324b64;
font-size: 80%;
background-image: url(../img/icon_map.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: underline;
width: 3em;
float: right;
padding-left: 10px; }

div#contents h2 span {
color: #324b64;
font-weight: bold;
line-height: 100%;
padding-left: 5px;
border-left: 1em solid #324b64;
display: block; }
div#contents div.network {
font-size: 90%;
margin-top: 10px;
margin-left: 50px; }

div#contents div.network dl {
width: 200px;
float: left;
margin-right: 40px;
margin-bottom: 10px;
padding-left: 5px;
border-left: 2px solid #ff5f0a; }
div#contents div.network dt,div#contents div.branch dt {
font-weight: bold; }

div#contents div.branch {
font-size: 90%;
margin-top: 10px;
margin-left: 50px; }
div#contents div.branch dl {
width: 340px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 5px;
border-left: 2px solid #ff5f0a; }
div#contents div.branch a {
color: #324b64;
font-size: 90%;
background-image: url(../img/icon_map.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: underline;
padding-left: 10px; }

/*group*/
div#contents div.group {
margin-right: 50px;
margin-left: 50px; }
div#contents div.group p.photo {
float: right;
margin-bottom: 35px; }

div#contents div.group h2 {
margin-right: 0;
margin-bottom: 8px;
margin-left: 0; }
div#contents div.group h2 span {
color:             #324b64;
font-weight:       bold;
line-height:       100%;
padding-left: 0;
display:           block;
border-left-style: none; }

div#contents div.group p.address {
font-size: 90%;
margin-bottom: 10px;
padding-left: 5px;
border-left: 3px solid #ff5f0a; }
div#contents div.group h3 {
color: #324b64;
font-weight: bold;
margin-top: 10px; }
div#contents div.group p.link a {
color: #324b64;
font-size: 80%;
background-image: url(../img/icon_map.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: underline;
padding-left: 10px; }

/*partner*/
div#contents div.partner {
margin-right: 50px;
margin-left: 50px; }
div#contents div.partner h2 {
margin-right: 0;
margin-left: 0; }
div#contents div.partner h2 span {
color:             #324b64;
font-weight:       bold;
line-height:       100%;
padding-left: 0;
display:           block;
border-left-style: none; }
div#contents div.partner p {
font-size: 90%;
width: 230px;
float: left;
margin-top: 1em;
padding-bottom: 2em; }
/*contact*/
div#contents div.contact {
margin-right: 50px;
margin-left:  50px; }

div#contents div.contact dl {
font-size: 80%;
background-image: url(../img/bg_field.gif);
background-repeat: repeat;
background-position: left top;
width: 340px;
margin-bottom: 15px;
border: solid 1px #ccc; }

div#contents div.contact dl.right {
width: 340px;
float: right; }

div#contents div.contact dt {
color: #fff;
font-weight: 700;
background-color: #3c3c3c;
padding-top: 0.5em;
padding-bottom: 0.5em;
vertical-align:   middle;
padding-left: 0.5em; }

div#contents div.contact dd {
color: #333;
line-height: 160%;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em; }
div#contents div.contact dd img {
vertical-align: middle;
margin-left: 2px;
}
 
/*sitemap*/
div#contents div.sitemap {
font-size: 90%;
margin-top: 20px;
margin-right: 50px;
margin-left:  50px; }

div#contents div.sitemap h2 {
width: 250px;
margin-left: 0; }
div#contents div.sitemap h2 span {
color:             #324b64;
font-weight:       bold;
line-height:       100%;
padding-left: 0;
display:           block;
border-left-style: none; }
div#contents div.sitemapleft {
width: 250px;
float: left; }
div#contents div.sitemapright {
width: 250px;
margin-left:  340px; }

div#contents div.sitemap ul {
width: 250px;
margin-left: 10px; }

div#contents div.sitemap ul li {
padding-top: 5px;
padding-bottom: 5px; }

/*sitepolicy*/
div#contents div.sitepolicy {
margin-top: 20px;
margin-right: 50px;
margin-left:  50px; }
div#contents div.sitepolicy h2 {
color: #324b64;
font-weight: bold;
background-image: url(../img/icon_circle.gif);
background-repeat: no-repeat;
background-position: left center;
margin-top: 25px;
margin-left: 0;
padding-left: 15px; }
div#contents ul.sitepolicy {
line-height: 180%;
margin-bottom: 10px;
margin-left: 20px; }

div#contents ul.sitepolicy li {
font-size: 90%;
margin-top: 5px;
margin-left: 5px;
list-style-type: disc; }
div#contents div.sitepolicy p {
font-size: 90%;
margin-bottom: 10px; }

div#contents div.sitepolicy p.adobe {font-size:  90%;
margin-top: 5px; }

/*privacy policy*/
div#contents div.privacy {
font-size: 90%;
margin-top: 20px;
margin-right: 50px;
margin-left:  50px; }
div#contents div.privacy dl {
line-height: 180%;
margin-bottom: 20px; }

div#contents div.privacy dl dt {
color: #324b64;
font-weight: bold; }
div#contents div.privacy p {
margin-bottom: 10px; }
div#contents div.privacy p.signeture {
text-align: right; }