@charset "utf-8";
/* ====================================================================================================

	css/common.css

==================================================================================================== */

/* ----------------------------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------------------------- */

.header {
	width:100%;
	height:109px;
	background:transparent url('../image/header/bg.png') left top repeat-x;
	-webkit-background-size:320px 31px;
	background-size:320px 31px;
	}
.sub .header {
	border-style:solid;
	border-color:#8ac75e;
	border-width:0 0 2px 0;
	}
#containerOn .header {
	height:auto;
	}
	.header .inner {
		width:320px;
		margin:0 auto;
		padding:3px 0 0 0;
		}
	.header h1 {
		margin-top:20px;
		}

/* ----------------------------------------------------------------------------------------------------
	navi
---------------------------------------------------------------------------------------------------- */

.display 	{ display:block; }
.hidden 	{ display:none; }

#navi {
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#cccccc;
	list-style-type:none;
	}
	#navi li a {}
		#navi li a {
			display:block;
			width:265px;
			_width:320px;
			color:#3c3c3c;
			font-size:17px;
			font-weight:bold;
			text-align:left;
			background:#f5f5f5 url('../image/layout/ic01.png') 20px center no-repeat;
			-webkit-background-size:20px 20px;
			background-size:20px 20px;
			border-style:solid;
			border-width:0 0 1px 0;
			border-color:#cccccc;
			padding:16px 0 14px 55px;
			text-decoration:none;
			}



/* ----------------------------------------------------------------------------------------------------
	mainImage
---------------------------------------------------------------------------------------------------- */

#mainImage {
	width:320px;
	height:90px;
	text-align:center;
	background:transparent url('../image/mainImage/bg.png') left top repeat-x;
	-webkit-background-size:320px 150px;
	background-size:320px 150px;
	margin-bottom:13px;
	}
	#mainImage ul {
		list-style-type:none;
		}


/* ----------------------------------------------------------------------------------------------------
	contents
---------------------------------------------------------------------------------------------------- */

#containerOff {
	width:320px;
	text-align:left;
	/*border-style:solid;*/
	background-color:#ffffff;
	margin:0 auto;
	padding:0;
	}
#containerOn {
	width:320px;
	text-align:left;
	/*border-style:solid;*/
	background-color:#ffffff;
	margin:0 auto;
	padding:0;
	}
#contents {
	width:320px;
	}
.sub #contents {
	width:320px;
	margin-top:20px;
	}
	.sub #contents .subContents {
		margin-bottom:20px;
		padding:0 10px;
		}



/* ----------------------------------------------------------------------------------------------------
	bread
---------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------
	main
---------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------------------- */

#footer {
	width:320px;
	border-style:solid;
	border-width:0 0 5px 0;
	border-color:#89c45e;
	padding-bottom:17px;
	}
	#footer h2 {
		background-color:#d7411a;
		}
	#footer .inner {
		width:300px;
		margin:0 auto;
		}
	#footer h1 {
		margin-top:17px;
		}
	#footer .backTop {
		width:320px;
		height:45px;
		background:transparent url('../image/footer/bottomLine.png') left bottom no-repeat;
		-webkit-background-size:320px 8px;
		background-size:320px 8px;
		}
	#footer a { text-decoration:underline; }

/* /----------/ branch /----------/ */
.branchBox {
	width:300px;
	margin:0 auto 25px auto;
	}
	.branchBox dl {
		margin-top:5px;
		}
	.branchBox a { text-decoration:underline; }



/* ----------------------------------------------------------------------------------------------------
	h&p
---------------------------------------------------------------------------------------------------- */

.indent { text-indent:1em; }

h1 {}
h2 {}
h3 {}
.subContents h3 {
	font-size:110%;
	font-weight:normal;
	background:transparent url('../image/layout/ic02.gif') left top no-repeat;
	-webkit-background-size:25px 33px;
	background-size:25px 33px;
	border-style:solid;
	border-width:0 0 2px 0;
	border-color:#8ac75e;
	margin-bottom:10px;
	padding-top:10px;
	padding-left:35px;
	padding-bottom:5px;
	}
@media screen and (orientation:landscape) {
.subContents h3 {
	-webkit-background-size:19px 25px !important;
	background-size:19px 25px !important;
	padding-left:25px !important;
	}
}
h4 {}
.subContents h4 {
	font-size:105%;
	font-weight:normal;
	background:transparent url('../image/layout/ic03.gif') left 3px no-repeat;
	-webkit-background-size:5px 13px;
	background-size:5px 13px;
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#8ac75e;
	margin-top:20px;
	margin-bottom:10px;
	padding:0 0 3px 14px;
	}
@media screen and (orientation:landscape) {
.subContents h4 {
	background-position:left 2px !important;
	-webkit-background-size:4px 10px !important;
	background-size:4px 10px !important;
	padding:0 0 3px 10px !important;
	}
}
h5 {}
.subContents h5 {
	font-size:105%;
	font-weight:normal;
	border-style:dotted;
	border-width:0 0 1px 0;
	border-color:#cccccc;
	margin-top:15px;
	margin-bottom:10px;
	padding:0 0 3px 0;
	}