@charset "utf-8";
/* ===================================================================
CSS information

 file name  :information.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページタイトル背景
----------------------------------------------------------- */
#information #wrp_pagetitle {
	background: url(../information/images/title.jpg) top center no-repeat;
}

/* #cnt_list
----------------------------------------------------------- */
#information #cnt_list {
	width: 680px;
	overflow: hidden;
	padding: 0 0 30px 0;
}

#information #cnt_list h3 {
	background:url(../information/images/tit_list.gif) top left no-repeat;
}

#information #cnt_list #infolist {
	width: 678px;
	height: auto;
	background: #f9f8f8;
	border: 1px solid #dfddd7;
}

#information #cnt_list #infolist div.infobox {
	width: 678px;
	height: auto;
	padding: 20px 0;
	background: URL(../information/images/img_border.gif) center bottom no-repeat;
	clear: both;
}
#information #cnt_list #infolist div.infobox:after {
	content: ".";
	display: block;
	visibility:	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#information #cnt_list #infolist div.infobox a {
	display: block;
	width: 638px;
	height: 100%;
	text-decoration: none;
	padding: 0 20px;
	cursor: pointer;
	color: #666;
}
#information #cnt_list #infolist div.infobox a:hover {
	background: #ede6e6;
}

#information #cnt_list #infolist div.infobox div.left {
	width: 115px;
	height: auto;
	float: left;
}
#information #cnt_list #infolist div.infobox div.left img {
	width: 100px;
	border: 3px double #BEAB9D;
}

#information #cnt_list #infolist div.infobox div.right {
	width: 523px;
	height: auto;
	float: right;
}
#information #cnt_list #infolist div.infobox div.right p.data {
}
#information #cnt_list #infolist div.infobox div.right p.data span {
	background: #3D3C3C;
	color: #FFF;
	font-family: Verdana,sans-serif;
	font-size: 80%;
	margin: 0 10px 0 0;
	padding: 2px 17px 2px;
}
#information #cnt_list #infolist div.infobox div.right h4 {
	color: #288ca1;
	font-size: 115%;
	line-height: 1.6;
}
#information #cnt_list #infolist div.infobox div.right p.sentence {
	line-height: 1.2;
}



/* #cnt_detail
----------------------------------------------------------- */
#information #cnt_detail {
	width: 680px;
	overflow: hidden;
	padding: 0 0 30px 0;
}

#information #cnt_detail h3 {
	background:url(../information/images/tit_detail.gif) top left no-repeat;
}

#information #cnt_detail #infodetail {
	width: 678px;
	height: auto;
	background: #f9f8f8;
	border: 1px solid #dfddd7;
}
#information #cnt_detail #infodetail p.data {
	margin: 20px 0 0 20px;
}
#information #cnt_detail #infodetail p.data span {
	background: #3D3C3C;
	color: #FFF;
	font-family: Verdana,sans-serif;
	font-size: 80%;
	margin: 0 10px 0 0;
	padding: 2px 17px 2px;
}
#information #cnt_detail #infodetail h4 {
	color: #288ca1;
	font-size: 120%;
	line-height: 3;
	padding: 0 0 0 20px;
	background: url(../information/images/img_border.gif) center bottom no-repeat;
}
#information #cnt_detail #infodetail div#photo_infodetail {
	margin: 15px 0;
	text-align: center;
}
#information #cnt_detail #infodetail div#photo_infodetail img {
	width: 200px;
	border: 3px double #BEAB9D;
	margin: 0 5px;
}
#information #cnt_detail #infodetail p.sentence {
	margin: 20px;
	font-size: 115%;
	line-height: 1.6;
}
#information #cnt_detail #infodetail p.sentence a:hover {
	text-decoration: none;
}

#information #cnt_detail #infodetail p.sentence a:hover {
	text-decoration: none;
}

#information #cnt_detail div#paging {
	width: 680px;
	height: 50px;
	background: url(../information/images/bg_paging.gif) center top no-repeat;
	margin: 15px 0;
}
#information #cnt_detail div#paging li {
	height: 50px;
	text-align: center;
	line-height: 3.5;
}
#information #cnt_detail div#paging li.previous {
	width: 226px;
	float: left;
}
#information #cnt_detail div#paging li.back {
	width: 227px;
	float: left;
}
#information #cnt_detail div#paging li.next {
	width: 227px;
	float: right;
}

#information #cnt_detail div#paging li.previous a {
	display: block;
	width: 226px;
	height: 50px;
}
#information #cnt_detail div#paging li.back a {
	display: block;
	width: 227px;
	height: 50px;
}
#information #cnt_detail div#paging li.next a {
	display: block;
	width: 227px;
	height: 50px;
}

#information #cnt_detail div#paging li.previous a:hover {
	background: url(../information/images/bg_paging.gif) left -50px no-repeat;
}
#information #cnt_detail div#paging li.back a:hover {
	background: url(../information/images/bg_paging.gif) -226px -50px no-repeat;
}
#information #cnt_detail div#paging li.next a:hover {
	background: url(../information/images/bg_paging.gif) right -50px no-repeat;
}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}