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

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


/*----------------------------------------------------
	#title
----------------------------------------------------*/

#information #title h2 {
	background:url(../information/images/title.jpg) 0 0 no-repeat;
}


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

#information .cnt_tit h3 {
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	width:680px;
	border-bottom:1px dotted #a0a0a0;
}

#information .cnt_tit h3 {
	height:30px;
	line-height:30px;
	text-indent:-9999px;
}

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

#information #cnt_list #infolist {
	width: 678px;
	height: auto;
}

#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: #e7eaf1;
}

#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;
}
#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 {
	margin: 15px 0;
	text-align: center;
}
#information #cnt_detail #infodetail div.photo 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 #breakfast #wrp_bmenu {
	width:620px;
}