@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 1.0
 *  updated --- 2014/4/24
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-size:75%;
	line-height:1.6em;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	color:#555555;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body.fontS{ font-size: 70%; }
body.fontM{ font-size: 75%; }
body.fontL{ font-size: 85%; }
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;}
.col01{color:#b70b04!important;}
.col02{color:#1b9f7f!important;}
.col03{color:#ff0000!important;}
.col04{color:#7fd1c1!important;}
.col05{color:#f08000!important;}
.col06{color:#d60606!important;}
.col07{color:#8dcfbe!important;}
.col08{color:#1bad90!important;}
.col09{color:#00a383!important;}

/* !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,
#container,
.sectionFirst,
.section,
.sectionSub,
.sectionAlt
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#container:after,
.sectionFirst:after,
.section:after,
.sectionSub:after,
.sectionAlt:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #container,
* html .sectionFirst,
* html .section,
* html .sectionSub,
* html .sectionAlt
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !frame_outer
---------------------------------------------------------- */
#frame_outer {
	width:100%;
	min-width:980px;
	background:#ffffff;
}

#wrapperPo {
	width:100%;
	min-width:780px;
	background:#ffffff;
}

/* !header
---------------------------------------------------------- */
#header {
	width:100%;
	background:url(../img/common/bg_header01.gif) left top repeat-x;
	padding-bottom:15px;
}
#headerPo {
	width:720px;
	padding:25px 30px 15px;
	margin:0 auto;
}
	#headerIn {
		width:980px;
		margin:0 auto;
	}
		#headerTop {
			width:980px;
			height:46px;
			margin:0 auto 6px;
			position:relative;
		}
		#headerTxt {
			color:#fff;
			font-size:11px;
			position:absolute;
			line-height:1.4em;
			top:10px;
			left:0;
		}
		#headerBtm {
			width:980px;
			margin:0 auto;
			padding-top:25px;
			position:relative;
		}
		#headerContect {
			position:absolute;
			top:0;
			right:-4px;
		}
		#headerTel {
			position:absolute;
			top:48px;
			right:0;
		}
		#headerLogo {
			float:left;
			margin-right:45px;
		}
		.headerLogoTxt {
			position:absolute;
			top:85px;
			left:0;
			font-size:11px;
			color:#1b9f7e;
			width:130px;
		}
		ul.headerBox {
			border:1px solid #cccccc;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			behavior: url(../PIE.htc);
			width:620px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			position:relative;
		}
		ul.headerBox li {
			float:left;
			padding:10px;
			width:160px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		ul.headerBox li+li {
			border-left:1px solid #cccccc;
			width:229px;
		}
		table.headerTab {
			width:100%;
			border:none;
			font-size:83%;
		}
		table.headerTab th {
			border-right:1px #cccccc dotted;
			padding-right:10px;
		}
		table.headerTab th.w65 {
			width:65px;
		}
		table.headerTab th.w61 {
			width:61px;
		}
		table.headerTab th.w78 {
			width:78px;
		}
		table.headerTab th,table.headerTab td {
			vertical-align:middle;
		}
		table.headerTab td {
			padding-left:10px;
		}
		ul.headerLinks {
			float:right;
			width:449px;
			margin-top:6px;
		}
		ul.headerLinks li {
			float:left;
		}
/* !gNavi
---------------------------------------------------------- */

#gNavi {
	position:absolute;
	right:0;
	bottom:0;
	width:654px;
	height:31px;
}
	#gNavi li {
		float:left;
	}
	#gNavi li+li {
		margin-left:1px;
	}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {

	}

	#breadcrumb li {
	}
		#breadcrumb li a,
		#breadcrumb li a:visited,
		#breadcrumb li a:active,
		#breadcrumb li a:hover {
		}
/* !mainimg
---------------------------------------------------------- */
#mainimg {
	background:url(../img/common/bg_mainimg.gif) left top repeat-x #dbf4ef;
	margin-bottom:40px;
}
#mainimg .inner {
	width:980px;
	margin:0 auto;
	padding:30px 0;
}
.mainimgScroll{
	position: relative;
	overflow: hidden;
	width: 980px;
}
.mainimgScroll .largeImg{
	height: 312px;
	position: relative;
	float: left;
	width: 752px;
	border: 4px solid #fff;
}

.mainimgScroll .smallScroll{
	float: right;
	width:200px;
	height: 320px;
}

.mainimgScroll .smallImg{
	width: 200px;
	height: 296px;
	overflow: hidden;
	border-top:3px #00a383 solid;
	border-bottom:3px #00a383 solid;
	padding:1px 0;
}
.mainimgScroll .smallImg ul{
	height:9999px;
	width: 200px;
	overflow: hidden;
}
.mainimgScroll .smallImg li{
	width:200px;
	cursor:pointer;
	margin-bottom: 4px;
}
.mainimgScroll .smallImg img{
	border: 4px solid #fff;
}
.mainimgScroll .smallImg .on img{
	border-color: #A3E5D9;
}

/* !container
---------------------------------------------------------- */
#conWperPo{
	width:100%;
	background:url(../img/common/bg_lineup01_po.gif) repeat-x top left #fff;
	padding-top:30px;
}
#conWper{
	width:100%;
	background:url(../img/lineup/bg_lineup01.png) repeat-x top left #fff;
	padding-top:43px;
}
	#contentsPo {
		width:720px;
		padding:0 30px;
		margin:0 auto;
	}
	#container {
		width:980px;
		margin:0 auto 70px;
	}
	#main_column {
		width:780px;
		line-height:20px;
		float:right;
	}
	#leftcolumn {
		width:180px;
		float:left;
	}
	.sideBorderT {
		border-top:1px #cccccc dotted;
	}
	.sideList01 li {
		border-bottom:1px #cccccc dotted;
		padding:1px 0;
	}
	.sideList02 li {
		border-bottom:1px #cccccc dotted;
		padding:7px 10px 7px 30px;
	}
	.sideList03 li+li {
		margin-top:5px;
	}
	.sideList04{
		padding:9px 0 9px 15px;
		background:#f7f7f7;
		border-top:1px #cccccc dotted;
	}
	.sideList04 li {
		color:#555555;
		border-bottom:none;
	}
	.sideList04 li a{
		color:#1b9f7f;
	}
	.sidedate {
		width:100%;
		border-bottom:3px #00a383 solid;
	}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position:absolute;
	top:12px;
	right:0;
}
/* !footer
---------------------------------------------------------- */
#footer {
	width:100%;
	background:url(../img/common/bg_footer.gif) left top repeat-x #f1f1f1;
	padding-bottom:30px;
}
	#footerIn {
		width:980px;
		margin:0 auto;
		position:relative;
		padding-top:70px;
	}
	.footerList01 {
		overflow:hidden;
		background:url(../img/common/line_footer.gif) left bottom repeat-x;
		padding-bottom:30px;
		margin-bottom:30px;
	}
	.footerList01 .footerBox {
		width:196px;
	}
	.footerList01 .footerBox a {
		font-size:11px;
		line-height:20px;
	}
	.footerLink01 {
		font-size:11px;
		color:#555555;
		margin-bottom:30px;
	}
		.copyright {
			font-size:11px;
			text-align:center;
		}
/* !h(n)eading
---------------------------------------------------------- */
.h2Basic01 {
	border-top:1px #cccccc dotted;
	padding:10px 0;
	background:fff;
	position:relative;
}
.h2Basic01 .btnAbso01 {
	position:absolute;
	top:10px;
	right:135px;
}
.h2Basic01 .btnAbso02 {
	position:absolute;
	top:10px;
	right:0;
}
.h2Basic02 {
	padding:5px 140px 10px 0;
	background:fff;
	position:relative;

}
.h2Basic02 img {
	margin-right:13px;
}
.h2Basic02:after {
	content:url(../img/top/txt_top01.png);
	position:absolute;
	top:8px;
	right:0;
}
.h2Basic03 {
	border-top:1px #cccccc dotted;
	border-bottom:1px #cccccc dotted;
	padding:10px 0;
	background:fff;
}
.h2Basic04 {
	border-top:1px #cccccc dotted;
	border-bottom:1px #cccccc dotted;
	padding:11px 0;
	background:fff;
	font-size:117%;
}
.h3Basic01 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.h3Basic02 {
	padding-bottom:4px;
	border-bottom: 3px solid #00a383;
	margin-bottom:35px;
}
.h3Basic03 {
	padding-bottom:5px;
	border-bottom: 3px solid #00a383;
	margin-bottom:30px;
	font-size:16px;
	font-weight:bold;
}
.h3Basic04 {
	border-bottom:1px #a9a9a9 dotted;
	padding-bottom:10px;
	margin-bottom:30px;
}
.h3Basic05 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
	line-height:16px;
}
/* !Listing
---------------------------------------------------------- */
.ulBasic01 {}
	.ulBasic01 li {
		background: url(../img/common/ico_note01.png) 0 3px no-repeat;
		padding-left: 20px;
	}

/* !Table
---------------------------------------------------------- */
.tableBasic01 {
	width: 100%;
	border: 1px solid #8DCFBE;
}
.tableBasic01 + .tableBasic01 {
	margin-top: 40px;
}

.tableBasic01 th,
.tableBasic01 td {
	padding: 8px;
	border: 1px solid #8DCFBE;

}
.tableBasic01 th {
	background-color: #E8FCF8;
	color: #00A383;
	font-weight: bold;
}
.tableBasic01 td {
	color: #555;
}
.tableBasic02 {
	width:375px;
}
.tableBasic02 th,
.tableBasic02 td {
	padding: 7px;
	border-bottom: 1px dashed #ccc;
}
.tableBasic02 th {
	width:140px;
	color: #555;
	font-weight: bold;
}

.tableBasic01 select {
    margin-bottom: 7px;
    border: solid 1px #ccc;
}
/* !form
---------------------------------------------------------- */
.formInput {
	height:27px;
	line-height:27px;
	border:1px #bbbbbb solid;
	border-right:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	width:444px;
	float: left;
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
	position: relative;
}
.customSelect {
	left: 0;
	top: 0;
	cursor: pointer;
}
.formInput input[type=text] {
	display: inline-block;
	height:25px;
	line-height:25px;
	border: 0;
	background-color: #fff;
	border-left:1px #e5e5e5 solid;
	width:100px;
	padding:0 5px;
	color:#555555 !important;
	float: left;
	width: 280px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.formBtn {
	float:left;
}
span.customSelect {
	font-size:12px;
	background-color: #f7f7f7;
	color:#262626;
	padding:0 10px 0 10px;
	border: 0;
	line-height: 25px;
	width: 143px;
	overflow: hidden;
	float: left;
}
.customSelectInner {
	background:url(../img/common/customSelect_arrow.gif) no-repeat center right;
	padding-right: 8px;
	width: 135px !important;
}

/* !Section
---------------------------------------------------------- */
.section {
	padding-bottom: 60px;
}