@charset "utf-8";
/* ========================================
 Header
======================================== */
@media screen and (min-width: 961px) {
#loading {
	background-image: url(../img/common/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:120px;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}
#wp {
	width: 1000px;
	margin: 0 auto;
}

#gNav {
	width: 240px;
	float: left;
	margin: 0 0 50px;
}

#gNav h1 {
	font-size: 16px;
	text-align: center;
}

#gNav h1 a {
	color: #424e62;
	text-decoration: none;
	line-height: 1.3em;
	display: block;
	padding: 35px 0;
}

#gNav h1 span {
	font-size: 13px;
	display: block;
	margin: 0 auto;
}

#gNav h1 img {
	display: block;
	margin: 0 auto 18px;
}

#gNav nav {
	background: #557cbc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	font-size:123.1%;
}

#gNav nav a  {
	color: #fff;
	text-decoration: none;
	display: block;
}

#gNav nav ul li a {
	padding: 18px;
	background: #557cbc url(../img/common/gnavline.gif) no-repeat center bottom;
}

#gNav nav ul li.first a,
#gNav nav ul li:first-child a,
#gNav nav ul li.first a:hover,
#gNav nav ul li:first-child a:hover{
	border-top-left-radius: 3px; 
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}

/*#gNav nav ul li.first a,
#gNav nav ul li:first-child a {
	background: #557cbc
}*/

#gNav nav ul li:last-child a {
	background: #557cbc
}
	
#gNav nav ul li:last-child a,
#gNav nav ul li:last-child a:hover{
	border-bottom-left-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px; 
}

#gNav nav ul li a:hover,#gNav nav ul li:last-child a:hover,#gNav nav ul li.current a {
	background: #3b65aa;
}

#gNav nav ul ul {
	background: #557cbc url(../img/common/gnavline.gif) no-repeat center bottom;
	padding: 0 10px;
	font-size: 88%;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

#gNav nav ul ul li a {
	background: #486eae !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

#gNav nav ul ul li:last-child a {
	background: none;
}

#gNav nav ul ul li:last-child a:hover {
	background: none;
}

#gNav nav ul ul li a {
	padding: 12px 10px;
	background: none;
}

#gNav nav ul ul li a:hover,
#gNav nav ul ul li.current a{
	background: #3b65aa !important
}

#main {
	width: 720px;
	float: right;
	padding: 20px 0 0;
	min-height: 1600px
}

#memberLogin {
	height: 0
}

#memberLogin header {
	background:url(../img/common/ico_security.png) no-repeat left 22px;
	background-size: 18px auto;
	padding: 26px 0 4px 28px;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #fff;
	font-size:123.1%;
	width: 180px;
	margin: 0 auto 20px;
}

#memberLogin #login-tab {
	position: relative;
	top:0;
	left:50%;
	width: 100%;
	right: 20px;
	background: url(../img/common/pull_member@2x.png) no-repeat;
	background-size: 90px 143px;
	width: 88px;
	height: 143px;
	padding: 5px 10px 0 0;
	text-align: center;
	color: #fff;
	line-height: 1.5em;
	cursor: pointer;
	transition:all 0.2s ease-out 0s;
}

#memberLogin #login-tab:hover {
	top: -5px;
}

#memberLogin #loginform {
	background: #384b87;
	width: 100vw;
}

#memberLogin #loginform form {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#memberLogin ul {
	overflow: hidden;
	padding: 0 0 30px 100px;
	margin: 0 auto;
	width: 900px;
}

#memberLogin ul li {
	width: 300px;
	float: left;
	font-size:108%;
	color: #fff;
	font-weight: 700;
}

#memberLogin ul li input[type="text"],
#memberLogin ul li input[type="password"]{
	margin-left: 15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background: #fff;
	padding: 8px 5px;
	border:none;
	outline: none;
}

#memberLogin ul li input[type="submit"] {
	background: #fa8c21;
	margin-left: 15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	color: #fff;
	padding: 6px 25px;
	display: block;
	border:none;
	outline: none;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	cursor: pointer;
}

#memberLogin ul li input[type="submit"]:hover {
	background: #F60
}

#leadMember,#logOut {
	text-align: center;
}

#leadMember {
	padding: 20px 0;
}

#logOut {
	padding: 0 0 20px;
}

#logOut span {
	color: #fff;
	font-size:85%;
	padding: 0 0 10px;
	display: block;
}

#leadMember a,#logOut a {
	margin: 0 auto;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	display: block;
	border:none;
	outline: none;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	cursor: pointer;
	text-decoration: none;
}

#leadMember a {
	background: #fa8c21;
	color: #fff;
	width: 300px;
	padding: 10px 25px;
}

#leadMember a:hover {
	background: #F60
}

#logOut a {
	background: #ccc;
	color: #666;
	width: 200px;
	padding: 6px 25px;
}

#logOut a:hover {
	background: #EAEAEA
}
.naver img{display:none}
}

@media screen and (min-width: 1400px) {
#memberLogin {
	position: fixed;
	top: 0;
	width: 100%;
}
#memberLogin #login-tab {
	margin-left: 600px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
#memberLogin {
	position: fixed;
	top: 0;
	width: 100%;
}
#memberLogin #login-tab {
	margin-left: 520px;
}
}

@media screen and (max-width: 1199px) {
#memberLogin,#font-size,#zabuton {
	display: none;
}
}

@media screen and (max-width: 960px) {
#loading {
	background-image: url(../img/common/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100px;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}

#gNav h1 {
	font-size: 100%;
	padding: 10px 10px;
	width:260px;
	float: left;
	display: table;
	position:relative;
	z-index:100;
}

#gNav h1 a {
	color: #424e62;
	text-decoration: none;
	line-height: 1.4em;
	display: table-cell;
}

#gNav h1 span {
	font-size: 88%;
	margin: 0 auto;
	display: block;
	padding: 5px 0 0;
}

#gNav h1 img {
	float: left;
	width: 40px;
	height: auto;
	margin: 0 10px 0 0;
}

.naver.active .naver-handle{display:block}
.naver.active .naver-wrapper{height:0;overflow: hidden;z-index:10;background:#fff}
.naver.animated .naver-wrapper{-webkit-transition:height .2s ease-out;-moz-transition:height .2s ease-out;-ms-transition:height .2s ease-out;-o-transition:height .2s ease-out;transition:height .2s ease-out}
.naver.animated .naver-container{opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;background:url(../img/common/gnav_bg2.png);display:block;height:100vh}
.naver.animated.open .naver-container{opacity:1}
.naver .naver-handle{color:#fff;cursor:pointer;display:none;font-size:14px;height:30px;line-height:28px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;top:18px;right:15px;z-index:100}
.naver .naver-handle img{width:30px;height:30px}
.naver .naver-handle:before{content:''}
.naver .naver-wrapper{width:100%;z-index:3;top:0;position:absolute}
.naver .naver-container:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.naver .naver-container{z-index:100;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;padding:0px 12px 20px}
.naver .naver-container ul:first-child {padding:60px 0 0}
.naver .naver-container li:first-child {clear:both;border-top:1px solid #ddd}
.naver .naver-container li {clear:both}
.naver .naver-container li a{display:block;padding:18px 10px;text-decoration:none;color:#000;border-bottom:1px solid #ddd;font-size:113%}
.naver .naver-container li a:after{content:">";float:right}
.naver .naver-container li ul{display:none;padding:0}
.naver .naver-container li ul li:last-child{border-bottom:none}
.naver .naver-container li ul li a{border:none;position:relative}
.naver .naver-container li a:after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transition:.3s}
.naver .naver-container li a.active:after{transform:rotate(180deg);color:#fff;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transition:.3s}
#main {
	clear: both;
}

}

/* ========================================
 Side
======================================== */
@media screen and (min-width: 961px) {

#side {
	width: 240px;
	float: left;
	position: relative;
	top:560px
}

#side dl {
	margin: 0 0 20px;
	padding: 0 10px;
}

#side dl dt {
	font-size: 116%;
	font-weight: 500;
	color: #333;
	padding: 5px 0 5px 35px;
}

#side dl dd {
	padding: 2px 5px;
	text-align: center;
}

#side dl#sdTel {
	border-top: 2px solid #557cbc;
	padding: 10px 10px 0;
}

#side dl#sdTel dd a,
#side dl#sdTel dd span,
#side dl#sdFax dd a,
#side dl#sdFax dd span{
	font-size: 232%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #557cbc;
	text-decoration: none;
}

#side dl#sdTel dd p,
#side dl#sdFax dd p {
	color: #5e5e5e;
	font-size:85%;
	text-align: left;
	padding: 0 0 0 10px;
}

#side dl#sdTel dt {
	background: url(../img/common/ico_sdtel.png) no-repeat 0 0;
	background-size: 26px;
}

#side dl#sdFax dt {
	background: url(../img/common/ico_sdfax.png) no-repeat 0 0;
	background-size: 26px;
}

#side dl#sdMail dt {
	background: url(../img/common/ico_sdmail.png) no-repeat 0 0;
	background-size: 26px;
}

#side dl#sdMail dd {
	padding: 10px 0 0;
}

#side dl#sdMail dd a {
	color: #fff;
	padding: 20px 0;
	text-align: center;
	display: block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	text-decoration: none;
	background: #5379ba;
	font-size:108%;
}

#side dl#sdMail dd a span {
	font-size: 78%;
	padding: 0 0 0 5px;
}

#side dl#sdMail dd a:hover {
	background:#3b65aa
}

#side dl#sdInfo {
	padding: 12px 0 0 0;
	border-top: 1px solid #d4d4d4;
	margin: 0 0 50px;
}

#side dl#sdInfo dt {
	color: #5279ba;
	font-size:108%;
	padding: 0 0 10px;
	text-align: center;
	letter-spacing: 1px;
}

#side dl#sdInfo dd {
	text-align: left;
	color: #333;
	padding: 0 15px;
}

#side dl#sdInfo dd p {
	padding: 25px 0 0;
	text-align: right;
}

#side dl#sdInfo dd p a {
	border: 1px solid #7796c9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	behavior:url(../js/PIE.htc);
	padding: 10px;
	font-weight: 500;
	color: #557cbc;
	text-decoration: none;
}

#side dl#sdInfo dd p a:after {
	content: "\003e";
	padding-left: 8px;
}

#side dl#sdInfo dd p a:hover {
	color: #fff;
	background: #7796c9;
}

#side dl#sdInfo dd p a:after:hover {
	color: #fff;
}

.sdBnr li {
	margin: 0 0 5px;
}

}

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

#side {
	padding: 20px 10px;
	background:#f2f2f2;
	border-top: 1px solid #e8e8e8}

#side dl {
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid #eee
}

#side dl dt {
	font-size: 116%;
	color: #333;
	padding: 12px 0 10px 35px;
	font-weight: 500
}

#side dl dd {
	padding: 2px 5px 10px;
	text-align: center;
}

#side dl dt{
	border-top: 2px solid #557cbc;
}

#side dl#sdInfo,
#side dl#sdTel,
#side dl#sdFax,
#side dl#sdMail {display:none}

#side dl#sdTel dd a,
#side dl#sdTel dd span,
#side dl#sdFax dd a,
#side dl#sdFax dd span{
	font-size: 246.2%;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #557cbc;
	text-decoration: none;
}

#side dl#sdTel dd a,
#side dl#sdTel dd span {	font-weight:700;}

#side dl#sdTel dd p,
#side dl#sdFax dd p {
	color: #5e5e5e;
	font-size:92%;
	text-align: center;
	padding: 5px 0
}

#side dl#sdTel dt {
	background: url(../img/common/ico_sdtel.png) no-repeat 10px 10px;
	background-size: 20px;
}

#side dl#sdFax dt {
	background: url(../img/common/ico_sdfax.png) no-repeat 10px 10px;
	background-size: 20px;
}

#side dl#sdMail {
	clear:both
}

#side dl#sdMail dt {
	background: url(../img/common/ico_sdmail.png) no-repeat 10px 10px;;
	background-size: 20px;
}

#side dl#sdMail dd {
	padding: 0 10px 20px;
}

#side dl#sdMail dd a {
	background-size: 28px;
	font-size:123.1%;
	padding: 12px 45px 12px 70px;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-weight: normal;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	position: relative;
	display: block;
	border:2px solid #557cbc;
	background: #3b65aa
}

#side dl#sdMail dd a span {
	font-size: 78%;
	padding: 0 0 0 5px;
}

#side dl#sdMail dd a:hover {
	background:#3b65aa
}

#side dl#sdInfo {
	margin: 0 0 50px;
}

#side dl#sdInfo dt {
	color: #5279ba;
	font-size:108%;
	padding: 0 0 10px;
	text-align: center;
	letter-spacing: 1px;
}

#side dl#sdInfo dd {
	text-align: left;
	color: #333;
	padding: 0 15px;
}

#side dl#sdInfo dd p {
	padding: 25px 0 0;
	text-align: right;
}

#side dl#sdInfo dd p a {
	border: 1px solid #7796c9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	behavior:url(../js/PIE.htc);
	padding: 10px;
	font-weight: 500;
	color: #557cbc;
	text-decoration: none;
}

#side dl#sdInfo dd p a:after {
	content: "\003e";
	padding-left: 8px;
}

#side dl#sdInfo dd p a:hover {
	color: #fff;
	background: #7796c9;
}

#side dl#sdInfo dd p a:after:hover {
	color: #fff;
}

.sdBnr li {
	margin: 0 0 5px;
	text-align:center;
}

.sdBnr li img {max-width:80%;height:auto}

}


/* ========================================
 Footer
======================================== */
@media screen and (min-width: 961px) {
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 3;
	background: url(../img/common/pagetop@2x.png) no-repeat center top;
	background-size: 73px 47px;
	cursor: pointer;
	width: 73px;
}

#pagetop a {
	text-decoration: none;
	border: 2px solid #384b87;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background: #fff;
	width: 60px;
	height: 42px;
	padding: 18px 0 0;
	position: relative;
	top: -70px;
	left: 0px;
	font-size: 11px;
	line-height: 1.3em;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #384b87;
	vertical-align: middle;
	transition:all 0.2s ease-out 0s;
}
#pagetop:hover a,
#pagetop a:hover {
	text-decoration: none;
	border: 2px solid #384b87;
	background: #384b87;
	color: #fff;
	top: -75px;
}
#gFt {
	clear: both;
	width: 100%;
	position: relative;
	background: #f2f2f2;
	overflow: hidden;
}

#gFt #ftLink {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}

#gFt #ftLink h1 {
	width: 260px;
	float: left;
	margin: 0 30px 0 0;
}

#gFt #ftLink h1 a {display:block}

#gFt #ftLink dl {
	float: left;
	margin: 0 0 30px 40px;
}

#gFt #ftLink dl dt {
	font-weight: 500;
	padding: 0 0 8px 10px;
	color: #333;
	border-bottom: 1px solid #d1d1d1;
}

#gFt #ftLink dl ul li{
	border-bottom: 1px solid #d1d1d1;
}

#gFt #ftLink dl ul li a {
	color: #333;
	text-decoration: none;
	background: url(../img/common/arrow02@2x.gif) no-repeat left 10px center;
	background-size: 4px 7px;
	padding: 8px 20px 8px 22px;
	display: block;
}

#ftBtm {
	clear: both;
	background: #4979c3;
	padding: 15px 0;
}

#ftBtm .inner {
	width: 980px;
	margin: 0 auto;
}

#memberBtn {
	width: 200px;
	float: left;
	padding: 160px 0 0 160px;
	background: url(../img/common/musshi01@2x.png) no-repeat left top;
	background-size: 120px 130px;
	margin: -140px 0 0 -150px;
}

#memberBtn a {
	border: 1px solid #7796c9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	behavior:url(../js/PIE.htc);
	padding: 15px 25px 15px 45px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	background: #6f98d7 url(../img/common/ico_member.gif) no-repeat left 15px center;
	background-size: 18px;
	letter-spacing: 1px;
	font-size:108%;
}

#ftBtm .inner ul {
	text-align: right;
}

#ftBtm .inner ul li {
	display: inline;
	padding-left: 18px;
	margin-left: 18px;
	line-height: 1;
	background: url(../img/common/ft_line.gif) no-repeat left center;
	background-size: 1px 11px;
}

#ftBtm .inner ul li.first,
#ftBtm .inner ul li:first-child {
	background: none;
}

#ftBtm .inner ul li a {
	color: #fff;
	font-size:93%;
	text-decoration: none;
}

#ftBtm .inner ul li a:hover {
	text-decoration: underline;
}

#copyright {
	text-align: right;
	color: #fff;
	font-size:77%;
	padding: 18px 0 10px;
}

#zabuton {
	background: url(../img/common/zabuton@2x2.png) no-repeat center top;
	background-size: 90px 135px;
	position: absolute;
	bottom: 74px;
	right: 90px;
	width: 90px;
	height: 135px;
	z-index: 0;
}
}
@media screen and (max-width: 960px) {
#pagetop {
	position: fixed;
	bottom: 0px;
	right: 10px;
	font-size: 77%;
	z-index: 3;
	cursor: pointer;
	width: 50px;
	display: block;
}

#pagetop a {
	text-decoration: none;
	border: 1px solid #384b87;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background: #fff;
	width: 50px;
	height: 30px;
	position: relative;
	top: 0;
	padding:20px 0 0;
	left: 0;
	font-size: 10px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #384b87;
	vertical-align: middle;
	transition:all 0.2s ease-out 0s;
}

#pagetop a:after {
	content:"";
	background: url(../img/common/pagetop_sp.png) no-repeat center;
	background-size: 40px;
	width:40px;
	height: 40px;
	display: block;
	position: absolute;
	top:-20px;
	left:7px
}

#pagetop a:hover {
	background:#384b87;
	color: #fff;
}

#gFt {
	clear: both;
	width: 100%;
	position: relative;
	background: #c3c3c3;
	overflow: hidden;
}

#gFt #ftLink {
	padding: 10px 0 0;
}

#gFt #ftLink h1 {padding:15px;}

#gFt #ftLink h1 img {
	width:120px;
	height: auto;
	margin: 0 auto;
	display: block;
}

#gFt #ftLink dl dt {
	padding: 8px 10px 6px;
	color: #333;
	background:#bdbdbd;
	font-size:108%;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
}

#gFt #ftLink dl ul li{
	border-top:1px solid #d0d0d0;
	border-bottom: 1px solid #bababa;
}

#gFt #ftLink dl ul li:first-child {
	border-top: none
}

#gFt #ftLink dl ul li a {
	color: #333;
	text-decoration: none;
	background: url(../img/common/arrow02@2x.gif) no-repeat left 10px center;
	background-size: 4px 7px;
	padding: 12px 30px 12px 22px;
	display: block;
}

#ftBtm {
	clear: both;
	background: #4979c3;
}

#ftBtm .inner {
	margin: 0 auto;
}

#memberBtn {
	padding: 15px;
	text-align: center;
	border-bottom: 1px solid #4473bb;
}

#memberBtn a {
	border: 1px solid #7796c9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	behavior:url(../js/PIE.htc);
	padding: 15px 25px 15px 45px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size:108%;
	margin: 0 auto;
	position: relative;
	background:#6f98d7;
	display: block;
	width: 140px;
}

#memberBtn a:before {
	background: url(../img/common/ico_member.gif) no-repeat center;
	background-size: 18px;
	content:"";
	width:18px;
	height: 18px;
	display: block;
	top: 15px;
	left: 50%;
	margin-left: -80px;
	position: absolute
}

#ftBtm .inner ul {
	text-align: left;
}

#ftBtm .inner ul li {
	line-height: 1;
	border-top:1px solid #648dcd;
	border-bottom: 1px solid #4473bb;
}

#ftBtm .inner ul li a {
	color: #fff;
	font-size:93%;
	padding: 15px 10px;
	display: block;
	text-decoration: none;
}

#ftBtm .inner ul li a:before {
	content:"\003e";
	color:#fff;
	margin-right: 5px;
}

#copyright {
	color: #fff;
	clear: both;
	font-size:77%;
	text-align: center;
	padding: 10px;
	border-top:1px solid #4271ba;
	background: #38609d
}
}
/* ========================================
 Common Parts
======================================== */
@media screen and (min-width: 961px) {
nav#breadcrumbs {
	background: #f9f9f9;
	padding: 8px 10px;
	overflow: hidden;
	letter-spacing: 0.1em;
	margin: 0 0 15px;
}

nav#breadcrumbs ol {
	background: url(../img/common/breadcrumb.gif) no-repeat 0 0;
	background-size: 11px auto;
	font-size:85%;
	padding: 0 0 0 18px;
}

nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
	color: #666;
}

nav#breadcrumbs ol li.first,
nav#breadcrumbs ol li:first-child {
}

nav#breadcrumbs ol li a {
	color: #3e3e3e;
	text-decoration: underline;
	background: url(../img/common/breadcrumb.gif) no-repeat right -34px;
	background-size: 11px auto;
	padding: 0 15px 0 0;
}

nav#breadcrumbs ol li br {display:none}

.ttl01 {
	font-size:167%;
	font-weight: 700;
	color: #4979c3;
	padding: 15px 0;
	letter-spacing: 0.15em;
}

#font-size {position:fixed;left:0;top:50%;margin-top:-100px;z-index:10}
#font-size dt {font-size:11px;color:#666;width:100%;padding:0 5px 5px}
#font-size li { font-size:16px;text-align:center; border:1px solid #b8b8b8; cursor:pointer;width:40px;height:40px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	margin:0 0 5px 10px;
background:#fff;
	display:table;color:#adadad
 }
#font-size li span {display:table-cell;height:inherit;width:inherit;vertical-align:middle}
#font-size li.active { color:#828282;border-color:#808080;background:#efefef; }

}
@media screen and (max-width: 960px) {
nav#breadcrumbs {
	background: #f9f9f9;
	padding: 5px 10px;
	overflow: hidden;
	letter-spacing: 0.1em;
	margin: 0 0 15px;
}

nav#breadcrumbs ol {
	background: url(../img/common/breadcrumb.gif) no-repeat 0 0;
	background-size: 11px auto;
	font-size:85%;
	padding: 0 0 0 18px;
}

nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
	color: #666;
	line-height: 1.8em
}

nav#breadcrumbs ol li br {display:none}

nav#breadcrumbs ol li a {
	color: #3e3e3e;
	text-decoration: underline;
	background: url(../img/common/breadcrumb.gif) no-repeat right -34px;
	background-size: 11px auto;
	padding: 0 15px 0 0;
}

.ttl01 {
	clear: both;
	background: #557cbc;
	font-size: 108%;
	line-height:1.5em;
	padding: 10px;
	color: #fff;
	font-weight: normal;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	behavior:url(../js/PIE.htc);
	margin: 0 0 10px;
}
#under .ttl01,#under .ttl02 {margin:0 10px 10px}
.ttl02 {
	background: url(../img/common/ttl02.gif) no-repeat left bottom;
	background-size: auto 2px;
	font-size:108%;
	color: #374d87;
	padding: 5px 0;
	font-weight: 500;
	letter-spacing: 0.1em;
	margin: 0 0 25px;
	line-height:1.5em
}
#pageTtl {
	border-top: 2px solid #557cbc;
}

#pageTtl h1 {
	color: #557cbc;
	font-size:153.9%;
	letter-spacing: 0.1em;
	padding: 20px 10px;
}
#font-size {display:none}
}