body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
:focus {
outline: 0;
}
*{
margin:0;
padding:0;
color:#aaaaaa;
line-height:1.2;
}
span,a{
font-size:85%;
}

body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
 {
border-collapse: separate;
border-spacing: 0;
}
a{
color:#10B46A;
}
a:visited{
color:#aaaaaa;
}
a:hover{
color:#2CD98B;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

.clr:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clr {
min-height: 1px;
}
* html .clr {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
img{
border-width:0;
}

h1 a img{
vertical-align:top;
}


/*--construction--*/

#header{
margin-bottom:20px;
}
#mainContents #nav{
width:120px;
background:#1D1E19;
padding-top:20px;
float:left;
margin-right:20px;
_margin-right:10px;
}
#mainContents #contents{
width:840px;
_width:860px;
background:#1D1E19;
float:right;
padding-left:20px;
position:relative;
}
#mainContents #contents h2.pageTitle{
margin-bottom:20px;
}
body{
background:url(images/headBack.png) repeat-x top center #1A262E;
text-align:center;
}

html{
height:100%;
}
body{
height:100%;
}
* html div#container{
height:100%;
}
div#container{
width: 1000px;
margin:0px auto;
position:relative;
min-height: 100%;
text-align:left;
}
body > #container {
    height: auto;
}
div#mainContents{
padding-bottom:75px;
}

#footer{
clear:both;
position:absolute;
bottom:0px;
height:55px;
width:960px;
background:#1D1E19;
float:right;
padding:0 20px;
}




/*--nav--*/
#nav{
padding-bottom:9px;
}
#nav .menu li{
margin-bottom:15px;
height:11px;

}
#nav .menu li img{
background:url(images/menu.png);
vertical-align:top;
font-size:0;
}
#nav .menu li span,
#nav .menu li a{
padding-left:20px;
height:11px;
display:block;
font-size:0;
}
#nav .menu li a.now{
background:url(images/menu_tip.png) no-repeat left center ;
}

#nav .menu li.menu01 a img{background-position:0 0;}
#nav .menu li.menu02 a img{background-position:0 -20px;}
#nav .menu li.menu03 a img{background-position:0 -40px;;}
#nav .menu li.menu04 a img{background-position:0 -60px;}
#nav .menu li.menu05 a img{background-position:0 -80px;}
#nav .menu li.menu06 a img{background-position:0 -100px;}
#nav .menu li.menu07 a img{background-position:0 -120px;}

#nav .menu li.menu01 a.now img{background-position:-140px 0;}
#nav .menu li.menu02 a.now img{background-position:-140px -20px;}
#nav .menu li.menu03 a.now img{background-position:-140px -40px;;}
#nav .menu li.menu04 a.now img{background-position:-140px -60px;}
#nav .menu li.menu05 a.now img{background-position:-140px -80px;}
#nav .menu li.menu06 a.now img{background-position:-140px -100px;}
#nav .menu li.menu07 a.now img{background-position:-140px -120px;}

#nav .menu li.menu01 a:hover img{background-position:-70px 0;}
#nav .menu li.menu02 a:hover img{background-position:-70px -20px;}
#nav .menu li.menu03 a:hover img{background-position:-70px -40px;;}
#nav .menu li.menu04 a:hover img{background-position:-70px -60px;}
#nav .menu li.menu05 a:hover img{background-position:-70px -80px;}
#nav .menu li.menu06 a:hover img{background-position:-70px -100px;}
#nav .menu li.menu07 a:hover img{background-position:-70px -120px;}
.indexNews{
padding:10px;
}
.indexNews a{
line-height:1.5;
}

/*--footer--*/
#footer{
clear:both;
display:block;
}
#footer .copyright{
float:left;
margin-top:20px;
}
#footer .backTop{
float:right;
margin-top:13px;
}

/*--index--*/
body.index{
background:url(images/index_back01.jpg);
}

img.bgmaximage{
  position:fixed !important;
}

#maincontent {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%;
}

/*--works--*/
.gThmb{
width:260px;
padding-right:20px;
float:left;
height:250px;
display:inline;
}
.gThmb .info{
padding:5px 8px;
border-left:solid 1px #464744;
}
.gThmb .name{
margin-bottom:5px;
}
.gThmb .thmbImg{
background:url(images/dotBack.png);
}
.gThmb .thmbImg a:hover img{
opacity: 0.9;
}
.pictureFrame{
margin-bottom:20px;
}

.pictureFrame .pictureBox{
width:818px;
padding:1px;
background:#181915;
text-align:center;
}
.pictureFrame .info{
margin-top:5px;
font-size:85%;
}
.workNavi{
width:60px;
height:14px;
position:absolute;
right:20px;
top:20px;
}
.workNavi .left{
float:left;
}
.workNavi .right{
float:right;
}
/*--news--*/
.newsTable{
border-collapse: separate;
border-spacing: 5px;
margin-left:-5px;
margin-bottom:20px;
font-size:85%;
}
.newsTable td,
.newsTable th{
border-collapse: separate;
border-spacing: 5px;
vertical-align:top;
font-size:108%;
padding:8px 10px ;
line-height:1.5;
}
.newsTable th{
border-left:solid 1px #dddddd;
font-family: "Georgia",serif;
}
/*--news--*/
.profileBox{
padding-bottom:20px;
font-size:85%;
}
.profileBox table tr td,
.profileBox table tr th{
padding:2px 5px 2px 0px;
vertical-align:top;
}
.profileBox table{
margin-bottom:20px;
}

.profileBox table tr td.year{
width:45px;
}
.profileBox table tr th{
padding-top:20px;
font-weight:bold;
}
.profilePhoto{
width:240px;
float:left;
}
.profileFrame{
width:270px;
margin-right:10px;
float:left;
}
/*--mail--*/
.mailFrame{
padding-bottom:20px;
}
.mailTable{
margin-left:-10px;
font-size:85%;
}

.mailTable th,
.mailTable td{
padding:5px 10px ;
}
.mailTable th{
vertical-align:top;
padding:10px;
}

.mailTable span{
color:#B61D11;
}


.mailTable .mailAdresss{
margin-bottom:10px;
}
.mailTable input,textarea{
color:#333333;
padding:3px;
}
.mailTable .sendMail{
padding-top:20px;
text-align:left;
}