a:visited {  color: #0D186E; text-decoration: none }
a:active { color: #0D186E; text-decoration: none }
a:link { color: #0D186E; text-decoration: none}
a:hover { color: #FF0000; text-decoration: underline }


img{
	border:0;
}

/* トップページ */
#contents{
	width:750px;

}

#main{
	float:left;
}


/* 目的から探す */
.purpose{
	background-image:url(../image/h1_bg.gif);
	background-repeat:repeat-y;
	background-position:100% 100%;
	width:544px;
}
.purpose ul {
	padding:0;
	margin:0;
}
.purpose ul li{
	display:block;
	float:left;
	width:220px;
	font-weight:bold;
	font-size:90%;
}
.purpose ul li.purpose_01{
	background-image:url(../image/icon_purpose01.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:5px 0 5px 32px;
	margin:5px 10px;
}
.purpose ul li.purpose_02{
	background-image:url(../image/icon_purpose02.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:5px 0 5px 32px;
	margin:5px 10px;
}
.purpose ul li.purpose_03{
	background-image:url(../image/icon_purpose03.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:5px 0 5px 32px;
	margin:0px 10px;
}
.purpose ul li.purpose_04{
	background-image:url(../image/icon_purpose04.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:5px 0 5px 32px;
	margin:0px 10px;
}
.purpose ul li.purpose_05{
	background-image:url(../image/icon_purpose05.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:5px 0 5px 32px;
	margin:5px 10px;
}
.purpose ul li.purpose_06{
	background-image:url(../image/icon_purpose06.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:5px 0 5px 32px;
	margin:5px 10px;
}



/* サービスから探す */

.service{
 	background-image:url(../image/h1_bg.gif);
	background-repeat:repeat-y;
	background-position:100% 100%;
	width:544px;
	margin:15px 0 0 0;
	padding:0 0 10px 0;
}
.boxBg{
	width:524px;
	background-image:url(../image/box_bg.gif);
 	background-position:100% 100%;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
}


.service01{
	font-size:90%;
	float:left;
	width:257px;
	border-bottom:1px solid #d4d4d4;
	margin:0;
	padding:0;
}
.service01 div{
	background-image:url(../image/index_bg_01.gif);
	width:257px;
	margin:0;
	padding:0;
}
.service01 ul{
	margin:5px 10px;
	padding:0;
}
.service01 li{
	font-size:90%;
	background-image:url(../image/arrow_orange.gif);
	background-repeat:no-repeat;
	background-position:2px 0.4em;
	list-style-type:none;
	padding:2px 0 2px 12px;
	margin:0;
}


.service02{
	font-size:90%;
	float:right;
	width:257px;
}
.service02 div{
	background-image:url(../image/index_bg_02.gif);
	width:257px;
	margin:0;
	padding:0;
}
.service02 ul{
	margin:5px 10px;
	padding:0;
}
.service02 li{
	font-size:90%;
	background-image:url(../image/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:2px 0.4em;
	list-style-type:none;
	padding:2px 0 2px 12px;
	margin:0;
}



.service03{
	font-size:90%;
	float:left;
	width:257px;
	border-bottom:1px solid #d4d4d4;
	margin:0;
	padding:0;
}
.service03 div{
	background-image:url(../image/index_bg_03.gif);
	width:257px;
	margin:0;
	padding:0;
}
.service03 ul{
	margin:5px 10px;
	padding:0;
}
.service03 li{
	font-size:90%;
	background-image:url(../image/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:2px 0.4em;
	list-style-type:none;
	padding:2px 0 2px 12px;
	margin:0;
}


.service04{
	font-size:90%;
	float:right;
	width:257px;
}
.service04 div{
	background-image:url(../image/index_bg_04.gif);
	width:257px;
	margin:0;
	padding:0;
}
.service04 ul{
	margin:5px 10px;
	padding:0;
}
.service04 li{
	font-size:90%;
	background-image:url(../image/arrow_purple.gif);
	background-repeat:no-repeat;
	background-position:2px 0.4em;
	list-style-type:none;
	padding:2px 0 2px 12px;
	margin:0;
}


/* what'sNew */

#whatsNew{
	width:544px;
	padding:0;
	margin:15px 0 0 0;

}
#whatsNew ul{
	width:544px;
	padding:0 0 13px 0;
	margin:10px 0 0 0;
	font-size:80%;
	border-bottom:1px dashed #ddd;
}


#whatsNew ul li.b{
	list-style-type:none;
	position:relative;
	margin:0px;
	padding:8px 5px 8px 165px;
	background-color:#fff;
	vertical-align:middle;
}

#whatsNew ul li.a{
	list-style-type:none;
	position:relative;
	margin:0px;
	padding:5px 5px 8px 165px;
	background-color:#f3f4f8;
	vertical-align:middle;
}

* html #whatsNew ul li{display:inline-block;}

#whatsNew ul li span.date{
	font-size:12px;
	position:absolute;
	vertical-align:middle;
	left:10px;
	width:165px;
	dislplay:block;

}

/* Internet Explorer 6 or sooner */
* #whatsNew ul li span.date{
	font-size:100%;
	position:absolute;
	vertical-align:middle;
	left:10px;
	width:165px;
	dislplay:block;

}
	

#whatsNew ul img.icon{
	vertical-align:middle;
	margin:0 1em 1px 1em;
}
#whatsNew ul img.arrow{
	vertical-align:middle;
	margin:0 0.5em 1px 0.3em;
}



#side{
	float:right;
}

/* ご利用中のお客様 */
.info{
	margin:0 0 10px 0;
	width:190px;
	border:1px solid #cacaca;
}
.info ul {
	padding:0;
	margin:0;
}

.info ul li{
	font-size:80%;
	list-style-type:none;
	background-image:url(../image/arrow_gray.gif);
	background-repeat:no-repeat;
	background-position:5px 0.5em;
	padding:2px 0 2px 14px;
	margin:2px;
	border-bottom:1px dashed #ddd;
}

.info ul li.last{
	border-bottom:none;
}

/* webお申し込み */
.application{
	margin:0 0 10px 0;
	width:190px;
	border:1px solid #cacaca;
}
.application ul {
	padding:0;
	margin:5px;
}

.application ul li{
	text-align:center;
	list-style-type:none;
	line-height:0;
}

.application ul li.sideText{
	font-size:80%;
	text-align:left;
	line-height:1.3;
	padding-bottom:2px;
}

.application ul li img{
	padding:0;
	margin:0;
}

/* お問い合せ */
.contact{
	margin:0 0 10px 0;
	width:190px;
	border:1px solid #cacaca;
}
.contact ul {
	padding:0;
	margin:5px;
}

.contact ul li{
	text-align:center;
	list-style-type:none;
	line-height:0;
}
.contact ul li img{
	padding:0;
	margin:1px 0;
}

/* ホームページをご検討のお客様 */
.homePage{
	margin:0 0 10px 0;
	width:190px;
	border:1px solid #cacaca;
}
.homePage ul {
	padding:0;
	margin:5px;
}

.homePage ul li{
	text-align:center;
	list-style-type:none;
	line-height:0;
}
.homePage ul li.sideText{
	font-size:80%;
	text-align:left;
	line-height:1.3;
	padding-bottom:2px;
}
.homePage ul li img{
	padding:0;
	margin:1px 0;
}


/* バナー */
.banner{
	width:190px;
}
.banner ul {
	padding:0;
	margin:0;
}

.banner ul li{
	text-align:center;
	list-style-type:none;
	line-height:0;
}
.banner ul li img{
	padding:0;
	margin-bottom:8px;
}

.pMark{
	text-align:center;
	padding:0;
	margin:10px 0;
}



.c-both{
	clear:both;
}


#flash{
	margin:0 0 15px 0;
}



/* 関連バナー */


div#contents div#related{
	margin:11px 0 0 0;
	width:544px;
	overflow:hidden;
}

div#contents div#related ul{
	margin:0;
	padding:0;
	width:555px;
}

div#contents div#related ul:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

div#contents div#related ul li{
	float:left;
	margin:0 11px 0 0;
	padding:0;
	list-style:none;
}