@charset "utf-8";

/*--------------------------------------------------------------------
 共通
--------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
h1 {
	margin: 0;
	padding: 0;
	font-size:12px;
	font-weight:normal;
}
h2 {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}
h3,h4 {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
#all {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
a {
	color: #1d2088;
}

/*--------------------------------------------------------------------
 共通　ヘッダー部分
--------------------------------------------------------------------*/

#indexHeader {
	width: 950px;
	height: 174px;
	margin: 0;
	padding: 0;
	position: relative;
}

#indexHeader #caption {
	width: 950px;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../img/index_header_back.gif) 0 0 no-repeat;
}

#indexHeader #caption h2 {
	padding: 9px 0 0 12px;
	letter-spacing: 1px;
}

#indexHeader #caption span {
	top: 6px;
	left: 835px;
	position: absolute;
	width: 197px;
}



#indexHeader #caption span ul li {
	margin: 0;
	padding: 5px 0 10px 15px;
	background: url(../img/index_search_right_ico.gif) 0 5px no-repeat;
}


#indexHeader a {
	text-decoration: none;
}

#indexHeader #logo {
	width: 950px;
	height: 105px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../img/index_header_logoback.gif) 0 0 no-repeat;
}

#indexHeader #logo h1 {
	padding: 20px 0 0 11px;
}


#indexHeader #retrieval {
	width: 950px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../img/index_header_retrievalback.gif) 0 0 no-repeat;
}


#indexHeader #retrieval  ul li {
	margin: 0;
	padding: 0 14px 0 15px;
	float: left;
	background: url(../img/index_footer_ico.gif) 0 1px no-repeat;
}

#indexHeader #retrieval form {
padding: 7px 0 0 7px;
}

#indexHeader #retrieval form img {
vertical-align:middle;
}

#indexHeader #retrieval form input.image {
vertical-align:middle;
}

#indexHeader #retrieval form input.text {
width:300px; 
vertical-align:middle; 
margin:0 3px;
}


#indexHeader #retrieval form  ul#subnav {
	width:360px;
	top: 12px;
	left:590px;
	position: absolute;
}

#indexFooter form ul {
	width: 920px;
	height: 12px;
	margin: 0;
	padding: 22px 0 22px 0;
	background: url(../img/index_footer_line.gif) 0 bottom no-repeat;
}
#indexFooter form ul li {
	margin: 0;
	padding: 0 14px 0 15px;
	float: left;
	background: url(../img/index_footer_ico.gif) 0 1px no-repeat;
}



/*--------------------------------------------------------------------
 共通　フッター部分
--------------------------------------------------------------------*/

#indexFooter {
	width: 920px;
	height: 142px;
	margin: 0;
	padding: 0 15px 0 15px;
	position: relative;
	background-color: #F6F6F6;
}
#indexFooter ul {
	width: 920px;
	height: 12px;
	margin: 0;
	padding: 22px 0 22px 0;
	background: url(../img/index_footer_line.gif) 0 bottom no-repeat;
}
#indexFooter ul li {
	margin: 0;
	padding: 0 14px 0 15px;
	float: left;
	background: url(../img/index_footer_ico.gif) 0 1px no-repeat;
}
#indexFooter span {
	width: 460px;
	margin: 0;
	padding: 0;
	top: 73px;
	left: 15px;
	position: absolute;
}
#indexFooter span.copy {
	width: 460px;
	margin: 0;
	padding: 0;
	top: 73px;
	left: 475px;
	text-align: right;
	position: absolute;
}


/*--------------------------------------------------------------------
 共通　コンテンツ部分
--------------------------------------------------------------------*/

#indexContents {
	width: 950px;
	margin: 10px 0 30px 0;
	padding: 0;
}

/*--------------------------------------------------------------------
 プロモーションエリア

--------------------------------------------------------------------*/

#indexContents #promArea {
	width: 950px;
	margin: 0;
	padding: 0;
}
#indexContents #promArea span.left {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
#indexContents #promArea span.center {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

#indexContents #promArea span.right {
	margin: 0;
	padding: 0;
	float: right;
}

#indexContents #proArea {
	width: 950px;
	height: 834px;
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
	background: url(../img/index_pro_back.gif) 0 0 no-repeat;
}
#indexContents #proArea h2 {
	margin: 0;
	padding: 12px 0 0 15px;
	position: relative;
}
#indexContents #proArea p {
	margin: 0;
	padding: 0;
	top: 47px;
	left: 811px;
	position: absolute;
}
#indexContents #proArea ul {
	width: 930px;
	margin: 4px 0 0 5px;
	padding: 0;
	position: relative;
}
#indexContents #proArea ul li {
	width: 150px;
	height:216px;
	margin: 0;
	padding: 0 4px 0 0;
	float: left;
	position: relative;
}


#indexContents #proArea ul li span.item {
	width: 135px;
	top: 149px;
	left: 2px;
	font-size: 12px;
	line-height: 110%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 32px;
}

#indexContents #proArea ul li span.name {
	width: 135px;
	top: 179px;
	left: 3px;
	font-size: 12px;
	line-height: 150%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 21px;
	text-align: right;
}

#indexContents  #proback {
	width: 930px;
	height:643px;
	float: left;
	position: absolute;
	background: url(../img/index_proback.gif) 0 0 no-repeat;
	left: 15px;
	top: 86px;
	padding: 0;
	margin: 0;
	background-image: url(../img/index_proback.gif);
}

#indexContents  #proSearch {
	width: 920px;
	height:76px;
	float: left;
	position: absolute;
	background: url(../img/index_prosSearch_back.gif) 0 0 no-repeat;
	padding: 0;
	margin: 0;
	left: 15px;
	top: 740px;
}

#indexContents  #proSearch h3{
	margin: 10px 0px 0px 10px;
}


#indexContents  #proSearch span.ttl{
	position: absolute;
	left: 143px;
	top: 10px;
}

#indexContents  #proSearch span.btn{
	position: absolute;
	left: 640px;
	top: 37px;
}

#indexContents  #proSearch p{
	width:110px;
	top: 36px;
	left: 793px;
	margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	background: url(../img/index_search_column_lico2.gif) 10px 13px no-repeat;
}


#indexContents  #proSearch #proSearchArea{
	width: 620px;
	height:30px;
	margin:18px 0px 0px 12px;
}


#indexContents  #proSearch #proSearchArea span.genre select,
#indexContents  #proSearch #proSearchArea span.category select,
#indexContents  #proSearch #proSearchArea span.region select {
	width: 202px;
}



/*--------------------------------------------------------------------
 左側コンテンツ
--------------------------------------------------------------------*/

#indexContents #searchArea {
	width: 950px;
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
}
#indexContents #searchArea #leftArea {
	width: 635px;
	margin: 0;
	padding: 0;
	float: left;
}
#indexContents #searchArea #leftArea h3 {
	padding: 5px 0 0 5px;
}

#indexContents #searchArea #leftArea #genre  {
	width: 635px;
	height: 620px;
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../img/index_search_genre_back.gif) 0 0 no-repeat;
}

#indexContents #searchArea #leftArea #genre h3 {
	margin: 0;
    padding:6px 0 0 5px; 
}

#indexContents #searchArea #leftArea #genre p {
	margin: 0;
	padding: 0;
	top: 12px;
	left: 514px;
	position: absolute;
}
#indexContents #searchArea #leftArea #genre ul {
	width: 635px;
	margin: 18px 0 0 0;
	padding: 0;
	position: absolute;
}


#indexContents #searchArea #leftArea #genre ul li {
	width: 201px;
	margin: 0;
	padding: 0 10px 10px 0;
	position: relative;
	float: left;
	height: 140px;
}
#indexContents #searchArea #leftArea #genre ul li span.ttl {
	margin: 0;
	padding: 0;
	top: 18px;
	left: 61px;
	position: absolute;
}
#indexContents #searchArea #leftArea #genre ul li span.menu {
	width: 195px;
	top: 63px;
	left: 1px;
	font-size: 12px;
	line-height: 150%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 46px;
}
#indexContents #searchArea #leftArea #column  {
	width: 310px;
	height: 557px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	position: relative;
	background: url(../img/index_search_left_back.gif) 0 0 no-repeat;
}
#indexContents #searchArea #leftArea #event  {
	width: 310px;
	height: 557px;
	padding: 0;
	float: right;
	position: relative;
	background: url(../img/index_search_left_back.gif) 0 0 no-repeat;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#indexContents #searchArea #leftArea #column ul,
#indexContents #searchArea #leftArea #event ul {
	width: 310px;
	margin: 11px 0 0 0;
	padding: 0;
}
#indexContents #searchArea #leftArea #column ul li,
#indexContents #searchArea #leftArea #event ul li {
	width: 310px;
	height: 44px;
	margin: 0;
	padding: 5px 0 0 0;
	position: relative;
	background: url(../img/index_search_column_line.gif) 0 bottom no-repeat;
}
#indexContents #searchArea #leftArea #column ul li span.date,
#indexContents #searchArea #leftArea #event ul li span.date {
	margin: 0;
	padding: 0;
	top: 10px;
	left: 45px;
	position: absolute;
	padding-bottom: 1px;
	padding-top: 1px;
}
#indexContents #searchArea #leftArea #column ul li span.ttl,
#indexContents #searchArea #leftArea #event ul li span.ttl {
	top: 27px;
	left: 45px;
	position: absolute;
	background: url(../img/index_search_column_ico.gif) 0 0 no-repeat;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 14px;
}
#indexContents #searchArea #leftArea #column p {
	margin: 10px 0 0 0;
	padding: 0 0 0 6px;
	text-align: right;
	background: url(../img/index_search_column_lico.gif) 212px 3px no-repeat;
}


#indexContents #searchArea #leftArea #event p {
	margin: 10px 0 0 0;
	padding: 0 0 0 6px;
	text-align: right;
	background: url(../img/index_search_column_lico.gif) 165px 3px no-repeat;
}

#indexContents #searchArea #leftArea #column h3  {
	margin: 2px 0 0 0;
}

#indexContents #searchArea #leftArea #event h3  {
	margin: 2px 0 0 0;
}


/*--------------------------------------------------------------------
 右側コンテンツ
--------------------------------------------------------------------*/

#indexContents #searchArea #rightArea {
	width: 295px;
	margin: 0;
	padding: 0;
	float: right;
}

#indexContents #searchArea #rightArea #answer {

	position:relative;
	width:295px;/*195*/
	height:346px;/*290*/
	padding:0px;
	line-height:1.2;
	background:url(../img/index_search_answer_bg.gif) left top no-repeat;
}


#indexContents #searchArea #rightArea #recruit {
	width: 295px;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	background: url(../img/index_search_right_back.gif) 0 0 no-repeat;
}
#indexContents #searchArea #rightArea #answer h3 {
	margin: 0px 0px 10px 0px ;
	padding: 5px 0px 0px 5px;
}

#indexContents #searchArea #rightArea #recruit h3 {
	height: 20px;
	margin: 0px;
	padding: 8px 0 0 9px;
}

#indexContents #searchArea #rightArea #answer h2 {
	padding: 0px 0px 0px 15px;
	color: #000000;
	line-height: 16px;
	font-weight: normal;
}

#indexContents #searchArea #rightArea #answer p {
margin: 5px 0 0 0;
padding: 15px 0px 10px 15px;
}

#indexContents #searchArea #rightArea #answer ul {
	width: 277px;
	margin: 0;
	padding: 0px 0 0 16px;/*padding: 11px 0 0 16px;*/
}



#indexContents #searchArea #rightArea #recruit ul {
	width: 277px;
	margin: 0;
	padding: 11px 0 0 16px;
	border-left: #dbdbdb solid 1px;
	border-right: #dbdbdb solid 1px;
	background: url(../img/index_search_right_line.gif) 15px bottom no-repeat;
}
#indexContents #searchArea #rightArea #answer ul li {
	width: 245px;
	margin: 0;
	padding: 0px 0 10px 17px;
	position: relative;
	background: url(../img/index_search_right_balloon.gif) 0 3px no-repeat;
}
#indexContents #searchArea #rightArea #recruit ul li {
	width: 262px;
	margin: 0;
	padding: 5px 0 10px 15px;
	background: url(../img/index_search_right_ico.gif) 0 5px no-repeat;
}
#indexContents #searchArea #rightArea #answer p.btn {
	width: 277px;
	margin: 0;
	padding: 0px 0px 10px 16px;/*padding: 0 0 10px 16px;*/
}
#indexContents #searchArea #rightArea #answer p.link {
	width: 278px;
	margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	background: url(../img/index_search_column_lico.gif) 210px 13px no-repeat;
}

#indexContents #searchArea #rightArea #recruit p {
	width: 278px;
	margin: 0;
	padding: 10px 15px 10px 0;
	border-left: #dbdbdb solid 1px;
	border-right: #dbdbdb solid 1px;
	border-bottom: #dbdbdb solid 1px;
	text-align: right;
	background: url(../img/index_search_column_lico.gif) 145px 13px no-repeat;
}

#indexContents #searchArea #rightArea #information {
	width: 293px;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	border: #dbdbdb solid 1px;
	background: url(../img/index_search_info_back.gif) 0 0 no-repeat;
}
#indexContents #searchArea #rightArea #information h3 {
	height: 20px;
	margin: 0;
	padding: 9px 0 0 13px;
}
#indexContents #searchArea #rightArea #information ul {
	width: 277px;
	margin: 0;
	padding: 10px 0 0 15px;
	background: url(../img/index_search_right_line.gif) 15px bottom no-repeat;
}
#indexContents #searchArea #rightArea #information ul li {
	width: 245px;
	margin: 0;
	padding: 3px 0 8px 0;
	position: relative;
}
#indexContents #searchArea #rightArea #information ul li p {
	margin: 0;
	padding: 2px 0 2px 0;
	color: #666666;
	text-align: left;
}
#indexContents #searchArea #rightArea #information p.link {
	width: 278px;
	margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	background: url(../img/index_search_column_lico.gif) 166px 13px no-repeat;
}



#indexContents #searchArea #rightArea #banner {
	width: 293px;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	height:53px;
}