/* ------------------------------
   Layout
---------------------------------
BODY#index
	DIV#container
		DIV#header
		DIV#topicPath
		DIV#wideContents
			DIV.flash
			DIV#wideMainContent
				DIV#categoryWrap
				DIV#serviceWrap
		DIV#footerArea
------------------------------ */
#index #wideMainContent{
background:url(/images/index_bg01.gif) left top repeat-y;
}

#index .flash{
background:#FFF;
padding-bottom:12px;
}
#index .flash p{
display:none;
}
@media print{
#index .flash object{
display:none;
}
#index .flash p{
display:block;
}
}

#categoryWrap{
float:left;
width:530px;
}


/* ------------------------------
   Heading
------------------------------ */
#header h1{
margin:0;
padding:0;
}
#index h2,
#index h2 img,
#index h3,
#index h3 img{
background:none;
margin:0;
padding:0;
line-height:0;
}

#wideMainContent h2{
_width:530px;
}


/* ------------------------------
   #serviceWrap
------------------------------ */
#serviceWrap{
float:right;
width:188px;
}
#serviceWrap h2{
border-bottom:2px solid #999;
margin-bottom:15px;
}
#wideMainContent #serviceWrap h2{
_width:188px;
}

#serviceWrap dl{
margin-left:5px;
}
#serviceWrap dt{
background:url(/images/common/icon03b.gif) 0 3px no-repeat;
margin-bottom:5px;
padding-left:10px;
font-size:0.75em;
}
#serviceWrap dd{
margin-bottom:15px;
padding-left:10px;
font-size:0.7em;
}


/* ------------------------------
   #business
------------------------------ */
#businessWrap{
width:530px;
}
#web,
#publish{
float:left;
border-left:1px solid #E6E6E6;
margin-right:10px;
margin-bottom:5px;
padding-bottom:10px;
width:48.7%;
min-height:100px;
_height:100px;
}
#system,
#support{
float:right;
border-left:1px solid #E6E6E6;
margin-bottom:5px;
padding-bottom:10px;
width:48.7%;
min-height:100px;
_height:100px;
}

#web{
background:url(/images/index_business_web.jpg) right top no-repeat;
border-top:3px solid #63ABA0;
}
#system{
background:url(/images/index_business_system.jpg) right top no-repeat;
border-top:3px solid #CACB68;
}
#publish{
background:url(/images/index_business_publish.jpg) right top no-repeat;
border-top:3px solid #7F8ACB;
}
#support{
background:url(/images/index_business_support.jpg) right top no-repeat;
border-top:3px solid #82A867;
}

#businessWrap dt{
background:url(/images/common/icon07.gif) 0 1px no-repeat;
border:none;
margin:15px 0 8px 7px;
padding-left:15px;
font-size:0.75em;
font-weight:bold;
}
#businessWrap dd{
margin-left:20px;
width:130px;
font-size:0.75em;
}


/* ------------------------------
   #btns
------------------------------ */
#btns{
margin-bottom:20px;
width:530px;
}
#btns .btn{
float:left;
margin-right:10px;
width:auto;
}
#btns .btn2{
float:right;
width:auto;
}


/* ------------------------------
   #whatWrap
------------------------------ */
#whatWrap .ttl{
position:relative;
background:#EDEDED;
margin-bottom:10px;
width:530px;
height:25px;
}
#whatWrap h2{
position:absolute;
top:5px;
left:3px;
}
#whatWrap .list{
position:absolute;
top:6px;
right:46px;
border-right:1px solid #999;
background:url(/images/common/icon03b.gif) 0 3px no-repeat;
padding-right:6px;
padding-left:10px;
font-size:0.7em;
}
#whatWrap .rss{
position:absolute;
top:6px;
right:6px;
}