body     { color: #1c1c1c; font-size: 11px; line-height: 160%; background: white url(../img/main_bg.gif) repeat-x; text-align: center; margin: 0px; padding: 0px }


td    { font-size: 11px; line-height: 160% }

.hdn {display:none}

#header   { margin-left: 15px; padding: 7px 3px 10px }
#header h1  { float: left; margin: 0px }
#wrap   { text-align: left; margin-right: auto; margin-left: auto; padding: 7px 0px; width: 780px }


#navigation_image     { text-align: right; float: right; clear: none; padding-right: 20px }
#navigation_image li  { display: inline; }
ul#navigation_design     { list-style-type: none; float: right; margin: 0px; position: relative; width: 530px; height: 39px; overflow: hidden }
ul#navigation_design li a   { text-decoration: none; text-indent: 100em; margin: 0px; padding: 39px 0 0; position: absolute; top: 0; height: 39px; overflow: hidden }

li#ci a   { background: transparent url(../img/navi_ci.gif) no-repeat; left: 15px }
li#web a   { background: transparent url(../img/navi_web.gif) no-repeat; left: 97px }
li#pk a   { background: transparent url(../img/navi_pk.gif) no-repeat; left: 208px }
li#panf a   { background: transparent url(../img/navi_panf.gif) no-repeat; left: 285px }
li#ad a   { background: transparent url(../img/navi_ad.gif) no-repeat; left: 389px }

li#ci a:hover, 
li#web a:hover, 
li#pk a:hover, 
li#panf a:hover,
li#ad a:hover{ 
	background-position: 0px -39px;
	}

.noncss  { clear: both; display: none }

#footer      { background: url(../img/main_bg_b.gif) no-repeat left top; clear: both; margin-top: 0px; margin-bottom: 30px; padding: 5px 12px 10px; width: 780px }
#copy      { float: left; margin: 0px 0px 0px 12px; padding: 0px; width: 400px }
#footernavi      {
	margin: 0 25px 0 0;
	padding: 0;
	width:   300px;
	float:   right }

#footernavi ul  { text-align: right; margin: 0px; padding: 0px }
#footernavi li   {
	display: inline;
	margin:   0;
	padding:  0 5px 0 0 }

#sidenavigation { background-color: #808000; float: right; clear: none; width: 50px }
#mainframe     { background: transparent url(../img/main_bg2.gif) no-repeat left top; clear: both; padding-top: 27px; padding-left: 75px; width: 780px; height: 520px; overflow: visible }

#contents     { float: left; margin-bottom: 15px; width: 628px }


.portfolio    { line-height: 1.2em; background-color: white; float: left; margin-right: 14px; margin-bottom: 10px; margin-left: -10px; padding: 0px; position: relative; width: 205px; height: 158px; display: block }
.portfolio_img { margin-top: 10px; margin-left: 12px }
.portfolioImage  { padding: 8px 8px 4px }
* html .portfolioImage { /*fix for IEs wrong box model*/
	padding:6px;
}
.portfolio img{
	display:block;
	border:1px solid #FFF;
	margin-bottom:4px;
	width:176px;
	height:95px;
}
.portfolio:hover   { background: url(../img/select_rollover.gif) no-repeat 0px 0px }
#pankuzu  { margin-top: 7px; margin-bottom: 38px; margin-left: 3px }
p { margin: 0px; padding: 0px }
#gototop   { color: #777; font-weight: bold; text-align: right; clear: both; margin-top: 10px; margin-bottom: 0px; padding-top: 10px; padding-right: 55px; padding-bottom: 25px }
#form { }
form#form   { margin-top: 10px; margin-bottom: 10px; padding: 10px; border: solid 1px #eee }
#form td  { padding: 5px }
#from textarea,input  { padding: 2px; border: solid 1px #eee }
#contents_left { float: left; width: 440px }
#contents_left h3   { color: #0016ab; font-size: 15px; margin-top: 0px; margin-bottom: 3px; padding-bottom: 0px }
#contents_left p { margin-top: 0px; margin-bottom: 36px }
#contents_right  { margin-left: 0; padding-left: 7px; width: 174px; min-height: 500px; float: right; border-left: 1px solid #ddd }
.thumbnail { margin-bottom: 12px }
.caption  { color: #a9a9a9 }
#profile { margin-bottom: 12px; padding-bottom: 7px; border-bottom: 1px solid #f3f3f3 }
.profilename  { font-weight: bold; margin-bottom: 5px }

#mainimage h2 ,#contents h3 {
	color:#333399;
	}