@charset "UTF-8";

/* ------------------------------------------

browser style clear

------------------------------------------*/


* {
margin: 0;
padding: 0;
background-color: transparent
}

html {
overflow-y: scroll;
background: #777;
}

ul,li,dl,dt,dd {
list-style: none;
}

img{vertical-align: top;}

a img{border: none;}

a{text-decoration: none;}

a:link{color: #000;}

a:visited{color: #000;}

a:hover{color: #4D9E36; text-decoration: none;}

a:active{color: #4D9E36;}


body {padding-top: 12px; background-color: #ffffff; text-align: center; font-family: Verdana,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica", "Arial", sans-serif; color: #000000; font-size: 11px; *font-size: small; *font: x-small; font-style: normal; font-weight: normal; line-height: 1.75; height: 100%;}

h1 {font-size: 12px; font-style: normal; font-weight: normal;}

h2 {font-size: 11.5px; font-style: normal; font-weight: normal;}

h6 {margin: 0;}

h3,h4,h5,h6 {font-size: 12px; font-style: normal; font-weight: normal;}

p {margin: 0 0 0 0;}

select option {padding: 5px 5px;}

.linkbox {background:#fff;width: 141px; heigth: 174px;}  
.hovering {background:#EDF5ED;cursor:pointer;}
.hovering img{
opacity: .7;
filter:alpha(opacity=70);
background:#fff;}




/* ------------------------------------------

wireframe

------------------------------------------*/

#wrapper {margin: 0 auto 0 auto; width: 100%; text-align: center;}

#header_cover {margin: 0 auto; width: 960px;height:66px;}

#header {position:relative; height: 40px; margin: 0 12px 0 12px;}

*:first-child+html #header{overflow: hidden;}

html>/**/body #header	{
overflow /*\**/: hidden\9;
}

*:first-child+html .fade { position:absolute;top: 0px; left: 0; height: 40px; }

html>/**/body .fade	{
margin-top /*\**/: -20px\9;
height: 40px\9;
overflow: hidden\9;
}

#mainImage {margin: 0 auto; width: 100%; height: 390px; overflow: hidden;
    -moz-box-shadow:0px 0px 3px #999;  
    -webkit-box-shadow:0px 0px 3px #999;  
    box-shadow:0px 0px 3px #999;  }

#main {margin:0 auto; width:960px; position:relative;overflow: visible;}

#mainImagesec {margin: 0 auto 50px auto; width: 100%; height: 80px; overflow: visible;
    -moz-box-shadow:0px 0px 3px #999;  
    -webkit-box-shadow:0px 0px 3px #999;  
    box-shadow:0px 0px 3px #999;
background: #4D9E36;
}

#mainsec {top:0;left:0;margin:0 auto; width:960px; heigt: 80px; position:relative;}

#main ul li a {
display: block;
width: 141px;
height: 60px;
text-indent: -9999px;
border: none;
overflow: hidden;
}

#mainsec ul li a {
display: block;
width: 141px;
height: 60px;
text-indent: -9999px;
border: none;
overflow: hidden;
}

#GD_logo {top:0;left:0;margin: 9px 0 0 12px; width: 960px; position: absolute; z-index: 1000;}

#GD_logo_logo {
text-align: left;
background: url("../graphic_design/sys_images/GD_logo.png") no-repeat left;
border: none;
width: 141px;
height: 60px;
display: block;
overflow: hidden;
-moz-text-shadow: 0px 1px 1px #999;  
    -webkit-text-shadow: 0px 1px 1px #999;  
    text-shadow: 0px 1px 1px #999;
float: left;
}

#GD_logo_typeJ {
font-size: 8px;
letter-spacing: 0.1em;
width: 141px;
color: #fff;
margin: 3px 18px 0 0;
text-align: left;
-moz-text-shadow: 0px 1px 1px #999;  
    -webkit-text-shadow: 0px 1px 1px #999;  
    text-shadow: 0px 1px 1px #999;
float: left;
}

#GD_logo_typeE {
font-size: 8px;
letter-spacing: 0.1em;
width: 282px;
color: #fff;
margin: 3px 18px 0 0;
text-align: left;
-moz-text-shadow: 0px 1px 1px #999;  
    -webkit-text-shadow: 0px 1px 1px #999;  
    text-shadow: 0px 1px 1px #999;
float: left;
}

#blog_image {
position: absolute;
float: right;
top: 0;
right: 12px;
width: 530px;
height: 120px;
background: url("./image/blog_image.gif") no-repeat right;
z-index: 100;
text-align: left;
overflow: visible;
text-indent: -9999px;
}


#contents {margin: 0 auto 0 auto; width: 795px; heigth: 174px; text-align: left;}

#clients {margin: 0 0 0 0; float: left; width: 795px;}

#clientsbox {float: left; margin: 0 18px 0 0; display: block; overflow: hidden; width: 141px; heigth: 174px; display: block;}


#photo-container{
position: relative;
line-height: 1.85em;
font-size: 9px;
width: 141px;
height: 174px;
margin: 0 12px 0 0;
float:left;
letter-spacing: 0.2em
}



#clientstext {width: 141px; heigth: 10px; padding-top: 6px; display: block; font-size: 9px; letter-spacing: 0.06em; border-top: solid 3px #4D9E36; overflow: hidden;}

#clientsDetailText {width: 141px; heigth: 48px; padding: 3px 0 16px 0; font-size: 13px; line-height: 1.65; letter-spacing: 0em; border: none; display: block; overflow: hidden;}


#photo-content {
font-size: 9px;
line-height: 1.85em;
width: 131px;
height: 35px;
text-decoration: none;
font-weight: normal;
text-align: left;
float: left;
overflow: hidden;
letter-spacing: 0.06em;
}

#photo-deta {
width: 131px;
height: 20px;
font-size: 9px;
line-height: 1.85em;
text-decoration: none;
font-weight: normal;
text-align: right;
float: left;
overflow: hidden;
letter-spacing: 0.2em;
}



#pagemain {
width: 960px;
margin: 0 auto;
}



#pagefirst {
width: 777px;
margin: 9px 0 0 12px;
float: left;
text-align: left;
}

#webpage_list {
margin: 6px 0 9px 0;
width: 777px;
font-size: 9px;
border-top: solid 1px #4D9E36;
padding-top: 9px;
}

#webpage_title {
width: 777px;
font-size: 18px;
line-height: 1.65;
}

#webpage_text_box {
margin-top: 21px;
width: 777px;
}

#webpage_text {
width: 341px;
font-size: 12px;
float: left;
line-height: 1.75;
}

#webpage_text_harf {
width: 341px;
font-size: 12px;
float: left;
line-height: 1.75;
}


#webpage_photo {
width: 341px;
float: left;
margin-left: 46px;
}

#webpage_photo_curriculum {
width: 341px;
float: left;
margin-left: 12px;
font-size: 9px;
text-align: center;
}




#webpage_photo_about {
width: 300px;
float: left;
margin-left: 136px;
}



#webpage_speacer {
width: 777px;
height: 60px;
clear: both;
}

#webpage_speacer_top {
width: 777px;
height: 21px;
clear: both;
}

#webpage_contents_box {
width: 777px;
}

#webpage_contents_box_harf {
width: 341px;
margin-right: 46px;
float: left;
}

#webpage_contents_box_harf_curriculum {
width: 341px;
margin-right: 95px;
float: left;
}

#webpage_contents_box_harf_right {
width: 341px;
float: left;
}






#webpage_contents_title {
width: 100%;
font-size: 18px;
line-height: 1.65;
margin: 0 0 15px 0;
border-top: solid 1px #4D9E36;
padding-top: 6px;
}

#webpage_contents_box_smallbox {
width: 222px;
marigin-right: 16px;
float: left;
}

#webpage_footer {
width: 141px;
font-size: 9px;
border-top: solid 1px #4D9E36;
padding-top: 6px;
}

#webpage_footer a{text-decoration: none;}

#webpage_footer a:link{color: #000;}

#webpage_footer a:visited{color: #000;}

#webpage_footer a:hover{background: #4D9E36; color: #fff; text-decoration: none;}

#webpage_footer a:active{background: #4D9E36; color: #fff; text-decoration: none;}






#pagesecond_blog {
width: 141px;
height: 398px;
text-indent: -9999px;
background: url("./image/blog_title.gif") no-repeat right;
border: none;
float: right;
margin: 0 12px 0 0;
}

#pagesecond_graduate {
width: 103px;
height: 490px;
text-indent: -9999px;
background: url("../graphic_design/sys_images/graduate_title.gif") no-repeat left;
border: none;
float: right;
margin: 0 12px 0 0;
}

#pagesecond_staff {
width: 103px;
height: 475px;
text-indent: -9999px;
background: url("../graphic_design/sys_images/staff_title.gif") no-repeat left;
border: none;
float: right;
margin: 0 12px 0 0;
}

#pagesecond_curriculum {
width: 103px;
height: 448px;
text-indent: -9999px;
background: url("../graphic_design/sys_images/curriculum_title.gif") no-repeat left;
border: none;
float: right;
margin: 0 12px 0 0;
}

#pagesecond_curriculum-detail {
width: 103px;
height: 448px;
text-indent: -9999px;
background: url("../graphic_design/sys_images/curriculum_title.gif") no-repeat left;
border: none;
float: right;
margin: 0 12px 0 0;
}

#pagesecond_about {
width: 103px;
height: 452px;
text-indent: -9999px;
background: url("../graphic_design/sys_images/about_title.gif") no-repeat left;
border: none;
float: right;
margin: 0 12px 0 0;
}

#pagesecond_examination {
width: 103px;
height: 463px;
text-indent: -9999px;
background: url("../graphic_design/sys_images/examination_title.gif") no-repeat left;
border: none;
float: right;
margin: 0 12px 0 0;
}




#stand {
clear: both;
height: 90px;
}

#footer {
margin: 0 auto;
width: 100%;
text-align: center;
background: #777;
}

#footercover {
margin: 0 auto;
width: 960px;
}

#footerbox {
padding: 17px 0 100px 12px;
text-align: left;
font-size: 7pt;
}

#footernav001 {
width: 141px;
margin-right: 18px;
float: left;
}

#footernav001_title {
height: 30px;
border-top: solid 1px #bbb;
overflow: hidden;
color: #fff
}

#footernav001_contents ul li a {
color: #fff
}

#footernav001_contents ul li a:hover,
#footernav001_contents ul li a:active {
background: #fff;
color: #888;
}

#footernav002 {
width: 141px;
margin-right: 18px;
float: left;
}

#footernav002_title {
height: 30px;
border-top: solid 1px #bbb;
overflow: hidden;
color: #fff
}

#footernav002_contents {
width:auto;
color: #fff;
}

.separator {
color: #ccc;
}

#footernav002_contents ul {
list-style-type: none;
}

#footernav002_contents ul li {
display: inline;
}

#footernav002_contents ul li a {
color: #fff;
width:auto;
display: inline;
}

#footernav002_contents ul li a:hover,
#footernav002_contents ul li a:active {
background: #fff;
color: #888;
width:auto;
display: inline;
}

#footernav003 {
width: 141px;
margin-right: 18px;
float: left;
}

#footerlogo {
width: 141px;
float: right;
font-size: 5pt;
letter-spacing: 0.12em;
color: #fff;
margin-right: 12px;
}

#footercopyright {
margin-bottom: 30px;
}

#footerlogo_tuad{
text-indent: -9999px;
background: url("../graphic_design/sys_images/tuadlogo.png") no-repeat left;
border: none;
width: 141px;
height: 15px;
display: block;
overflow: hidden;
}

#standfooter {
height: 45px;
background: #777;
}

/*  boxgrid  */

.boxgrid{
width: 141px;
height: 174px;
float:left;
background:#ffffff;
overflow: hidden;
position: relative;
}

.boxgrid img{
position: absolute;
top: 86px;
left: 0;
border: 0;
max-width: 141px;
min-height: 88px;
}
 
.boxcaption{
color: #000; text-decoration: none;
padding: 3px 5px 0 5px;
display: block;
float: left;
position: absolute;
background: #fff;
height: 100px;
width: 100%;
opacity: .8;
filter:alpha(opacity=80);
}


.captionfull .boxcaption{
top: 174px;
left: 0px;
}

.caption .boxcaption {
 	top: 114px;
 	left: 0;
}