@charset "utf-8";
/* CSS Document */
/*---------------------------------
	tables
-----------------------------------*/
table.bizlist{margin:10px 0 20px;}
table.bizlist,
table.bizlist th,
table.bizlist td{
	border-collapse:collapse;
	border:solid 1px #CCCCCC;
}
table.bizlist th,
table.bizlist td{
	padding:5px 10px;
}
table.bizlist th{background-color:#F3F3F3;}
table.c1 th{border-top:solid 3px #FF2800;}
table.c2 th{border-top:solid 3px #00A4E1;}
table.c3 th{border-top:solid 3px #2CAF58;}
table.c4 th{border-top:solid 3px #FF8500;}
table.c5 th{border-top:solid 3px #9933FF;}
table.c6 th{border-top:solid 3px #666666;}

table.bizlist caption{
	text-align:left;
	font-size:18px;
}
table.c1 caption{color:#FF2800;}
table.c2 caption{color:#00A4E1;}
table.c3 caption{color:#2CAF58;}
table.c4 caption{color:#FF8500;}
table.c5 caption{color:#9933FF;}
table.c6 caption{color:#666666;}

#contents ul,
#contents li{
	list-style:none;
}
table.bizlist li{
	text-align:left;
	font-size:12px;
	border-top:solid 1px #CCCCCC;
	position:relative;
}
table.bizlist li span.right{
	text-align:right;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
}
table.bizlist li.f{border-top:none;}
table.bizlist li.l{
	border-top:dotted 1px #666666;
	margin-top:3px;
	padding-top:3px;
	font-weight:bold;
}
table.bizlist li.l span.right{
	padding-top:3px;
}

#contents dl{width:660px;margin-top:20px;}
#contents dl a{
	display:block;
	width:180px;
	height:65px;
	float:left;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:0 10px 10px 0;
	padding:10px;
}
#contents dl a.c1{border-top:solid 4px #FF2800;}
#contents dl a.c2{border-top:solid 4px #00A4E1;}
#contents dl a.c3{border-top:solid 4px #2CAF58;}
#contents dl a.c4{border-top:solid 4px #FF8500;}
#contents dl a.c5{border-top:solid 4px #9933FF;}
#contents dl a.c6{border-top:solid 4px #666666;}

#contents dl a.c1 dt{color:#FF2800;}
#contents dl a.c2 dt{color:#00A4E1;}
#contents dl a.c3 dt{color:#2CAF58;}
#contents dl a.c4 dt{color:#FF8500;}
#contents dl a.c5 dt{color:#9933FF;}
#contents dl a.c6 dt{color:#666666;}

#contents dl a dt{font-size:16px;}
#contents dl a dd{font-size:13px; color:#666666;}

#contents dl a:hover,
#contents dl a:active{
	text-decoration:none;
	background-color:#FFFFCC;
}

#contents .zengyoushu{
	border:solid 1px #CCCCCC;
	border-top:solid 3px #FF2200;
	width:300px;
	margin:10px auto;
	overflow:hidden;
	text-align:center;
}
#contents .zengyoushu a{
	font-size:16px;
	padding:10px 0;
	display:block;
	width:100%;
	height:100%;
}
#contents .zengyoushu a:link,
#contents .zengyoushu a:visited{
	color:#333333;
}
#contents .zengyoushu a:hover,
#contents .zengyoushu a:active{
	color:#333333;
	text-decoration:none;
	background-color:#FFFFCC;
}
/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
	margin:10px 0 -1px 0;
	padding:0;
	width:100%;
	border-bottom:1px solid #CCC;
	float:left;
}
	ul.tabs li{
		list-style-type:none;
		margin:0 2px 0 0;
		padding:0;
		display:inline-block;
		*display:inline;/*IE ONLY*/
		position:relative;
		top:0;
		left:0;
		*top:1px;/*IE 7 ONLY*/
		zoom:1;
	}
	ul.tabs li a{
		text-decoration:none;
		color:#666;
		display:inline-block;
		padding:9px 15px;
		position: relative;
		top:0;
		left:0;
		line-height:100%;
		background:#DDD;
		box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
		border:1px solid #CCC;
		border-bottom:0;
		font-size:0.9em;
		zoom:1;
	}
	ul.tabs li a:hover{background:#FFF;}
	ul.tabs li.current a{
		position:relative;
		top:1px;
		left:0;
		background:#FFF;
		box-shadow: none;
		color:#333;
	}
	.tab-content{
		border:1px solid #CCC;
		border-left:1px solid #CCC;
		clear:both;
		padding:20px;
		margin:0 0 40px 0;
	}

/*---------------------------------
	Procedure
-----------------------------------*/
.procedure{width:300px;margin:0 auto;}
.proc1,
.proc1_current{
	width:110px;
	height:40px;
	float:left;
}
.proc1_current{background:url(../img/common/howtobuy.jpg) no-repeat 0 0;}
.proc1 a{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../img/common/howtobuy.jpg);
	background-repeat:no-repeat;
}
.proc1 a:link,  .proc1 a:visited{background-position:0 -40px;}
.proc1 a:hover, .proc1 a:active {background-position:0 0;}
.proc_arrow{
	width:40px;
	height:40px;
	float:left;
	background:url(../img/common/howtobuy.jpg) no-repeat -110px 0;
}
.proc2,
.proc2_current{
	width:130px;
	height:40px;
	float:left;
	background:url(../img/common/howtobuy.jpg) no-repeat;
}
.proc2{background-position:-150px -40px;}
.proc2_current{background-position:-150px 0;}

/*---------------------------------
	Search Box
-----------------------------------*/
#q{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:lighter;
	padding:3px 8px;
	margin:10px 0;
	border:solid 1px #999999;
	border-radius:3px;
}
.q_unfocus{background:url(../img/common/search.gif) no-repeat 6px center #F3F3F3;}

#result ul{list-style:none;}
#result li{
	list-style:none;
	padding:1px 0;
	border-bottom:dotted 1px #cccccc;
}
