@charset "utf-8";

/*-----------------------------------------------------
	CSS information
	site name : おかやま経営革新計画承認企業情報
	file name : style.css
-----------------------------------------------------*/

/*-----------------------------------------------------
	トップページ
-----------------------------------------------------*/

/*	#mainVisual
-----------------------------------------------------*/

.topBody #mainVisual {
	width:100%;
	height:395px;
	margin-bottom:40px;
	background:url(../img/top/mainvisual_bg.png) no-repeat center 0;
}

.topBody #mainVisual h2 {
	display:block;
	width:960px;
	margin:0 auto;
	padding-top:80px;
	text-align:left;
}

/*	経営革新承認企業検索
-----------------------------------------------------*/

.topBody #search {
	width:960px;
}

.topBody #search h3 {
	float:left;
	width:321px;
}

.topBody #search p.number {
	float:right;
	height:54px;
	padding:0 15px;
	background:#FFF3C4;
	border:1px solid #FFD737;
	font-size:12px;
	line-height:54px;
	text-align:center;
}

.topBody #search p.number .red1 {
	font-size:22px;
	color:#EA0000;
}

.topBody #search p.number .red2 {
	font-size:14px;
	color:#EA0000;
}

.topBody #search p.lead {
	font-size:12px;
	line-height:1.5em;
	clear:both;
	width:960px;
	padding:15px 0;
}

.topBody #search #listBox {
	width:960px;
	overflow:hidden;
}

.topBody #search #listBox ul {
	width:972px;
	overflow:hidden;
	padding-bottom:4px;
	background:url(../img/top/search_list_bg.png) no-repeat left bottom;
}

.topBody #search #listBox ul li {
	width:190px;
	height:245px;
	position:relative;
	padding:24px 19px 19px 19px;
	border:1px solid #CCC;
	float:left;
	margin-right:13px;
	background:url(../img/top/search_bg.png) repeat-x left 0;
}

.topBody #search #listBox ul li h4 {
	text-align:center;
	margin-bottom:23px;
}

.topBody #search #listBox ul li p.pic {
	margin-bottom:15px;
}

.topBody #search #listBox ul li p.caption {
	margin-bottom:12px;
	font-size:11px;
	line-height:1.5em;
	color:#666;
}

.topBody #search #listBox ul li .pulldown1 {
	width:190px;
	padding:4px;
	outline:none;
	border:1px solid #999;
}

.topBody #search #listBox ul li .pulldown2 {
	padding:2px;
	outline:none;
	float:left;
	border:1px solid #999;
}

.topBody #search #listBox ul li .pulldown1:focus,
.topBody #search #listBox ul li .pulldown2:focus {
	border:1px solid #EA0000;
}

.topBody #search #listBox ul li .space {
	text-align:left;
	padding-left:40px;
	overflow:hidden;
}

.topBody #search #listBox ul li .space .lh {
	font-size:14px;
	line-height:28px;
	padding-left:5px;
}

.topBody #search #listBox ul li .btnSearch {
	text-align:center;
	position:absolute;
	left:50%;
	bottom:17px;
	margin-left:-49px;
}

.topBody #search #listBox ul li .btnSearch input {
	outline:none;
}

/*	キーワード検索
-----------------------------------------------------*/

.topBody #search #keywordBox {
	width:960px;
	margin-top:15px;
	padding-bottom:4px;
	background:url(../img/top/search_keyword_bg.png) no-repeat left bottom;
}

.topBody #search #keywordBox #keywordBox-inner {
	width:958px;
	height:98px;
	border:1px solid #CCC;
	background:url(../img/top/search_bg2.png) repeat-x left 0;
	overflow:hidden;
}

.topBody #search #keywordBox #keywordBox-inner h4 {
	float:left;
	padding-left:40px;
	padding-top:40px;
}

.topBody #search #keywordBox #keywordBox-inner ul {
	float:right;
	width:750px;
	padding-top:33px;
	overflow:hidden;
	display:block;
}

.topBody #search #keywordBox #keywordBox-inner ul li {
	float:left;
	display:inline;
}

.topBody #search #keywordBox #keywordBox-inner ul li input[type="text"] {
	margin-right:10px;
	padding:8px;
	width:590px;
	outline:none;
	border:1px solid #999;
}

.topBody #search #keywordBox #keywordBox-inner ul li input[type="text"]:focus {
	border:1px solid #EA0000;
}

.topBody #search #keywordBox #keywordBox-inner ul li input[type="image"] {
	margin-top:-3px;
}

/*	各種ボタン
-----------------------------------------------------*/

.topBody #btnList {
	width:890px;
	background:#EA0000;
	margin-top:40px;
	padding:35px;
	overflow:hidden;
}

.topBody #btnList ul {
	width:960px;
	overflow:hidden;
}

.topBody #btnList ul li {
	float:left;
	width:270px;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #C00;
}

.topBody #btnList ul li.last {
	padding-right:0px;
	margin-right:0px;
	border-right:none;
}

.topBody #btnList ul li .caption {
	display:block;
	padding-top:8px;
	font-size:11px;
	line-height:1.5em;
	color:#FFF;
}

.topBody #btnList ul li .caption.ls {
	letter-spacing:-1px;
}

.topBody #btnList ul li a:hover {
	text-decoration:none;
}

/*-----------------------------------------------------
	検索結果│一覧
-----------------------------------------------------*/

.searchBody #main #relevance {
	margin-bottom:20px;
	padding:13px 15px;
	background:#FFF3C4;
	border:1px solid #FFD737;
	overflow:hidden;
}

.searchBody #main #relevance ul {
	overflow:hidden;
	margin-left:-31px;
}

.searchBody #main #relevance ul li {
	float:left;
	display:inline;
	font-size:12px;
	line-height:1.5em;
	margin-left:15px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	border-left:1px solid #FFD737;
	white-space:nowrap;
}

.searchBody #main p.number {
	font-size:12px;
	line-height:1.7em;
	margin-bottom:10px;
}

.searchBody #main p.number .red {
	font-size:14px;
	color:#EA0000;
}

.searchBody #main table {
	border-collapse:collapse;
	border-spacing:0;
	width:960px;
}

.searchBody #main table th.head1 {
	font-size:14px;
	line-height:1.5em;
	background:#000;
	padding:10px 15px;
	color:#FFF;
	text-align:center;
	border-right:1px solid #FFF;
}

.searchBody #main table th.head2 {
	font-size:12px;
	line-height:1.5em;
	background:#F3F3F3;
	padding:20px 15px;
	font-weight:bold;
	border-right:1px dotted #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:left;
	width:200px;
}

.searchBody #main table td {
	font-size:12px;
	line-height:1.5em;
	padding:20px 15px;
	border-bottom:1px solid #CCC;
}

.searchBody #main table td.year {
	border-left:1px dotted #CCC;
	border-right:1px solid #CCC;
	text-align:center;
	width:80px;
}

/* ページ送り */
.searchBody #main .pageNav {
	font-size:12px;
	line-height:1.3em;
	overflow:hidden;
	margin-top:20px;
}

.searchBody #main .pageNav a {
	text-decoration:none;
	color:#FFF;
	background:#000;
}

.searchBody #main .pageNav a:hover {
	text-decoration:underline;
	background:#EA0000;
	color:#FFF;
}

.searchBody #main .pageNav a,
.searchBody #main .pageNav span {
	display:block;
	float:left;
	padding:7px 11px;
	margin-right:2px;
	margin-bottom:2px;
}

.searchBody #main .pageNav .current {
	background:#EA0000;
	color:#FFF;
}

/*-----------------------------------------------------
	検索結果│詳細
-----------------------------------------------------*/

.searchDtlBody #main .ttl {
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:20px;
	background:url(../img/ttl_bg.png) repeat-x left bottom;
}

.searchDtlBody #main .ttl p.icon {
	float:left;
	font-size:11px;
	line-height:1.3em;
	color:#FFF;
	margin-right:15px;
	padding:7px;
	font-weight:bold;
	background:#EA0000;
	text-align:center;
}

.searchDtlBody #main .ttl h3 {
	float:right;
	width:870px;
	font-size:20px;
	line-height:1.5em;
	overflow:hidden;
}

.searchDtlBody #main .lftColumn {
	width:625px;
	float:left;
}

.searchDtlBody #main .lftColumn p.lead {
	font-size:16px;
	line-height:1.6em;
	color:#EA0000;
	font-weight:bold;
	margin-bottom:30px;
}

.searchDtlBody #main .lftColumn .section {
	margin-bottom:40px;
}

.searchDtlBody #main .lftColumn .section h4 {
	font-size:16px;
	line-height:1.5em;
	margin-bottom:27px;
	padding-left:20px;
	padding-bottom:8px;
	border-bottom:1px dotted #000;
	background:url(../img/icon_circle.png) no-repeat 0 4px;
}

.searchDtlBody #main .lftColumn .section p {
	font-size:13px;
	line-height:1.8em;
}

.searchDtlBody #main .lftColumn .section table {
	font-size:12px;
	line-height:1.5em;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	width:100%;
}

.searchDtlBody #main .lftColumn .section table th {
	background:#F3F3F3;
	width:110px;
	padding:15px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	border-right:1px solid #CCC;
	text-align:left;
}

.searchDtlBody #main .lftColumn .section table td {
	padding:15px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}

.searchDtlBody #main .lftColumn .section table td ul.pattern {
	padding-left:18px;
}

.searchDtlBody #main .lftColumn .section table td ul.pattern li {
	list-style-type:disc;
	padding:2px 0;
}

.searchDtlBody #main .ritColumn {
	width:300px;
	float:right;
}

.searchDtlBody #main .ritColumn ul {
	width:300px;
}

.searchDtlBody #main .ritColumn ul li {
	margin-bottom:30px;
}

.searchDtlBody #main .ritColumn ul li .caption {
	font-size:12px;
	line-height:1.5em;
	padding-top:8px;
}

.searchDtlBody #main #companyAbout {
	width:960px;
}

.searchDtlBody #main #companyAbout h3 {
	font-size:16px;
	line-height:1.5em;
	color:#FFF;
	margin-bottom:20px;
	padding:10px 15px;
	background:#000;
}

.searchDtlBody #main #companyAbout .list {
	width:960px;
	overflow:hidden;
	margin-bottom:20px;
}

.searchDtlBody #main #companyAbout .list h4 {
	font-size:14px;
	line-height:1.5em;
	margin-bottom:20px;
	padding:10px;
	background:#EEE;
	border-left:4px solid #000;
}

.searchDtlBody #main #companyAbout .list table {
	float:left;
	width:460px;
	font-size:12px;
	line-height:1.5em;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
}

.searchDtlBody #main #companyAbout .list table th {
	background:#F3F3F3;
	width:110px;
	padding:15px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	border-right:1px solid #CCC;
	text-align:left;
}

.searchDtlBody #main #companyAbout .list table td {
	padding:15px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}

.searchDtlBody #main #companyAbout .list .map {
	float:right;
	width:460px;
}

.searchDtlBody #main #companyAbout .list .map p.link {
	text-align:right;
	font-size:12px;
	line-height:1.5em;
	margin-top:8px;
}

.searchDtlBody #main #companyAbout .list .map p.link a {
	display:inline;
	white-space:nowrap;
	padding-right:18px;
	background:url(../img/icon_blank.png) no-repeat right center;
}


/*-----------------------------------------------------
	検索結果｜一覧詳細共通
-----------------------------------------------------*/

.searchBody    #overlay,
.searchDtlBody #overlay {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:100;
}

.searchBody    #overlay #searchBox,
.searchDtlBody #overlay #searchBox {
	margin:65px auto;
	width:830px;
	padding:30px;
	background:#F9F9F9;
	-webkit-box-shadow:0px 0px 8px 0px #999;
	-moz-box-shadow:0px 0px 8px 0px #999;
	box-shadow:0px 0px 8px 0px #999;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align:left;
}

.searchBody    #overlay #searchBox,
.searchDtlBody #overlay #searchBox {
	border:1px solid #CCC\9;
}

/* IE8 */
.searchBody    #overlay #searchBox,
.searchDtlBody #overlay #searchBox {
	/border:1px solid #CCC9;
}

/* IE6,IE7 */
.searchBody    #overlay #searchBox,
.searchDtlBody #overlay #searchBox {
	/border:1px solid #CCC\9;
}

.searchBody    #overlay #searchBox h3,
.searchDtlBody #overlay #searchBox h3 {
	font-size:14px;
	line-height:1.5em;
	float:left;
	margin-bottom:10px;
}

.searchBody    #overlay #searchBox #close,
.searchDtlBody #overlay #searchBox #close {
	float:right;
	background:#000;
	color:#FFF;
	width:120px;
	text-align:center;
	font-size:11px;
	line-height:1.5em;
	margin-top:-8px;
	padding:8px;
	cursor:pointer;
}

.searchBody    #overlay #searchBox #close:hover,
.searchDtlBody #overlay #searchBox #close:hover {
	background:#666;
}

.searchBody    #overlay #searchBox #scroll,
.searchDtlBody #overlay #searchBox #scroll {
	clear:both;
	width:830px;
	height:480px;
	overflow-y:scroll;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.searchBody    #overlay #searchBox table,
.searchDtlBody #overlay #searchBox table {
	font-size:12px;
	line-height:1.5em;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-top:-1px;
	width:100%;
}

.searchBody    #overlay #searchBox table th,
.searchDtlBody #overlay #searchBox table th {
	background:#F3F3F3;
	padding:15px;
	border-top:1px dotted #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
	width:60px;
}

.searchBody    #overlay #searchBox table td,
.searchDtlBody #overlay #searchBox table td {
	background:#FFF;
	padding:15px;
	border-top:1px dotted #CCC;
	text-align:left;
}

.searchBody    #overlay #searchBox table td label,
.searchDtlBody #overlay #searchBox table td label {
	display:inline-block;
	padding:1px 0;
}

.searchBody    #overlay #searchBox table td.cate label,
.searchDtlBody #overlay #searchBox table td.cate label {
	width:225px;
}

.searchBody    #overlay #searchBox table td.area label,
.searchDtlBody #overlay #searchBox table td.area label {
	width:133px;
}

.searchBody    #overlay #searchBox table td.pattern label.width1,
.searchDtlBody #overlay #searchBox table td.pattern label.width1 {
	width:270px;
}

.searchBody    #overlay #searchBox table td.pattern label.width2,
.searchDtlBody #overlay #searchBox table td.pattern label.width2 {
	width:380px;
}

.searchBody    #overlay #searchBox table td .dotline,
.searchDtlBody #overlay #searchBox table td .dotline {
	border-bottom:1px dotted #CCC;
	margin:8px 0;
}

.searchBody    #overlay #searchBox table td input[type="text"],
.searchDtlBody #overlay #searchBox table td input[type="text"] {
	border:1px solid #999;
	padding:7px;
	outline:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.searchBody    #overlay #searchBox table td input[type="text"]:focus,
.searchDtlBody #overlay #searchBox table td input[type="text"]:focus {
	border:1px solid #EA0000;
}

.searchBody    #overlay #searchBox p.btn,
.searchDtlBody #overlay #searchBox p.btn {
	text-align:center;
	margin-top:15px;
}

.searchBody    #overlay #searchBox p.btn input,
.searchDtlBody #overlay #searchBox p.btn input {
	outline:none;
}


/*-----------------------------------------------------
	経営革新とは
-----------------------------------------------------*/

.aboutBody #main #about01 {
	width:960px;
	margin-bottom:30px;
}

.aboutBody #main #about01 h3,
.aboutBody #main #about02 h3,
.aboutBody #main #about03 h3 {
	display:block;
	padding-top:5px;
	height:43px;
	padding-left:55px;
	background:url(../img/about/icon_question.png) no-repeat 0 0;
}

.aboutBody #main #about01 .inner,
.aboutBody #main #about02 .inner,
.aboutBody #main #about03 .inner {
	margin-top:10px;
	padding:20px;
	border:3px solid #EA0000;
}

.aboutBody #main #about01 .inner p,
.aboutBody #main #about02 .inner p,
.aboutBody #main #about03 .inner p {
	font-size:12px;
	line-height:1.8em;
}

.aboutBody #main #about01 .inner p.orange,
.aboutBody #main #about02 .inner p.orange,
.aboutBody #main #about03 .inner p.orange {
	margin-top:20px;
	padding:15px;
	font-weight:bold;
	text-align:center;
	color:#FF6600;
	background:#FFF3C4;
	border:1px solid #FFD737;
}

.aboutBody #main #about02 .inner p.imgR {
	float:right;
	margin:0 0 15px 15px;
}

.aboutBody #main #about02 {
	width:465px;
	float:left;
}

.aboutBody #main #about03 {
	width:465px;
	float:right;
}

.aboutBody #main #about02 ul,
.aboutBody #main #about03 ul {
	margin-bottom:20px;
}

.aboutBody #main #about02 ul li,
.aboutBody #main #about03 ul li {
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 0 5px 28px;
	background:url(../img/icon_check.png) no-repeat 0 0;
	border-bottom:1px dotted #333;
}

.aboutBody #main #applyGraph,
.aboutBody #main #support {
	margin-top:40px;
}

.aboutBody #main #applyGraph h3,
.aboutBody #main #support    h3 {
	font-size:16px;
	line-height:1.5em;
	color:#FFF;
	margin-bottom:20px;
	padding:10px 15px;
	background:#000;
}

.aboutBody #main #applyGraph h3 {
	margin-bottom:1px;
}

.aboutBody #main #support .table1 {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 -1px;
	width:962px;
}

.aboutBody #main #support .table1 {
	margin-bottom:15px;
}

.aboutBody #main #support .table1 th.head1 {
	background:#555;
	padding:10px 15px;
	border:1px solid #CCC;
	text-align:center;
	color:#FFF;
	font-size:14px;
	line-height:1.5em;
}

.aboutBody #main #support .table1 th.head2 {
	background:#F5F5F5;
	padding:15px;
	border:1px solid #CCC;
	text-align:left;
	font-size:14px;
	line-height:1.5em;
	width:160px;
}

.aboutBody #main #support .table1 td {
	padding:15px;
	border:1px solid #CCC;
	font-size:12px;
	line-height:1.5em;
	vertical-align:top;
}

.aboutBody #main #support .table1-2 td {
	padding:0 5px 0 0;
	border:none;
	font-size:11px;
	line-height:1.5em;
}

.aboutBody #main #support .table1 td dl dt {
	font-size:14px;
	line-height:1.7em;
	font-weight:bold;
	padding-left:45px;
}

.aboutBody #main #support .table1 td dl dt span {
	position:absolute;
	margin-left:-45px;
}

.aboutBody #main #support .table1 td dl dd {
	font-size:12px;
	line-height:1.7em;
	margin-top:5px;
	padding-left:45px;
}

.aboutBody #main #support .table1 td .fs14 {
	font-size:14px;
}


.aboutBody #main #support .note {
	font-size:12px;
	line-height:1.7em;
	margin-bottom:15px;
}

/*-----------------------------------------------------
	Q&A
-----------------------------------------------------*/

.faqBody #main dl {
	padding:49px;
	background:#FAFAFA;
	border:1px solid #EEE;
	margin-bottom:30px;
}

.faqBody #main dl dt {
	font-size:18px;
	line-height:1.5em;
	font-weight:bold;
	color:#EA0000;
	padding-top:5px;
	padding-left:50px;
	padding-bottom:25px;
	background:url(../img/faq/icon_q.png) no-repeat 0 0;
	border-bottom:1px dotted #999;
}

.faqBody #main dl dd {
	font-size:12px;
	line-height:1.7em;
	margin-top:15px;
	padding-top:8px;
	padding-left:50px;
	background:url(../img/faq/icon_a.png) no-repeat 0 0;
}

.faqBody #main dl dd .table1 {
	width:100%;
	border-bottom:1px solid #CCC;
	font-size:12px;
	line-height:1.7em;
}

.faqBody #main dl dd .table1 th {
	background:#F3F3F3;
	padding:12px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}

.faqBody #main dl dd .table1 td {
	background:#FFF;
	padding:12px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

.faqBody #main dl dd .table1 .note {
	font-size:11px;
	line-height:1.5em;
	font-weight:normal;
	color:#666;
}

/*-----------------------------------------------------
	承認の流れ
-----------------------------------------------------*/

.flowBody #main #apply,
.flowBody #main #consult {
	margin-top:40px;
	padding:0 15px;
}

.flowBody #main #apply   h3,
.flowBody #main #consult h3 {
	font-size:16px;
	line-height:1.5em;
	color:#FFF;
	margin:0 -15px 20px -15px;
	padding:10px 15px;
	background:#000;
}

.flowBody #main #apply #apply-inner {
	margin-top:20px;
	padding:30px;
	background:url(../img/mesh01.png) repeat -1px -1px;
	border:1px solid #CCC;
}

.flowBody #main #apply #apply-inner p {
	text-align:center;
	font-size:14px;
	line-height:1.5em;
}

.flowBody #main #apply #apply-inner p.arrow {
	margin:15px 0;
}

.flowBody #main #apply #apply-inner p.link {
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	background:#EA0000;
	color:#FFF;
	width:300px;
	padding:15px;
	margin:0 auto;
}

.flowBody #main #apply #apply-inner p.link a {
	color:#FFF;
}

.flowBody #main #consult p {
	font-size:12px;
	line-height:1.7em;
}

.flowBody #main #consult table,
.flowBody #main #apply table {
	margin-top:20px;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.flowBody #main #consult table th,
.flowBody #main #apply table th {
	background:#F3F3F3;
	padding:15px;
	border:1px solid #CCC;
	text-align:center;
	font-size:14px;
	line-height:1.3em;
}

.flowBody #main #consult table td,
.flowBody #main #apply table td {
	padding:15px;
	border:1px solid #CCC;
	font-size:12px;
	line-height:1.5em;
}

.flowBody #main #apply table td ul {
	margin-top:-8px;
}

.flowBody #main #apply table td ul li {
	margin-top:8px;
	padding-left:1em;
	text-indent:-1em;
}

.flowBody #main #consult2 {
	width:600px;
	margin:40px auto 0 auto;
	padding:25px;
	border:5px solid #CCC;
}

.flowBody #main #consult2 h3 {
	font-size:16px;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
}

.flowBody #main #consult2 {
	text-align:center;
}

/*-----------------------------------------------------
	事例紹介│準備中
-----------------------------------------------------*/

.caseBody #main #comingsoon {
	padding:30px 0 80px 0;
}

.caseBody #main #comingsoon #inner {
	margin:0 auto;
	width:500px;
	padding:72px;
	background:url(../img/mesh01.png) repeat -1px -1px;
	border:2px solid #EEE;
}

.caseBody #main #comingsoon #inner h3 {
	font-size:26px;
	line-height:1.5em;
	text-align:center;
}

.caseBody #main #comingsoon #inner p {
	font-size:14px;
	line-height:1.7em;
	text-align:center;
	margin-top:20px;
}

/*-----------------------------------------------------
	事例紹介│一覧
-----------------------------------------------------*/

.caseBody #main ul#caseList {
	width:960px;
}

.caseBody #main ul#caseList li {
	display:block;
	width:930px;
	position:relative;
	overflow:hidden;
	border:1px solid #CCC;
	padding:14px;
	margin-bottom:20px;
}

.caseBody #main ul#caseList li p.thumb {
	float:left;
	margin-right:15px;
}

.caseBody #main ul#caseList li .caseContent {
	float:left;
	width:672px;
	border-right:1px dotted #CCC;
	padding-right:15px;
}

.caseBody #main ul#caseList li .caseContent .data {
	font-size:11px;
	line-height:1.5em;
	color:#666;
}

.caseBody #main ul#caseList li .caseContent h3 {
	font-size:14px;
	line-height:1.5em;
	margin-bottom:8px;
}

.caseBody #main ul#caseList li .more {
	position:absolute;
	top:22px;
	right:32px;
	font-size:11px;
	line-height:1.5em;
}

.caseBody #main ul#caseList li .more a {
	display:block;
	padding-top:45px;
	background:url(../img/case/icon_arrow.png) no-repeat center 0;
}

/* ページ送り */
.caseBody #main .pageNav {
	font-size:12px;
	line-height:1.3em;
	overflow:hidden;
}

.caseBody #main .pageNav a {
	text-decoration:none;
	color:#FFF;
	background:#000;
}

.caseBody #main .pageNav a:hover {
	text-decoration:underline;
	background:#EA0000;
	color:#FFF;
}

.caseBody #main .pageNav a,
.caseBody #main .pageNav span {
	display:block;
	float:left;
	padding:7px 11px;
	margin-right:2px;
	margin-bottom:2px;
}

.caseBody #main .pageNav .current {
	background:#EA0000;
	color:#FFF;
}

/*-----------------------------------------------------
	事例紹介│詳細
-----------------------------------------------------*/

.caseDtlBody #main .ttl {
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:20px;
	background:url(../img/ttl_bg.png) repeat-x left bottom;
}

.caseDtlBody #main .ttl p.data {
	float:left;
	font-size:11px;
	line-height:1.3em;
	color:#FFF;
	margin-right:15px;
	padding:7px;
	font-weight:bold;
	background:#EA0000;
	text-align:center;
}

.caseDtlBody #main .ttl h3 {
	float:right;
	width:840px;
	font-size:20px;
	line-height:1.5em;
	overflow:hidden;
}

.caseDtlBody #main .lftColumn {
	width:625px;
	float:left;
}

.caseDtlBody #main .lftColumn .txt {
	padding:30px;
	background:#FAFAFA;
	border:1px solid #EEE;
}

.caseDtlBody #main .lftColumn .txt p {
	font-size:13px;
	line-height:2.0em;
}

.caseDtlBody #main .lftColumn .compDtl {
	margin-top:40px;
}

.caseDtlBody #main .lftColumn .compDtl h4 {
	font-size:14px;
	line-height:1.5em;
	margin-bottom:20px;
	padding:10px;
	background:#EEE;
	border-left:4px solid #000;
}

.caseDtlBody #main .lftColumn .compDtl table {
	font-size:12px;
	line-height:1.5em;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	width:100%;
}

.caseDtlBody #main .lftColumn .compDtl table th {
	background:#F3F3F3;
	width:100px;
	padding:15px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	border-right:1px solid #CCC;
	text-align:left;
}

.caseDtlBody #main .lftColumn .compDtl table td {
	padding:15px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}

.caseDtlBody #main .ritColumn {
	width:300px;
	float:right;
}

.caseDtlBody #main .ritColumn ul {
	width:300px;
}

.caseDtlBody #main .ritColumn ul li {
	margin-bottom:30px;
}

.caseDtlBody #main .ritColumn ul li .caption {
	font-size:12px;
	line-height:1.5em;
	padding-top:8px;
}

/*-----------------------------------------------------
	お問い合わせ
-----------------------------------------------------*/

.contactBody #main h3 {
	font-size:16px;
	line-height:1.5em;
	color:#FFF;
	margin-bottom:20px;
	padding:10px 15px;
	background:#000;
}

.contactBody #main p.lead {
	font-size:12px;
	line-height:1.7em;
	margin-bottom:20px;
	padding:0 15px;
}

.contactBody #main table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.contactBody #main table th {
	background:#F3F3F3;
	padding:20px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:left;
	width:220px;
	font-size:14px;
	line-height:1.5em;
}

.contactBody #main table th .hissu {
	background:url(../img/contact/icon_hissu.png) no-repeat right center;
}
	
.contactBody #main table td {
	padding:20px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:12px;
	line-height:1.5em;
}

.contactBody #main table td .input_error {
	font-size:12px;
	line-height:1.3em;
	color:#EA0000;
	margin-top:10px;
	padding:8px;
	background:#FFE5E5;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.contactBody #main table td input[type="text"],
.contactBody #main table td textarea {
	border:1px solid #999;
	padding:7px;
	outline:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.contactBody #main table td input[type="text"]:focus,
.contactBody #main table td textarea:focus {
	border:1px solid #EA0000;
}

.contactBody #main p.btn {
	margin-top:30px;
	text-align:center;
}

.contactBody #main p.btn #btnCheck {
	overflow:hidden;
	text-indent:-9999px;
	width:256px;
	height:56px;
	border:0;
	outline:none;
	cursor:pointer;
	background:url(../img/contact/btn_check.png) no-repeat 0 0;
}

.contactBody #main p.btn #btnCheck:hover {
	background:url(../img/contact/btn_check.png) no-repeat 0 -56px;
}

.contactBody #main p.btn #btnSend {
	overflow:hidden;
	text-indent:-9999px;
	width:256px;
	height:56px;
	border:0;
	outline:none;
	cursor:pointer;
	background:url(../img/contact/btn_send.png) no-repeat 0 0;
}

.contactBody #main p.btn #btnSend:hover {
	background:url(../img/contact/btn_send.png) no-repeat 0 -56px;
}

.contactBody #main p.btn #btnReturn {
	overflow:hidden;
	text-indent:-9999px;
	width:106px;
	height:56px;
	border:0;
	outline:none;
	cursor:pointer;
	background:url(../img/contact/btn_return.png) no-repeat 0 0;
	margin-right:15px;
}

.contactBody #main p.btn #btnReturn:hover {
	background:url(../img/contact/btn_return.png) no-repeat 0 -56px;
}

.contactBody #main #finnish {
	padding:40px 0;
	width:600px;
	margin:80px auto 100px auto;
	text-align:center;
	border:3px solid #EA0000;
}

.contactBody #main #finnish h4 {
	font-size:22px;
	line-height:1.3em;
	margin-bottom:20px;
}

.contactBody #main #finnish p {
	font-size:12px;
	line-height:1.7em;
}