@charset "utf-8";		
		
/* COMMON STYLE LIST ------------------------------------------------------		
		
 01. LAYOUT		
		
 02. HEADER		
 		
 03. FOOTER		
		
 04. COMMON STYLE		
 		
 10. MEDIAQUERY for SMARTPHONE		
		
-------------------------------------------------------------------- */		
		
		
		
/* 01. LAYOUT		
-------------------------------------------------------------------- */		
body{		
	min-width:200px;	
	letter-spacing: 0.1em;	
}		
		
body, input, select, textarea{		
	font-family:Meiryo, Verdana, Arial, sans-serif;	
	font-size:1em!important;	
	line-height:1.0em;	
	word-break:break-strict;	
	-webkit-text-size-adjust:100%; /* For iPhone , iPad */	
  -ms-text-size-adjust:100%; /* For iPhone , iPad */		
}		
		
a{		
	text-decoration:none;	
	color: #1b5dc0;	
}		
		
img{		
	max-width:100%;	
	height:auto;	
}		
		
		
/** nav common **/		
nav[role="navigation"] {		
	background: #1b5dc0;	
	width:100%;	
}		
		
nav[role="navigation"] > ul > li{		
	display: table-cell;	
	line-height: 1.2;	
	width: 16.6%;	
  vertical-align: middle;		
}		
		
nav[role="navigation"] ul li a {		
    color: white;		
}		
		
nav.utility ul li{		
	display:inline-block;	
	*display:inline;	
	*zoom:1;	
	letter-spacing:normal;	
	vertical-align:middle;	
}		
		
.spsearch {		
	display:none;	
}		
		
		
		
/* 02. HEADER		
-------------------------------------------------------------------- */		
		
header{		
	background-color:#fff;	
	position:relative;	
	width:100%;	
}		
		
header .inner{		
	margin:0 auto;	
	width:96%;	
  max-width:1300px;		
	letter-spacing:-0.4em;	
	padding: 1.2em 0;	
}		
		
header .inner:after {		
	content: ".";	
	display: block;	
	height: 0;	
	clear: both;	
	visibility: hidden;	
}		
* html header .inner             { zoom: 1; }		
*:first-child+html header .inner { zoom: 1; }		
		
		
header h1,		
header nav.utility{		
	width: initial;	
	display:inline-block;	
	*display:inline;	
	*zoom:1;	
	letter-spacing:normal;	
	vertical-align:middle;	
}		
		
header h1{		
	margin-top:0;	
	float:left;	
}		
		
header nav.utility{		
	text-align:right;	
	float: right;	
	padding: 0.7em 0 0 0.5em;	
}		
		
header nav.utility .utilNav{		
	margin-right:1.5em;	
	border:#1b5dc0 solid 2px;	
	border-radius:10px;	
}		
		
header nav.utility .utilNav a{		
	background:url(/image/icon/contactBlue.png) no-repeat left 1em top 0.8em;	
	background-size: 15px;	
	display:block;	
	padding:0.7em 1em 0.7em 2.4em;	
	transition: 0.5s;	
}		
		
header nav.utility .utilNav:hover{		
	background-color:#1b5dc0;	
	color:#fff;	
}		
		
header nav.utility .utilNav:hover a{		
	background:url(/image/icon/contactWhite.png) no-repeat left 1em top 0.8em;	
	background-size: 15px;	
	color:#fff;	
}		
		
header nav.utility li.search{		
	padding: 0 0 0 0.5em;	
}		
		
header nav.utility li span{		
	font-size:0.65em;	
}		
		
header nav.utility li.search input[type=text]{		
	padding:3px;	
	width:110px;	
	border:1px solid #CCC;	
}		
		
input.searchbox-button{		
	background:url(/image/icon/search.png) no-repeat;	
	border:none;	
	width:30px;	
	height:25px;	
  text-indent:100%;		
  white-space:nowrap;		
  overflow:hidden;		
	cursor:pointer;	
}		
		
		
		
header nav[role="navigation"] {		
	-moz-box-shadow: #d3d3d3 0px 6px;	
	-webkit-box-shadow: #d3d3d3 0px 6px;	
	-ms-box-shadow: #d3d3d3 0px 6px;	
	box-shadow: #d3d3d3 0px 6px;	
  margin-bottom: 6px;		
}		
		
header ul.global {		
	display: table;	
	margin:0 auto;	
	text-align: center;	
	width:96%;	
	max-width: 1300px;	
}		
		
header ul.global li {		
	transition: 0.5s	
}		
		
header ul.global li:hover,		
header ul.global li.current {		
	background: #164B9B;	
}		
		
header ul.global li a {		
	display:block;	
	padding:20px 0;	
}		
		
header ul.global li a span{		
	border-left:#568cdd solid 1px;	
	display:block;	
	padding:2px 22px;	
}		
		
header ul.global li:first-child a span{		
	border-left:none;	
}		
		
		
ul.spHeader{ /* for SP */		
	display:none;	
}		
		
		
		
		
/* 03. FOOTER		
-------------------------------------------------------------------- */		
		
footer{		
	clear:both;	
	position:relative;	
	width:100%;	
}		
		
footer .inner{		
	background-color:#1b5dc0;	
}		
		
footer nav[role="navigation"],		
footer nav.utility{		
	width:96%;	
	margin:0 auto;	
	max-width:1300px;	
	padding:50px 0;	
}		
		
footer .global li {		
	line-height: 1.7;	
}		
		
footer .global > li{		
	float: left;	
	position: relative;	
}		
		
footer .global > li > a::after{		
	background: #568cdd;	
	content: '';	
	position: absolute;	
	top: 1.5em;	
	left: 0;	
	width: 90%;	
	height: 1px;	
	opacity: 0;	
	-webkit-transition: height 0.4s, opacity 0.4s, -webkit-transform 0.4s;	
	-moz-transition: height 0.4s, opacity 0.4s, -moz-transform 0.4s;	
	transition: height 0.4s, opacity 0.4s, transform 0.4s;	
	-webkit-transform: translateY(-10px);	
	-moz-transform: translateY(-10px);	
	transform: translateY(-10px);	
}		
		
footer .global > li > a:hover::after{		
	opacity: 1;	
	-webkit-transform: translateY(0);	
	-moz-transform: translateY(0);	
	transform: translateY(0);	
}		
		
footer a{		
	color:#fff;	
	padding-left:15px;	
}		
		
footer a:hover{		
	text-decoration:underline;	
}		
		
footer .global > li:hover > a{		
	text-decoration: none;	
}		
		
footer .global li ul.child{		
	margin-top: 2em;	
}		
		
footer ul.global ul.child,		
footer ul.global ul.grandchild {		
	display: block;	
	font-size: 0.85em;	
	line-height: 1.5;	
	padding-left:0.5em;	
}		
		
footer ul.global .grandchild li a{		
	padding-left: 25px;	
	background: url(/image/icon/menulist.png) no-repeat left 10px top 0.4em;	
  background-size: 12px;		
}		
		
footer .utilWrap{		
	background-color:#164b9b	
}		
		
footer nav.utility{		
	padding:10px 0;	
}		
		
footer nav.utility ul li{		
	font-size: 0.8em;	
	padding: 0 1em;	
}		
		
footer nav.utility ul li a{		
	background: url(/image/icon/icnArrowWhite.png) no-repeat left center;	
	padding-left:1em;	
}		
		
footer nav.utility li.totop{		
	position:fixed;	
	bottom: 1%;	
	right:10px;	
	text-align:right;	
	width:auto;	
}		
		
footer nav.utility li.totop a{		
	background:none;	
}		
		
footer nav.utility li.totop img {		
    width: 100px;		
    height: auto;		
}		
		
footer .footerBnr{		
	background-color:#dfdfdf;	
}		
		
footer .footerBnrInner{		
	width:96%;	
	max-width:1300px;	
	margin:0 auto;	
	padding:15px 0;	
}		
		
footer p.copyright{		
  background-color: #f0f0f0;		
  font-size: 0.7em;		
	padding: 2em 0;	
	text-align:center;	
}		
		
footer .search form {		
    display: none;		
}		
		
		
		
/* 04. COMMON STYLE		
-------------------------------------------------------------------- */		
		
#contentsWrapper{		
	margin:0 auto 80px;	
	width:96%;	
  max-width:1300px;		
}		
		
.sideMenu{		
	float: left;	
	margin-top:1.5em;	
	width: 22%;	
}		
		
.second .contents{		
	float: right;	
	width: 75%;	
}		
		
.bgLightGray{		
	background-color:#f7f7f7;	
}		
		
.bgGray{		
	background-color:#e4e4e4;	
}		
		
.flameLB{		
	border:#a5c2ee solid 2px;	
	border-radius:10px;	
	padding:25px 15px;	
}		
		
.contents section{		
	width:100%;	
	margin-bottom:25px;	
}		
		
.contents section.lead{		
	border-bottom:#eee solid 1px;	
	padding-bottom:50px;	
	margin-bottom:25px;	
	text-align:center;	
}		
		
.contents section div.inner{		
	overflow:auto;	
	padding:20px 0;	
}		
		
.contents section.lead div.inner{		
	padding:0 25px;	
}		
		
.contents h2{		
	font-size: 1.5em;	
	line-height: 1.2;	
	margin-bottom:80px;	
	text-align: center;	
}		
		
.contents h2 span{		
	border-bottom: #1b5dc0 solid 3px;	
	padding-bottom:10px;	
}		
		
.contents h3{		
	background-color:#eee;	
	border-left: #1b5dc0 solid 6px;	
	color: #444;	
	font-size: 1.3em;	
	font-weight:bold;	
	line-height: 1.5em;	
	margin-bottom:25px;	
	padding: 0.2em 0.5em 0.2em 0.7em;	
}		
		
.contents .lead h3{		
	border-left:none;	
	border-bottom:#164b9b solid 5px;	
	background-color:#1b5dc0;	
	color:#fff;	
	padding: 10px;	
	text-align: center;	
}		
		
.contents .lead h3::before{		
	content:none;	
}		
		
.contents h4{		
	color: #444;	
	font-size: 1.2em;	
	line-height:1.5em;	
	margin-bottom:20px;	
	padding-left:1.3em;	
	position: relative;	
}		
		
.contents h4::before{		
	background-color: #1b5dc0;	
	content:"";	
	width:0.8em;	
	height:0.8em;	
	color:#1b5dc0;	
	position: absolute;	
	left: 0px;	
	top:0.4em;	
	bottom:0.2em;	
}		
		
.contents h5{		
	color:#1b5dc0;	
	font-size:1.1em;	
	font-weight:bold;	
	line-height: 1.5em;	
	margin-bottom:15px;	
}		
		
.contents p,		
.contents li,		
.contents dt,		
.contents dd{		
	font-size:0.9em;	
	line-height:1.6em;	
}		
		
.contents p{		
	margin-bottom:1em;	
}		
		
.contents div.floatWrap{		
	overflow:auto;	
}		
		
.contents a:hover{		
	text-decoration: underline;	
}		
		
.contents img.right{		
	float:right;	
	margin:0 0 15px 15px;	
}		
		
.contents img.left{		
	float:left;	
	margin:0 15px 15px 0;	
}		
		
.contents p.left{		
	float:left;	
	margin:0 5% 15px 0;	
	width:60%;	
}		
		
.contents p.left + img{		
	width:30%;	
	height:auto;	
	margin-bottom:20px;	
}		
		
.contents .clear{		
	clear:both;	
}		
		
		
		
/* bread navi */		
#breadNavi{		
	margin:1.5em 0 50px;	
}		
		
#breadNavi p{		
	font-size:0.75em;	
}		
		
		
		
/** loop **/		
ul.loop {		
	padding: 0.2em 0 0.5em;	
}		
		
ul.loop li {		
  background: none;		
  margin-bottom: 15px;		
  padding: 0.3em 0px;		
  font-size: 1em;		
}		
		
ul.loop li time,		
ul.loop li span,		
ul.loop li a{		
	display:inline-block;	
	vertical-align: middle;	
}		
		
ul.loop li time {		
	background: url("/image/icon/right.png") no-repeat left center;	
	color: #1b5dc0;	
	font-size:1em;	
	margin-right:1em;	
	padding-left:1em;	
}		
		
ul.loop li span{		
	background-color:#1b5dc0;	
	color:#fff;	
	font-size:0.75em;	
	margin-right:1em;	
	padding:1px 5px;	
	text-align:center;	
}		
		
ul.loop li a {		
  color: #2d2d2d;		
	font-size:1.2em;	
	width:77%;	
}		
		
@media screen and (max-width:1024px){		
	ul.loop li a{width:70%;}	
}		
		
@media screen and (max-width:767px){		
	ul.loop li a{width:100%;}	
}		
		
ul.loop li a:hover {		
	color: #1b5dc0;	
	text-decoration: underline;	
}		
		
.btnArea {		
    text-align: center;		
    margin-top: 2em;		
}		
		
a.button{		
	border: #1b5dc0 solid 2px;	
	color: #1b5dc0;	
	cursor: pointer;	
	display: inline-block;	
	padding: 0.7em 1.2em;	
	text-align: center;	
	text-decoration: none;	
	vertical-align: middle;	
	white-space: nowrap;	
	transition: 0.5s	
}		
		
a.button:hover {		
	background-color: #1b5dc0;	
	color:#fff;	
	text-decoration:none;	
}		
		
		
		
/* table layout */		
table,		
tbody{		
	border-collapse:collapse;	
	border:none;	
	width:100%;	
}		
		
table th,		
table td{		
	border-bottom:#aaa solid 1px;	
	box-sizing:border-box;	
  -moz-box-sizing: border-box;		
  -webkit-box-sizing: border-box;		
	font-size:0.9em;	
	font-weight:normal;	
	padding:10px;	
	text-align:left;	
}		
		
table tr:first-child th,		
table tr:first-child td{		
	border-top:#aaa solid 1px;	
}		
		
table th{		
	background-color:#eee;	
}		
		
		
		
/** QandA **/		
dl.QandA{		
	padding-left:2em;	
}		
		
dl.QandA dt,		
dl.QandA dd{		
	text-indent:-2em;	
}		
		
dl.QandA dd{		
	margin-bottom:1.5em;	
}		
		
dl.QandA dt{		
	font-weight:bold;	
	font-size:0.95em;	
}		
		
dl.QandA dt::before{		
	content:"Ｑ："	
}		
		
dl.QandA dd::before{		
	content:"Ａ："	
}		
		
		
		
/** figure style **/		
figure.centerImg{		
	text-align: center;	
	margin:1em 0;	
}		
		
p + figure.centerImg,		
dl.QandA figure.centerImg{		
	margin-top:30px;	
}		
		
figure.centerImg figcaption{		
	font-size:0.8em;	
	padding-top:1em;	
	line-height:1.6em;	
}		
		
		
/* form style */		
div.flow{		
	margin-bottom:50px;	
}		
		
div.flow ul{		
	letter-spacing:-0.4em;	
	text-align:center;	
  overflow: hidden;		
}		
		
div.flow ul li {		
  background:#eeeeee;		
  box-sizing: border-box;		
  -moz-box-sizing: border-box;		
  -webkit-box-sizing: border-box;		
  display: inline-block;		
	font-size:1em;	
	letter-spacing: normal;	
  margin:0 2em 0 0;		
  padding: 0.5em;		
  position: relative;		
  text-align: center;		
  text-decoration: none;		
	width:20%;	
}		
		
div.flow ul li:after {		
  content: "";		
  background-color:#eeeeee;		
  display: inline-block;		
  height:2.6em;		
  -webkit-transform: rotate(45deg);		
  transform: rotate(45deg);		
  vertical-align: middle;		
  width:2.6em;		
  position:absolute;		
  top:0;		
  right:-1em;		
  z-index:-1;		
}		
		
div.flow ul li.active{		
  background-color:#1b5dc0;		
	color:#fff;	
}		
		
div.flow ul li.active:after{		
  background-color:#1b5dc0;		
}		
		
		
table.form{		
	margin:10px 0 50px;	
}		
		
table.form th,		
table.form td{		
	padding:20px;	
}		
		
table.form div{		
	margin-top:15px;	
}		
		
table.form div:first-child{		
	margin-top:0;	
}		
		
table.form th span{		
	display:block;	
	position:relative;	
	padding-right:3em;	
}		
		
table.form th span.required{		
	background-color:#1b5dc0;	
	color:#fff;	
	display:block;	
	font-size:11px;	
	margin: auto;	
	padding:0.1em 0;	
	text-align: center;	
	position:absolute;	
	top:0;	
	right:0;	
	bottom:0;	
	width:3em;	
	height:1.7em;	
}		
		
.formText span.required{		
	background-color:#1b5dc0;	
	color:#fff;	
	display:inline-block;	
	font-size:11px;	
	margin-right:0.5em;	
	text-align: center;	
	width:3em;	
}		
		
.formText,		
.errText{		
	margin-bottom:0.5em;	
}		
		
.errText::before{		
	margin-right:0.5em;	
}		
		
input[type="text"],		
input[type="email"],		
input[type="tel"],		
button,		
textarea {		
	margin: 0;	
	padding: 0;	
	border: none;	
	border-radius: 0;	
	outline: none;	
	-webkit-appearance: none;	
	-moz-appearance: none;	
	appearance: none;	
}		
		
input[type="text"],		
input[type="email"],		
input[type="tel"],		
button,		
textarea,		
select {		
	background:#fff;	
	border: #ccc solid 1px;	
	box-sizing: border-box;	
  -moz-box-sizing: border-box;		
  -webkit-box-sizing: border-box;		
	padding:3px 5px;	
	height: 2em;	
}		
		
textarea{		
	height:auto;	
}		
		
table.form input[type="text"],		
table.form input[type="email"],		
table.form input[type="tel"],		
table.form select{		
	width:100%;	
	max-width:300px;	
}		
		
table.form input.wide,		
table.form textarea{		
	width:100%;	
	max-width:100%;	
}		
		
table.form label{		
	display:inline-block;	
	line-height:1.8em;	
	margin-right:1em;	
	vertical-align: middle;	
}		
		
table.form label span{		
	display:inline-block;	
	vertical-align:middle;	
}		
		
table.form input[type="checkbox"],		
table.form input[type="radio"]{		
	display:inline-block;	
	margin-right:0.5em;	
	vertical-align: middle;	
}		
		
table.form span.txt{		
	font-size:0.75em;	
}		
		
.privacyCheck{		
	background-color:#eee;	
	padding:30px;	
	text-align:center;	
}		
		
.privacyCheck .check{		
	margin-top:30px;	
}		
		
		
input#submit_button{		
    font-size:0.9em;		
    letter-spacing:0.1em;		
    margin:30px 10px;		
    min-width:100px;		
    padding:20px 20px;		
    transition:0.5s;		
    border-style: none;		
    cursor: pointer;		
    background-color:#1b5dc0;		
    display: inline-block;		
    margin-bottom: 0;		
    font-weight: 400;		
    text-align: center;		
    white-space: nowrap;		
    vertical-align: middle;		
    -ms-touch-action: manipulation;		
    touch-action: manipulation;		
    -webkit-user-select: none;		
    -moz-user-select: none;		
    -ms-user-select: none;		
    user-select: none;		
    background-image: none;		
    color:#fff;		
    text-decoration: none;		
    -moz-transition-property: background-color, color;		
    -webkit-transition-property: background-color, color;		
    -ms-transition-property: background-color, color;		
    -moz-transition-duration: 0.2s;		
    -webkit-transition-duration: 0.2s;		
    -ms-transition-duration: 0.2s;		
    -moz-transition-timing-function: ease-in-out;		
    -webkit-transition-timing-function: ease-in-out;		
    -ms-transition-timing-function: ease-in-out;		
    transition-property: background-color, color;		
    transition-duration: 0.2s;		
    transition-timing-function: ease-in-out;		
	-webkit-appearance: none;	
}		
		
#submit_button:hover		
{		
    opacity:0.7;		
    text-decoration:none;		
    transition:0.5s;		
}		
		
		
p.formBtn{		
	margin-top:30px;	
	text-align: center;	
}		
		
p.formBtn a{		
	display:inline-block;	
	margin:0 10px;	
	min-width:100px;	
	padding:15px 20px;	
	transition:0.5s;	
}		
		
p.formBtn a:hover{		
	opacity:0.7;	
	text-decoration:none;	
}		
		
p.formBtn a{		
	background-color:#1b5dc0;	
	color:#fff;	
}		
		
p.formBtn a.back{		
	background-color:#ddd;	
	color:#666;	
}		
		
.errText,		
form td.err label{		
	color:#dd3a45;	
}		
		
.errText.txt{		
	display:inline-block;	
	margin:10px 0 0 0;	
}		
		
.errText::before{		
	background:url(/image/icon/err.png) no-repeat left top;	
	background-size:contain;	
	content:"";	
	display:inline-block;	
	width:18px;	
	height:18px;	
	vertical-align: middle;	
}		
		
table.form td.err{		
	background:#ffe9ea;	
}		
		
table.form td.err input[type="text"],		
table.form td.err input[type="email"],		
table.form td.err input[type="tel"],		
table.form td.err button,		
table.form td.err textarea,		
table.form td.err select {		
	background:#fdd8da;	
	border: #dd3a45 solid 1px;	
}		
		
p.completeTxt{		
	margin-bottom:100px;	
	text-align: center;	
}		
		
		
		
		
/** side menu **/		
.sideMenu::after{		
	clear:both;	
	content:"";	
	display:block;	
}		
		
.sideMenu li{		
	margin-bottom:10px;	
	transition:0.5s;	
}		
		
.sideMenu li a{		
	display:block;	
}		
		
.sideMenu > ul:not(.formLink) > li > a{		
	border-bottom:#1b5dc0 solid 2px;	
	padding:15px 0 10px;	
	text-indent:0.6em;	
	transition:0.5s;	
}		
		
.sideMenu ul.child li{		
	margin-bottom:0;	
}		
		
.sideMenu > ul:not(.formLink) > li > a:hover,		
.sideMenu ul.child li:hover,		
.sideMenu ul.child li.current{		
	background-color: #ddd;	
}		
		
.sideMenu ul.child li a{		
	background: url(/image/icon/menulist.png) no-repeat left 0.3em top 1em;	
	background-size: 12px;	
	font-size:0.85em;	
	padding:1em 0 1em 1.5em;	
}		
		
.sideMenu ul + .formLink{		
	margin-top:25px;	
}		
		
.sideMenu .formLink li{		
	border-radius:10px;	
	font-size:0.9em;	
	line-height:1.5em;	
}		
		
.sideMenu .formLink li a{		
	color:#fff;	
	font-weight:bold;	
	padding:10px;	
}		
		
.sideMenu .formLink li:hover a{		
	color:#4d80cb;	
}		
		
.sideMenu .formLink li.partner{		
	background-color:#4d80cb;	
	border:#4d80cb solid 2px;	
	border-radius:10px;	
}		
		
.sideMenu .formLink li.contact{		
	background-color:#164b9b;	
	border:#164b9b solid 2px;	
	border-radius:10px;	
}		
		
.sideMenu .formLink li.contact:hover,		
.sideMenu .formLink li.partner:hover{		
	background-color: #fff;	
	border:#4d80cb solid 2px;	
}		
		
		
		
/* 10. MEDIAQUERY for SMARTPHONE		
-------------------------------------------------------------------- */		
@media only screen and (max-width: 767px) {		
		
		
	/**  nav common  **/	
	nav[role="navigation"] > ul > li {	
		display:block;
    margin: 0;		
    width: 100%;		
    text-align: left;		
    border-bottom: 1px solid #164b9b;		
	}	
		
	nav[role="navigation"] ul.global li a {	
    display: block;		
    padding: 1em 1.5em;		
    color: #FFF;		
    font-size: 0.8em;		
	}	
		
	header[role="banner"] .inner,	
	.wrapper,	
	footer[role="contentinfo"] .inner {	
    margin: 0 auto;		
    width: 100%;		
	}	
		
		
		
	/**  header  **/	
	ul.spHeader{	
		background:#1b5dc0;
		display:block;
		padding:5px 12px;
		width:100%;
		height:50px;
		letter-spacing:-0.4em;
	}	
		
	ul.spHeader li{	
		display:inline-block;
		*display:inline;
		*zoom:1;
		letter-spacing:normal;
		vertical-align:top;
	}	
		
	ul.spHeader li.request {	
    font-size: 0.9em;		
    position: absolute;		
    top: 17px;		
    left: 2%;		
    white-space: nowrap;		
	}	
		
	ul.spHeader li.request a {	
		background: url(/image/icon/contactWhite.png) no-repeat left center;
    background-size: 15px;		
    color: white;		
		display:block;
		padding-left:1.6em;
	}	
		
	ul.spHeader li.search{	
		padding:2%;
		width:61%;
	}	
	ul.spHeader li.spmenu{	
		position:absolute;
		top:5px;
		right:2%;
	}	
		
	ul.spHeader li.spmenu li{	
		position:relative;
		height:40px;
		width:40px;
	}	
		
	ul.spHeader li.search input.searchbox-input{	
		width:70%;
	}	
		
	header[role="banner"] .inner{	
		text-align: center;
	}	
		
	header[role="banner"] .inner h1{	
		margin:0;
		line-height:10%;
		float:none;
	}	
		
	header[role="banner"] .inner h1 img {	
    width: 80%;		
    height: auto;		
	}	
		
	header[role="banner"] nav.utility{	
		display: none;
	}	
		
	header nav[role="navigation"]{	
		display:none;
		margin:0;
		padding:0;
		position:absolute;
		z-index:1000;
		width:70%;
		top:0;
		right:0;
	}	
		
	.spsearch {	
    display: block;		
    border-top: 1px solid #164b9b;		
    border-bottom: 1px solid #164b9b;		
    padding: 1em 1.5em;		
	}	
		
	.spsearch input, footer input {	
    width: 75%;		
    height: 24px;		
	}	
		
	header .spsearch input.searchbox-button {	
    background: url(/image/icon/search.png) no-repeat 50% 50%;		
    width: 24px;		
    height: 24px;		
    margin-left: -6px;		
    -webkit-appearance: none;		
    border-radius: 0;		
	}	
		
	header ul.global{	
		display:block;
		width:100%;
	}	
		
	header nav[role="navigation"]{	
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
		margin-bottom: 0;
	}	
		
	header ul.global li a {	
		padding:22px;
	}	
		
	header ul.global li a span{	
		border-left:none;
		display:inline;
		padding:0;
	}	
		
		
	/**  footer  **/	
	footer .inner,	
	footer nav[role="navigation"]{	
		width:100%;
	}	
		
	footer nav[role="navigation"]{	
		padding:0;
	}	
		
	footer .global li{	
		transition: 0.5s;
	}	
		
	footer .global > li > a::after{	
		content:none;
	}	
		
	footer .global li:hover{	
		background:#164b9b;
	}	
		
	footer nav[role="navigation"] ul.global ul.child,	
	footer nav[role="navigation"] ul.global ul.grandchild {	
    display: none;		
    margin-top: 0;		
	}	
		
	footer nav.utility {	
    width: 90%;		
    margin: 0 auto;		
    padding: 1em 0;		
	}	
		
	footer nav.utility ul li {	
		margin:0;
    padding: 0;		
    display: block;		
	}	
		
	footer nav.utility ul li.totop{	
		background:none;
	}	
		
	footer nav.utility li.totop img{	
		width:60px;
	}	
		
	footer nav.utility ul li a{	
		display: block;
		padding: 0.5em 1em;
	}	
		
	footer .search{	
		padding: 2em 0;
	}	
		
	footer .search form {	
    text-align: center;		
    display: block;		
	}	
		
	footer input.searchbox-button {	
    background: url(/image/icon/search.png) no-repeat 50% 50%;		
    width: 24px;		
    height: 24px;		
    margin-left: -8px;		
    -webkit-appearance: none;		
    border-radius: 0;		
	}	
		
	footer .footerBnr{	
		text-align:center;
	}	
		
		
	/** common style**/	
	.sideMenu,	
	.second .contents{	
		float: none;
		width: 100%;
	}	
		
	#breadNavi{	
		margin:1.5em 0;
	}	
		
	#contentsWrapper{	
		width:90%;
	}	
		
	.contents h2{	
		margin-bottom:40px;
	}	
		
	.contents section div.inner {	
		padding:25px 0;
	}	
		
	.contents section.lead div.inner{	
		padding:0;
	}	
		
	.contents img.right,	
	.contents img.left{	
		display:block;
		float:none;
		margin:15px auto;
	}	
		
	.contents p.left{	
		float:none;
		margin:0 0 15px;
		width:100%;
	}	
		
	.contents p.left + img{	
		width:auto;
	}	
		
		
	/** loop **/	
	ul.loop li a{	
		display:block;
		margin-top:0.5em;
	}	
		
		
	/** table layout **/	
	table th,	
	table td{	
		border:none;
		display:block;
		width:100%;
	}	
		
	table tr:first-child th,	
	table tr:first-child td{	
		border:none;
	}	
		
		
	/** form style **/	
	div.flow ul li{	
		margin:0 1%;
		width:31%;
	}	
		
	div.flow ul li:after{	
		content:none;
	}	
		
	form table td{	
		padding-bottom:40px;
	}	
		
	input[type="text"],	
	input[type="email"],	
	input[type="tel"],	
	select{	
		max-width:100%;
	}	
		
		
	/** side menu **/	
	.sideMenu > ul{	
		margin:0.5em auto;
	}	
		
	.sideMenu .formLink{	
		max-width:320px;
	}	
		
}