@charset "UTF-8";
/* kato-arc */



/*____________________ base ____________________*/

* {
margin: 0; padding: 0;
}

body {
margin: 0; padding: 0;
text-align: center; width: 100%;/* ie */
background: url(img/page-bg.jpg) repeat-x center top #f7f7f7;
font-size: small;
color: #333;
line-height: 1;
}

.all {
text-align: left;
margin: 0 auto 10px auto; /* else */
width: 750px; background: url(img/content-bg2.gif) center top;
}


.contents {
background: url(img/page-head-bg.gif) center top no-repeat; padding: 0 30px;
}

/*____________________ class ____________________*/

img {
border: none; vertical-align:bottom;
}

h1,h2,h3,h4 {
margin: 0; padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
}

p {
font-size: 12px; line-height: 1.3; color: #555; margin: 7px 0;
}

a,
a:link,
a:visited,
a:active {
font: normal; text-decoration: underline; color: #3366CC;
}
a:hover {
color: #FF3300;
}

strong {
color:; font: bold;
}

ul {
margin: 0; padding: 0;
}
ul li {
list-style: none;
margin: 0; padding: 0;
}



.clear {
height: 1px; clear: both; overflow: hidden;
}

.pagebreak {
page-break-after: always;
}

/*____________________ font-fix ____________________*/

.fix10 {
font-size: 10px;
}


/*____________________ column ____________________*/

.column:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.column {display: inline-table;}
/* Hides from IE-mac \*/
* html .column {height: 1%;}
.column {display: block;}
/* End hide from IE-mac */

.column .left {float: left;}
.column .right {float:right}



/*____________________ tables ____________________*/

/*tbl-1*/
.tbl1 {
clear: both;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.tbl1 td,
.tbl1 th {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 8px 10px;
}
.tbl1 td {
color: #555; line-height: 1.3;
}
.tbl1 th {
color: #333; font-weight: normal; text-align: left;
}




/*____________________ pages ____________________*/

#header {
margin: 0 0 15px 0;
}
h1 {
font-size: 12px; font-weight: normal; text-align: right; padding: 7px 0;
}


#main {
width: 490px; padding: 0 0 20px 0;
}




/*____________________ page-header ____________________*/


#main-head {
padding: 0 0 15px 0;
}
#main-head h2 {
padding: 10px 7px 10px 10px; background: url(img/titile-bg.gif) center left;
font-size: 14px; line-height: 1.2; font-weight: bold;
border-left: 5px solid #336; color:#336; border-right: 1px solid #ddd;
}
#main-head p {
margin: 10px 0 0 15px;
}





/*____________________ page-list with thumnail ____________________*/

#main .block {
border: 1px solid #ccc; background: #fff; padding: 7px 7px 6px 7px;
}

#main .block h3 {
font-size: 14px; font-weight: bold; padding: 7px 0;
}


/*___ block ___*/

#main .block:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
#main .block {
display: inline-table;
}
/* Hides from IE-mac \*/
* html #main .block {height: 1%;}
#main .block {display: block;}
/* End hide from IE-mac */

#main .block .left {float: left; width: 160px}
#main .block .right {float:right; width: 300px}

/*___ block ___*/



#main .shousai {
background: url(img/icon-left.gif) no-repeat center left; padding: 3px 0 3px 24px;
}



/*____________________ page-photoAlbum ____________________*/

#main-pic {
border: 1px solid #ccc; padding: 9px 0 9px 9px;
}
.pic-frame {
width: 470px; height: 300px; overflow: hidden; background: #eee; text-align: center;
}
#thums ul {
padding: 7px 0;
}
#thums ul li {
display: inline;
}
#thums ul li img {
border: 1px solid #ccc;
}




/*____________________ navi ____________________*/

#navi {
width: 180px; padding: 30px 0 20px 0;
background: url(img/navi-top.gif) no-repeat center top;
}
#navi #menu {
padding: 0 12px 15px 12px; background: url(img/navi-shade.gif) no-repeat center bottom;
}
#navi #menu ul {
}
#navi #menu ul li {
display: block; border-bottom: 1px solid #ccc;
border-left: 5px solid #336; border-right: 1px solid #ddd;
background: #fff;
/*background: url(img/btn-bg.gif);*/
margin: 0 0 2px 0;
}
#navi #menu ul li a,
#navi #menu ul li a:link,
#navi #menu ul li a:visited,
#navi #menu ul li a:active {
display: block; padding: 10px 7px 10px 12px;
font-size: 12px; line-height: 1.2; text-decoration: none; color: #333;
}
#navi #menu ul li a:hover {
color: #FF6600;
}



#p-top #navi #menu ul li.p-top,
#p1 #navi #menu ul li.p1,
#p2 #navi #menu ul li.p2,
#p3 #navi #menu ul li.p3,
#p4 #navi #menu ul li.p4,
#p5 #navi #menu ul li.p5,
#p6 #navi #menu ul li.p6,
#p7 #navi #menu ul li.p7,
#p8 #navi #menu ul li.p8,
#p9 #navi #menu ul li.p9,
#p10 #navi #menu ul li.p10 {
border-left: 5px solid #FF9900; background: #FFF8E6;
border-bottom: 1px solid #bbb; border-right: 1px solid #ccc;
}







/*____________________ navi-option ____________________*/

#navi #office {
padding: 0 12px 15px 12px;
}
#navi #office h3 {
margin: 7px 0;
}
#navi #office p {
margin: 5px 0 5px 3px; letter-spacing: 0.1em;
}
#navi #office p.add {
font-size: 10px;
}



/*____________________ kaisha ____________________*/

#gaiyou {
width: 100%;
}

#gmap {
width: 490px; height: 360px;
border: 1px solid #ccc; background: #eee;
margin: 10px 0;
}



/*____________________ chart-table1 ____________________*/
#chart {
display: table; width: 100%;
border-collapse: collapse;
}

#chart th,
#chart td {
padding: 0 7px 10px 7px;
}
#chart th {
background: #888; color: #fff; font-weight: normal; text-align: center;
width: 70px; border-bottom: 3px solid #fff;
}
#chart td {
padding-left: 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;
}
#chart h3 {
font-size: 14px; color: #444; padding: 2px 0 2px 7px; margin: 7px 0;
border-left: 4px solid #999;
}
#chart ul {
margin: 7px 0 10px 14px;
}
#chart ul li {
list-style: square; font-size:10px; color: #444; margin: 5px 0; padding-left: -2px
}
#chart p {
margin: 7px 0 7px 12px;
}

#chart .nagare1 {
background: url(img/nagare-tate.gif) no-repeat; padding: 22px 0 0 0; margin: 7px 0 0 0;
}

/*color*/
#chart #c1 th {background: #FF99CC}
#chart #c1 h3 { border-left-color:#FF99CC}

#chart #c2 th {background: #FF9900}
#chart #c2 h3 { border-left-color:#FF9900}

#chart #c3 th {background: #66CC33}
#chart #c3 h3 { border-left-color:#66CC33}

#chart #c4 th {background: #3399FF}
#chart #c4 h3 { border-left-color:#3399FF}

#chart #c5 th {background: #CC66CC}
#chart #c5 h3 { border-left-color:#CC66CC}


/*____________________ footer ____________________*/

#footer {
clear: both;
background: url(img/page-foot-bg.gif) center top no-repeat;
margin: 0 0 0 0; text-align: right;
}

#topagetop {
margin: 0 230px 0 0; padding: 3px 25px; background: url(img/icon-ue.gif) no-repeat center right;
}
#topagetop a {
font-size: 10px; line-height: 100%;
}

#copyright {
padding: 35px 30px 0 0;
}