@charset "utf-8";
/*---base---*/
body{   font:normal normal normal 85%/1.4 Verdana, "�l�r �o�S�V�b�N", sans-serif; letter-spacing:  text-align:center;  background:#FFF; color:#999999; }
*{  margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{  font-size:100%; font-weight:lighter;}
img{    border-width: 0px;  border-style: none; vertical-align:bottom;}
ul {list-style:none;}
table {border:none;border-collapse:collapse;}
table caption{display:none;}
td,th {
    font-size:14px;
text-align:left;
line-height: 1.8em;
font-weight:normal;
}

#wrapper{
    width:1000px;
	margin-left:auto;
	margin-right: auto;
}

/*---start_header---*/

div#headspace {
 width: 1000px;
 height: 66px;
 background-color:#FFFFFF;
 padding: 0;
 margin: 0;
}

div#left {
 float: left;
 margin-left: 40px;
 }
 
div#header {
    width:170px;
    height:42px;
    margin:0 10px 40px 0 ;
    text-align:left;
}
 
div#header h1 {
    width:170px;
    height:42px;
	background:url(../img/maintitle.jpg);
    text-indent:-99999px;
}

div#header h1 a {
    display:block;
    width:170px;
    height:42px;
    overflow:hidden;
}

/*---end_header---*/

a:link,a:visited{
    color:#999999;
	text-decoration:none;
	outline-style:none;
}

a:active,a:hover{
        color:#CCCCCC;
	text-decoration:underline;
	outline-style:none;
}
/*--G_nav--*/

#g_nav{
	width:100%;
	float:left;
	display:inline;
	margin-bottom:20px;
	overflow:hidden;
	text-align:center;
}


#g_nav ul{
	width:170px;
	height:500px;
	margin:0 auto;

}

#g_nav ul li{
	margin:5px auto;

}

#g_nav ul #g_nav01 a,#g_nav ul #g_nav01_on a{width:170px;}
#g_nav ul #g_nav02 a,#g_nav ul #g_nav02_on a{width:170px;}
#g_nav ul #g_nav03 a,#g_nav ul #g_nav03_on a{width:170px;}
#g_nav ul #g_nav04 a,#g_nav ul #g_nav04_on a{width:170px;}

#g_nav ul #s_nav01 a,#g_nav ul #s_nav01_on a{width:170px;}
#g_nav ul #s_nav02 a,#g_nav ul #s_nav02_on a{width:170px;}
#g_nav ul #s_nav03 a,#g_nav ul #s_nav03_on a{width:170px;}
#g_nav ul #s_nav04 a,#g_nav ul #s_nav04_on a{width:170px;}
#g_nav ul #s_nav05 a,#g_nav ul #s_nav05_on a{width:170px;}
#g_nav ul #s_nav06 a,#g_nav ul #s_nav06_on a{width:170px;}
#g_nav ul #s_nav07 a,#g_nav ul #s_nav07_on a{width:170px;}

#g_nav ul #g_nav01 a,
#g_nav ul #g_nav01_on a {
    height:25px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/navi01.jpg);
}

#g_nav ul #g_nav01 a{background-position:0 0;}
#g_nav ul #g_nav01_on a,#g_nav ul #g_nav01 a:hover{	background-position:0 -25px;}

#g_nav ul #g_nav02 a,
#g_nav ul #g_nav02_on a {
    height:25px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/navi02.jpg);
}

#g_nav ul #g_nav02 a{background-position:0 0;}
#g_nav ul #g_nav02_on a,#g_nav ul #g_nav02 a:hover{	background-position:0 -25px;}

#g_nav ul #g_nav03 a,
#g_nav ul #g_nav03_on a {
    height:25px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/navi03.jpg);
}

#g_nav ul #g_nav03 a{background-position:0 0;}
#g_nav ul #g_nav03_on a,#g_nav ul #g_nav03 a:hover{	background-position:0 -25px;}

#g_nav ul #g_nav04 a,
#g_nav ul #g_nav04_on a {
    height:25px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/navi04.jpg);
}

#g_nav ul #g_nav04 a{background-position:0 0;}
#g_nav ul #g_nav04_on a,#g_nav ul #g_nav04 a:hover{	background-position:0 -25px;}




#g_nav ul #s_nav01 a,
#g_nav ul #s_nav01_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi01.jpg);
}

#g_nav ul #s_nav01 a{background-position:0 0;}
#g_nav ul #s_nav01_on a,#g_nav ul #s_nav01 a:hover{	background-position:0 -15px;}

#g_nav ul #s_nav02 a,
#g_nav ul #s_nav02_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi02.jpg);
}

#g_nav ul #s_nav02 a{background-position:0 0;}
#g_nav ul #s_nav02_on a,#g_nav ul #s_nav02 a:hover{	background-position:0 -15px;}

#g_nav ul #s_nav03 a,
#g_nav ul #s_nav03_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi03.jpg);
}

#g_nav ul #s_nav03 a{background-position:0 0;}
#g_nav ul #s_nav03_on a,#g_nav ul #s_nav03 a:hover{	background-position:0 -15px;}

#g_nav ul #s_nav04 a,
#g_nav ul #s_nav04_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi04.jpg);
}

#g_nav ul #s_nav04 a{background-position:0 0;}
#g_nav ul #s_nav04_on a,#g_nav ul #s_nav04 a:hover{	background-position:0 -15px;}

#g_nav ul #s_nav05 a,
#g_nav ul #s_nav05_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi05.jpg);
}

#g_nav ul #s_nav05 a{background-position:0 0;}
#g_nav ul #s_nav05_on a,#g_nav ul #s_nav05 a:hover{	background-position:0 -15px;}

#g_nav ul #s_nav06 a,
#g_nav ul #s_nav06_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi06.jpg);
}

#g_nav ul #s_nav06 a{background-position:0 0;}
#g_nav ul #s_nav06_on a,#g_nav ul #s_nav06 a:hover{	background-position:0 -15px;}

#g_nav ul #s_nav07 a,
#g_nav ul #s_nav07_on a {
    height:15px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/s_navi07.jpg);
}

#g_nav ul #s_nav07 a{background-position:0 0;}
#g_nav ul #s_nav07_on a,#g_nav ul #s_nav07 a:hover{	background-position:0 -15px;}


/*--Main--*/

div#right {
 width: 700px;
 float: left;
 margin:0 0 0 40px;
 }
 
div.main {
 width: 700px;
 margin: 0;
 padding: 0;
 text-align: left;
 }
 
.main h2 {
float: left;
overflow: hidden;
clear: both;
width: 287px;
height: 21px;
margin: 0 0 15px;
background-repeat: no-repeat;
text-indent: -99999px;
}

.section {
width: 685px;
float: left;
display: inline;
overflow: hidden;
}

.box300L{width:300px; float:left; display:inline;}
.box360R{width:360px; float:right; display:inline;}

a#toplink {
background: url(../img/to_top_arrow.png) no-repeat 12px;
padding-left: 30px;
padding-right: 0;
}
 
/*--footer--*/

div#footer {
 width: 700px;
 margin: 20px 0 50px 0;
}

address {
    display: block;
    text-indent:-9999px;
	overflow: hidden;
    float:right;
    width:213px;
    height:15px;
    background:url(../img/address.jpg) no-repeat left top;
}

/*--Profile--*/

#title_01 {
 background-image:url(../img/title_profile.jpg);
 }
 

/*--Portfolio--*/

#title_02 {
 background-image:url(../img/title_portfolio01.jpg);
 }
 
#title_04 {
 background-image:url(../img/title_portfolio02.jpg);
 }

#title_05 {
 background-image:url(../img/title_portfolio03.jpg);
 }

#title_06 {
 background-image:url(../img/title_portfolio04.jpg);
 }

#title_07 {
 background-image:url(../img/title_portfolio05.jpg);
 }

#title_08 {
 background-image:url(../img/title_portfolio06.jpg);
 }
 
#title_09 {
 background-image:url(../img/title_portfolio07.jpg);
 }
 
#title_10 {
 background-image:url(../img/title_portfolio08.jpg);
 }

 
.portfolio {
width: 150px;
margin-right: 20px;
float: left;
display: inline;
overflow: hidden;
text-align: center;
height: 185px;
}

.portfolio a:hover img{
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
  background:#fff;
}

/*--Link--*/

#title_03 {
 background-image:url(../img/title_link.jpg);
 }
 
.list ul li {
 padding-bottom: 10px;
 border-bottom: #CCCCCC solid 1px;
 }
 
dl {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

dt {
display: block;
}

.list ul li dt {
margin: 0 0 10px;
letter-spacing: 0.2em;
}
 
 
 
 
 
 
/*general-purpose*/

.totop {
 width: 685px;
 float: left;
 text-align:right;
 }

.mB0 { margin-bottom:0px!important;}
.mB1 { margin-bottom:1px!important;}
.mB2 { margin-bottom:2px!important;}
.mB3 { margin-bottom:3px!important;}
.mB5 { margin-bottom:5px!important;}
.mB10 { margin-bottom:10px!important;}
.mB11 { margin-bottom:11px!important;}
.mB12 { margin-bottom:13px!important;}
.mB15 { margin-bottom:15px!important;}
.mB20 { margin-bottom:20px!important;}
.mB25 { margin-bottom:25px!important;}
.mB30 { margin-bottom:30px!important;}
.mB35 { margin-bottom:35px!important;}
.mB50 { margin-bottom:50px!important;}
.mB60 { margin-bottom:60px!important;}
.mB80 { margin-bottom:80px!important;}
.mB90 { margin-bottom:90px!important;}
.mB100 { margin-bottom:100px!important;}
.pT2{padding-top:2px;}
.pT3{padding-top:3px;}
.pT4{padding-top:4px;}
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.mL1 { margin-left:1px!important;}
.mL2 { margin-left:2px!important;}
.mL3 { margin-left:3px!important;}
.mL5 { margin-left:5px!important;}
.mL10 { margin-left:10px!important;}
.mL15 { margin-left:15px!important;}
.pT0 { padding-top:0px!important;}
.pT20 { padding-top:20px!important;}
.pT30 { padding-top:30px!important;}
.pT40 { padding-top:40px!important;}
.pL10 { padding-left:10px!important;}
.pL20 { padding-left:20px!important;}
.pL30 { padding-left:30px!important;}
.pL5 { padding-left:5px!important;}
.pB3 { padding-bottom:3px!important;}
.pB5 { padding-bottom:5px!important;}
.pB10 { padding-bottom:10px!important;}
.pB20 { padding-bottom:20px!important;}
.pB30 { padding-bottom:30px!important;}
.pB40 { padding-bottom:40px!important;}
.aC { text-align: center;}
.aR { text-align: right;}
.aL { text-align: left;}
.fL { float:left;}
.fR { float:right;}
.clB { clear:both;}
.font80{font-size:80%;}
.font85{font-size:85%;}
.font85txc{font-size:85%; text-align:center;}
.font80_red{font-size:80%;
color:#FF0000;}
.font90{font-size:90%;}
.font115{font-size:115%;}
.font125{font-size:125%; font-weight:bold;}
.font125blue{font-size:125%; font-weight:bold; color:#3fbfee;}
.font125ash{font-size:125%; font-weight:bold; color:#7c7c7c;}
.font125orenge{font-size:125%; font-weight:bold; color:#ff9e09;}
.font125dark{font-size:125%; font-weight:bold; color:#00667c;}
.font125red{font-size:125%; font-weight:bold; color:#cd265e;}
.font135{font-size:135%;}
.font145{font-size:145%;}
.font155{font-size:155%;}
.font165{font-size:165%;}
.color33{color:#333;}
.color63{color:#636363;}
.color88{color:#888888;}
.color00{color:#000;}
.color99{color:#999999;}
.colorFF6666{ color:#FF6666;}
.lHeight1-3{ line-height:1.3em!important;}
.lHeight1-4{ line-height:1.4em!important;}
.lHeight1-5{ line-height:1.5em!important;}
.lHeight1-6{ line-height:1.6em!important;}
.lHeight1-7{ line-height:1.7em!important;}
.lHeight1-8{ line-height:1.8em!important;}
.lHeight1-9{ line-height:1.9em!important;}
.lHeight2-0{ line-height:2.0em!important;}
.lHeight2-1{ line-height:2.1em!important;}
.pMb15 p{margin-bottom:15px;}
.pMb20 p{margin-bottom:20px;}
.fontMainColor{color:#00947e;}