@charset "utf-8";

@import 'table.css';
@import 'sbar.css';

/* ************************************************

	content.css index

	1.Content Link / 2.Pankuzu / 3.Content

************************************************ */

/* ================================================
	1.Content Link
================================================ */

/* Icon Link */
#content a[href$=".pdf"] { /*display: inline-block;*/ padding-right: 20px; background: url(../images/icon_pdf.png) no-repeat right center; }
#campaign-list-s .no-pdf-icon a[href$=".pdf"] { display: block; padding-right: 0; background: none; }
#campaign-list-s .content-banner-pdf-link a[href$=".pdf"] { display: inline-block; padding-right: 20px; background: url(../images/icon_pdf.png) no-repeat right center; }
#content p.adobedl { padding: 5px 0 0 95px; height: 31px; background: url(../images/getacro.gif) no-repeat top left; font-size: 85%; }

.inner-link a, .content-banner-link a, #sitemap a[href$=".pdf"] {
	padding: 0 0 0 24px;
	background: url(../images/subnav_arrow_off.png) no-repeat 6px 1px;
   	background /*\**/: url(../images/subnav_arrow_s_off.png) no-repeat 6px 1px\9;
	background-size: 11px 11px;
	width: auto;
}

.inner-link a:hover, .content-banner-link a:hover {
	background: url(../images/subnav_arrow_on.png) no-repeat 6px 1px;
   	background /*\**/: url(../images/subnav_arrow_s_on.png) no-repeat 6px 1px\9;
	background-size: 11px 11px;
	width: auto;
}

.inner-link-bg {
	margin: 20px 10px;
	padding: 10px;
	width: auto;
	background: #fcf2d1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 93%;
}
.inner-link-bg ul {}
.inner-link-bg li { margin-right: 10px; float: left; }

/*==================================================
	2.Pankuzu
 * ===============================================*/

#pankuzu { padding /*\**/: 10px\9; }
@media screen and (min-width: 940px) { #pankuzu { padding: 10px; font-size: 77%; color: #999999; } }
@media screen and (max-width: 939px) { #pankuzu { padding: 10px; font-size: 77%; color: #999999; } }
@media screen and (max-width: 767px) { #pankuzu { padding: 0 10px 10px 10px; font-size: 93%; color: #999999; } }

/* ************************************************

	3.Content

	3-1.Content Index / 3-2.Content List
	3-3.Business / Midori / Campaign

************************************************ */

/*==================================================
	3-1.Content Index
 * ===============================================*/

#content { margin: 0 0 20px 0; float: left; width: 700px; }
@media screen and (max-width: 939px) {
	#content { width: 100%; margin: 0 0 20px 0; float: none; }
	#sidebar { clear: both; }
}
#content h1 {
	padding: 15px 0 15px 24px;
	height: auto;
	color: #ff8800;
	font-size: 138.5%;
	font-weight: normal;
	/* Border */
	border: 1px solid #cecece;
	/* Border-Radius */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* Gradient */
	background: #ffffff url(../images/h1_ttl_bg.png);
	background: url(../images/h1_ttl_bg.png), -moz-linear-gradient(top, #ffffff 0%, #efefe2 100%);
	background: url(../images/h1_ttl_bg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefe2));
	background: url(../images/h1_ttl_bg.png), -webkit-linear-gradient(top, #ffffff 0%, #efefe2 100%);
	background: url(../images/h1_ttl_bg.png), -o-linear-gradient(top, #ffffff 0%, #efefe2 100%);
	background: url(../images/h1_ttl_bg.png), -ms-linear-gradient(top, #ffffff 0%, #efefe2 100%);
	background: url(../images/h1_ttl_bg.png), linear-gradient(top, #ffffff 0%, #efefe2 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#efefe2", GradientType=0);*/
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 16px 30px, auto;
	/* Box-Shadow */
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1), inset 0px 0px 0px 1px #ffffff;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1), inset 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1), inset 0px 0px 0px 1px #ffffff;
}
#content h2 {
	position:relative;
	z-index: 10;
	margin: 20px 0 0 0;
	padding: 10px 10px 10px 10px;
	color: #663300;
	font-size: 123.1%;
	font-weight: normal;
	/* Border */
	border: 1px solid #65ac2c;
	background: #ffffff;
	zoom:1;
	clear: both;
}
#content h2:before {
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	top:1px;
	left:1px;
	right:1px;
	bottom:1px;
	border:1px solid #c2e1a2;
	background: #f0f8e8;
}
#content h3 {
	position:relative;
	z-index:10;
	margin: 20px 0 0 0;
	padding: 6px 10px 6px 10px;
	background: #ffffff;
	border: 1px solid #cecece;
	color: #663300;
	font-size: 108%;
	font-weight: normal;
	zoom:1;
	clear: both;
}
#content h3:before {
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	top:1px;
	left:1px;
	right:1px;
	bottom:1px;
	background: #eee;
}
#content h4 {
	position: relative;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #daedc7;
	background: #ffffff;
	color: #663300;
	font-size: 93%;
	font-weight: normal;
}
#content h4:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	border-top:1px solid #c2e1a2;
	background:#ffffff;
	height:1px;
}
#content p { margin: 10px; line-height: 1.6em; font-size: 93%; }


/* midori/philosophy */

#content p.philosophy { font-size: 153.9%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.content-logo-color { color: #006633; }

#content p.adobe { font-size: 85%; color: #666666; }

.content-att { color: #cc0000; font-weight: bold; }
.green { color: #6a8916; } .brown { color: #b19136; } .orange { color: #ff6600; } .red { color: #cc0000; }

@media screen and (max-width: 479px) {
	#content p { margin: 12px; line-height: 1.8em; font-size: 108%; }
	#content ul { margin: 12px; font-size: 108%; }
	#content li { line-height: 1.8em; /*list-style-type: circle;*/ }
}

/*==================================================
	3-2.Content List
 * ===============================================*/

#content ul.document-a, #content ul.document-b { margin: 12px; font-size: 93%; }
#content ul.document-c { margin: 12px; font-size: 93%; }
#content ul.document-d { font-size: 93%; }

@media screen and (min-width: 940px) {
	#content ul.document-yumemidori { margin: 6px 0 20px 0; font-size: 85%; }
	#content ul.document-yumemidori li { margin-right: 10px; float: left; width: 155px; line-height: 1.6em; }
}
@media screen and (max-width: 939px) {
	#content ul.document-yumemidori { margin: 6px 0 20px 0; width: 100%; font-size: 85%; }
	#content ul.document-yumemidori li { margin-right: 10px; float: left; width: 23%; line-height: 1.6em; }
}
@media screen and (max-width: 767px) {
	#content ul.document-yumemidori { margin: 6px 0 20px 0; width: 100%; font-size: 93%; }
	#content ul.document-yumemidori li { margin: 0 0 0 18px; float: none; width: auto; line-height: 1.8em; list-style-type: decimal; }

}

#content ul.document-a li, #content li ul.document-a li { margin: 0 0 0 18px; line-height: 1.8em; list-style-type: circle; }
#content li ul.document-a li { margin: 0; }
#content ul.document-b li { margin: 0 0 0 18px; line-height: 1.8em; list-style-type: decimal; }
#content ul.document-c li, #content ul.document-d li { margin: 0 10px 0 0; line-height: 1.8em; float: left; list-style-type: none; }
#content ul li ul.document-c li { float: none; }

#content dl.document { margin: 12px; font-size: 93%; overflow: hidden; zoom: 1; }
#content dl.document dt { float: left; width: 40px; line-height: 1.8em; clear: both;}
#content dl.document dd { padding-left: 50px; line-height: 1.8em; }

span.tel-l {
	padding: 0 0 0 18px;
	background: url(../images/tel.png) no-repeat 0 center;
	background-size: 16px 12px;
	background /*\**/: url(../images/tel_m.png) no-repeat 0 center\9;
	font-size: 138.5%;
	}

/*==================================================
	3-3.Business / Midori / Campaign
 * ===============================================*/

#business-list, #midori-list, #campaign-list-l, #campaign-list-s { letter-spacing: -.40em; }
noindex:-o-prefocus, #business-list, #midori-list, #campaign-list-l, #campaign-list-s { word-spacing: -1em; }
#business-list ul li, #midori-list ul li, #campaign-list-l ul li, #campaign-list-s ul li { letter-spacing: normal; word-spacing: normal; }
#content p.campaign-att { margin-top: -5px; padding-left: 20px; background: url(../images/icon_pdf.png) no-repeat; font-size: 85%; }
#content p.eservice { font-size: 138.5%; font-weight: bold; }
#business-list:after, #midori-list:after, #campaign-list-l:after, #campaign-list-s:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
@media screen and (min-width: 768px) {
	#business-list, #midori-list { margin: 20px auto -20px auto; width: 676px; }
	#campaign-list-l { margin: 20px auto 0 auto; width: 676px; }
	#campaign-list-s { margin: 0 auto; width: 676px; }
	
	.content-banner-link, .content-banner-pdf-link { display: none; }
	#business-list ul li, #midori-list ul li {
		display: inline-block;
		margin: 0 20px 20px 0;
		width: 212px;
		height: 160px;
		vertical-align: top;
	}
	#campaign-list-l ul li {
		margin: 0 20px 20px 0;
		/*display: inline-block;
		width: 328px;
		height: 154px;
		vertical-align: top;*/
	}
	#campaign-list-s ul li {
		display: inline-block;
		margin: 0 20px 20px 0;
		width: 212px;
		height: 154px;
		vertical-align: top;
	}
	#business-list ul, #midori-list ul, #campaign-list-l ul, #campaign-list-s ul { margin-right: -20px; zoom: 1; }
	* html #campaign-list-l ul, * html #campaign-list-s ul { /* for IE6 */
		margin-right: -12px;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	#business-list, #midori-list, #campaign-list-l, #campaign-list-s { margin: 10px auto 0 auto; width: 97%; display: block; text-align: center; }
	#campaign-list-l ul li {
		margin: 20px 20px 0 0;
		display: inline-block;
		width: 40%;
		vertical-align: top;
	}
	#business-list ul li, #midori-list ul li, #campaign-list-s ul li {
		margin: 10px 20px 0 0;
		display: inline-block;
		width: 29%;
		vertical-align: top;
	}
	#business-list ul, #midori-list ul, #campaign-list-l ul, #campaign-list-s ul {
		margin-right: -20px;
		zoom: 1;
	}
	.content-banner-link, .content-banner-pdf-link { margin: 10px 0 0 0; font-size: 93%; }
	.content-banner-pdf-link { padding: 0; }
	#content p.campaign-att { margin-top: 20px; }


}

@media screen and (max-width: 479px) {
	#business-list, #midori-list, #campaign-list-l, #campaign-list-s {
		margin: 0;
		width: 100%;
		display: block;
		text-align: center;
	}

	#business-list ul li, #midori-list ul li, #campaign-list-s ul li {
		display: inline-block;
		margin: 10px 20px 0 0;
		width: 46%;
		vertical-align: top;
	}
	#business-list ul li:nth-child(even), #midori-list ul li:nth-child(even),  #campaign-list-s ul li:nth-child(even) { margin-right: 0; }

	#campaign-list-l ul { margin-bottom: -10px; }

	#campaign-list-l ul li {
		display: inline-block;
		margin: 10px 10px 0 0;
		width: 100%;
		vertical-align: top;
	}

	.content-banner-link, .content-banner-pdf-link { margin: 5px 0 0 0; line-height: 1.6em; font-size: 85%; }
	.content-banner-pdf-link { padding: 0; }
	#content p.campaign-att { margin-top: 20px; }
}

/* yumemidori */

@media screen and (min-width: 940px) {
	#yumemidori-step { margin: 0 auto; width: 680px; }
}
@media screen and (max-width: 939px) {
	#yumemidori-step { margin: 0 auto; width: 97%; }
	#yumemidori-step img { width: 100%; }
}

/* privacy */

#privacy-box { margin: 0 auto 20px auto; width: 100%; }
.privacy-box-inner { width: 100%; height: 300px; overflow: auto; }

/* koubai */
.koubai-att { color: #336666; font-weight: bold; font-size: 100%; }
ul#koubai-sample {margin: 10px;}
ul#koubai-sample li { margin-right: 10px; float: left; list-style-type: none;}

/*==================================================
	Content / Info
 * ===============================================*/

#info-list {
	margin: 20px auto;
	width: 680px;
	font-size: 93%;
	border-bottom: 1px dotted #cecece;
}
#info-list dt {
	width: 5.5em;
	padding: 10px 0;
	float: left;
	clear: left;
}
#info-list dd { padding: 10px 0 10px 6.25em; border-top:1px dotted #cecece; }

.info_link li {
	padding: 8px 0 8px 15px;
}

/*==================================================
	Content / Farmstand
 * ===============================================*/

	#farmstand-imgs { letter-spacing: -.40em; }

	noindex:-o-prefocus, #farmstand-imgs { word-spacing: -1em; }
	#farmstand-imgs ul li { letter-spacing: normal; word-spacing: normal; }

@media screen and (min-width: 768px) {

	#farmstand-imgs { margin: 20px auto 10px auto; width: 680px; }

	#farmstand-imgs ul li {
		display: inline-block;
		margin: 0 10px 10px 0;
		width: 220px;
		height: 124px;
		vertical-align: top;
	}

	#farmstand-imgs ul {
		margin-right: -10px;
		zoom: 1;
	}
	* html #farmstand-imgs ul { /* for IE6 */
		margin-right: -12px;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px) {

	#farmstand-imgs {
		margin: 10px auto 0 auto;
		width: 100%;
		display: block;
		text-align: center;
	}
	#farmstand-imgs ul li {
		margin: 0 10px 10px 10px;
		display: inline-block;
		width: 29%;
		vertical-align: top;
	}
	#farmstand-imgs:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
	#farmstand-imgs ul {
		margin-right: -10px;
		zoom: 1;
	}
}

@media screen and (max-width: 479px) {
	#farmstand-imgs {
		margin: 0 auto 20px 0;
		width: 100%;
		display: block;
		text-align: center;
	}
	#farmstand-imgs ul li {
		margin: 10px 0 0 0;
		width: 100%;
		list-style-type: none;
		vertical-align: top;
	}
}

/*==================================================
	Content / Magazine
 * ===============================================*/

.magazine-att { color: #336666; font-weight: bold; }

/*==================================================
	Content / Sitemap
 * ===============================================*/

@media only screen and (min-width: 940px) {
	#sitemap { margin: 20px auto 0 auto; width: 680px; font-size: 93%;  }
	#sitemap .sitemap-wrapper { margin: 0 0 1px 0; display: table; border-collapse: collapse; width: 100%;}
	#sitemap .r { border-bottom: 1px dotted #e5e5e5; display: table-row; }
	#sitemap .sitemap-head { vertical-align: middle; padding: 10px; width: 30%; border-right: 1px dotted #e5e5e5; display: table-cell; background: #f0f9e8; }
	#sitemap .sitemap-box { padding: 10px; width: 70%; display: table-cell; background: #f3f3f3; }
}

@media only screen and (max-width: 939px) {
	#sitemap { margin: 20px auto 0 auto; width: 98%; font-size: 93%;  }
	#sitemap .sitemap-wrapper { margin: 0 0 1px 0; display: table; border-collapse: collapse; width: 100%;}
	#sitemap .r { border-bottom: 1px dotted #e5e5e5; display: table-row; }
	#sitemap .sitemap-head { vertical-align: middle; padding: 10px; width: 30%; border-right: 1px dotted #e5e5e5; display: table-cell; background: #f0f9e8; }
	#sitemap .sitemap-box { padding: 10px; width: 70%; display: table-cell; background: #f3f3f3; }
}

/*==================================================
	Content / Koguchi_loan
 * ===============================================*/


@media screen and (min-width: 940px) {
	#content ul.document-koguchi { margin: 6px 0 20px 0; font-size: 85%; }
	#content ul.document-koguchi li { margin-right: 10px; float: left; width: 155px; line-height: 1.6em; }
}
@media screen and (max-width: 939px) {
	#content ul.document-koguchi { margin: 6px 0 20px 0; width: 100%; font-size: 85%; }
	#content ul.document-koguchi li { margin-right: 10px; float: left; width: 23%; line-height: 1.6em; }
}
@media screen and (max-width: 767px) {
	#content ul.document-koguchi { margin: 6px 0 20px 0; width: 100%; font-size: 93%; }
	#content ul.document-koguchi li { margin: 0 0 0 18px; float: none; width: auto; line-height: 1.8em; list-style-type: decimal; }

}

/* koguchi */


@media screen and (min-width: 940px) {
	#koguchi-step { margin: 0 auto; width: 680px; }
}
@media screen and (max-width: 939px) {
	#koguchi-step { margin: 0 auto; width: 97%; }
	#koguchi-step img { width: 100%; }
}

.loanList {
	margin-top: 20px;
	margin-right: -20px;
	overflow: hidden;
	zoom: 1;
}
.loanList li {
	width: 340px;
	height: 127px;
	margin: 0 20px 20px 0;
	float: left;
	list-style: none;
	background: url(../../campaign/koguchi_loan/images/loanList_bg.png) no-repeat left bottom;
}
.loanList li a {
	width: 340px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background-repeat: none;
	background-position: left top;
}
.loanList li a:hover {
	background-position: left bottom;
}
.loanList li.loanList01 a {
	background-image: url(../../campaign/koguchi_loan/images/btn01.png);
}
.loanList li.loanList02 a {
	background-image: url(../../campaign/koguchi_loan/images/btn02.png);
}
.loanList li.loanList03 a {
	background-image: url(../../campaign/koguchi_loan/images/btn03.png);
}
.loanList li.loanList04 a {
	background-image: url(../../campaign/koguchi_loan/images/btn04.png);
}
.koguchi #privacy-box ol,.koguchi #privacy-box ul{
	margin-left: 1em;
}
.koguchi #privacy-box ol li,.koguchi #privacy-box ul li{
	text-indent: -1em;
}
.koguchi #privacy-box ul li .disc{
	padding-left: 0.5em;
	list-style-type: disc;
}
.koguchi #privacy-box li table{
	border-collapse: collapse; 
	margin-bottom: 20px;
	text-indent:0em;
	border: 1px solid #e5e5e5;
}
.koguchi #privacy-box li table th{
	border: 1px solid #e5e5e5;
}