@charset "utf-8";

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

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

.pagetop {
	font-size: 12px;
	text-align: right;
	clear: both;
	display:block;
	padding: 0px 0px 20px 0px;
}

.pagetop a {
	background-image: url(../images/pgtop.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 12px;	
}

a#container{
position:absolute;
}




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

#indexHeader {
	width: 800px;
	height: 124px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

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


#indexHeader  span {
	top: 12px;
	left: 722px;
	position: absolute;
	width: 90px;
}

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


#indexHeader a {
	text-decoration: none;
}

#indexHeader h2 {
	margin: 10px 0px 0px 0px;
}


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

#indexHeader #logo h1 {
	padding: 9px 0px 0px 13px;
}


#indexHeader #hederText {
	top: 11px;
	left: 393px;
	position: absolute;
	width: 90px;
}


#indexHeader #searchArea {
	top: 34px;
	left: 393px;
	position: absolute;
	width: 408px;
	height:35px;
	background: url(../img/layer_header_search_area.gif) 0 0 no-repeat;
}

#indexHeader #searchArea form {
padding: 5px 0px 0px 7px;
}

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

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

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

#indexHeader #searchArea form  span {
	width:310px;
	top: 12px;
	left:645px;
	position: absolute;
}

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

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

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

#indexFooter {
	width: 770px;
	height: 142px;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	position: relative;	
}

#indexFooter .lnk {
	font-size: 12px;
	line-height: 19px;
	text-align: center;
	padding: 0px 0px 10px 0px;
}

#indexFooter .cpright {
	font-size: 11px;
	line-height: 16px;
	text-align: right;
	padding: 0px 0px 30px 0px;
}

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

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

#indexContents #proSearch { 
}

#indexContents #proSearch h3 { 

margin: 10px 0px 0px 0px;
}

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

#indexContents #proSearchArea {
	width: 800px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	position: relative;
	background: url(../img/index_search_genre_back2.gif) 0px 0px no-repeat;
	height: 300px;
}

#indexContents #proSearchArea h3 {
	height: 20px;
	margin: 0px;
	padding: 6px 0px 0px 7px;
}

#indexContents #proSearchArea   h2 {
	padding: 15px 0px 0px 16px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
	margin:0px 0px 0px 0px;
	text-align: center;
}

#indexContents #proSearchArea  span.btn {
	width: 783px;
	margin: 0px 0px 0px 0px;
    border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
	text-align: center;
}

#indexContents #proSearchArea  p {
	width: 783px;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 10px 0px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
	border-bottom: #FFCC33 solid 1px;
	text-align: right;	
}

#indexContents #proSearchArea ul {
	width: 782px;
	margin: 0px;
	padding: 11px 0px 0px 16px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
}

#indexContents #proSearchArea ul li {
	width: 770px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	position: relative;
}

#indexContents #proSearchArea ul li span.cat{
	margin: 0px;
	padding: 0px;
	top: 7px;
	left: 210px;
	position: absolute;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 54px;
	height: 13px;
}

#indexContents #proSearchArea ul li span.cat2{
	margin: 0px;
	padding: 0px;
	top: 7px;
	left: 334px;
	position: absolute;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 54px;
	height: 13px;
}

#indexContents #proSearchArea ul li span.date{
	margin: 0px;
	padding: 0px;
	top: 9px;
	left: 545px;
	position: absolute;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 200px;
}

#indexContents #proInt { 
}

#indexContents #proInt h3 { 
}

#indexContents #proInt h2 { 
margin: 10px 0px 0px 0px;
}

#indexContents #proIntArea  {
	width: 800px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	position: relative;
	background: url(../img/index_search_genre_back2.gif) 0 0 no-repeat;
	height: 240px;
	background-color:#fef0d1
}

#indexContents #proIntArea h2 { 
}

#indexContents #proIntArea h3 { 
	height: 20px;
	margin: 0px;
	padding: 9px 0px 0px 9px;
}

#indexContents #proIntArea span.text {
	position:absolute;
	width:150px;
	left: 635px;
	top: 11px;
	text-align:right;
	background: url(../img/index_search_column_lico.gif) 188px 13px no-repeat;
	height: 14px;
}

#indexContents #proIntArea span.img1 {
	position:absolute;
	width:250px;
	left: 36px;;
	top: 54px;
	left: 18px;
}

#indexContents #proMap{
padding: 15px 0px 0px 0px;
}


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

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

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

#indexContents #proArea {
	width: 800px;
	height: 601px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	position: relative;
	background: url(../img/index_pro_back.gif) 0 0 no-repeat;
}
#indexContents #proArea h2 {
	margin: 0px;
	padding: 12px 0px 0px 15px;
	position: relative;
}
#indexContents #proArea p {
	margin: 0px;
	padding: 0px;
	top: 47px;
	left: 811px;
	position: absolute;
}

#indexContents #proArea p.btn{
    margin: 5px 0px 0px 10px;
}



#indexContents #proArea ul {
	width: 920px;
	margin: 0px;
	padding: 7px 16px 0px 16px;
	position: relative;
}
#indexContents #proArea ul li {
	width: 153px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	position: relative;
}


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


#indexContents #searchArea #leftArea {
	width: 172px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#indexContents #searchArea #leftArea #recruit {
	width: 172px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
	background: url(../img/index_search_right_back.gif) 0 0 no-repeat;
}

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

#indexContents #searchArea #leftArea #recruit ul {
	width: 154px;
	margin: 0px;
	padding: 11px 0px 0px 16px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
}

#indexContents #searchArea #leftArea #recruit ul li {
	width: 155px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	
}

#indexContents #searchArea #leftArea #recruit p {
	width: 155px;
	margin: 0px;
	padding: 0px 15px 10px 0px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
	border-bottom: #FFCC33 solid 1px;
	text-align: right;
}

#indexContents #searchArea #leftArea #information {
	width: 172px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	position: relative;
	background: url(../img/index_search_info_back.gif) 0 0 no-repeat;
}

#indexContents #searchArea #leftArea #information h3 {
	height: 20px;
	margin: 0px;
	padding: 9px 0px 0px 13px;
}

#indexContents #searchArea #leftArea #information ul {
	width: 172px;
	margin: 0px;
	padding: 10px 0px 0px 15px;
	background: url(../img/index_search_right_line.gif) 15px bottom no-repeat;
}
#indexContents #searchArea #leftArea #information ul li {
	width: 172px;
	margin: 0px;
	padding: 3px 0px 8px 0px;
	position: relative;
}
#indexContents #searchArea #leftArea #information ul li p {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #666666;
	text-align: left;
}
#indexContents #searchArea #leftArea #information p.link {
	width: 172px;
	margin: 0px;
	padding: 10px 15px 10px 0px;
	text-align: right;
	background: url(../img/index_search_column_lico.gif) 166px 13px no-repeat;
}


/*--------------------------------------------------------------------
 右側コンテンツ
--------------------------------------------------------------------*/
#indexContents #searchArea {
	width: 800px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	position: relative;
}
#indexContents #searchArea #rightArea {
	width: 608px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#indexContents #searchArea #rightArea h3 {
	padding: 0px 0px 0px 0px;
}

#indexContents #searchArea #rightArea #explanation{
	width: 608px;
	height: 200px;
	margin: 0px 0px 30px 0px;
}

#indexContents #searchArea #rightArea #explanation  h3 {
margin: 0px 0px 0px 290px;

}

#indexContents #searchArea #rightArea #explanation  span.ico {
	width: 135px;
	top: 40px;
	left: 192px;
	font-size: 10px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0pxpx;
}


#indexContents #searchArea #rightArea #explanation span.ttl {
	width: auto;
	margin: 0px;
	padding: 0px;
	top: 50px;
	left: 480px;
	position: absolute;
}
#indexContents #searchArea #rightArea #explanation span.text {
	width: 318px;
	margin: 0px;
	padding: 0px;
	top: 76px;
	left: 483px;
	position: absolute;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	font-weight: normal;
}

#indexContents #searchArea #rightArea #explanation  span.btn {
		width: 318px;
	top: 200px;
	left: 482px;
	font-size: 10px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}



#indexContents #searchArea #rightArea  #search {
	width: 608px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background: url(../img/layer_search_ttl011.gif) 0 0 no-repeat;
}

#indexContents #searchArea #rightArea  #search form {
padding: 8px 0px 0px 12px;
}

#indexContents #searchArea #rightArea  #search img {
vertical-align:middle;
}

#indexContents #searchArea #rightArea  #search input.image {
vertical-align:middle;
}


#indexContents #searchArea #rightArea  #search select.genre {
width:203px; 
vertical-align:middle; 
margin:0px 3px;
}

#indexContents #searchArea #rightArea  #search select.category {
width:203px; 
vertical-align:middle; 
margin:0px 3px;
}


#indexContents #searchArea #rightArea  #search form  span {
	width:310px;
	top: 12px;
	left:645px;
	position: absolute;
}

#indexContents #searchArea #rightArea  #question {
	width: 608px;
	height:235px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: right;
	position: relative;
	background: url(../img/index_search_genre_back.gif) 0 0 no-repeat;	
}

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

#indexContents #searchArea #rightArea  #question h2 {
	padding: 15px 0px 0px 16px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
}

#indexContents #searchArea #rightArea  #question ul {
	width: 590px;
	margin: 0;
	padding: 11px 0px 0px 16px;
	border-left: #FFCC33 solid 1px;
	border-right: #FFCC33 solid 1px;
	background: url(../img/index_search_right_line2.gif) 15px bottom no-repeat;
}

#indexContents #searchArea #rightArea  #question ul li {
	width: 350px;
	margin: 0;
	padding: 5px 0px 10px 15px;
	position: relative;
	background: url(../img/index_search_right_balloon.gif) 0 6px no-repeat;
}


#indexContents #searchArea #rightArea  #question ul li span.cat{
	margin: 0px;
	padding: 0px;
	top: 4px;
	left: 385px;
	position: absolute;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 93px;
	height: 13px;
}


#indexContents #searchArea #rightArea  #question ul li span.date{
	margin: 0px;
	padding: 0px;
	top: 4px;
	left: 496px;
	position: absolute;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 70px;
}


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


#indexContents #searchArea #rightArea  #introduction {
	width: 608px;
	height:393px;
	margin: 20px 0px 0px 0px;
	padding: 0px;	
	float: right;
	background: url(../img/layer_search_ttl010.gif) 0 0 no-repeat;
	top: 178px;
	left: 229px;
}


#indexContents #searchArea #rightArea  #introduction h3{
	margin: 0px;
	padding: 20px 0px 0px 20px;
}


#indexContents #searchArea #rightArea  #introduction h2{
	margin: 20px;
	padding: 0px 0px 0px 0px;
}


#indexContents #searchArea #rightArea  #introduction p.btn{
    margin: 25px 0px 0px 200px;
}