@charset "utf-8";

/* indent */
.idt01 { text-indent:-1em; margin:0 0 0 1em; }


/* -------------------------------------------------------
	layout
   ------------------------------------------------------- */

/* index.php
-----------------------------------------------*/

@media print, screen and (min-width:948px) {

div#content	article.origin	{
	width: 912px;
	line-height: 140%;
	margin: 80px auto;
	text-align: left;
}

div#content	article.origin	h1	{
	display: block;
	margin-bottom: 48px;
	font-size: 27px;
	line-height: 28px;
}


#mainCont01 { width:940px; min-height:501px; height:auto !important; height:502px; position:relative; padding:0 52px; }
#mainCont01 h2 { width:940px; height:450px; position:absolute; top:0; left:0; background:#666 URL(../img/bg01.png) no-repeat left bottom; z-index:0; padding:54px 0 0 0; }
#mainCont01 h2 br { display:none; }
#mainCont01 h2 span { display:block; text-align:center; line-height:100%; color:#fff; }
#mainCont01 h2 span.ffJP_b { font-size:28px; height:28px; }
#mainCont01 h2 span.ffJP_n { font-size:18px; height:18px; margin:25px 0 0 0; letter-spacing:2px; }
#mainCont01 article { width:678px; float:right; position:relative; z-index:1; padding:194px 0 0 0;left:-50px; }
#mainCont01 article h4 { font-size:14px; color:#000; line-height:35px; letter-spacing:1px; }
#mainCont01 article section { background:#efefef; margin:16px 0 0 0; width:576px; position:relative; }
#mainCont01 article section h3 { background:#888; font-size:16px; line-height:160%; color:#fff; padding:10px 25px; }
#mainCont01 article section div { padding:18px 25px; }
#mainCont01 article section p { font-size:100%; line-height:180%; }
#mainCont01 article section figure { width:209px; height:224px; position:absolute; right:-104px; top:-60px; }

#mainCont02 { width:940px; overflow:hidden; border-top:#999 1px dotted; padding:36px 0 0 0; margin:35px 0 0 0; }
#mainCont02 ul li { padding:0 20px; float:left; text-align:center; }
#mainCont02 ul li article { width:273px; }
#mainCont02 ul li h4 { color:#000; font-size:16px; line-height:150%; }
#mainCont02 ul li figure { margin:20px 0 0 0; }
#mainCont02 ul li div { padding:10px 0 0 0; }
#mainCont02 ul li p { font-size:110%; line-height:180%; text-align:left; margin-top:12px; }
#mainCont02 ul li p.mTList01 { margin-top:5px !important; }
#mainCont02 ul li small { color:#666; line-height:160%; font-size:90%; }

#mainCont02 .contBox01 { background:#f5f5f5; border:#ccc 1px solid; width:900px; margin:40px auto 0 auto; display:table; }
#mainCont02 .contBox01 .Lcont { line-height:150%; display:table-cell; vertical-align:top; padding:0 25px 0 0; } 
#mainCont02 .contBox01 h3 { font-size:16px; letter-spacing:0.5px; color:#555; padding:15px 0 15px 20px; border-bottom:#ccc 1px solid; }
#mainCont02 .contBox01 p { font-size:13px; line-height:28px; padding:10px 0 10px 20px; }
#mainCont02 .contBox01 .Rcont { background:#888; display:table-cell; vertical-align:middle; text-align:center; width:180px;position: relative;left: 8px; }
}

@media screen and (min-width:769px) and (max-width:947px) {

div#content	article.origin	{
	width: 912px;
	line-height: 140%;
	margin: 80px auto;
	text-align: left;
}
div#content	article.origin	h1	{
	display: block;
	margin-bottom: 48px;
	font-size: 27px;
	line-height: 28px;
}


#mainCont01 { width:100%; min-height:423px; height:auto !important; height:424px; position:relative; padding:0 15px; }#mainCont01 h2 { width:100%; height:423px; position:absolute; top:0; left:0; background:#666 URL(../img/bg01.png) no-repeat left 70px; z-index:0; padding:36px 0 0 0; background-size:1350px; }
#mainCont01 h2 br { display:none; }
#mainCont01 h2 span { display:block; text-align:center; line-height:100%; color:#fff; }
#mainCont01 h2 span.ffJP_b { font-size:24px; height:23px; }
#mainCont01 h2 span.ffJP_n { font-size:14px; height:14px; margin:20px 0 0 0; letter-spacing:2px; }
#mainCont01 article { width:77%; float:right; position:relative; z-index:1; padding:150px 0 0 0; left: -40px;}
#mainCont01 article h4 { font-size:13px; color:#000; line-height:30px; letter-spacing:1px; }
#mainCont01 article section { background:#efefef; margin:16px 0 0 0; width:85%; position:relative; }
#mainCont01 article section h3 { background:#888; font-size:14px; line-height:160%; color:#fff; padding:10px 15px; }
#mainCont01 article section div { padding:15px 15px; }
#mainCont01 article section p { font-size:100%; line-height:180%; }
#mainCont01 article section figure { width:160px; height:171px; position:absolute; right:-80px; top:-15px; }
#mainCont01 article section figure img { width:100%; }

#mainCont02 { overflow:hidden; border-top:#999 1px dotted; margin:25px 0 0 0; }
#mainCont02 ul li { padding:25px 0 0 0; }
#mainCont02 ul li article {  }
#mainCont02 ul li h4 { color:#000; font-size:14px; line-height:150%; }
#mainCont02 ul li article section { display:table; width:100%; margin:12px 0 0 0; }
#mainCont02 ul li figure { width:160px; display:table-cell; vertical-align:top; }
#mainCont02 ul li figure img { width:100%; }
#mainCont02 ul li div { display:table-cell; vertical-align:top; padding:0 0 0 20px; }
#mainCont02 ul li p { font-size:110%; line-height:180%; text-align:left; margin-top:6px !important; }
#mainCont02 ul li p.mTList01 { margin-top:3px !important; }
#mainCont02 ul li small { color:#666; line-height:160%; font-size:90%; }

#mainCont02 .contBox01 { background:#f5f5f5; border:#ccc 1px solid; width:100%; margin:30px auto 0 auto; display:table; }
#mainCont02 .contBox01 .Lcont { line-height:150%; display:table-cell; vertical-align:top; padding:0 15px 0 0; } 
#mainCont02 .contBox01 h3 { font-size:14px; letter-spacing:0.5px; color:#555; padding:10px 0 10px 15px; border-bottom:#ccc 1px solid; }
#mainCont02 .contBox01 p { font-size:12px; line-height:26px; padding:10px 0 10px 15px; }
#mainCont02 .contBox01 .Rcont { background:#888; display:table-cell; vertical-align:middle; text-align:center; width:180px;position: relative;left: 8px; }
}

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

div#content	article.origin	{
	width: 90%;
	line-height: 140%;
	margin: 8% auto;
	text-align: left !important; 
}

div#content	article.origin	h1	{
	display: block;
	margin-bottom: 5%;
	font-size: 27px;
	line-height: 28px;
}

#mainCont01 { width:100%; min-height:347px; height:auto !important; height:347px; position:relative; padding:0 15px; }
#mainCont01 h2 { width:100%; height:347px; position:absolute; top:0; left:0; background:#666 URL(../img/bg01.png) no-repeat -20px 85px; z-index:0; padding:18px 0 0 0; background-size:1000px; }
#mainCont01 h2 span { display:block; text-align:center; line-height:100%; color:#fff; }
#mainCont01 h2 span.ffJP_b { font-size:20px; line-height:150%; }
#mainCont01 h2 span.ffJP_n { font-size:12px; height:12px; margin:15px 0 0 0; letter-spacing:2px; }
#mainCont01 article { width:80%; float:right; position:relative; z-index:1; padding:140px 0 0 0; }
#mainCont01 article h4 { font-size:12px; color:#000; line-height:24px; letter-spacing:1px; }
#mainCont01 article section { background:#efefef; margin:12px 0 0 0; position:relative; }
#mainCont01 article section h3 { background:#888; font-size:13px; line-height:160%; color:#fff; padding:10px 10px; }
#mainCont01 article section div { padding:10px 15px; }
#mainCont01 article section p { font-size:100%; line-height:180%; }
#mainCont01 article section figure { display:none; }
#mainCont01 article section figure img { width:100%; }

#mainCont02 { overflow:hidden; border-top:#999 1px dotted; margin:20px 0 0 0; }
#mainCont02 ul li { padding:20px 0 0 0; }
#mainCont02 ul li article {  }
#mainCont02 ul li h4 { color:#000; font-size:14px; line-height:150%; }
#mainCont02 ul li article section { display:table; width:100%; margin:8px 0 0 0; }
#mainCont02 ul li figure { width:140px; display:table-cell; vertical-align:top; }
#mainCont02 ul li figure img { width:100%; }
#mainCont02 ul li div { display:table-cell; vertical-align:top; padding:0 0 0 15px; }
#mainCont02 ul li p { font-size:100%; line-height:180%; text-align:left; margin-top:4px !important; }
#mainCont02 ul li p.mTList01 { margin-top:2px !important; }
#mainCont02 ul li small { color:#666; line-height:160%; font-size:90%; }

#mainCont02 .contBox01 { background:#f5f5f5; border:#ccc 1px solid; width:100%; margin:20px auto 0 auto; display:table; }
#mainCont02 .contBox01 .Lcont { line-height:150%; display:table-cell; vertical-align:top; padding:0 10px 0 0; } 
#mainCont02 .contBox01 h3 { font-size:14px; letter-spacing:0.5px; color:#555; padding:10px 0 10px 15px; border-bottom:#ccc 1px solid; }
#mainCont02 .contBox01 p { font-size:12px; line-height:22px; padding:10px 0 10px 15px; }
#mainCont02 .contBox01 .Rcont { background:#888; display:table-cell; vertical-align:middle; text-align:center; width:150px; position: relative;left: 8px;}
#mainCont02 .contBox01 .Rcont figure { width:110px; margin:0 auto; }
#mainCont02 .contBox01 .Rcont figure img { width:100%; }
}

@media screen and (max-width:540px) {

div#content	article.origin	{
	width: 90%;
	line-height: 140%;
	margin: 8% auto;
	text-align: left !important;
}

div#content	article.origin	h1	{
	display: block;
	margin-bottom: 5%;
	font-size: 27px;
	line-height: 28px;
}

#mainCont01 { width:100%; position:relative; padding:0 0; }#mainCont01 h2 { width:100%; background:#666; padding:14px 0 18px 0; }
#mainCont01 h2 span { display:block; text-align:center; line-height:100%; color:#fff; }
#mainCont01 h2 span.ffJP_b { font-size:16px; line-height:150%; }
#mainCont01 h2 span.ffJP_n { font-size:11px; height:11px; margin:12px 0 0 0; }
#mainCont01 article { }
#mainCont01 article section { }
#mainCont01 article h4 { font-size:12px; color:#000; line-height:20px; padding:10px 0; }
#mainCont01 section { background:#efefef; position:relative; }
#mainCont01 section h3 { background:#888; font-size:12px; line-height:160%; color:#fff; padding:8px 10px; }
#mainCont01 section div { padding:10px 10px; }
#mainCont01 section p { font-size:100%; line-height:180%; }
#mainCont01 section figure { display:none; }
#mainCont01 section figure img { width:100%; }

#mainCont02 { overflow:hidden; border-top:#999 1px dotted; margin:15px 0 0 0; }
#mainCont02 ul li { padding:15px 0 0 0; text-align:center; }
#mainCont02 ul li article {  }
#mainCont02 ul li h4 { color:#000; font-size:13px; line-height:150%; }
#mainCont02 ul li article section { width:100%; margin:8px 0 0 0; }
#mainCont02 ul li figure { width:140px; margin:0 auto; }
#mainCont02 ul li figure img { width:100%; }
#mainCont02 ul li div { padding:8px 0 0 0; }
#mainCont02 ul li p { font-size:100%; line-height:180%; text-align:left; }
#mainCont02 ul li p.mTList01 { }
#mainCont02 ul li small { color:#666; line-height:160%; font-size:90%; }

#mainCont02 .contBox01 { background:#f5f5f5; border:#ccc 1px solid; width:100%; margin:15px auto 0 auto; }
#mainCont02 .contBox01 .Lcont { line-height:150%; vertical-align:top; } 
#mainCont02 .contBox01 h3 { font-size:13px; letter-spacing:0.5px; color:#555; padding:10px; border-bottom:#ccc 1px solid; }
#mainCont02 .contBox01 p { font-size:11px; line-height:18px; padding:10px; }
#mainCont02 .contBox01 .Rcont { background:#888; text-align:center; width:100%; }
#mainCont02 .contBox01 .Rcont figure { width:80px; margin:0 auto; padding:10px 0; }
#mainCont02 .contBox01 .Rcont figure img { width:100%; }
}

/*IE8*/
.IE8 #mainCont01 { width:940px; min-height:501px; height:auto !important; height:502px; position:relative; padding:0 52px; }
.IE8 #mainCont01 h2 { width:940px; height:501px; position:absolute; top:0; left:0; background:#666 URL(../img/bg01.png) no-repeat left bottom; z-index:0; padding:54px 0 0 0; }
.IE8 #mainCont01 h2 br { display:none; }
.IE8 #mainCont01 h2 span { display:block; text-align:center; line-height:100%; color:#fff; }
.IE8 #mainCont01 h2 span.ffJP_b { font-size:28px; height:28px; }
.IE8 #mainCont01 h2 span.ffJP_n { font-size:18px; height:18px; margin:25px 0 0 0; letter-spacing:2px; }
.IE8 #mainCont01 article { width:678px; float:right; position:relative; z-index:1; padding:194px 0 0 0; }
.IE8 #mainCont01 article h4 { font-size:14px; color:#000; line-height:35px; letter-spacing:1px; }
.IE8 #mainCont01 article section { background:#efefef; margin:16px 0 0 0; width:576px; position:relative; }
.IE8 #mainCont01 article section h3 { background:#888; font-size:16px; line-height:160%; color:#fff; padding:10px 25px; }
.IE8 #mainCont01 article section div { padding:18px 25px; }
.IE8 #mainCont01 article section p { font-size:120%; line-height:200%; }
.IE8 #mainCont01 article section figure { width:209px; height:224px; position:absolute; right:-104px; top:-35px; }
.IE8 #mainCont02 { width:940px; overflow:hidden; border-top:#999 1px dotted; padding:36px 0 0 0; margin:35px 0 0 0; }
.IE8 #mainCont02 ul li { padding:0 20px; float:left; text-align:center; }
.IE8 #mainCont02 ul li article { width:273px; }
.IE8 #mainCont02 ul li h4 { color:#000; font-size:16px; line-height:150%; }
.IE8 #mainCont02 ul li figure { margin:20px 0 0 0; }
.IE8 #mainCont02 ul li div { padding:10px 0 0 0; }
.IE8 #mainCont02 ul li p { font-size:110%; line-height:180%; text-align:left; margin-top:12px; }
.IE8 #mainCont02 ul li p.mTList01 { margin-top:5px !important; }
.IE8 #mainCont02 ul li small { color:#666; line-height:160%; font-size:90%; }
.IE8 #mainCont02 .contBox01 { background:#f5f5f5; border:#ccc 1px solid; width:900px; margin:40px auto 0 auto; display:table; }
.IE8 #mainCont02 .contBox01 .Lcont { line-height:150%; display:table-cell; vertical-align:top; padding:0 25px 0 0; } 
.IE8 #mainCont02 .contBox01 h3 { font-size:16px; letter-spacing:0.5px; color:#555; padding:15px 0 15px 20px; border-bottom:#ccc 1px solid; }
.IE8 #mainCont02 .contBox01 p { font-size:13px; line-height:28px; padding:10px 0 10px 20px; }
.IE8 #mainCont02 .contBox01 .Rcont { background:#888; display:table-cell; vertical-align:middle; text-align:center; width:180px; }