@charset "utf-8";
@import "mod_container.css";

/* Common
==================================================*/
#container h2 {
	background:url(/css/images/about_keyvisual.jpg) no-repeat left top;
}

/* コーナートップ
==================================================*/
body.about #content h3 {
	background: url(/css/images/h3_pat06.jpg) no-repeat left top;
}

body.about #content div.section div.lead p {
	margin: 0;
}

body.about div.binder {
	margin: 0 10px 20px;
}

body.about div.binder dl {
	width: 175px;
}

body.about div.binder dl dt {
	margin: 0 0 7px;
}

body.about div.binder dl dd ul li {
	line-height: 1.7;
	font-size: .75em;
	margin: 0 0 0 10px;
	padding-right: 10px;
}

body.about div.binder dl#member,
body.about div.binder dl#map {
	margin: 0 10px;
}

/* 事業内容
==================================================*/
body.business #content {
	background: #fafafa;
}

body.business #content h3 {
	background: url(/css/images/h3_pat02.jpg) no-repeat left top;
}

body.business #content .note {
	padding: 30px;
	background: #fafafa url(/css/images/about_note_bg.png) no-repeat left top;
}

/*\*/
* html body.business #content .note {
	width: 526px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/css/images/about_note_bg.png')
}
/**/

body.business #content .note ol {
	line-height: 1.7;
}


/* 会員企業
==================================================*/

body.member #content h3 {
	background: url(/css/images/h3_pat02.jpg) no-repeat left top;
}

body.member #content table {
	border: none;
}

body.member #content table td {
	padding: 5px 0 7px 7px;
	border-width: 0 0 1px 0;
}


/* 事業沿革
==================================================*/

body.history #content h3 {
	background: url(/css/images/h3_pat02.jpg) no-repeat left top;
}

body.history #content div.section {
	font-size: .75em;
	padding: 20px 20px 0 30px;
	margin-bottom: 25px;
}

body.history #content div.section p {
	margin: 0 0 15px;
}

/* 広報活動
==================================================*/

body.pr #content h3{
	background: url(/css/images/h3_pat02.jpg) no-repeat left top;
}

body.pr #content {
	background-image: none;
}

body.pr #content div.section div.section {
	padding-left: 20px;
	
}

body.pr #content div.binder {
	margin: 0 0 20px;
}

body.pr #content div.booklet {
	width: 250px;
}

body.pr #content div.booklet dl dt {
	margin: 0 0 10px;
	font-weight: bold;
}

body.pr #content div.booklet {
	display: inline-block;
}

body.pr #content div.booklet:after {
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
}

/*\*/
* html body.pr #content div.booklet {
	height: 1px;
}

body.pr #content div.booklet {
	min-height: 1px;
	display: block;
}
/**/

body.pr #content div.apply {
	width: 517px !important;
	width: 531px;
	padding: 10px 7px 0;
	background: #f3f3f3 url(/css/images/about_apply_top.jpg) no-repeat left top;
}

body.pr #content div.apply p {
	color: #c00;
	margin: 0 -7px;
	padding: 0 0 10px;
	background: url(/css/images/about_apply_bottom.jpg) no-repeat left bottom;
}

body.pr #reaction {
	position: relative;
	width: 526px;
	height: 75px;
	background: url(/css/images/about_reaction_bg.jpg) no-repeat left top;
}

body.pr #reaction dl.radio {
	position: absolute;
	top: 37px;
	left: 53px;
}

body.pr #reaction dl.radio dt {
	display: none;
}

body.pr #reaction form fieldset ul li {
	width: 32px;
	float: left;
	text-align: center;
	border: none;
	padding: 2px 0; /*IE でFocus時の枠線の上片が消えるため */
}

body.pr #reaction fieldset p button  {
	position: absolute;
	top: -5px;
	left: 187px;
	width: 58px;
	height: 30px;
	background: url(/css/images/about_reaction_btn.jpg) no-repeat left top;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}

body.pr #reaction p.post {
	position: absolute;
	top: 2px;
	left: 308px;
	text-indent: -9999px;
}

/* button の中の文字は text-indent だと消ないので \*//*/
#search form button.submit {
	letter-spacing: -9999px;
}
/**/

body.pr #reaction p.post a {
	width: 215px;
	height: 67px;
	display: block;
}


body.pr #reaction form fieldset ul li input {
	font-size: 1.2em;
}

body.pr #concour {
	padding: 0 17px 0 8px;
}

body.pr #concour .lead {
	padding-right: 3px;
	padding-left: 5px;
	margin: 0 0 22px 3px;
	border-width: 3px 0;
	border-style: double;
	border-color: #cacabf;
}

body.pr #concour .lead p {
	margin: 0;
}

body.pr #concour ul.backnumber {
	margin: 15px 0;
	font-size: .75em;
	padding: 45px 0 20px 155px;
	background: url(../images/concour_bn_bg.jpg) no-repeat 20px 0;
}

body.pr	#concour ul.backnumber li {
	float: left;
	width: 185px;
	margin: 0 0 3px;
}



/* 地図
==================================================*/

body.map #content h3 {
	background: url(/css/images/h3_pat03.jpg) no-repeat left top;
}

body.map #content div.section {
	margin-left: 30px;
}

body.map #content div.section p {
	line-height: 1.5;
	font-size: .75em;
	margin: 0 0 10px;
}

/* 刊行物
===================================================*/

body.issue #content h3{
	background: url(../images/h3_pat04.jpg) no-repeat left top;
}

body.issue #content div.board {
	width: 252px;
	/*height: 262px;*/
	margin: 0 0 10px;
	padding: 0 0 25px;
	background: url(../images/about_board_bottom.jpg) no-repeat left bottom;
}

body.issue #content div.board div.book {
	/*\*//*/ height: 245px;  /**/
	_height: 245px;
	min-height: 245px;
	background: url(../images/about_board_shadow.jpg) repeat-y left top;
}

body.issue #content div.board div.book-body {
	padding: 0 10px;
	margin: 0 5px;
	background: #F9F9D5 url(../images/about_board_bg.jpg) no-repeat left top;
}

body.issue #content div.board div.book-heading {
	padding: 35px 5px 0;
	background: url(../images/about_board_top.jpg) no-repeat left top;
}

body.issue #content div.board div.book-heading img.issue_mark {
	position:relative;
	top:2px;
	left:3px;
}

body.issue #content div.board h5 {
	font-size: 1.16em;
	line-height: 1.35em;
	background-color: #FFFFEB;
	padding: 0 10px 7px;
	margin: 0;
}

body.issue #content div.board p.inq{
	text-align: left;
	margin: 0;
}

body.issue #content div.board ul {
	font-size: .83em;
	line-height: 1.5;
	margin: 0 0 5px;
	padding: 0 0 5px 3px;
	border-bottom: 1px solid #f9dc8c;
}

body.issue #content p.apply {
	text-align: center;
}