html,body {
  margin: 0 auto;
  text-align: left;
  font-family: "メイリオ", "MS UI Gothic", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",sans-serif,"Sazanami Gothic","IPA mona UIGothic";
  color: #595959;
  background-color: #FFFFFF;
  font-size: 12px;
  line-height: 1.6;
  background-image: none;
  width: 620px;
}

a {
 text-decoration: underline;
}

a:link {
 color: #142CFF;
}

a:visited {
 color: #977DFF;
}

a:hover {
 color: #1900FF;
}

h1, h2, h3, h4, h5, h6, br, p, span, strong {
 margin: 0;
 padding: 0;
 font-weight: normal;
}

img {
 border: none;
 vertical-align: top;
}

table {
 border-collapse: collapse;
}

#pan {
 width: 610px;
 padding: 3px 5px 20px 5px;
 text-align: right;
}

.txt-l { /* 左レイアウト */
 float: left;
}

.txt-r { /* 右レイアウト */
 float: right;
}

.clear { /* レイアウト解除 */
 clear: both;
 vertical-align: top;
 margin: 0;
 padding: 0;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*======================
	STRONG/B EM/I
========================*/
strong, b
{
	font-weight: bold;
}
em, i
{
	font-style:italic;
}


/*======================
	UNORDERED LIST
========================*/
ul
{
	margin: 15px 25px; 
        padding: 0 0 0 25px;
}
ul li
{
}
/*======================
	ORDERED LIST
========================*/
ol 
{
	list-style:decimal; 	
	margin-left:35px; 
	margin-top:15px; 
}
ol li
{
	padding: 0 0 15px 0;
}
/*======================
	colorbox.js
========================*/
.colorbox_contact { /* お問合せリンク用 */
}
.colorbox_photo { /* 画像リンク用 */
}

/*======================
   TinyMCEエディタの左/右寄せツールバグ対応 
========================*/
img.justifyleft   {margin-right:10px;float:left;}
img.justifyright  {margin-left:10px;float:right;}
div.justifyleft   {margin-right:10px;float:left;line-height:1.6;}
div.justifyright  {margin-left:10px;float:right;line-height:1.6;}
p.justifyleft   {margin-right:10px;float:left;line-height:1.6;}
p.justifyright  {margin-left:10px;float:right;line-height:1.6;}
#img_banner {
  width: 620px;
  height: 110px;
  overflow: hidden;
  position: relative;
}

#img_banner .inner-color {
  width: 620px;
  height: 30px;
  background: #35B559;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

#img_banner .inner {
  width: 620px;
  height: 110px;
background: url(assets/images/common/banner_frame5.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#img_banner span {
  font-size: 16px;
  position: absolute;
  bottom: 3px;
  left: 10px;
  line-height: 1.6em;
  font-weight: bold;
  color: #674FFF;
  z-index: 3;
}
h3 {
  color: #333333;
  width: 620px;
  height: 36px;
  background-color: #35B559;
  background-image: url(assets/images/themes/red_heat/bg_title_01.png);
  background-repeat: no-repeat;
  margin: 0 0 15px 0;
  padding-left: 0px!important;
  line-height: 36px;
  text-indent: 30px;
  font-size:15px;font-weight:bold;
  clear: both;
  }

h4 {
  color: #FFFFFF;
  width: 620px;
  height: 36px;
  background-color: #35B559;
  background-image: url(assets/images/themes/red_heat/bg_title_02.png);
  background-repeat: no-repeat;
  margin: 0 0 15px 0;
  padding-left: 0px!important;
  line-height: 36px;
  text-indent: 20px;
  font-size:15px;font-weight:bold;
  clear: both;
  }

h5 {
  color: #333333;
  width: 620px;
  height: 36px;
  background-color: #35B559;
  background-image: url(assets/images/themes/red_heat/bg_title_03.png);
  background-repeat: no-repeat;
  margin: 0 0 15px 0;
  padding-left: 0px!important;
  line-height: 36px;
  text-indent: 35px;
  font-size:15px;font-weight:bold;
  clear: both;
  }

h6 {
  color: #35B559;
  width: 620px;
  height: 20px;
  background-color: #35B559;
  background-image: url(assets/images/bar/bar4.png);
  background-repeat: no-repeat;
  margin: 0 0 15px 0;
  padding-left: 0px!important;
  line-height: 20px;
  text-indent: 5px;
  font-size:12px;font-weight:bold;
  clear: both;
  }

/*--------- header ---------*/

#header {
  width: 620px;
  padding: 0;
  margin: 0 auto;
  }

#head-top {
  display: none;
  }

#head-top_p {
  display: block;
  width: 620px;
  height: 95px;
  margin: 0 auto 0px auto;
  position: relative;
  background-color: #35B559;
  }

#header h1 {
  width: 620px;
  font-size: 9px;
  color: #35B559;
  padding: 0 0 0 0;
  position: absolute;
  top: 2px;
  left: 0px;
  text-indent: 0px;
  }

#header .obi {
  display: none;
  }

#header .obi h2 {
  font-size: 9px;
  color: #FFFFFF;
  }

#head-top_p img.logo {
  width: 620px;
  height: 92px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  }

/*--------- contents ---------*/

#container {
        width: 620px;
        position: relative;
        height: 100%;
        min-height: 100%;
}

body > #container {
        height: auto;
}

#base {
 margin: 0px auto 0 auto;
 text-align: left;
 width: 620px;
 padding: 0;
 border: 0;
}

#main {
  width: 620px;
  padding: 15px 0px 0 0px;
  margin: 0px auto 0 auto;
  }

#main, #main .sb-inner {

  }

#main .sb-shadow {
  background: #777777;
  }

#main .sb-border {
  background: #999999;
  }

#contents {
  float: right;
  width: 620px;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
  }

#contents p {
  padding-left: 5px;
  }
#contents img {
  max-width: 620px;
  }

/* --- CSS Button ----------------------------------------------- */
div.css_button {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
a.css_button
{
  margin: 10px;
  text-decoration: none;
  font: bold 16px; /*Change the em value to scale the button*/
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #9c9c9c;
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
  box-shadow: 0 0 .05em rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}
/*
a.css_button, .button span
{
  -moz-border-radius: .3em;
  border-radius: .3em;
}
*/
a.css_button span
{
  display: block;
  color: #FFFFFF;
  padding: 0.5em 2.5em;

/* The background pattern */
/*
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
            -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
            -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
            -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
  background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
            -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
            -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
            -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
*/
/* Pattern settings */

  -moz-background-size: 3px 3px;
  -webkit-background-size: 3px 3px;
  background-size: 3px 3px;
}

a.css_button:hover
{
  box-shadow: 0 0 .1em rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
  color: #FFFFFF;
}

a.css_button:active
{
/* When pressed, move it down 1px */
  position: relative;
  top: 1px;
}
/*----------------------------*/
.button-khaki { background: #A2B598; background: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598) ); background:-moz-linear-gradient(-90deg, #BDD1B4, #A2B598); background: -o-linear-gradient(top, #BDD1B4, #A2B598); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');  }
.button-khaki:hover { background: #BDD1B4; background: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4) ); background: -moz-linear-gradient(-90deg, #A2B598, #BDD1B4); background: -o-linear-gradient(top, #A2B598, #BDD1B4); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4'); }
.button-khaki:active { background: #A2B598; }
/*----------------------------*/
.button-blue { background: #4477a1; background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) ); background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1); background: -o-linear-gradient(top, #81a8cb, #4477a1); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); }
.button-blue:hover { background: #81a8cb; background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) ); background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb); background: -o-linear-gradient(top, #4477a1, #81a8cb); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');  }
.button-blue:active { background: #4477a1; }
/*----------------------------*/
.button-brown { background: #8f3714; background: -webkit-gradient(linear, left top, left bottom, from(#bf6f50), to(#8f3714) ); background: -moz-linear-gradient(-90deg, #bf6f50, #8f3714); background: -o-linear-gradient(top, #bf6f50, #8f3714); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bf6f50', EndColorStr='#8f3714'); }
.button-brown:hover { background: #bf6f50; background: -webkit-gradient(linear, left top, left bottom, from(#8f3714), to(#bf6f50) ); background: -moz-linear-gradient(-90deg, #8f3714, #bf6f50); background: -o-linear-gradient(top, #8f3714, #bf6f50); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8f3714', EndColorStr='#bf6f50'); }
.button-brown:active { background: #8f3714; }
/*----------------------------*/
.button-green { background: #428739; background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) ); background: -moz-linear-gradient(-90deg, #c8dd95, #428739); background: -o-linear-gradient(top, #c8dd95, #428739); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739'); }
.button-green:hover { background: #c8dd95; background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95) ); background: -moz-linear-gradient(-90deg, #428739, #c8dd95); background: -o-linear-gradient(top, #428739, #c8dd95); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95'); }
.button-green:active { background: #428739; }
/*----------------------------*/
.button-red { background: #D82741; background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) ); background: -moz-linear-gradient(-90deg, #E84B6E, #D82741); background: -o-linear-gradient(top, #E84B6E, #D82741); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741'); }
.button-red:hover { background: #E84B6E; background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) ); background: -moz-linear-gradient(-90deg, #D82741, #E84B6E); background: -o-linear-gradient(top, #D82741, #E84B6E); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E'); }
.button-red:active { background: #D82741; }
/*----------------------------*/
.button-purple { background: #6F50E7; background: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7) ); background: -moz-linear-gradient(-90deg, #B8A9F3, #6F50E7); background: -o-linear-gradient(top, #B8A9F3, #6F50E7); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B8A9F3', EndColorStr='#6F50E7'); }
.button-purple:hover { background: #B8A9F3; background: -webkit-gradient(linear, left top, left bottom, from(#6F50E7), to(#B8A9F3) ); background: -moz-linear-gradient(-90deg, #6F50E7, #B8A9F3); background: -o-linear-gradient(top, #6F50E7, #B8A9F3); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6F50E7', EndColorStr='#B8A9F3'); }
.button-purple:active { background: #6F50E7; }
/*----------------------------*/
.button-black { background: #141414; background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) ); background: -moz-linear-gradient(-90deg, #656565, #141414); background: -o-linear-gradient(top, #656565, #141414); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414'); }
.button-black:hover { background: #656565; background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) ); background: -moz-linear-gradient(-90deg, #141414, #656565); background: -o-linear-gradient(top, #141414, #656565); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565'); }
.button-black:active { background: #141414; }
/*----------------------------*/
.button-orange { background: #f09c15; background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) ); background: -moz-linear-gradient(-90deg, #f8c939, #f09c15); background: -o-linear-gradient(top, #f8c939, #f09c15); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15'); }
.button-orange:hover { background: #f8c939; background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939) ); background: -moz-linear-gradient(-90deg, #f09c15, #f8c939); background: -o-linear-gradient(top, #f09c15, #f8c939); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939'); }
.button-orange:active { background: #f09c15; }
/*----------------------------*/
.button-silver { background: #c5c5c5; background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) ); background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5); background: -o-linear-gradient(top, #eaeaea, #c5c5c5); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5'); }
.button-silver:hover { background: #eaeaea; background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) ); background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea); background: -o-linear-gradient(top, #c5c5c5, #eaeaea); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea'); }
.button-silver:active { background: #c5c5c5; }
/*--------- クロスフェード ---------*/

#imageContainer {
  position:relative;
margin: 0px auto 0 auto;
  width:620px; /*画像の横幅*/
  height: 173px;
  overflow: hidden;
}

#imageContainer img {
  display:none;
  position:absolute;
  top:0; left:0;
  width:620px;
}

/*--------- 新着情報 ---------*/

.whatsnew {
  width: 620px;
  margin: 0 auto 20px auto;
  }

.whatsnew-cont {
  height: 150px;
  padding: 0px 10px 15px 10px;
  overflow-x: none;
  overflow-y: none;
  line-height: 1.4em;
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  background-color: #FFFFFF;
  }

.whatsnew h3 {
  margin: 0;
  }

.whatsnew dl {
  margin: 5px 0 0 0;
  padding: 5px 0 5px 0;
  font-size: 12px;
  border-bottom: 1px dashed #AAAAAA;
  }

.whatsnew dt {
  width: 6em;
  margin: 0;
  padding: 0;
  float: left;
  }

.whatsnew dd {
  _height: 1%; /* Hack for Win IE6 */
  margin: 0 0 0 6.5em;
  padding: 0;
  text-align: left;
  }

.whatsnew p {
  margin: 0;
  padding: 0;
  }


/*--------- footer ---------*/

#footer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: static;
  bottom: 0;
  padding: 0;
  font-size: 9px;
  text-align: center;
  background-color: #35B559;

  background-image: url(assets/images/themes/red_heat/bg.png);

  background-repeat: repeat-x;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px inset #000;
}

#footer p {
  line-height: 25px;
  color: #FFFFFF;
}

#footer-menu {
  display: none;
}

#footer-menu a {
  color: #FFFFFF;
}

#footer-menu a:hover {
  color: #FFE2B0;
}

#footer-menu ul {
  padding: 5px 0 0 0;
  margin: 0;
}

#footer-menu li {
  padding: 0 2px 0 2px;
  margin: 0;
  display: inline;
}

#copy-right {
  display: none;
}

/*--------- sidemenu ---------*/

#sidemenu,
#yoko,
#tate,
#qmEditor,
.page_back,
#smooth_menu_1,
#pan {
  display:none;
}

#img_banner {
  margin-bottom:15px;
}