@charset "UTF-8";

/* *****************************************************
Contents ---------------
01: reset
02: LayerBase
03: LayerBody
04: LayerHeader
05: LayerFooter
------------------------
***************************************************** */

/* *****************************************************
reset
***************************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
 {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 font-style: normal;
 background:transparent;
 }

html {
  min-height: 100%;
}

body
 {
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  font-size: 87.5%; /* 14px */
  line-height: 183%; /* 22px */
  background-image: -moz-linear-gradient(top, #ffffff, #f7dfdf);
  background-image: -ms-linear-gradient(top, #ffffff, #f7dfdf);
  background-image: -o-linear-gradient(top, #ffffff, #f7dfdf);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f7dfdf));
  background-image: -webkit-linear-gradient(top, #ffffff, #f7dfdf);
  background-image: linear-gradient(top, #ffffff, #f7dfdf);
  /* InternetExplorer */
  /* IE5.5-7 */
  filter: progid:
  DXImageTransform.Microsoft.gradient(
  startColorstr='#ffffff', endColorstr='#f7dfdf', GradientType=1);
  /* IE8-9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7dfdf', GradientType=0)";
  /* IE10 */
  background: -ms-linear-gradient(top, #ffffff, #f7dfdf);
 }

article, aside, details, figcaption, figure, footer, header, menu, nav, section
 {
 display:block;
 }

h1, h2, h3, h4, h5, h6, strong, em
 {
 font-weight: normal;
 }

ul
 {
 list-style:none;
 }

blockquote, q
 {
 quotes:none;
 }

blockquote:before, blockquote:after, q:before, q:after
 {
 content:'';
 content:none;
 }

a, a:link, a:visited
 {
 margin:0;
 padding:0;
 color: #c53848;
 text-decoration: none;
 background:transparent;
 outline: none;
 vertical-align: bottom;
 }

a:hover, a:active
 {
 text-decoration: underline;
 color: #f0828f;
 }

table
 {
 border-collapse:collapse;
 border-spacing:0;
 }

img
 {
 font-size: 0;
 line-height: 0;
 vertical-align: top;
 }

input, select
 {
 vertical-align:middle;
 }

/* *****************************************************
LayerContainer
***************************************************** */
#LayerContainer
 {
 width: auto;
 height: auto;
 margin: 0 auto 10px;
 }


/* *****************************************************
LayerBase
***************************************************** */
#LayerBase
 {
 clear: both;
 height: auto;
 margin: 0 auto;
 padding: 0;
 width: auto;
 }


/* *****************************************************
LayerBody
***************************************************** */
#LayerBody
 {
 width: 900px;
 height: auto;
 clear: both;
 margin: 0 auto;
 padding: 0;
 }

#LayerBody:after
 {
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
 }


/* *****************************************************
LayerHeader
***************************************************** */
#LayerHeader
 {
 width: auto;
 height: auto;
 padding: 0;
 margin: 0 0 0 0;
 font-size: 100%;
 }

/* AreaHeader
----------------------------------- */
#AreaHeader
 {
 width: 900px;
 height: auto;
 min-height: 110px;
 padding: 0;
 margin: 0 auto;
 }

#AreaHeader:after,
#AreaGnavi:after
 {
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
 }

#AreaHeader #HeaderLeft
 {
 width: 152px;
 float: left;
 height: auto;
 }

#HeaderLeft p#logo
 {
 margin: 17px 0 0 32px;
 padding: 0;
 width: 120px;
 height: 82px;
 line-height: 82px;
 }

#HeaderLeft p#logo a
 {
 display: block;
 width: 258px;
 height: 28px;
 }

noscript p
 {
 font-size: 116%; /* 14px */
 }

#AreaHeader #HeaderRight
 {
 float: right;
 width: 320px;
 height: auto;
 }

#AreaHeader #headerLink
 {
 width: 320px;
 height: 60px;
 margin: 0;
 text-align: right;
 margin-top: 25px;
 }

#headerLink
 {
 margin: 25px 0 25px 0;
 padding: 0;
 }

#LayerHeader .top-bannar
{
	margin-bottom: 11px;
}

/* AreaGnavi
----------------------------------- */
#AreaGnavi
 {
 width: 900px;
 height: auto;
 padding: 0;
 margin: 0 auto;
 }

#AreaGnavi ul
 {
 margin: 0;
 padding: 0;
 }

#AreaGnavi ul li
 {
 display: block;
 float: left;
 margin: 0 5px 0 0;
 padding: 0;
 /*line-height: auto;*/
 }

 #AreaGnavi ul li.gnavi06
 {
 margin: 0;
 }

#AreaGnavi ul li a {
    background-image: url("i/gnavi.png");
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
}

#AreaGnavi ul li.gnavi02 a br {
    display: none;
}

#AreaGnavi ul em
 {
 display: block;
 margin: 0;
 padding: 0;
 }

/*--- Gnavi01 ---*/
#AreaGnavi li.gnavi01 a,
#AreaGnavi li.gnavi01 a:link,
#AreaGnavi li.gnavi01 a:visited
{
    background-position: 0 0;
    width: 145px;
}

#AreaGnavi li.gnavi01 strong a,
#AreaGnavi li.gnavi01 strong a:link,
#AreaGnavi li.gnavi01 strong a:visited, #AreaGnavi li.gnavi01 a:hover, #AreaGnavi li.gnavi01 a:active {
    background-position: 0 -60px;
}

/*--- Gnavi02 ---*/
#AreaGnavi li.gnavi02 a,
#AreaGnavi li.gnavi02 a:link,
#AreaGnavi li.gnavi02 a:visited
{
    background-position: -150px 0;
    width: 146px;
}

#AreaGnavi li.gnavi02 strong a,
#AreaGnavi li.gnavi02 strong a:link,
#AreaGnavi li.gnavi02 strong a:visited,
#AreaGnavi li.gnavi02 a:hover,
#AreaGnavi li.gnavi02 a:active
{
    background-position: -150px -60px;
}

/*--- Gnavi03 ---*/
#AreaGnavi li.gnavi03 a,
#AreaGnavi li.gnavi03 a:link,
#AreaGnavi li.gnavi03 a:visited
{
    background-position: -301px 0;
    width: 146px;
}

#AreaGnavi li.gnavi03 strong a,
#AreaGnavi li.gnavi03 strong a:link,
#AreaGnavi li.gnavi03 strong a:visited,
#AreaGnavi li.gnavi03 a:hover,
#AreaGnavi li.gnavi03 a:active
{
    background-position: -301px -60px;
}

/*--- Gnavi04 ---*/
#AreaGnavi li.gnavi04 a,
#AreaGnavi li.gnavi04 a:link,
#AreaGnavi li.gnavi04 a:visited
{
    background-position: -452px 0;
    width: 146px;
}

#AreaGnavi li.gnavi04 strong a,
#AreaGnavi li.gnavi04 strong a:link,
#AreaGnavi li.gnavi04 strong a:visited,
#AreaGnavi li.gnavi04 a:hover,
#AreaGnavi li.gnavi04 a:active
{
    background-position: -452px -60px;
}

/*--- Gnavi05 ---*/
#AreaGnavi li.gnavi05 a,
#AreaGnavi li.gnavi05 a:link,
#AreaGnavi li.gnavi05 a:visited
{
    background-position: -603px 0;
    width: 146px;
}

#AreaGnavi li.gnavi05 strong a,
#AreaGnavi li.gnavi05 strong a:link,
#AreaGnavi li.gnavi05 strong a:visited,
#AreaGnavi li.gnavi05 a:hover,
#AreaGnavi li.gnavi05 a:active
{
  background-position: -603px -60px;
}

/*--- Gnavi06 ---*/
#AreaGnavi li.gnavi06 a,
#AreaGnavi li.gnavi06 a:link,
#AreaGnavi li.gnavi06 a:visited
{
    background-position: -754px 0;
    width: 146px;
}

#AreaGnavi li.gnavi06 strong a,
#AreaGnavi li.gnavi06 strong a:link,
#AreaGnavi li.gnavi06 strong a:visited,
#AreaGnavi li.gnavi06 a:hover,
#AreaGnavi li.gnavi06 a:active
{
  background-position: -754px -60px;
}

/* *****************************************************
LayerFooter
***************************************************** */
#LayerFooter
 {
 clear: both;
 width: auto;
 height: auto;
 margin-bottom: 40px;
 padding: 0;
 background-color: #c76b76;
 color: #fff;
 width: 100%;
 min-width: 960px;
 }

#LayerFooter section
 {
 width: 900px;
 height: auto;
 margin: 0 auto;
 padding: 17px 20px 15px 0;
 }

#LayerFooter section:after
 {
 clear: both;
 margin: 0;
 height: 0;
 content: "";
 display: block;
 visibility: hidden;
 }

#LayerFooter #AreaFooterText
{
	float: right;
	width: 610px;
	padding:0;
  line-height: 100%; /*13px*/
}

#LayerFooter address
 {
 margin: 0 0 6px 0;
 font-size: 85.7%;
 }

#LayerFooter p.copy
 {
 margin-bottom: 0;
 font-size: 85.7%;
 }

/* FooterLink
----------------------------------- */
#FooterLink
 {
 float: left;
 margin: 7px 0 0 0;
 padding: 0;
 }

#FooterLink ul
 {
 margin: 0;
 padding: 0;
 }

#FooterLink li
{
	background: url("i/h2_top.png") no-repeat 14px 4px transparent;
	float: left;
	margin: 0 25px 0 15px;
  padding: 0 0 0 32px;
  display: inline;
}

#FooterLink li:first-child
{
    margin: 0 0 0 10px;
}

#FooterLink li a{
	color: #fff;
}



 /* IE8 */
html>/**/body p.fade a:hover img{
    display /*\**/:inline-block\9;
    zoom /*\**/: 1\9;
}

/* 新旧Firefox */
p.fade a:hover img,p.fade a x:-moz-any-link { background: #fff;}
p.fade a:hover img,p.fade a x:-moz-any-link,p.fade a x:default { background: #fff;}

p.fade a img
{
  background: #fff;
}


/*     index2 tsuika      */

.iframe-content {
    position: relative;
    width: 100%;
    padding: 56% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}