@charset "utf-8";
/*-------------------------------------------------
リセット
-------------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, pre, code, blockquote {
	margin: 0;
	padding: 0;
}
body {
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
pre {
	word-wrap: break-word;
	white-space: pre-wrap;
}
em {
	font-style:normal;
}
div {
	word-wrap: break-word;
}
br {
	letter-spacing: 0;
}
a img, img {
	border: 0;
}
ul {
	ｍargin: 0;
	padding: 0;
}
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li img {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
th, td {
	vertical-align:top;
}
fieldset, img {
	border: 0;
}
address, th, var {
	font-style: normal;
	font-weight: normal;
}
hr {
	border: 0;
	height: 1px;
	margin: 1em 0 1em;
	padding: 0;
	background:#ddd;
}
img {
	vertical-align:middle;
}
/* selection: safari, mozilla */
::selection {
	background:#CBE1F2;
}
::-moz-selection {
background:#CBE1F2;
}
/*-------------------------------------------------
フォーム
-------------------------------------------------*/
label {
	cursor: pointer;
}
legend {
	display: none;
}
select {
}
option {
}
input, button, textarea, button {
	color: #333333;
	font-size: 12px;
	padding: 3px 5px;
	vertical-align: middle;
	margin:1px 0;
}
/*input:focus,*/input[type="text"]:focus, textarea:focus, select:focus {
	background-color: #EFFAFF;
	border-color:#00B1EF;
	box-shadow:0px 0px 5px #5FD5FF;
}
/*.error input,*/.error input[type="text"], .error textarea, .error select {
	background-color: #FFEAEA;
	border-color:#EA6A6A;
}
input[type="submit"], button[type="submit"] {
	cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
	background: none;
	border: none;
}
/* for IE8 */.msie8 input[type="checkbox"], .msie8 input[type="radio"] {
	margin: 0px;
	padding: 0px;
	vertical-align: -0.2em;
}
/* for Chrome1 */.chrome1 input[type="checkbox"], .chrome1 input[type="radio"] {
	margin: 0px;
	padding: 0px;
	vertical-align: -0.2em;
}
textarea, select, input[type="text"], input[type="password"] {
	border:1px solid #ccc;
	padding: 0 3px;
	border-radius: 3px;
	background:url(../img/form_shadow.png) repeat-x top left #fff;
}
/*-------------------------------------------------
クリア
-------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.clear {
	background: none;
	clear: both;
}
* html .clearfix {
	height: 1px; /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
/*jimdoデフォルトの余白をクリア*/
div.n, div.flexmodul {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
div.cc-m-all div.cc-m-all-wrapper, .cc-m-hgrid-column .n, div.n, div.flexmodul {
	padding: 0px !important;
}
div.j-text {
	padding-bottom:1em !important;
}
div.n.j-imageSubtitle+div.j-text {
	padding-top:0.6em !important;
}
/*-------------------------------------------------
基本スタイル
-------------------------------------------------*/
/*スクロールバーをコンパクトに*/
*{scrollbar-color: #2F4A66 #e9f0f8; scrollbar-width: thin;}/*firefox*/
html::-webkit-scrollbar {width: 8px; height: 8px;}
html::-webkit-scrollbar-thumb {background: #2F4A66;}
html::-webkit-scrollbar-track {background: #e9f0f8;}

body {
	background:#2f4a66;
	color:#333;
	line-height: 1.6;
	word-break: normal;
	min-width:1120px;
}
/*-------------------------------------------------
リンク
-------------------------------------------------*/
a {
	color: #2f4a66;
	font-weight:bold;
	text-decoration: none !important;
	-webkit-transition:  all 0.2s ease-out;	transition:  all 0.2s ease-out;
}
a:hover {
	color:#FF2115;
	text-decoration: underline !important;
}
/*-------------------------------------------------
その他
-------------------------------------------------*/
p{ margin:0 0 1em;}
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
.fl{ float:left;}.flm{ float:left; margin:0 15px 10px 0; clear:left;}
.fr{ float:right;}.frm{ float:right; margin:0 0 10px 15px; clear:right;}
.hidden{ display:none; visibility:hidden;}
.oh{ overflow:hidden;}
.red{ color:#F00;}
span.hissu,span.new{ color:#fff; display:inline-block; padding:0 5px; font-weight:bold; font-size:12px; line-height:1.4; background:#F03; border-radius:3px;}
.shadow{ box-shadow:0 1px 4px rgba(0,0,0,0.3);}
.radius{ border-radius:5px;}
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:1em;}
img,.bl{-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
a img:hover,.bl:hover{ opacity:0.7;}
.bl:hover img,.bl:hover .button{ opacity:1;}
.indent{ padding-left:1em; text-indent:-1em;}
.serif,.min{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.longComment{ margin:0 0 1em !important;}
.longComment p{ margin:0 !important;}

/* -----------------------------------------------------------
以下、ヘッダーフッター等ページ共通部分
----------------------------------------------------------- */
/*ヘッダー*/
#globalHeader {
	background:#fff; border-bottom:1px solid #aaa;
}
#globalHeader .inner {
	width:1040px; margin:0 auto 0; padding:20px 0 20px; position:relative;
}
#globalHeader div.logo{ text-align:center;}
#globalHeader div.logo img{ width:115px;}
#globalHeader div.logo a{ font-size:12px; color:#000;}

#globalHeader div.login{ position:absolute; top:30px; right:0; width:300px; text-align:right; font-size:12px;}

/*================ member_login ======================*/

#globalHeader #nowLogin {
	margin: 5px 0px 5px 0;
	width: 380px;
	text-align: right;
}
#globalHeader #nowLogin dl {
}
#globalHeader #nowLogin dl * {
	font-size: 12px;
	letter-spacing:1px;
}
#globalHeader #nowLogin dt {
	width: 65px;
	text-align: left;
}
#globalHeader #nowLogin dt, #globalHeader #nowLogin dd {
	float: left;
}
#globalHeader #nowLogin dt {
	font-weight:bold;
	padding-right: 4px;
}
#globalHeader #nowLogin dd {
	float: left;
	margin-right: 10px;
}
#globalHeader #nowLogin .loginId, #globalHeader #nowLogin .loginPw {
	width: 95px;
}
#globalHeader #nowLogin input.btStyle {
	color: #ffffff;
	background: url(../new_img/bgb.png) repeat 0 0;
	padding: 0 5px;
	font-size:11px;
	width: 70%;
	margin: 5px 60px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#globalHeader #forgetPassword {
	font-size: 11px;
	margin: 0 0 0 60px;
}
#globalHeader #forgetPassword a {
	font-weight: normal;
	color: #09C;
}
.loginform {
	/* border: #f0f0f0 1px solid; */
	padding: 8px 5px;
}
.memberlogin {
	font-size:16px;
	color: #069;
	border-bottom: #069 1px solid;
	clear: both;
	margin: 0 0 10px 0;
	text-align: left;
}
.loginform dt, .loginform dd {
	float: left;
}
.member_idBox {
	float: left;
	width: 50%;
}
.member_pwBox {
	float: right;
	width: 50%;
}
/*フッタ*/
#globalFooter {
	clear:both;
	background:url(../img/ft.png) repeat-x center top #333;
	min-height:200px;
	text-shadow:-1px -1px 0px #000;
	position:relative;
}
#globalFooter .inner {
	width:1040px;
	margin:0 auto 0;
	padding:70px 0 30px;
}
#globalFooter div.logo{
	color:#FFF;
	font-weight:bold;
	float:left;
	margin:0 30px 0 0;
}
#globalFooter .text {
	overflow:hidden;
	padding-left:30px;
	background: url(../img/fnd.png) no-repeat left center;
}
#globalFooter h2 {
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	margin:0 0 0.5em;
}
#globalFooter p {
	color:#ccc;
	font-size:12px;
	margin:0;
}
#copyright {
	background:#2f4a66;
	color:#ccc;
	font-size:11px;
	text-shadow:-1px -1px 0px #000;
}
#copyright a {
	color:#FFF;
	font-size:12px;
}
#copyright .inner {
	width:1040px;
	margin:0 auto 0;
	padding:12px 0 10px;
}
/*ラッパー*/
.wrapper {
	background:url(../img/bg.png) repeat; /*overflow:hidden;*/
	padding:20px 0;
	position:relative;
}
.wrapperInner {
	background:#fff;
	width:1080px;
	margin:0 auto 0;
	padding:20px 20px 100px;
	box-shadow:0 0 10px #aaa;
}
.wrapperInner.padding{ padding-top:90px;}

/*シングルページ*/
#page-1788728779 .wrapper {
	padding-top:20px;
	margin-top:30px;
}
#page-1788728779 .wrapperInner {
	padding-top:20px;
	margin-top:-40px;
}
#page-1788728779 .container {
	float:none;
	margin:0 auto 0;
	width:1000px;
}
#page-1788728779 .sideBar {
	display:none;
}
#page-1788728779 h1 {
	font-size:19px;
	margin-bottom:10px;
}
/*コンテナ*/
.container {
	width:740px;
	float:left;
	min-height:700px;
}
.container img{ max-width:100%;}
.container .footer {
	margin:40px auto 0;
}
#page-1788728779 .container .footer {
	margin-top:0;
	width:740px;
}
/*見出し*/
.container h1 {
	line-height:1.2;
	background:url(../img/h1.png) repeat-x bottom;
	border-top:3px solid #2f4a66;
	font-size:28px;
	color:#000;
	font-weight:bold;
	padding:0.5em 0 0.5em 0.4em;
	margin:2em 0 0.8em;
	position:relative;
	box-shadow:0 2px 1px #eee;
}
.container #content_area>div>.j-header.firstChild {
	background:url(../img/ec.png) repeat-x center top;
	width:100%;
	height:111px;
	position:absolute;
	padding:0;
	top:0;
	left:0;
}
.container #content_area>div>.j-header.firstChild h1 {
	font-size:32px;
	line-height:90px;
	color:#FFF;
	font-weight:normal;
	width:960px;
	margin:0 auto 0;
	text-shadow:-1px -1px 0px #000;
	background:none;
	border:none;
	box-shadow:none;
	padding:0;
}
.container h2 {
	line-height:1.2;
	font-size:21px;
	background:url(../img/h2.png) no-repeat left center;
	font-weight:bold;
	border:1px solid #ddd;
	box-shadow:0 1px 2px #eee;
	clear: both;
	color: #000;
	padding:0.5em 0 0.5em 1.0em;
	position: relative;
	margin:2em 0 0.8em;
	overflow:hidden;
}
.container h3 {
	line-height:1.2;
	font-size:18px;
	background:url(../img/h3.png) repeat;
	font-weight:bold;
	border-top:1px solid #2f4a66;
	clear: both;
	color: #000;
	padding:0.5em 0 0.5em 0.4em;
	position: relative;
	margin:2em 0 0.8em;
	overflow:hidden;
}
.container .j-header.firstChild>h1, .j-header+.j-header>h1{
	margin-top:0;
}
.container .j-header.firstChild>h2, .j-header+.j-header>h2,
.container h1+h2{
	margin-top:0;
}
.container .j-header.firstChild>h3, .j-header+.j-header>h3,
.container h2+h3{
	margin-top:0;
}
h2.toptag {
	background: none;
	padding: 0 0 0 0;
	font-size: 24px;
	margin: 0 0 10px 0;
	border: #999 1px dotted;
	border-width: 0 0 1px 0;
	box-shadow: none;
}
h2.toptag span {
	font-size: 16px;
	margin: 0 0 0 20px;
	color: #666;
}
h2.toptag strong {
	color: #C00;
}

.container h4{ margin:0 0 10px; padding:0 0 0 10px; border-left:5px solid #2f4a66; font-weight:bold; line-height:1.2;}

/*リスト*/
.container ul {
	padding:0 0 0 0.5em;
}
.container ul li {
	list-style:disc outside;
	margin:0.4em 0;
}

/*グリッド*/
/*
.grid2 {
	width:760px;
}
.grid2>div {
	float:left;
	width:360px;
	margin:0 20px 1.5em 0;
	padding:0 0 1.5em;
	font-size:14px;
}
.grid2>div h1, .grid2>div h2, .grid2>div h3 {
	margin-top:0;
}
.grid2>div h2 {
	font-size:15px;
}
.grid3 {
	width:760px;
}
.grid3>div {
	float:left;
	width:220px;
	margin:0 20px 1em 0;
	font-size:13px;
}
.grid4 {
	width:760px;
}
.grid4>div {
	float:left;
	width:180px;
	margin:0 20px 1em 0;
	font-size:12px;
}
*/

/*通常グリッド*/
.grid2,.grid3,.grid4,.grid5{ width:760px;}
.grid2>*{ float:left; width:360px; margin:0 20px 1em 0; font-size:14px;}
.grid2>* img{margin-bottom:10px;}
.grid3>*{ float:left; width:233px; margin:0 20px 1em 0; font-size:13px;}
.grid3>* img{margin-bottom:9px;}
.grid4>*{ float:left; width:170px; margin:0 20px 1em 0; font-size:12px;}
.grid4>* img{margin-bottom:8px;}
.grid5>*{ float:left; width:132px; margin:0 20px 1em 0; font-size:11px;}
.grid5>* img{margin-bottom:7px;}

/*１カラム　グリッド*/
.oneColumn .grid2,.oneColumn .grid3,.oneColumn .grid4,.oneColumn .grid5{ width:1020px;}
.oneColumn .grid2>*{width:490px;}
.oneColumn .grid3>*{width:320px;}
.oneColumn .grid4>*{width:235px;}
.oneColumn .grid5>*{width:184px;}

/*サイドバー*/
.sideBar{
	width:300px;
	float:right; clear:right;
	font-size:12px;
}
.sideBar .mainNav1 {
	margin:0 0 30px;
	box-shadow:5px 5px 6px #eee;
}
.sideBar .mainNav1 li a {
	display:none;
	-webkit-transition:  all 0.2s ease-out;
	-moz-transition:  all 0.2s ease-out;
	-o-transition:  all 0.2s ease-out;
	-ms-transition:  all 0.2s ease-out;
	transition:  all 0.2s ease-out;
}
.sideBar .mainNav1 li a:hover {
	opacity:0.7;
}
.sideBar .mainNav1 li a.current.level_1, .sideBar .mainNav1 li a.parent.level_1 {
	display:block;
	width:210px;
	background:url(../img/spr.png) no-repeat left center #444;
	color:#FFF;
	margin:0 0 0 -10px;
	line-height:1.2;
	padding:20px 0 20px 20px;
	text-shadow:-1px -1px 0px #000;
}
.sideBar .mainNav2 li.listDivider{ background:#666; color:#fff; text-align:center; padding:5px 0;}
.sideBar .mainNav2 li.indent{ text-indent:0; padding-left:15px;}
.sideBar .mainNav2 li a {
	display:block;
	/*width:200px;*/
	background:url(../img/sch2.png) no-repeat left center #e5e5e5;
	color:#000;
	margin:0 0 0 0px;
	line-height:1.2;
	padding:20px 0 20px 20px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	text-shadow: 1px 1px 0 #FFFFFF;
}
.sideBar .mainNav2 li a.current {
	color:#2f4a66;
	background-image:url(../img/sch.png);
	background-color:#FFE1DF;
	border-bottom-color:#DFABA7;
}
.sideBar .mainNav3 li a {
	display:block;
}
.mainNav1 li.bn {
	padding: 5px 0 5px;
}
.mainNav1 li.bn a:hover {
	background-color: #fff !important;
}
/*テーブル*/
table.style {
	width:100%;
	border-collapse: collapse;
	line-height:1.4;
	margin-bottom:1em;
}
table.style th {
	background:url(../img/L.png) repeat-x left top #EEEEEE;
	border:#ccc 1px solid;
	padding: 12px 10px;
	font-weight:bold;
	vertical-align:middle;
	box-shadow:-4px -4px 16px #fff inset;
	font-size:14px;
}
table.style td {
	background:url(../img/L.png) repeat-x left top #f9f9f9;
	border:#ddd 1px solid;
	padding:6px 8px;
	vertical-align:middle;
	box-shadow:-4px -4px 16px #fff inset;
	font-size:14px;
}
table.style td td, table.style td th {
	background:none;
	border:none;
	margin:0;
	padding:0;
}
/*プライバシーステートメント サイトマップなど*/
#page-1788728779 .container>#content_area>h1 {
	font-size:23px;
	border-bottom:1px solid #ccc;
}
#page-1788728779 .container>#content_area>h1.firstChild {
	background:url(../img/bgb.png) repeat;
	border:none;
	text-shadow:0 -1px 0 #000;
	box-shadow:none;
	font-size:32px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding:1em 0;
	margin:-20px -20px 0 -20px;
	line-height:1;
	border-bottom:1px solid #000;
}
#page-1788728779 .container>#content_area>h1+br+p {
	padding:0 200px;
	line-height:2.2;
}
/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button{border:none; padding:0.5em 1.5em; font-weight:bold; text-align:center; vertical-align:middle; cursor: pointer; border-radius:3px; position:relative; display:inline-block; text-decoration:none; color:#fff; background:linear-gradient(#666,#000); border:1px solid #000; box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset , 0 0 3px rgba(0,0,0,0.2); text-decoration:none !important;
-webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
.button:hover{ text-decoration:none; opacity:0.8;}
/*ボタン　色分け*/
.button.white{color:#333; background:linear-gradient(#fff,#eee); border:1px solid #ccc; box-shadow:0 0 0 1px rgba(255,255,255,1.0) inset , 0 0 3px rgba(0,0,0,0.2);}
.button.red{color:#fff; background:linear-gradient(#ff4238,#b50900); border:1px solid #b50900; box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset , 0 0 3px rgba(0,0,0,0.2);}
