@charset "UTF-8";


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
	font-size: 14px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 2;
	color: #111;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}


/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
#contentsIn,
.section,
.pageTop,
.h4_basic,
.h4_basic02
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
#contentsIn:after,
.section:after,
.pageTop:after,
.threeColumn01:after,
main:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html #contentsIn,
* html .section,
* html .pageTop,
* html .h4_basic,
* html .h4_basic02
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}


/* !wrapper
---------------------------------------------------------- */
#wrapper {
	min-width: 973px;
}
* html #wrapper {
	width: expression(document.body.clientWidth < 974? "973px" : "auto");
}
@media only screen and (max-width: 600px) {
	#wrapper {
		min-width: auto;
	}
	* html #wrapper {
		width: auto;
	}
	img {
		max-width:100%;
	}
	.pcView {
		display:none;
	}
}
/* !contents
---------------------------------------------------------- */
	.main {
		text-align: left;
		width: 985px;
		margin: 0 auto;
	}
		.contentsMain {
			float: left;
			width: 679px;
			margin-top:56px;
		}
		.sidebar {
			float: right;
			width: 252px;
			margin-top:56px;
		}
@media only screen and (max-width: 600px) {
	.main {
		width: auto;
		margin: 0 auto;
	}
		.contentsMain {
			float: none;
			width: auto;
			margin-top:30px;
		}
		.sidebar {
			float: none;
			width: auto;
			margin-top:30px;
			padding:0 10px;
			text-align:center;
		}
}

/* !midashi
---------------------------------------------------------- */
.imgMidashi01 {
	position: relative;
	padding: .3em;
	background-color: #ff9900;
	margin:14px -16px 0 -15px;
}
	.imgMidashi01 span {
		display: block;
		padding: .5em 1em;
		border: 1px dashed #fff;
		font-weight:bold;
		font-size:22px;
		color:#fff;
	}
	.imgMidashi01::before,
	.imgMidashi01::after {
		content: '';
		position: absolute;
		border-style: solid;
		border-color: transparent;
	}
	.imgMidashi01::before {
		top: 100%;
		left: 0;
		border-width: 0 15px 15px 0;
		border-right-color: #ff6600;
	}
	.imgMidashi01::after {
		top: -15px;
		right: 0;
		border-style: solid;
		border-width: 0 15px 15px 0;
		border-bottom-color: #ff6600;
	}
@media only screen and (max-width: 600px) {
	.imgMidashi01 {
		margin:0;
		background:url('') no-repeat center top #ff9900;
		height:auto;
		width:auto;
		padding: .2em;
		position:static;
	}
		.imgMidashi01 span {
			display: block;
			padding: .4em .5em;
			border: 1px dashed #fff;
			position:static;
			font-size:16px;
		}
	.imgMidashi01::before {
		border-width: 0;
	}
	.imgMidashi01::after {
		border-width: 0;
	}
}

.h2_basic,
.singleBox01 h2 {
	padding: .5em .75em;
	background:#fef0d8;
	border-left: 6px solid #ff9900;
	font-size:16px;
	font-weight:bold;
	color:#854b2b;
	margin:20px 0 15px 0;
}
h2.h2_basic02 {
    background-color: #fad7af;
    border-left: 0 none;
    margin: 20px -15px 15px;
    padding: 0.3em;
    position: relative;
}
	.h2_basic02 span {
		border: 1px solid #fff;
		color: #fff;
		display: block;
		font-size: 18px;
		font-weight: bold;
		padding: 0.1em 0.5em;
	}
	.h2_basic02 a {
		color:#854b2b;
	}


.h3_basic,
.singleBox01 h3 {
	padding: .5em .5em;
	border-bottom: 1px dashed #ff9900;
	font-size:16px;
	font-weight:bold;
	color:#854b2b;
	margin:20px 0 15px 0;
}
.h4_basic,
.singleBox01 h4 {
	color:#ff9900;
	font-weight:bold;
	margin:20px 0 15px 0;
	font-size:16px;
}


/* !box list
---------------------------------------------------------- */
.threeColumn01:after,
.twoColumn01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.singleBox01,
.topBox01 {
	border:1px solid #e5e5e5;
	margin-bottom:30px;
}

	.topBox01 .topBoxIn01 {
		padding:30px 15px 15px 15px;
	}
	.singleBox01 .singleBoxIn01 {
		padding:15px 15px 50px 15px;
	}
.threeColumn01 {
	margin:15px 0;
}
	.threeColumn01 img {
		max-width:100%;
		height:auto;
	}
	.threeColumn01 li {
		float:left;
		margin-right:16px;
		width:205px;
		list-style:none;
		text-align:center;
	}
	.threeColumn01 li:nth-child(3n){
		margin-right:0;
	}
.twoColumn01 {
	margin:15px 0;
}
	.twoColumn01 img {
		max-width:100%;
		height:auto;
	}
	.twoColumn01 li {
		float:left;
		margin-right:3%;
		width:48.5%;
		list-style:none;
		text-align:center;
	}
	.twoColumn01 li:nth-child(2n) {
		margin-right:0;
	}
.singleBox01 .list01 {
	list-style:disc;
	padding-left:20px;
}
.singleBox01 .list02 {
	list-style:decimal;
	padding-left:20px;
}

@media only screen and (max-width: 600px) {
	.singleBox01,
	.topBox01 {
		border-top:0px;
		border-right:0px;
		border-left:0px;
	}
	.threeColumn01 li {
		float:none;
		margin-right:0;
		margin-bottom:10px;
		width:auto;
	}

}
/* !boton
---------------------------------------------------------- */
.btn01 {
	text-align:center;
	margin:15px 0;
	font-size:1.1em;
margin-bottom:5px;
}
	.btn01 a {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		outline: none;
	}
	.btn01 a {
		position: relative;
		background-color: #14cc89;
		border-radius: 4px;
		color: #fff;
		-webkit-transition: none;
		transition: none;
		box-shadow: 0 3px 0 #0e8c73;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
		font-weight:bold;
		padding:15px 20px;
		min-width:200px;
		line-height:1.5em;
	
	}
		.btn01 a::before,
		.btn01 a::after {
			position: absolute;
			z-index: -1;
			display: block;
			content: '';
		}
		.btn01 a,
		.btn01 a::before,
		.btn01 a::after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			transition: all .3s;
		}
		.btn01 a:hover {
			background-color: #46d7a2;
			box-shadow: 0 3px 0 #23a188;
		}
		.btn01 a:active {
			top: 3px;
			box-shadow: none;
		}

/* !header
---------------------------------------------------------- */
.gNavi:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.header {
	text-align: center;
	background:url('images/bg_header02.png') repeat-x center top;
}
		.headerTopIn {
			width: 973px;
			margin: 0 auto;
			text-align: left;
			position: relative;
			height:104px;
		}
		.headerTopIn .logo {
			position:absolute;
			left:0;
			top:11px;
		}
		.headerTopIn .tell {
			position:absolute;
			right:0;
			top:11px;
		}
		.headerTopIn .mailBtn {
			position:absolute;
			right:0;
			top:60px;
		}
		.headerTopIn .pcView {
			position:absolute;
			left:276px;
			top:4px;
		}
.gNavi {
	width:100%;
	background-color:#ff9900;
	height:91px;
}
	.gNavi ul {
		margin:0 auto;
		width: 987px;
	}
	.gNavi li {
		text-indent:-9999px;
		float:left;
	}
	.gNavi li a {
		display:block;
	}

	.gNavi .gnavi01 a{
		background:url('images/gnavi01_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi02 a{
		background:url('images/gnavi02_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi03 a{
		background:url('images/gnavi03_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi04 a{
		background:url('images/gnavi04_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi05 a{
		background:url('images/gnavi05_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi06 a{
		background:url('images/gnavi06_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi07 a{
		background:url('images/gnavi07_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}
	.gNavi .gnavi08 a{
		background:url('images/gnavi08_121.png') no-repeat center top;
		height:91px;
		width:121px;
	}

@media only screen and (max-width: 600px) {
.gNavi {
	width:auto;
	background-color:#ff9900;
	height:auto;
}

	.gNavi ul {
		width: auto;
	}
		.headerTopIn {
			width: auto;
			position:static;
			height:auto;
		}
	.gNavi li {
		text-indent:0px;
		float:none;
	}
	.child
	{
		display:none;
	}
	.gNavi .gnavi01 a,
	.gNavi .gnavi02 a,
	.gNavi .gnavi03 a,
	.gNavi .gnavi04 a,
	.gNavi .gnavi05 a,
	.gNavi .gnavi06 a,
	.gNavi .gnavi07 a,
	.gNavi .gnavi08 a,
	.toggle {
		background:url() no-repeat center top #ff9900;
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #ffd08a;
		height:auto;
		width:auto;
		padding:5px 10px;
		font-weight:bold;
		font-size:16px;
	}
		.headerTopIn .logo {
			position:static;
			padding:10px;
			text-align:center;
		}
		.headerTopIn .logo img {
		}
		.headerTopIn .tell {
			position:static;
			display:none;
		}
		.headerTopIn .mailBtn {
			position:static;
			display:none;
		}
}
	
/* !footer
---------------------------------------------------------- */
.footerIn .menuBox01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.footer {
	background:#ff9900;
}
.footerBg {
		background:url('images/bg_footer02.png') repeat-x center bottom #FFF;
}
.footerIn {
}
	.footerIn .menuBox01 {
		text-align:left;
		width: 640px;
		margin:10px auto;
	}
	.footerIn .menuBox01 ul {
		margin:15px 0;
		font-size:12px;
	}
	.footerIn .menuBox01 li a {
		color:#000;
		text-decoration:none;
	}
	.footerIn .menuBox01 li {
		float:left;
		margin-bottom:5px;
	}
	.footerIn .menuBox01 li:after {
		content:"|";
		margin:0 10px;
	}
	.footerIn .menuBox01 li:last-child:after {
		content:" ";
	}
	
	.footerBox01 {
		background:#fab146;
		text-align:left;
	}
		.footerBox02 {
			width: 973px;
			margin:0 auto;
			padding-bottom:37px;
		}
		.footerBox02 h3 {
			padding-top:15px;
			margin-bottom:5px;
		}
		.footerBox02 th {
		}
		.copyright {
			padding:10px;
			font-size:12px;
		}
		.footerBox02 .tellTxt01 {
			font-size:18px;
		}
	.footer .tell {
		display:none;
	}
@media only screen and (max-width: 600px) {
	.footerIn .menuBox01 {
		width: auto;
		padding:0 10px;
	}
		.footerBox02 {
			width: auto;
			padding:0 10px;
		}
		.footer .tell {
			display:block;
			text-align:center;
			padding:15px 10px;
		}
}

/* !Table
---------------------------------------------------------- */
.table_basic {
	width: 100%;
	border: 1px solid #ccc;
	color:#515151;
}
	.table_basic th,
	.table_basic td {
		border-right: 1px solid #ccc;
		border-bottom: 1px dashed #ccc;
		padding: 8px;
	}
	.table_basic td {
		background:#fff;
	}
	.table_basic thead th {
		background: #eee;
		font-weight: normal;
		text-align: center;
	}
	.table_basic tbody th {
		background: #eee;
		font-weight: normal;
	}
		.table_basic th div,
		.table_basic td div {
		}
.singleBox01 .table_basic {
	margin:15px 0;
}
@media only screen and (max-width: 600px) {
	.table_basic th,
	.table_basic td {
		display:block;
	}
}

		
/* !search
---------------------------------------------------------- */
.search {
	margin-bottom:15px;
}
	.search form {
		border: 1px solid #aaa;
		border-radius: 5px;
		height:40px;
	}
	.search .hidden {
		display:none;
	}
	.search  input {
		border:0;
	}
	.search  #searchsubmit {
		padding-top:5px;
	}
	.search #s {
		color: #888;
		font-size: 12px;
		margin-left: 5px;
		padding: 12px 5px;
		vertical-align: top;
		width: 190px;
	}
@media only screen and (max-width: 600px) {
	.search form {
		max-height:40px;
	}

	.search #s {
		width: 80%;
	}
	.search  #searchsubmit {
		width: 10%;
		max-height:30px;
	}

}
	

/* !sidebar
---------------------------------------------------------- */
.sideBnr01 {
	margin-bottom:15px;
}
	.sideList01 {
		margin-bottom:10px;
	}
	.sideList01 li{
		margin-bottom:5px;
	}
	.sideList02 li{
		margin-bottom:5px;
	}
	.sideMenu01 {
		margin-bottom:10px;
		margin-top:15px;
	}
		.facebookBox01 {
			margin:15px 0;
		}

@media only screen and (max-width: 600px) {
	.sidebar img {
		width:100%;
	}
}


/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
	margin-bottom:15px;
	color:#888;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
		font-size:12px;
		margin-right:5px;
	}
	#breadcrumb li:after {
		content:'>';
		margin: 0 5px;
	}
	#breadcrumb li:last-child:after {
		content:''
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
			color:#888;
		}
@media only screen and (max-width: 600px) {
	#breadcrumb {
		padding:0 10px;
	}
}

/* !single
---------------------------------------------------------- */
.singleBox01 .data {
	text-align:right;
	color:#888;
	margin-bottom:15px;
}
.singleBox01 img {
	max-width:100%;
	height:auto;
}
@media only screen and (max-width: 600px) {
	.singleBox01 img {
		max-width:100%;
		height:auto;
	}
}

/* !pager
---------------------------------------------------------- */


.pagelink {
	padding:20px 0px;
	text-align:center;
}

	.pagelink:after {
		content: "";
		display:block;
		clear:both;
	}
	
	.pagelink a {
		text-decoration:none;
		font-size:13px;
	}
	
	.pagelink a:hover {
		opacity:0.5;
	}
	
	.pagelink .page-numbers {
		border: 1px solid #ccc;
		font-size: 15px;
		line-height: 1em;
		margin-bottom: 5px;
		margin-right: 5px;
		min-width: 20px;
		padding: 5px 12px;
		text-align: center;
	}
	
	.pagelink .page-numbers.current {
		opacity:0.5;
	}

/* !pagetop
---------------------------------------------------------- */
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 0px;
	font-size: 20px;
}
	#page-top a {
		text-decoration: none;
		background: #ccc;
		color: #fff;
		padding: 12px 16px;
		text-align: center;
		display: block;
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	
	#page-top a:hover {
		text-decoration: none;
		color: #fff;
	}
@media only screen and (max-width: 600px) {
	#page-top {
		bottom: 0;
	}
}