@charset "Shift_JIS";
/* -------------------------------------------- */
/*  ▼ スマホ幅で適用するCSS ▼
/* -------------------------------------------- */
@media only screen and (max-width: 390px) {

/* ------------------------------------------------------------------- */
/*  ▼スマートフォンでで見たときは"sp"のclassがついた画像が表示される▼
/* ------------------------------------------------------------------- */
   .pc { display: none !important; }
   .sp { display: block !important; }

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  background-color: #ffffff;
  line-height: 1.7;
}

input[type="text"] {
   font-size: 150%;
}

.row{
    flex-direction: column;
}

img {
    width:95%;
    width-max:100%;
    height: auto;
}

p {
  padding: 15px;
  text-align: left;
  color: #000000;
  font-size: 16px;
}

p1 {
  padding: 15px;
  text-align: left;
  color: #000000;
  font-size: 13px;
}

p2 {
  padding: 15px;
  text-align: left;
  color: #000000;
  font-size: 14px;
}

h2 {
   margin: 0 0 8px 8px;
   padding: 5px 0 3px 14px;
   font-size: 12px;
   color: #ffffff;
   border-bottom: solid 1px;
   border-bottom-color: #cccccc;
   background: url(smartphone/img/h_bg.gif) center repeat-x;
}

/*---------- ヘッダー ----------*/

header {
  width: 100%;
  background-color: #86cc66;
}

header h1 {
  padding: 5px 0 5px 0;
  text-align: center;
  color: #333333;
  font-size: 18px;
}

header h1 a {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 18px;
}

header h1 a:hover {
  color: #999999 !important;
  text-decoration: underline;
  font-size: 18px;
}

header img.main_photo {
  width: 100%;
  height: auto;
}

#page_top {
  margin: 0;
  padding: 0;
}

#main h2 {
          margin: 0 0 8px 8px;
          padding: 5px 0 3px 14px;
          font-size: 12px;
          color: #ffffff;
          border-bottom: solid 1px;
          border-bottom-color: #cccccc;
          background: url(smartphone/img/h_bg.gif) center repeat-x;
}

#main h3 {
	font-size: 100%;	/*文字サイズ*/
	color: #2e5502;		/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-image : url(images/head03-650_4b6d0e.gif);	/*見出し(h3タグ)の背景画像▼*/
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
}

#main h4 {
	font-size: 100%;	/*文字サイズ*/
	color: #516d05;		/*文字色*/
	background-image: url(images/icon02_2e4204.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.box5-1{
	margin: 2em auto; /* ボックスの余白 */
	background-color: #fff;/* ボックス背景色 */
	padding: 5em 2em 2em; /* ボックス内側余白 */
	position:relative; /*配置(ここを基準に)*/
	box-shadow: 0px 1px 5px rgba(1,1,1,1.1);/*ボックス影*/
}
.box5-1 .box-title {
	background-color: #ff7f50;/* タイトル背景色 */
	font-size: 2.4em;/* タイトル文字の大きさ */
	color: #fff; /* タイトル文字色 */
	padding:10px;/*タイトル余白*/
	text-align: center;	/* タイトル中央寄せ */
	position:absolute;	/* 配置(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}

/*---------- コンテンツ ----------*/

#content {
  padding: 6px;
}

section {
  margin: 0 0 8px 0;
}

section h2 {
  margin: 0 0 8px 8px;
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(img/h_bg.gif) center repeat-x;
}

section h3 {
  font-size: 20px;
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

section p {
  padding: 15px;
  text-align: left;
  color: #000000;
  font-size: 15px;
}

section .gray_bg {
  margin: 8px 0 8px 0;
  padding: 2px 8px 2px 8px;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture {
  margin: 0 10px 10px 0;
  float: center;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}

section span.red {
  color: #e60033;
}

section span.red_b {
  color: #e60033;
  font-weight: bold;
}

section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #00ae4f;
}

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}

/****メニュー全体****/
#menu{
	/*配置*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 115px;
	height: 115px;
	background: rgba(200,200,200,1);
	/*配置*/
	overflow: hidden;
	position: absolute;
	right: 2px;
	top: 2px;
}

#menu .menuopen{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 20px;
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 20px;
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background: rgba(200,200,200,1);
	width: 60%;
	/*配置*/
	position: absolute;
	top: 120px;/*#menu divの高さ*/
	right: 0;
	display: none;
}

#menu li{
	/*デザイン*/
        font-size: 40px;
	padding: 30px;
	color: rgba(0,0,0,1);
	border-bottom: 1px rgba(255,255,255,1) solid;
	/*配置*/
	pointer-events: auto;
}

/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}


/*---------- フッター ----------*/

footer {
  width: 100%;
  padding: 10px 0 10px 0;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #000099;
}

footer p {
  padding: 10px;
  color: #555555; 
  text-align: center;
}

footer a {
  color: #ffffff !important;
}

footer a:hover {
  color: #ff0000 !important;
}

footer a:visited {
  color: #555555;
}

footer p.copy {
  padding: 10px;
  font-size: 12px;
  color: #ffffff;
}

footer p.copy a {
  color: #69821b !important;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #99ab4e !important;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #69821b;
  text-decoration: none;
}

footerFloatingMenu {
    display: block;
    width: 105%;
    background-color: #000;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

/* 入力確認ボタン */
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

} /* end @media */
/* -------------------------------------------- */
/*  ▼タブレットの場合に適用するCSS ▼
/* -------------------------------------------- */
@media only screen and (min-width: 768px) {
   .pc { display: none !important; }
   .sp { display: block !important; }
body {
h2 {
   margin: 0 0 8px 8px;
   padding: 5px 0 3px 14px;
   font-size: 12px;
   color: #ffffff;
   border-bottom: solid 1px;
   border-bottom-color: #cccccc;
   background: url(img2/h_bg.gif) center repeat-x;
}
}
/*---------- フッター ----------*/

footer {
  width: 100%;
  padding: 10px 0 10px 0;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #000099;
}

footer p {
  padding: 10px;
  color: #555555; 
  text-align: center;
}

footer a {
  color: #ffffff !important;
}

footer a:hover {
  color: #ff0000 !important;
}

footer a:visited {
  color: #555555;
}

footer p.copy {
  padding: 10px;
  font-size: 12px;
  color: #ffffff;
}

footer p.copy a {
  color: #69821b !important;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #99ab4e !important;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #69821b;
  text-decoration: none;
}

footerFloatingMenu {
    display: block;
    width: 105%;
    background-color: #000;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

/* 入力確認ボタン */
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

} /* end @media */

/* -------------------------------------------- */
/*  ▼PCの場合に適用するCSS ▼
/* -------------------------------------------- */
@media (min-width: 1024px) {

/* ---------------------------------------------------------- */
/*  ▼パソコンで見たときは"pc"のclassがついた画像が表示される▼
/* ---------------------------------------------------------- */
.pc { display: block !important; }
.sp { display: none !important; }


* {
	font-size: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

html {
	background-color: #121801;
}

body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: black;/*文字色*/
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: center;
	background-color: white;
}

/* for table */
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
p.btn input {
	width: 110px;
	height: 32px;
}

img {
	
        width:100%;
        height: auto;
}

a {
	color: #234b01;	/*リンク部分の文字色▼*/
}

a:hover {
	color: #367801;	/*リンク部分のマウスオーバー時の文字色▼*/
}

a:hover img {
	opacity: 0.6;			/*リンク画像 マウスオーバー時の透明度 IE以外のモダンブラウザ用*/
	filter: alpha(opacity=60);	/*リンク画像 マウスオーバー時の透明度 IE用*/
}

span {
	color: #347102;		/*spanタグを使用した時の文字色▼*/
}

strong {
	color: #1d3f01;		/*strongタグを使用した時の文字色▼*/
}

p {
	padding-bottom: 15px;
}

p.line {
	line-height: 22px;
	background-image: url(images/line_dot.gif);
	background-repeat: repeat;
}

span.bd1 {
       color: #ff0000;
       font-size:x-large; 
}

span.bd2 {
       color: #ff0000;
       font-size:large; 
}

span.bd3 {
       color: #000000;
       font-size:small; 
}

span.bd4 {
       color: #000000;
       font-size:x-large; 
}

span.bd_tel {
       color: #000080;
       font-size:xx-large; 
}

span.bd_title {
       color: #000080;
       font-size:xxx-large; 
}

span.logo1 {
       color: #000000;
       font-size:large;
}

input ,select{
 vertical-align: 0.5px;
}

input,textarea {
  outline: none;
}

/* --------------------------------------------------------------
▼ヘッダー部分の設定
-------------------------------------------------------------- */

#header {
	width: 100%;
	background-image: url(images/bg-white.gif);
	background-repeat: repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}

#header-inner {
	width: 900px;
	height: 120px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
/*見出し(h1タグ)FLASHメニュー左上部に表示されているテキスト部分
----------------------------------------------------------*/

h1 {
	font-size: 11px;	/*文字サイズ*/
	color: silver;		/*文字色*/
	font-weight: normal;	/*文字の太さ*/
	text-align: left;
	padding-top: 5px;
}
/*右上部に表示されているテキスト部分
----------------------------------------------------------*/

#header #comment {
	color: #e3e3e3;	/*文字色*/
	width: 350px;
	height: 100px;
	text-align: left;
	background-image: url(images/imgbg01-240x85_4b6d0e.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* --------------------------------------------------------------
▼トップメニュー・フラッシュメニュー部分の設定
-------------------------------------------------------------- */

/*トップメニュー
----------------------------------------------------------*/

ul#topmenu {
	background-image: url(images/bg01b-000099.gif);	/*背景画像*/
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
	text-align: center;
	padding-top: 5px;
	border-left-style: none;
	position: relative;
	overflow: hidden;
}

ul#topmenu li {
	color: #cccccc;		/*リンクなし　文字色▼*/
	font-weight: bold;	/*文字の太さ*/
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	display: inline;
}

ul#topmenu li.last {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}

ul#topmenu li a {
	color: #e8e8e8;		/*文字色▼*/
	text-decoration: none;	/*下線を表示しない設定*/
}

ul#topmenu li a:hover {
	color: #cccccc;		/*マウスオーバー時の文字色▼*/
}
/*FLASHメニュー
----------------------------------------------------------*/

#flashmov {
	width: 900px;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
}

#flashmov p#noscript {
	font-size: 15px;	/*文字サイズ*/
	text-align: center;
	top: 100px;
	position: relative;
}
/* --------------------------------------------------------------
▼コンテナ
-------------------------------------------------------------- */

#container {
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: static;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #d9d9d9;
}

#container-inner {
	width: 870px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 15px;
}

#container-inner1 {
	width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 10px;
}
/* --------------------------------------------------------------
▼メイン部分の設定
-------------------------------------------------------------- */

#main {
	width: 650px;
	text-align: left;
	float: right;
}


/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main h2 {
	height: 26px;
	font-size: 100%;	/*文字サイズ*/
	color: white;		/*文字色▼*/
	line-height: 28px;
	background-image: url(images/head01-650_000099.gif);	/*見出し(h2タグ)の背景画像▼*/
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main h3 {
	font-size: 100%;	/*文字サイズ*/
	color: #2e5502;		/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-image : url(images/head03-650_4b6d0e.gif);	/*見出し(h3タグ)の背景画像▼*/
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
}

#main h4 {
	font-size: 100%;	/*文字サイズ*/
	color: #516d05;		/*文字色*/
	background-image: url(images/icon02_2e4204.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#main h5 {
	height: 40px;
	font-size: 130%;	/*文字サイズ*/
	color: white;		/*文字色▼*/
	line-height: 40px;
	background-image: url(images/head01-650_000099.gif);	/*見出し(h2タグ)の背景画像▼*/
	background-repeat: repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main h6 {
	height: 40px;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
        color: #494949;/*文字色*/
        background: transparent;/*背景透明に*/
        border-left: solid 5px #7db4e6;/*左線*/
}

#main h7 {
  font-size: 20px;
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

#main p2 {
	font-size: 160%;	/*文字サイズ*/
	padding-left: 20px;
}

#main p3 {
	font-size: 130%;	/*文字サイズ*/
	padding-left: 20px;
}

/*メイン１部分の見出しタグ
----------------------------------------------------------*/
#main h1 {
	font-size: 200%;	/*文字サイズ*/
	color: #0000ff;		/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
}

/* --------------------------------------------------------------
▼通常文の設定
-------------------------------------------------------------- */
#main p {
	font-size: 110%;	/*文字サイズ*/
	padding-left: 20px;
}

#main p1 {
	font-size: 150%;	/*文字サイズ*/
	padding-left:: 30px;
}

/*メイン部分のボックス
----------------------------------------------------------*/

#main div.box {
	border-width: 1px;	/*ボーダーの太さ*/
	border-style: solid;	/*ボーダースタイル*/
	border-color: #cccccc;	/*ボーダーカラー▼*/
	padding: 5px;
	margin-bottom: 10px;
}

#main div.box p {
	padding-bottom: 0px;
}
/*メイン部分のボックス(2カラム)
----------------------------------------------------------*/

#main div.box2column {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main div.box2column_left1 {
	float: left;
	width: 200px;
	padding: 5px;
	border-width: 1px;	/*ボーダー枠の太さ*/
	border-style: solid;	/*ボーダー枠のスタイル*/
	border-color: #cccccc;	/*ボーダー枠カラー▼*/
}

* html #main div.box2column_left1 {
	width: 210px;	/*IE6用*/
}

#main div.box2column_left {
	float: left;
	width: 310px;
	padding: 5px;
	border-width: 1px;	/*ボーダー枠の太さ*/
	border-style: solid;	/*ボーダー枠のスタイル*/
	border-color: #cccccc;	/*ボーダー枠カラー▼*/
}

* html #main div.box2column_left {
	width: 320px;	/*IE6用*/
}

#main div.box2column_right {
	float: right;
	width: 310px;
	padding: 5px;
	border-width: 1px;	/*ボーダー枠の太さ*/
	border-style: solid;	/*ボーダー枠のスタイル*/
	border-color: #cccccc;	/*ボーダー枠カラー▼*/
}

* html #main div.box2column_right {
	width: 320px;	/*IE6用*/
}

#main div.box2column p {
	padding-bottom: 0px;
}
/*イメージボックス
----------------------------------------------------------*/

#main div.imagebox {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main div.box div.imagebox {
	margin-bottom: 0px;
}
/*イメージボックス アルバム（画像を並べて表示する設定になっている部分）
----------------------------------------------------------*/

#main ul.imagebox_album li {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/
	padding: 4px;			/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #main ul.imagebox_album li {
	display: inline;	/*IE6用*/
}

#main ul.imagebox_album img {
	vertical-align: bottom;
}
/*イメージボックス レフト（左側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main div.imagebox_left {
	background-color: white;
	padding-right: 10px;
	float: left;
}

#main div.imagebox_left img {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/
	padding: 5px;			/*画像 枠の余白幅*/
}
/*イメージボックス ライト（右側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main div.imagebox_right {
	background-color: white;
	padding-left: 10px;
	float: right;
}

#main div.imagebox_right img {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/
	padding: 1px;			/*画像 枠の余白幅*/
}

/*テキストボックス（What's New部分）
----------------------------------------------------------*/

#main dl.textbox {
	width: 640px;			/*枠の幅*/
	height: 250px;			/*枠の高さ*/
	line-height: 25px;		/*行の高さ*/
	border-width: 1px;		/*ボーダー枠の太さ*/
	border-style: solid;		/*ボーダー枠のスタイル*/
	border-color: #cccccc;		/*ボーダー枠のカラー*/
	padding: 5px;
	margin-bottom: 15px;
	overflow: auto;
}

* html #main dl.textbox {
	width: 650px;	/*IE6用*/
}

#main dl.textbox dt {
	color: #2e4a02;		/*更新日時部分の文字色*/
	font-weight: bold;		/*更新日時部分の文字の太さ*/
	background-image: url(images/icon01_2e4204.gif);	/*更新日時の先頭に表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 10px;
	float: left;
}
/*トピックパス（パンくずリスト|上位ページへのリンク部分）
----------------------------------------------------------*/

#main #topic-path {
	margin-bottom: 6px;
}

#main #topic-path a {
	background-image: url(images/path.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	margin-left: 5px;
}

#main #topic-path strong {
	margin-left: 5px;
}
/*ページトップ（ページトップへのリンク部分）
----------------------------------------------------------*/

div.pagetop {
	height: 25px;
	text-align: right;
	margin-top: 20px;
	clear: both;
	padding-right: 10px;
	position: relative;
	right: 10px;
}
/* --------------------------------------------------------------
▼リンクページで使用しているスタイル
-------------------------------------------------------------- */

/*アバウトリンク部分で使用している「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_b {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: dotted;	/*ボーダー上枠スタイル*/
	border-top-color: #666666;	/*ボーダー上枠カラー▼*/
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_b th {
	width: 160px;	/*項目部分の幅*/
	text-align: left;
	vertical-align: top;
	background-image: url(images/icon02_2e4204.gif);	/*項目部分の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 3px 8px;
	border-right-width: 1px;	/*ボーダー右枠の太さ*/
	border-bottom-width: 1px;	/*ボーダー下枠の太さ*/
	border-right-style: dotted;	/*ボーダー右枠スタイル*/
	border-bottom-style: dotted;	/*ボーダー下枠スタイル*/
	border-right-color: #666666;	/*ボーダー右枠カラー▼*/
	border-bottom-color: #666666;	/*ボーダー下枠カラー▼*/
	padding: 5px 2px 5px 20px;
}

#main table.style_b td {
	border-bottom-width: 1px;	/*ボーダー右枠の太さ*/
	border-bottom-style: dotted;	/*ボーダー下枠スタイル*/
	border-bottom-color: #666666;	/*ボーダー下枠カラー▼*/
	padding: 5px;
}

#main table.style_c {
	font-size: 12px;
	text-align: center;
	width: 90%;
	border-collapse: collapse;
	border-top-width: 0px;
	border-top-style: dotted;	/*ボーダー上枠スタイル*/
	border-top-color: #666666;	/*ボーダー上枠カラー▼*/
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_c th {
	width: 90px;	/*項目部分の幅*/
	text-align: left;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: 3px 8px;
	border-right-width: 0px;	/*ボーダー右枠の太さ*/
	border-bottom-width: 0px;	/*ボーダー下枠の太さ*/
	border-right-style: dotted;	/*ボーダー右枠スタイル*/
	border-bottom-style: dotted;	/*ボーダー下枠スタイル*/
	border-right-color: #666666;	/*ボーダー右枠カラー▼*/
	border-bottom-color: #666666;	/*ボーダー下枠カラー▼*/
	padding: 5px 2px 5px 20px;
}

#main table.style_c td {
	border-bottom-width: 0px;	/*ボーダー右枠の太さ*/
	border-bottom-style: dotted;	/*ボーダー下枠スタイル*/
	border-bottom-color: #666666;	/*ボーダー下枠カラー▼*/
	padding: 5px;
}

/*リンクボックス（バナー画像あり|バナー画像幅200px）
----------------------------------------------------------*/

#main dl.linkbox-ba200 {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-ba200 dt {
	color: #914800;		/*サイト名部分にリンク設定がない時の文字色▼*/
	margin-left: 220px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-ba200 dt a {
	color: #914800;		/*サイト名部分にリンク設定がある時の文字色▼*/
	text-decoration: none;
}

#main dl.linkbox-ba200 dd {
	margin-left: 220px;
	position: relative;
}

#main dl.linkbox-ba200 dd.banner {
	width: 200px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	position: absolute;
}
/*リンクボックス（バナー画像あり|バナー画像幅88px）
----------------------------------------------------------*/

#main dl.linkbox-ba88 {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-ba88 dt {
	color: #914800;		/*サイト名部分にリンク設定がない時の文字色▼*/
	margin-left: 100px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-ba88 dt a {
	color: #914800;		/*サイト名部分にリンク設定がある時の文字色▼*/
	text-decoration: none;
}

#main dl.linkbox-ba88 dd {
	margin-left: 100px;
	position: relative;
}

#main dl.linkbox-ba88 dd.banner {
	width: 88px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	position: absolute;
}
/*リンクボックス（バナー画像なし）
----------------------------------------------------------*/

#main dl.linkbox-nobanner {
	width: 100%;
	position: relative;
	background-image: url(images/line01s_ffffff.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
}

#main dl.linkbox-nobanner dt {
	color: #914800;		/*サイト名部分にリンク設定がない時の文字色▼*/
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
}

#main dl.linkbox-nobanner dt a {
	color: #914800;		/*サイト名部分にリンク設定がある時の文字色▼*/
	text-decoration: none;
}

#main dl.linkbox-nobanner dd {
	position: relative;
}
/*リンクバナーボックス（バナー画像を並べて表示）
----------------------------------------------------------*/

#main ul.linkbanner {
	width: 100%;
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
}

#main ul.linkbanner li {
	margin: 3px;
	float: left;
}

* html #main ul.linkbanner li {
	display: inline;	/*IE6用*/
}

#main ul.linkbanner img {
	vertical-align: bottom;
}

#main div.box div.imagebox {
	padding-bottom: 0px;
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	font-weight: bold;			/*太字に*/
	padding: 10px 5px;			/*上下、左右へのボックス内の余白。基本的に数行下の「.ta1 th, .ta1 td」のpaddingと揃えておけばOKです。*/
	background: #333;			/*背景色*/
	color: #fff;				/*文字色*/
}

/*ta1テーブルブロック設定*/
.ta1 {
	border-top: 1px solid #ccc;	/*テーブルの一番上の線。幅、線種、色*/
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 30px;		/*最後の「30px」がテーブルの下に空けるスペースです*/
}

/*tr（１行分）タグ設定*/
.ta1 tr {
	border-bottom: 1px solid #ccc;	/*テーブルの下線。幅、線種、色*/
}

/*th（左側）、td（右側）の共通設定*/
.ta1 th, .ta1 td {
        font-size: 18px;	/*文字サイズ*/
	padding: 20px 5px;	/*上下、左右へのボックス内の余白*。基本的に数行上の「.ta1 caption」のpaddingと揃えておけばOKです。*/
	word-break: break-all;	/*英語などのテキストを改行で自動的に折り返す設定。これがないと、テーブルを突き抜けて表示される場合があります。*/
}

/*th（左側）のみの設定*/
.ta1 th {
	width: 30%;		/*幅*/
	text-align: center;	/*左よせにする*/
	background: #f7f7f7;	/*背景色*/
}
/* --------------------------------------------------------------
▼プロフィールページで使用しているスタイル
-------------------------------------------------------------- */

/*プロフィール部分で使用している「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_a {
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #AFEEEE;	/*項目部分の背景色▼*/
}
#main table.style_a th {
	width: 210px;			/*項目部分の幅サイズ*/
	color: white;			/*項目部分の文字色▼*/
	background-color: #2e5502;	/*項目部分の背景色▼*/
	border-width: 1px 0px 1px 1px;			/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;				/*項目部分のボーダー枠スタイル*/
	border-color: #cccccc;				/*項目部分のボーダー枠カラー▼*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main table.style_a td {
	padding: 5px;
	border-width: 1px;		/*内容部分のボーダー枠の太さ*/
	border-style: solid;		/*内容部分のボーダー枠スタイル*/
	border-color: #cccccc;		/*内容部分のボーダー枠カラー▼*/
}
/* --------------------------------------------------------------
▼サイド部分の設定
-------------------------------------------------------------- */

#side {
	width: 200px;
	text-align: left;
	float: left;
}
/*サイド部分の見出しタグ
----------------------------------------------------------*/

#side h3 {
	width: 200px;
	font-size: 12px;	/*文字サイズ*/
	color: #e4e4e4;		/*文字色*/
	font-weight: normal;	/*文字太さ*/
	line-height: 50px;
	text-align: center;	/*文字表示位置*/
	background-image: url(images/head01-200x50_000099.gif);	/*見出し(h3タグ)の背景画像*/
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 50px;
	background-position: center center;
}
/*サイド部分のボックス
----------------------------------------------------------*/

#side div.box {
	border-width: 1px;	/*ボーダーの太さ*/
	border-style: solid;	/*ボーダースタイル*/
	border-color: #cccccc;	/*ボーダーカラー▼*/
	padding: 2px;
	margin-bottom: 10px;
}
/*サイドメニュー
----------------------------------------------------------*/

#side ul#sidemenu {
	text-align: center;
	margin-bottom: 15px;
}

#side ul#sidemenu li {
	margin-bottom: 2px;
}

#side ul#sidemenu li a {
	color: #000099;			/*文字色*/
	width: 195px;			/*サイドメニュー部分の幅サイズ*/
	border-left-width: 5px;		/*左サイドのボーダーサイズ*/
	border-left-style: solid;	/*左サイドのボーダースタイル*/
	border-left-color: #000099;	/*左サイドのボーダーカラー*/
	border-bottom-color: #999999;	/*下ボーダーカラー*/
	border-bottom-width: 1px;	/*下ボーダーサイズ*/
	border-bottom-style: dotted;	/*下ボーダースタイル*/
	padding-top: 7px;
	padding-bottom: 6px;
	text-decoration: none;
	display: block;
}

#side ul#sidemenu a:hover {
	color: white;			/*マウスオーバー時の文字色*/
	border-left-width: 5px;		/*マウスオーバー時の左サイドのボーダーサイズ*/
	border-left-style: solid;	/*マウスオーバー時の左サイドのボーダースタイル*/
	border-left-color: #71ba03;	/*マウスオーバー時の左サイドのボーダーカラー*/
	background-color: #2e4a02;
}

#side ul#sidemenu li.nolink {
	color: #365902;			/*リンクなし　文字色*/
	text-decoration: none;		/*リンクなし　サイドメニュー部分の幅サイズ*/
	width: 195px;			/*リンクなし　サイドメニュー部分の幅サイズ*/
	border-left-width: 5px;		/*リンクなし　左サイドのボーダーサイズ*/
	border-left-style: solid;	/*リンクなし　左サイドのボーダースタイル*/
	border-left-color: #71ba03;	/*リンクなし　左サイドのボーダーカラー*/
	border-bottom-color: #999999;	/*リンクなし　下ボーダーカラー*/
	border-bottom-width: 1px;	/*リンクなし　下ボーダーサイズ*/
	border-bottom-style: dotted;	/*リンクなし　下ボーダースタイル*/
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
/*サイドリンク
----------------------------------------------------------*/

#side ul.sidelink {
	margin-bottom: 15px;
	text-align: left;
}

#side ul.sidelink ul {
	text-align: left;
}

#side ul.sidelink li {
	margin-bottom: 6px;
}

#side ul.sidelink li.textlink a {
	background-image: url(images/icon02_2e4204.gif);	/*リンクテキストの左サイドに表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
}
/*フラッシュカレンダー
----------------------------------------------------------*/

#side #flash-calendar {
	width: 200px;
	height: 170px;
	background-image: url(images/imgbg01-200x170_2e4204.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
/* --------------------------------------------------------------
▼フッター部分の設定
-------------------------------------------------------------- */

#footer {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg01b-000099.gif);	/*背景画像*/
	background-repeat: repeat;
	background-position: left top;
	bottom: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	clear: both;
}

#footer-inner {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
}
/*フッターメニュー
----------------------------------------------------------*/

#footer ul#footermenu {
	text-align: center;
	margin-bottom: 15px;
}

#footer ul#footermenu li {
	color: #71ba03;		/*リンクがないテキスト部分の文字色*/
	border-left-width: 1px;		/*各リンク間の区切り線太さ*/
	border-left-style: solid;	/*各リンク間の区切り線スタイル*/
	border-left-color: gray;	/*各リンク間の区切り線の色*/
	padding-left: 6px;
	padding-right: 4px;
	display: inline;
}

#footer ul#footermenu li.last {
	border-right-width: 1px;	/*リンク部分の一番右端に表示される線太さ*/
	border-right-style: solid;	/*リンク部分の一番右端に表示される線スタイル*/
	border-right-color: #999999;	/*リンク部分の一番右端に表示される線の色*/
	padding-right: 6px;
}

#footer ul#footermenu li a {
	color: #cccccc;		/*文字色*/
}

#footer ul#footermenu li a:hover {
	color: #71ba03;		/*マウスオーバー時の文字色*/
}

footerFloatingMenu {
    display: block;
    width: 100%;
    background-color: #000;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
}

/*コピーライト
----------------------------------------------------------*/

#copy_r {
	font-size: 11px;	/*文字サイズ*/
	color: #cccccc;		/*文字色*/
}
/*address（変更・削除不可）
----------------------------------------------------------*/

#address {
	text-align: center;
	margin-top: 5px;
	font-size: 11px;
}

#address a {
	color: #999999;
}

#address a:hover {
	color: #ffffff;
}
/* --------------------------------------------------------------
▼編集方法ページで使用しているスタイル
-------------------------------------------------------------- */

hr {
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	border-width: 0px 0px 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
}

#main p.back_color {
	color: white;
	background-color: #466004;
	padding: 2px 2px 2px 5px;
	margin: 2px 10px 10px;
}

#main ol li {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-image: url(images/icon01_341f0a.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;
}

.howtobox {
	background-color: #466004;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 10px;
	color: #cccccc;
}

.howtobox span {
	background-color: black;
	color: white;
}

input.howto {
	background-color: #d9d9d9;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
}

textarea.howto {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
}
/* --------------------------------------------------------------
▼フォトアルバムページで使用しているスタイル
-------------------------------------------------------------- */

#main div.flashmov {
	text-align: center;
	width: 100%;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* --------------------------------------------------------------
▼変更・削除はしないで下さい
-------------------------------------------------------------- */

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

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*--------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #000080; /* バーの背景色(濃い青色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 150px;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #000080; /* メニュー項目の背景色(濃い青色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover > ul {
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   z-index: 100;
}

/* -------------------------------- */
/* ▼サブメニュー(以降の)項目の装飾 */
/* -------------------------------- */
ul.ddmenu ul li {
   width: 150px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.ddmenu ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}

/* ----------------------------------- */
/* ▼3階層目以降(孫メニュー以降)の装飾 */   /* ※下ではなく横(右)に表示します。 */
/* ----------------------------------- */
ul.ddmenu ul ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   top: -1px;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;          /* ★基準位置からの距離を親ボックスの幅100％にする */
   border-left: 1px solid pink; /* 左側に引く枠線(ピンク色で1pxの実線) */
}

/***************************************************
/*新しいホームページのメイン部
/***************************************************
#main_n {
	width: 900px;
	text-align: left;
	float: right;
}

/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main_n h2 {
	height: 26px;
	font-size: 100%;	/*文字サイズ*/
	color: white;		/*文字色▼*/
	line-height: 28px;
	background-image: url(images/head01-650_000099.gif);	/*見出し(h2タグ)の背景画像▼*/
	background-repeat: repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main_n h3 {
	font-size: 100%;	/*文字サイズ*/
	color: #2e5502;		/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-image : url(images/head03-650_4b6d0e.gif);	/*見出し(h3タグ)の背景画像▼*/
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
}

#main_n h4 {
	font-size: 100%;	/*文字サイズ*/
	color: #516d05;		/*文字色*/
	background-image: url(images/icon02_2e4204.gif);	/*見出し(h4タグ)の先頭に表示される画像▼*/
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#main_n h5 {
	height: 40px;
	font-size: 130%;	/*文字サイズ*/
	color: white;		/*文字色▼*/
	line-height: 40px;
	background-image: url(images/head01-650_000099.gif);	/*見出し(h2タグ)の背景画像▼*/
	background-repeat: repeat;
	margin-bottom: 15px;
	padding-left: 10px;
}

#main_n h6 {
	height: 40px;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
        color: #494949;/*文字色*/
        background: transparent;/*背景透明に*/
        border-left: solid 5px #7db4e6;/*左線*/
}

#main_n h7 {
  font-size: 20px;
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

#main_n p2 {
	font-size: 160%;	/*文字サイズ*/
	padding-left: 20px;
}

#main_n p3 {
	font-size: 130%;	/*文字サイズ*/
	padding-left: 20px;
}

/*メイン１部分の見出しタグ
----------------------------------------------------------*/
#main_n h1 {
	font-size: 200%;	/*文字サイズ*/
	color: #0000ff;		/*文字色▼*/
	line-height: 26px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-left: 12px;
}

/* --------------------------------------------------------------
▼通常文の設定
-------------------------------------------------------------- */
#main_n p {
	font-size: 200%;	/*文字サイズ*/
	padding-left: 30px;
}

#main_n p1 {
	font-size: 150%;	/*文字サイズ*/
	padding-left:: 30px;
}

/*メイン部分のボックス
----------------------------------------------------------*/

#main_n div.box {
	border-width: 1px;	/*ボーダーの太さ*/
	border-style: solid;	/*ボーダースタイル*/
	border-color: #cccccc;	/*ボーダーカラー▼*/
	padding: 5px;
	margin-bottom: 10px;
}

#main_n div.box p {
	padding-bottom: 0px;
}

/*イメージボックス
----------------------------------------------------------*/

#main_n div.imagebox {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#main_n div.box div.imagebox {
	margin-bottom: 0px;
}
/*イメージボックス アルバム（画像を並べて表示する設定になっている部分）
----------------------------------------------------------*/

#main_n ul.imagebox_album li {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/
	padding: 4px;			/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #main ul.imagebox_album li {
	display: inline;	/*IE6用*/
}

#main_n ul.imagebox_album img {
	vertical-align: bottom;
}
/*イメージボックス レフト（左側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main_n div.imagebox_left {
	background-color: white;
	padding-right: 10px;
	float: left;
}

#main_n div.imagebox_left img {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/
	padding: 5px;			/*画像 枠の余白幅*/
}
/*イメージボックス ライト（右側に画像を置く設定になっている部分）
----------------------------------------------------------*/

#main_n div.imagebox_right {
	background-color: white;
	padding-left: 10px;
	float: right;
}

#main_n div.imagebox_right img {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #cccccc;		/*画像 ボーダー枠カラー▼*/
	background-color: #e6e6e6;	/*画像 枠の余白部分カラー▼*/
	padding: 1px;			/*画像 枠の余白幅*/
}

/*テキストボックス（What's New部分）
----------------------------------------------------------*/

#main_n dl.textbox {
	width: 640px;			/*枠の幅*/
	height: 250px;			/*枠の高さ*/
	line-height: 25px;		/*行の高さ*/
	border-width: 1px;		/*ボーダー枠の太さ*/
	border-style: solid;		/*ボーダー枠のスタイル*/
	border-color: #cccccc;		/*ボーダー枠のカラー*/
	padding: 5px;
	margin-bottom: 15px;
	overflow: auto;
}

* html #main dl.textbox {
	width: 650px;	/*IE6用*/
}

#main_n dl.textbox dt {
	color: #2e4a02;		/*更新日時部分の文字色*/
	font-weight: bold;		/*更新日時部分の文字の太さ*/
	background-image: url(images/icon01_2e4204.gif);	/*更新日時の先頭に表示される画像*/
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 10px;
	float: left;
}
/*トピックパス（パンくずリスト|上位ページへのリンク部分）
----------------------------------------------------------*/

#main_n #topic-path {
	margin-bottom: 6px;
}

#main_n #topic-path a {
	background-image: url(images/path.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	margin-left: 5px;
}

#main_n #topic-path strong {
	margin-left: 5px;
}

/* 入力確認ボタン */
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

/*ボックス*/
/*背景色をつけて丸くする*/
.box51 {
       display: inline-block;
       margin: 1em auto;
       padding:1em;/*内側余白*/
       border-radius:30px;/*丸みを調整*/
       background-color:#f7e9e8;
       height: 50%;
       width:  800px;
}

/*少しずらしたボックス*/
.box27{
       display: inline-block;
       margin: 2em auto;
       padding:2em;/*内側の余白*/
       background: none;/*元のボックス背景色なし*/
       border:1px solid #ccc ;/*線の太さ・種類・色*/
       position: relative;/*配置（基準）*/
       height: 50%;
       width:  800px;
}

.box27:after{
       background-color:#eee;/*ずらしたボックスの背景色*/
       border:none;
       content: '';
       position: absolute;/*配置（ここを動かす）*/
       top: 7px;/*上から7pxずらす*/
       left: 15px;/*左から7pxずらす*/
       width: 93%;
       height: 93%;
       z-index: -1;
}

.box29 {
    display: inline-block;
    margin: 2em 0;
    background: #FFB6C1;
    height: 50%;
    width:  800px;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #FF773E;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;

}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.box29 {
    display: inline-block;
    margin: 2em 0;
    background: #FFB6C1;
    height: 50%;
    width:  800px;
}

.box30 .box-title {
    font-size: 3.0em;
    background: #FF773E;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box30 p {
    padding: 80px 20px;
    margin: 0;
    font-size: 3.0em;
    text-align: left;
}

.box30 {
    display: inline-block;
    margin: 2em 0;
    background: #FFB6C1;
    height: 100%;
    width:  800px;
}

.box5-1{
	margin: 2em auto; /* ボックスの余白 */
	background-color: #fff;/* ボックス背景色 */
	padding: 5em 2em 2em; /* ボックス内側余白 */
	position:relative; /*配置(ここを基準に)*/
	box-shadow: 0px 1px 5px rgba(1,1,1,1.1);/*ボックス影*/
}
.box5-1 .box-title {
	background-color: #ff7f50;/* タイトル背景色 */
	font-size: 1.6em;/* タイトル文字の大きさ */
	color: #000; /* タイトル文字色 */
	padding:10px;/*タイトル余白*/
	text-align: center;	/* タイトル中央寄せ */
	position:absolute;	/* 配置(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:97%;/*横幅最大幅 */
}

} /* end @media */