@charset "UTF-8";


body {
	margin: 0;
	padding: 0;
	font-family:sans-serif;
	color:#333333;
	line-height:170%;
	font-size:x-small;
}

html>body {
font-size:12px;line-height:170%;}


h1{margin:0px; padding:0px;height:33px;}
h2{margin:0px; padding:0px;}
h3{margin:0px; padding:0px;}
h4{margin:0px; padding:0px;}
h5{margin:0px; padding:0px;}
p{margin:0px; padding:0px;}

a{color:#333333;
text-decoration:underline;;}
a:hover{
color:#666666;
text-decoration:underline;}


a img{border:0;}
hr{display:none;}

/*汎用*/
.mb01 {margin-bottom:15px;}
.mb02 {margin-bottom:30px;}

.col01{color:#aaaaaa;}
.col02{color:#76B449;}




/*-------clearFix---------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    margin:0px;
	padding:0px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------clearFix---------*/




/*コンテンツ*/

#wrap {
	width:880px;
	margin-left:40px;
	margin-top:50px;
	/*background:#666666;*/
}

#head{
	height:56px;
	margin:0 0 50px 0;
	padding:0;
	/*background:#FFCC00;*/

}

/*グローバルメニュ*/

#gmenu {
	list-style:none;
	padding:0;
	margin:5px 0 0 0;
}

#gmenu li {
	float:left;
	margin:0 15px 0 0;
	padding:0;
	height:18px;
	/*background:#003366;*/
}


/*コンテンツタイトル*/

#cntTitle {
    float:left;
    width: 80px;
    height:15px;
    margin-right: 10px;
}


/*サブエリア*/
#subArea {
    width:180px;
    margin-right:20px;
    float: left;
    font-size:90%;
    /*background: #ff0000;*/
	line-height:180%;
}

#subArea img {
margin-bottom:10px;
}


/*MAIN*/

#mainArea{
    float: left;
    width:585px;
    border-left:3px solid #76B449;
    padding-left: 30px;
	padding-bottom:20px;
	height:100%;
    /*background: #ffff00;*/
}

html>body #mainArea{
    width:555px;
}




/*FOOTER*/
#copyright {
	width:100%;
	margin:0 0 20px 0;
	text-align:right;
	/*background:#00CC66;*/
}





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

TOP

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

#topWrap{
position:absolute;
bottom:0;
width:890px;
margin-left:40px;
}

#fla{
	margin:0 0 20px 0;
	padding:0;
}

#topHead{
float:left;
width:384px;
	height:56px;
	margin:0 20px 0 0;
	padding:0;
}

#topAbout{
float:left;
border-left:1px solid #000;
padding:15px 0 5px 20px;
}

#topAbout img{margin-bottom:3px;}


#topWrap p#copyright {
margin:0 0 20px 0;
text-align:left;
clear:both;
}


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

PROFILE

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

.chtxt{
color:#76B449;
font-size:120%;
padding-bottom:10px;
}


.dl01,
.dl01 dt,
.dl01 dd,
.dl01 dd dl
{margin:0;
padding:0;
}


.dl01 dt{

	clear:both;
}

dt.tit01{
	color:#76B449;
	font-size:110%;
	padding-top:20px;
	padding-bottom:10px;
}
/*.dl01 dd{
	margin-bottom:20px;
}*/

.dl01 dd dt{
float:left;
width:50px;
margin:0 10px 0 0;
padding:0 5px ;
background:#dddddd;
color:#666666;
font-size:80%;
}

html>body .dl01 dd dt{
width:40px;
}


.dl01 dd dd{
float:left;
width:490px;
margin:0 0 10px 0;
padding:0;}


.bannerArea{
width:827px;
margin-top:10px;
padding:5px 0;
border-top:#eeeeee 2px solid;
clear:both;
vertical-align:middle;
}

.bannerArea img{vertical-align:middle;}

.banner01{
margin-right:10px;}

.topCopyright{padding-left:320px;}


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

CONTACT

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

.mapImg{border:1px solid #000;}

.dl02,
.dl02 dt,
.dl02 dd,
{margin:0;
padding:0;
}
	
	
.dl02 dd{
margin:0;
padding:0;
}

.dl02 dt h3{
color:#76B449;
}

dt.tit01{
	color:#76B449;
	font-size:110%;
	padding-top:20px;
	padding-bottom:10px;
}






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

PROJECT/BLOG

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



.xmlIcon{
vertical-align:middle;
}

/*カテゴリリスト*/

.li_cat ul{
margin:0 0 30px 13px;
padding:0;
list-style-image:url(../images/li01.gif);
}


.li_cat ul ul{
margin:0 30px 0 5px;
padding:0;
list-style-image:url(../images/li02.gif);
}


.li_cat ul ul ul{
margin:0 15px 0 5px;
padding:0;
list-style-image:url(../images/li03.gif);
}


.li_cat ul ul ul li{
margin:0 0 10px 0;
padding:0;
}
.prjcat_tit{
font-weight:bold;
margin-bottom:20px;
}

.prjcat_tit ul{
font-weight:normal;
}


/*エントリーBOX*/

.entryCnt{
padding:0 0 5px 0;
margin-bottom:15px;
background:url(../images/blog_border.gif) repeat-x bottom;
	}
	
.entryDate{
background:#76B449;
padding-left:5px;
width:60px;
margin-bottom:30px;
font-size:80%;}

.entryCnt h4{
font-size:150%;
margin-bottom:30px;
}


.entryTxt img {
margin-bottom:10px;}

.entryTxt p {
margin-bottom:10px;}


/*エントリーリスト*/

.li_ent{
margin:0 0 30px 10px;
padding:0;
list-style-image:url(../images/li03.gif);}


.li_ent li{
margin-bottom:10px;
line-height:120%;}

.li_ent li.allEntry{
margin:10px 0 0 9px;
list-style-image:url(../images/li02.gif);
}


/*プロジェクトフォーム*/

.aboutPrj{
margin-bottom:10px;
padding-bottom:0px;
}

.aboutPrj dt{
float:left;
width:60px;
margin:0 10px 10px 0;
padding:0;
clear:both;
}


.aboutPrj dd{
margin:0 0 10px 0;
padding:0;
float:left;
width:480px;
}


.aboutPrj dt.photo{
width:60px;
margin:0 10px 10px 0;
padding:0;
/*clear:both;*/
}


.aboutPrj dd.photo{
margin:0;
padding:0;
width:555px;
clear:both;
}

.aboutPrj dd.photo img{
border:1px #333 solid;
margin-bottom:15px;
}

.l_photo{margin-right:25px;}



.p_n01{text-align:right;
padding-bottom:5px;
color:#76B449;}

.p_n02{
margin-bottom:30px;
padding-bottom:10px;
color:#76B449;
font-size:120%;
font-weight:bold;
border-bottom:dotted 1px #ccc;}

.entryInfo{
margin:20px 0 10px 0;
float:right;
font-size:90%;}

.entryInfo dt{
float:left;
margin:0 0 0 0;
padding:0 5px 0 10px;
color:#76B449;
}

.gotoBlog{text-align:right;
margin:0;
padding:0;}

.entryInfo dd{
margin:0;
padding:0;
width:auto;
float:left;
}


.entryComment{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:dotted 1px #ccc;}


/*プロジェクトアーカイブ*/

.li_prjarc{
list-style-image:none;
list-style:none;
margin:0;
padding:0;
}


.li_prjarc li{
margin-bottom:20px;
padding-bottom:20px;
background:url(../images/blog_border.gif) repeat-x bottom;
}



.li_prjarc .prj_arc_img{border:1px solid #000;
float:left;
margin-right:10px;
width:150px;
height:112px;}

.li_prjarc .prj_arc_about{
float:left;
width:390px;}

.li_prjarc .prj_arc_about h4{
font-size:100%;
margin:0；
padding:0;
}

.li_prjarc .prj_arc_about dl{
width:390px;
margin:0;
paadding:0;
}


.li_prjarc .prj_arc_about dt{
float:left;
width:60px;
margin:10px 10px 0 0;
padding:0;}


.li_prjarc .prj_arc_about dd{
float:left;
width:320px;
margin:10px 0 0 0;
padding:0;
}