@charset "utf-8";

/*----------------------------------------------------
	layout[index]
----------------------------------------------------*/

h1{
	font-size:20px;
	color:#ffffff;
	background:url(../images/gaitameonline_bg-ttl.jpg) no-repeat;
	padding-left:30px;
	padding-top:10px;
	height:40px;
}

h2{
	font-size:14px;
	color:#ffffff;
	height:25px;
	padding-left:38px;
	padding-top:4px;
}

/* topArea */
#topArea{
	margin-top:20px;
	border:1px solid #D0D0C6;
	background:url(../images/interview_bg-note.gif);
	padding:9px;
	width:660px;
	overflow:hidden;
}

#topArea p{
	float:left;
	margin-right:15px;
}

#topArea div{
	float:left;
	width:425px;
	padding:5px;
	background:url(../images/bg_dot1.gif);
}

#topArea div dl{
	padding:10px;
	background-color:#fafafa;
	height:130px;
}

#topArea div dl dt{
	color:#ffffff;
	font-weight:bold;
	background:url(../images/ico_frag.gif) no-repeat 7px 4px #FFB300;
	padding:2px 2px 2px 28px;
	margin-bottom:7px;
}

#topArea div dl dd li{
	background:url(../images/line_dot.gif) repeat-x bottom;
	margin-bottom:7px;
	padding-bottom:5px;
}

#topArea div dl dd li p{
	float:none;
	font-weight:bold;
	background:url(../images/index_ico-arrow02.gif) no-repeat left 3px;
	padding-left:20px;
}

/* shopArea1 */
#shopArea1{
	margin-top:20px;
	border:1px solid #D0D0C6;
	background-color:#FEF7E4;
}

#shopArea1 h2{
	background:url(../images/bg_ttl-shop1.jpg) no-repeat;
	margin-bottom:15px;
}

#shopArea1 h3{
	clear:both;
	padding-left:9px;
}

#shopArea1 div#campaign{
	background-color:#ffffff;
	border:1px solid #D2D0C4;
	margin:0px 9px 9px 9px;
	padding:10px 10px 0px 10px;
}

#shopArea1 div#campaign p{
	margin-bottom:10px;
}

#shopArea1 div#campaign em{
	font-weight:bold;
	color:#FF9900;
}

#shopArea1 div.graf{
	width:235px;
	float:left;
	padding-left:9px;
	margin-right:20px;
	margin-bottom:15px;
}

#shopArea1 div.txt{
	width:400px;
	float:left;
	margin-bottom:15px;
}

#shopArea1 div.txt p{
	margin-bottom:15px;
}


/* shopArea2 */
#shopArea2{
	margin-top:20px;
	border:1px solid #D0D0C6;
	background-color:#EEF1DE;
	width:678px;
	overflow:hidden;
}

#shopArea2 h2{
	background:url(../images/bg_ttl-shop2.jpg) no-repeat;
	margin-bottom:13px;
}

#shopArea2 p{
	font-weight:bold;
	background:url(../images/common/ico_arrow.gif) no-repeat left 3px;
	padding-left:16px;
	margin-bottom:5px;
}

#shopArea2 #LeftArea{
	float:left;
	width:268px;
	padding-left:8px;
	margin-right:20px;
}

#shopArea2 #RightArea{
	float:left;
}

#shopArea2 #RightArea table{
	width:374px;
}

#shopArea2 table{
	border-bottom:1px solid #D0D0C6;
	border-right:1px solid #D0D0C6;
	width:268px;
	margin-bottom:13px;
}

#shopArea2 table th{
	border-top:1px solid #D0D0C6;
	border-left:1px solid #D0D0C6;
	background-color:#839412;
	color:#ffffff;
	font-weight:bold;
	padding:6px 8px;
	width:115px;
}

#shopArea2 table td{
	border-top:1px solid #D0D0C6;
	border-left:1px solid #D0D0C6;
	background-color:#ffffff;
	padding:6px 8px;
}

#shopArea2 div.txt{
	width:374px;
	float:left;
}


/* shopArea3 */
#shopArea3{
	margin-top:20px;
	border:1px solid #D0D0C6;
	background-color:#F0EFFF;
	padding-bottom:10px;
}

#shopArea3 h2{
	background:url(../images/bg_ttl-shop3.jpg) no-repeat;
}

#shopArea3 table{
	margin:15px 10px 0px 10px;
	border-bottom:1px solid #D0D0C6;
	border-right:1px solid #D0D0C6;
}

#shopArea3 table th{
	border-top:1px solid #D0D0C6;
	border-left:1px solid #D0D0C6;
	background-color:#8E8276;
	color:#ffffff;
	font-weight:bold;
	padding:6px 8px;
	width:135px;
}

#shopArea3 table td{
	border-top:1px solid #D0D0C6;
	border-left:1px solid #D0D0C6;
	background-color:#ffffff;
	padding:6px 8px;
	width:489px;
}

/* shopArea4 */
#shopArea4{
	margin-top:20px;
	border:1px solid #D0D0C6;
	background-color:#F9EEEA;
}

#shopArea4 h2{
	background:url(../images/bg_ttl-shop4.jpg) no-repeat;
}

#shopArea4 div{
	padding:8px 8px 0px 8px;
}

#shopArea4 div p{
	margin-bottom:10px;
}

#shopArea4 div p em{
	font-weight:bold;
}

/* btn-kaisetsu */
.btn-kaisetsu{
	text-align:center;
	margin:20px 0px 30px 0px;
}

/* moreInformation
----------------------------------------------------*/
#moreInformation h2{
	background:url(../images/bg_moreinfo.jpg) no-repeat bottom;
	font-size:14px;
	padding-bottom:18px;
	padding-left:0px;
	color:#8CA223;
}

#moreInformation ul{
	width:680px;
	padding:20px 0px 60px 0px;
}

#moreInformation li{
	width:320px;
	float:left;
	background:url(../images/interview_ico-arrow.jpg) no-repeat 5px 2px;
	padding-left:20px;
	margin-bottom:7px;
	line-height:1.3;
}

#moreInformation li a{
	color:#666666;
}

#moreInformation li a:hover{
	text-decoration:none;
}

#shopArea2 .color table tr.even td,
#shopArea3 table.color tr.odd td{
	background-color:#fafafa;
}