@charset "utf-8";

/* -----------------------------------------------------------------
TOP CSS
LAST UPDATE:2009/09/14
--------------------------------------------------------------------

/* INDEX
00: topContents
01: caseList
02: categoryArea
03: guidanceArea
04: btnArea
05: flashArea
----------------------------------------------------------------- */




/* 
	00:topContents
-----------------------------------------*/

#header .headerChild h1{
float:left;
margin:0;
width:296px;
background:none;
padding:0;
}


#topContents{
background:url(/common/img/bg_main.gif) no-repeat top center;
width:100%;
}

#topContents .mainVisual{
padding:19px 0 0 0;
width:1000px;
height:300px;
margin:0 auto;
text-align:center;
}

/* 
	01:caseList
-------------------*/
.main ul.caseList{
margin:0 0 16px 13px;
overflow:hidden;
width:860px;
}

.main ul.caseList li{
list-style:none;
display:inline;
float:left;
}

.main ul.caseList li img{
margin:0 8px 0 0;
vertical-align:bottom;
}


/* 
	02:categoryArea
-------------------*/
.main .categoryArea{
margin:0 0 0 21px;
width:833px;
}

.main .categoryArea h2{
padding:0;
background:none;
margin:0;
border:none;
}

.main .categoryArea h2 img{
vertical-align:bottom;
}

.main .categoryArea ul{
margin:0 0 0 10px;
}

.main .categoryArea ul li{
list-style:none;
width:188px;
float:left;
margin:0 10px 0 0;
line-height:1;
padding:0 0 0 0;
}

.main .categoryArea ul li img{
vertical-align:bottom;
}

.main .categoryArea .website{
width:407px;
background:url(/common/img/bg_category_website.gif) no-repeat bottom left;
height:211px;
float:left;
margin:0 0 16px 0;
}

.main .categoryArea .consulting{
width:407px;
background:url(/common/img/bg_category_consulting.gif) no-repeat bottom left;
height:211px;
float:right;
margin:0 0 10px 0;
}

.main .categoryArea .other{
	width:830px;
	height:38px;
	background:url(/common/img/bg_category_other.gif) no-repeat bottom right;
	line-height:1;
	clear:both;
}

.main .categoryArea .other ul{
	padding:0 0 0 10px;
}

.main .categoryArea .other ul li{
	margin:0;
}

.main .categoryArea .other ul li.second img{
	margin:2px 37px 0 0;
}

.main .categoryArea .other ul li.end img{
	margin:2px 0 0 0;
}

.main .categoryArea .other ul li img{
	vertical-align:bottom;
	margin:2px 7px 0 10px;
}

.main .categoryArea .other h2{
	width:198px;
	float:left;
}

.main .categoryArea .consulting ul li{
list-style:none;
width:188px;
float:left;
margin:0 10px 0 0;
line-height:1;
padding:0 0 0 0;
}


/* 
	03:guidanceArea
-------------------*/
.guidanceArea{
clear:both;
padding:10px 0 0 0;
margin:0 0 0 21px;
width:834px;
}

.guidanceArea .infomation{
float:left;
width:619px;
margin:10px 0 0 0;
padding:0 0 6px 0;
background:url(/common/img/bg_info_btm.gif) no-repeat bottom left;
}

.guidanceArea .infomation .inner{
background:url(/common/img/bg_info_top.gif) no-repeat top left;
padding:11px 11px 5px 11px;
width:597px;
}

* html .guidanceArea .infomation .inner{
width:619px;
}

.infomation .inner p{
width:128px;
float:left;
margin:0;
}

.infomation .inner ul{
width:227px;
float:right;
overflow:hidden;
}

.infomation .inner ul li{
list-style:none;
display:inline;
float:left;
}

.infomation .inner ul li img{
vertical-align:bottom;
margin:0 8px 0 0;
}

.infomation .inner ul li img.end{
margin:0;
}

.infomation .inner .newList{
border-top:1px solid #cccccc;
padding:13px 0 0 0;
width:597px;
clear:both;
}

.infomation .inner dl{
clear:both;
width:597px;
padding:0;
}

.infomation .inner dl dt{
width:15em;/*180px*/
float:left;
clear:both;
padding:0 10px 3px 0;
}

* html .infomation .inner dl dt{
width:15em;/*180px*/
}

.infomation .inner dl dd{
padding:0 0 3px 0;
margin-left:15.833em;/*190px*/
}

.infomation .inner dl dt img{
vertical-align:middle;
margin-right:10px;
}

.guidanceArea .contact{
width:196px;
height:142px;
float:right;
background:url(/common/img/bg_contact.gif) no-repeat top left;
}

.guidanceArea .contact p{
text-align:center;
margin-bottom:10px;
}

.guidanceArea .contact p.title{
text-align:left;
margin:27px 0 12px 65px;
}


/* 
	04:btnArea
-------------------*/
.btnArea{
width:872px;
	clear:both;
	padding:14px 0 0 0;/*margin:0 0 14px 21px;のbottomマージンはFF系で効いてないためpaddingで調整*/
}

.btnArea ul{
	clear:both;
	overflow:hidden;
}

.btnArea ul li{
list-style:none;
display:inline;
float:left;
}

.btnArea ul li img{
vertical-align:bottom;
margin:0 8px 20px 7px;
}



/* 
	05:flashArea
-------------------*/

.main.topPage .flashArea{
position:absolute;
top:50px;
right:-89px;
}

#nonFlash{
	display:none;
}