@charset "utf-8";


/* Brisk
   ========================================================================== */

.brisk .global-navi {
background-color: #324c8c;
}
/*
.brisk .global-navi-w,
.brisk .global-navi-inner li ul li,
.brisk .global-navi-inner li ul li ul li,
.brisk .box--medium > .box__title span,
.brisk .bgcolor--medium,
.brisk .table--large th,
.brisk .form-button { background-color: #516aa2 }
.brisk .subheader--medium,
.brisk .subheader--small .inner,
.brisk .box--large,
.brisk .box--medium > .box__title,
.brisk .box--medium > .box__title--small,
.brisk .bgcolor--medium { border-color: #516aa2 }
*/

.brisk .global-navi-inner li {
width: 25%;
}

@media(max-width: 640px) {

.brisk .global-navi-inner li {
width: 100%;
}

}




/* ==========================================================================
   色
   ========================================================================== */

/* ページ背景色 */
body { background-color: #ffffff }

/* ページ背景画像 */
body {
  background-image: url(ipfw/stock-image/bg/00-simple/simple01-green.png);
  background-position: center 0;
  background-repeat: no-repeat;
  background-attachment: ;
  background-size: ;
}

/* リンク */
a {
color:#0078b9;
}
a:hover { color:  }

/* サイトタイトル */
.site-title img {
width: 350px;
height: auto;
}
.site-title,
.site-title a { color: #333 }
.site-title a:hover { color: #666 }
.site-description { color: #666 }

/* ヘッダーナビ */
.header-navi li a {
color: #368098;
}
.header-navi li a:hover,
.header-navi li a.active {
color: #bb193c;
text-decoration: underline;
}

/* グローバルナビ */
.global-navi-inner,
.global-navi-inner-w,
.global-navi-inner li ul li,
.global-navi-inner li ul li ul li { background-color:  }
.global-navi-inner li a { color: ; text-shadow:  }

/* コンテンツエリアの背景色 */
.l-container { background-color: }

/* ページの先頭への三角 url(img/pagetop-blk.png) か url(img/pagetop-wht.png) */
.pagetop a { background-image:  }

/* フッター */
.l-footer address,
.l-footer p {
color: #ffffff;
font-size: 8px;
}
.l-footer a { color: #ffffff }


/* ==========================================================================
   大きさ
   ========================================================================== */

/* ページ全体の幅 */
.c1   .l-header-inner, .c1   .global-navi, .c1   .global-navi-inner, .c1   .l-container, .c1   .l-footer-inner { }
.c2l  .l-header-inner, .c2l  .global-navi, .c2l  .global-navi-inner, .c2l  .l-container, .c2l  .l-footer-inner { max-width: 1020px }
.c2r  .l-header-inner, .c2r  .global-navi, .c2r  .global-navi-inner, .c2r  .l-container, .c2r  .l-footer-inner { max-width: 1020px }

/* メイン・サブの幅 */
.l-main { width: 80% }
.l-sub  { width: 20% }

/* メイン・サブ間の間隔 */
/* c2r */
.c2r .l-main { padding-right: 20px }
.c2r .l-sub  { padding-left:  20px }

/* c2l */
.c2l .l-main { padding-left:   }
.c2l .l-sub  { padding-right:  }

/* サイトタイトル */
.site-title { font-size:  }
.site-title { font-weight:  }

/* サイトの説明 */
.site-description { font-size:  }
.site-description { width:  }

/* ヘッダーナビ */
.header-navi li { font-size:  }

/* グローバルナビ */
.global-navi-inner li { font-size:  }

/* コンテンツエリア内側の余白 Nには同じ数字が入る */
.l-container, .c2l .l-container, .c2r .l-container { padding: 0 }
*[class*="bgcolor--"], .c2l *[class*="bgcolor--"], .c2r *[class*="bgcolor--"] { margin-left:  -30px }
*[class*="bgcolor--"], .c2l *[class*="bgcolor--"], .c2r *[class*="bgcolor--"] { margin-right: -30px }

/* ボックス内側の余白 [Nm],[Ns]には同じ数字が入る */
*[class*="box--"] { padding: 18px }
*[class*="box--"] > *[class*="box__title"],
*[class*="box--"] > .box__title--small { margin: -18px -18px 18px }

.sub *[class*="box--"] { padding: [Ns]px }
.sub *[class*="box--"] > *[class*="box__title"],
.sub *[class*="box--"] > .box__title--small { margin: -[Ns]px -[Ns]px [Ns]px }

/* 背景色の余白 */
*[class*="bgcolor--"] { padding:  }

/* フッター */
.l-footer address,
.l-footer p {
font-size: 12px;
}

/* ==========================================================================
   形
   ========================================================================== */

/* コンテンツエリアの角 */
.l-container { border-radius:  }

/* コンテンツエリアの影 */
.l-container { box-shadow:  }


/* ==========================================================================
   利用規約等
   ========================================================================== */

.Paragraph {
margin-top: 30px;
}

.LeadTxt {
margin: 0 0 30px 0;
font-weight: bold;
}

.Paragraph dl {
margin: 0 0 30px 0;
}

.Paragraph dt {
margin: 0 0 15px 0;
padding: 0 0 7px 0;
color: #324c8c;
border-bottom: 2px solid #324c8c;
font-size: 18px;
font-weight: bold;
}

.Paragraph dd {
margin: 0 0 0 0;
}

.Paragraph .About {
margin: 20px 0 0 0;
}

p.Aleart {
color: #dc0101;
}



/* ==========================================================================
   フォトギャラリー
   ========================================================================== */
   

.Page_Gallery {
}

.Page_Gallery .Day {
margin: 10px 0 0 0;
color: #bc043b;
font-size: 14px;
font-weight: bold;
}

.Page_Gallery .New {
padding: 0 80px 0 0;
background: url(./img/common/Icon_New.png) no-repeat;
background-position: 105px 4px;
}

.Page_Gallery img {
width: 100%;
border: 1px solid #cecece;
}

.Page_Gallery a {
color: #368098;
display: block;
}

.Page_Gallery a:hover,
.Page_Gallery a.active {
color: #bb193c;
text-decoration: underline;
}


/* ==========================================================================
   ショッピング
   ========================================================================== */
   

#Page_Shopping {
}

#Page_Shopping h2 {
margin: 0 0 30px 0;
padding: 0 0 5px 0;
font-size: 24px;
line-height: 1.4;
font-weight: bold;
border-bottom: 1px #999 dotted;
}

#Page_Shopping img {
width: 100%;
border: 1px solid #cecece;
}

#Page_Shopping a {
color: #368098;
display: block;
}

#Page_Shopping a:hover,
#Page_Shopping a.active {
color: #bb193c;
text-decoration: underline;
}

#Page_Shopping .button {
	display: inline-block;
	width: 100%;
	padding: 15px;
	border: 1px solid #001e91;
	border-radius: 5px;
	background-color: #193caf;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height: 1.1;
	/* oldie */
	position: relative;
	zoom: 1;
	-pie-box-shadow: 0 1px 2px #999;
	behavior: url(ipfw/PIE.htc);
}

#Page_Shopping .button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #001e91;
}


/* ==========================================================================
   What's new
   ========================================================================== */
   

.whatsnew__more {
	position: relative;
	display: block;
	margin: 5px 0;
	padding-left: 15px;
	color: #666;
	font-size: 12px;
}

.whatsnew__more:before {
	position: absolute;
	top: 5px;
	left: 0;
	border: 5px solid transparent;
	border-top-color: #aaa;
	content: "";
}

.whatsnew__more:hover {
	cursor: pointer;
	color: #333;
}

/* ニュース（large）========================================================================== */

.whatsnew--large {
overflow: auto;
/* max-height: 310px; */
text-align: left;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.333;
}

.whatsnew--large a {
color: #368098;
}


.whatsnew--large a:hover,
.whatsnew--large a.active {
color: #bb193c;
text-decoration: underline;
}

.sub .whatsnew--large {
font-size: 13px;
font-size: 1.3rem;
}

.whatsnew--large dt {
float: left;
clear: both;
margin: 0;
padding: 20px 0;
width: 140px;
color: #324c8c;
font-weight: bold;
}

.whatsnew--large .New {
background: url(./img/common/Icon_New.png) no-repeat;
background-position: 85px 20px;
}

.whatsnew--large dd {
margin: 0;
padding: 20px 10px 20px 120px;
border-bottom: 1px solid #c4c4c4;
}

/*
.whatsnew--large dd:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
*/


/* ニュース詳細（large）========================================================================== */

.NewsDetailArea .Day {
margin: 30px 0 0 0;
color: #bc043b;
font-size: 14px;
font-weight: bold;
}

.NewsDetailArea h1 {
margin: 0 0 20px 0;
padding: 0 0 5px 0;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #c4c4c4;
}

.NewsDetailArea .New {
padding: 0 80px 0 0;
background: url(./img/common/Icon_New.png) no-repeat;
background-position: 120px 4px;
}

.PageBackList {
margin: 30px 0 0 0;
}


.whatsnew--large .whatsnew__body {
	font-size: 12px;
	color: #666;
	overflow:hidden
}

.whatsnew--large .whatsnew__body ul {
	list-style-type: disc;
	padding-left: 2em;
}

.whatsnew--large .whatsnew__body ul li {
	font-size: 12px;
	margin-top: 5px;
}


@media(max-width: 640px) {

	.whatsnew--large dt {
		padding-bottom: 0;
		float: none;
		width: auto;
	}

	.whatsnew--large dd {
		padding: 10px 0 10px 0;
	}

}

/* small */

.whatsnew--small {
	overflow: auto;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

	.sub .whatsnew--small {
		font-size: 13px;
		font-size: 1.3rem;
	}

.whatsnew--small dt {
	margin: 0;
	padding: 0 0 5px;
	font-weight: bold;
}

.whatsnew--small dd {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ededed;
}

.whatsnew--small dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.whatsnew--small .whatsnew__body {
	font-size: 12px;
	color: #666;
	overflow: hidden;
}

.whatsnew--small .whatsnew__body ul {
	list-style-type: disc;
	padding-left: 2em;
}

.whatsnew--small .whatsnew__body ul li {
	font-size: 12px;
	margin-top: 5px;
}




/* ==========================================================================
   フォーム
   ========================================================================== */

.form--tn {
}

.form--tn p {
text-align: left;
}

.form--tn .form--item {
  margin: 0;
  padding: 0.5em 0;
  display: block;
  border-top: 1px solid #eee;
  clear: both;
  overflow: hidden;
  text-align: left;
}

.form--tn .form--item span.left {
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 1em;
  width: 12em;
  background-color: #f0f0f0;
  padding: 10px 0 10px 10px;
 height: 
}

.form--tn .form--item span.right {
  display: block;
  float: left;
  padding: 10px 0 10px 0;
}


.form--tn .form--txt {
  margin: 0;
  padding: 0.5em 0;
  display: block;
  border-top: 1px solid #eee;
  clear: both;
  overflow: hidden;
  text-align: left;
}

.form--tn .form--txt span.left {
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 1em;
  width: 12em;
  padding: 10px 0 10px 0;
 height: 
}

.form--tn .form--txt span.right {
  display: block;
  float: left;
  padding: 10px 0 10px 0;
}

.form--tn input[type="text"] {
  margin: 0;
  width: 50%;
}

.form--tn input[type="text_n"] {
  margin: 0;
  width: 30%;
}

.form--tn input[type="textarea"] {
  margin: 0;
  width: 100%;
}

.form--tn textarea {
  margin: 0;
  width: 100%;
}

.form--tn .form-button,
.form--tn .form-button-w {
padding: .666em 1.333em;
font-weight: bold;
font-size: 16px;
font-size: 1.7rem;
}



@media(max-width: 640px) {

  .form--tn .form--item span.left ,
  .form--tn .form--item span.right {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }

  .form--tn .form--txt span.left ,
  .form--tn .form--txt span.right {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }

.form--tn .form-button {
    width: 100%;
  }
}


/* 幅調整 */

*[class*="form--"] input.input--w1em { width: 1em; }
*[class*="form--"] input.input--w2em { width: 2em; }
*[class*="form--"] input.input--w3em { width: 3em; }
*[class*="form--"] input.input--w4em { width: 4em; }
*[class*="form--"] input.input--w5em { width: 5em; }
*[class*="form--"] input.input--w6em { width: 6em; }
*[class*="form--"] input.input--w7em { width: 7em; }
*[class*="form--"] input.input--w8em { width: 8em; }
*[class*="form--"] input.input--w9em { width: 9em; }
*[class*="form--"] input.input--w10em { width: 10em; }
*[class*="form--"] input.input--w11em { width: 11em; }
*[class*="form--"] input.input--w12em { width: 12em; }
*[class*="form--"] input.input--w13em { width: 13em; }
*[class*="form--"] input.input--w14em { width: 14em; }
*[class*="form--"] input.input--w15em { width: 15em; }
*[class*="form--"] input.input--w16em { width: 16em; }
*[class*="form--"] input.input--w17em { width: 17em; }
*[class*="form--"] input.input--w18em { width: 18em; }
*[class*="form--"] input.input--w19em { width: 19em; }
*[class*="form--"] input.input--w20em { width: 20em; }
*[class*="form--"] input.input--w30em { width: 30em; }
*[class*="form--"] textarea.input--w30em { width: 30em; }

@media(max-width: 640px) {
  *[class*="input--w"] { width: 100%; }
}




/* ==========================================================================
   その他
   ========================================================================== */

.banner {
  margin-bottom: 40px;
}

.frame {
  border: none;
}