@charset "utf-8";
/* --------------------------------------------------------------
▼基本設定
-------------------------------------------------------------- */

* {
	font-size: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	color: black;
	line-height: 1.5;
	background-image: url(../images/bg01_d0cfcf.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: center;
	padding-bottom: 20px;
}

img {
	border-width: 0px;
}

a {
	color: #28340c;
}

a:hover {
	color: #56711a;
}

a:hover img {
	opacity: 0.6;			/*リンク画像 マウスオーバー時の透明度 IE以外のモダンブラウザ用*/
	filter: alpha(opacity=60);	/*リンク画像 マウスオーバー時の透明度 IE用*/
}

span {
	color: #455715;
}

strong {
	color: #4d6417;
}

p {
	padding-bottom: 15px;
}

p.line {
	line-height: 22px;
	background-image: url(../images/line_dot.gif);
	background-repeat: repeat;
}
/* --------------------------------------------------------------
▼ヘッダー部分の設定
-------------------------------------------------------------- */

#header {
	width: 990px;
	text-align: left;
	background-image: url(../images/b002.gif);
	background-repeat: repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	overflow: hidden;
	position: static;
}
#header-inner {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	position: relative;
}
/*見出し(h1タグ)トップ画像の左上部に表示されているテキスト部分  ---*/
h1 {
	font-size: 11px;
	color: black;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 20px;
}
/*ヘッダー部の画像＆メニュー  ---*/
#hd_photo1 {
	width: 950px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
#hd_photo2 {
	width: 150px;
	height: 18px;
	margin-left: auto;
	margin-right: 10px;
}
#hd_photo3 {
	top: 60px;
	left: 800px;
	position: absolute;
}
/* -------------------------------------------------------- ---*/

#mainmenu {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
}
#mainmenu li{
	float: left;
	width: 140px;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 3px;
}
#mainmenu a {
	color: black;
	text-decoration: none;
}
#mainmenu a:hover{
	color: white;
}
/* --------------------------------------------------------------
▼コンテナ
-------------------------------------------------------------- */

#container {
	width: 990px;
	background-image: url(../images/b002.gif);
	background-repeat: repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: static;
}

#container-inner {
	width: 930px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	position: relative;
}
/* --------------------------------------------------------------
▼メイン部分の設定
-------------------------------------------------------------- */

#main {
	width: 700px;
	text-align: left;
	float: right;
}
/* --------------------------------------------------------------
▼メイン部分の設定（Twitterを表示した際の乱れに対応）
　　　　　　　　　（blog_kyokucho.htmlでのみ使用）
-------------------------------------------------------------- */
#mainblog {
	width: 700px;
	text-align: left;
	float: right;
}
#mainblog h2 {
	font-size: 130%;
	color: #2e2e2e;
	line-height: 30px;
	background-image: url(../images/line01_d0cfcf.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 15px;
	padding-left: 3px;
}

/*メイン部分の見出しタグ
----------------------------------------------------------*/

#main h2 {
	font-size: 130%;
	color: #2e2e2e;
	line-height: 30px;
	background-image: url(../images/line01_d0cfcf.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 15px;
	padding-left: 3px;
}
#main h3 {
	font-size: 110%;
	color: #2e2e2e;
	line-height: 30px;
	background-image: url(../images/line01_d0cfcf.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 15px;
	padding-left: 3px;
}
#main h4 {
	font-size: 100%;
	color: #455715;
	line-height: 25px;
	border-left-color: #57711c;
	border-left-style: solid;
	border-left-width: 5px;
	margin-bottom: 10px;
	padding-left: 7px;
}

#main h5 {
	font-size: 100%;
	color: #2f2f2f;
	background-image: url(../images/icon01_447202.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
	margin-bottom: 10px;
}
/*メイン部分のボックス
----------------------------------------------------------*/

#main div.box {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;
	margin-bottom: 10px;
}

#main div.box 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 div.box div.imagebox span {
	color: #800000;
	font-weight: bold;
}

/*イメージボックス アルバム（画像を並べて表示する設定）
----------------------------------------------------------*/

#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: 5px;
}
/*キャラクターボックス ライト
----------------------------------------------------------*/
#main div.chara_right {
	background-color: white;
	padding-right: 120px;
	float: right;
}
#main div.privacypolicy_right {
	padding-right: 60px;
	float: right;
}
/*イメージボックス センター（中央に画像を置く設定）
----------------------------------------------------------*/
#main div.imagebox_center {
	background-color: white;
	padding-top: 5px;
	padding-left: 10px;
}

/*テキストボックス（What's New）
----------------------------------------------------------*/

#main dl.textbox {
	width: 688px;
	height: 120px;
	line-height: 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;
	margin-bottom: 15px;
	overflow: auto;
}

* html #main dl.textbox {
	width: 698px;	/*IE6用*/
}

#main dl.textbox dt {
	color: #455715;
	font-weight: bold;
	background-image: url(../images/icon01_447202.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 10px;
	float: left;
}

/*ページトップ（ページトップへのリンク）
----------------------------------------------------------*/

#main div.pagetop {
	width: 680px;
	height: 20px;
	text-align: right;
	margin-top: 20px;
}

/* --------------------------------------------------------------
▼サイド部分の設定
-------------------------------------------------------------- */

#side {
	width: 205px;
	text-align: left;
	float: left;
}
/*サイド部分の見出しタグ
----------------------------------------------------------*/

#side h3 {
	width: 205px;
	font-size: 12px;
	color: black;
	font-weight: normal;
	line-height: 35px;
	text-align: center;
	background-image: url(../images/button01_b9b9b9.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
/*サイド部分のボックス
----------------------------------------------------------*/

#side div.box {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 2px;
	margin-bottom: 10px;
}

#side div.box p {
	padding: 5px;
	background-color: #FFFACD;
}
#side div.box1 {
	top: 80px;
	left: 110px;
	position: absolute;
}
/*サイドメニュー
----------------------------------------------------------*/

#side ul#sidemenu {
	text-align: center;
	margin-left: 3px;
	margin-bottom: 15px;
}

#side ul#sidemenu li {
	margin-bottom: 2px;
}

#side ul#sidemenu li a {
	color: #666666;
	width: 195px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #3f5311;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	display: block;
}

#side ul#sidemenu a:hover {
	color: #004600;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6a8b1d;
}

#side ul#sidemenu li.nolink {
	color: #005100;
	text-decoration: none;
	width: 195px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6a8b1d;
	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;
	margin-left: 3px;
}

#side ul.sidelink ul {
	text-align: left;
}

#side ul.sidelink li {
	margin-bottom: 6px;
}

#side ul.sidelink li.textlink a {
	background-image: url(../images/icon01_447202.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
}
/* --------------------------------------------------------------
▼フッター部分の設定
-------------------------------------------------------------- */

#footer {
	width: 990px;
	height: 110px;
	text-align: center;
	background-image: url(../images/b002.gif);
	background-repeat: epeat;
	background-position: left bottom;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clear: both;
}

#footer-inner {
	width: 950px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #404040;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	position: relative;
}
/*フッターメニュー
----------------------------------------------------------*/

#footer ul#footermenu {
	text-align: center;
	margin-bottom: 5px;
}

#footer ul#footermenu li {
	color: #28340c;
	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: gray;
}

#footer ul#footermenu li a:hover {
	color: #28340c;
}
/*コピーライト
----------------------------------------------------------*/

#copy_r {
	font-size: 11px;
	color: #666666;
	margin-top: 10px;
}
/*address
----------------------------------------------------------*/

#address {
	text-align: center;
	margin-top: 5px;
	font-size: 11px;
}

#address a {
	color: #454545;
}

#address a:hover {
	color: #707070;
}

/* --------------------------------------------------------------
▼アンケートで使用しているスタイル
-------------------------------------------------------------- */

.rsc_div0       { width:660px; height:15px; padding:10px; font-weight:bold; font-size:14px; 
                  margin:auto; text-align:center; }
.rsc_div1       { width:690px; margin:10px auto;  }

.rsc_box1       { width:680px; padding:5px;  border:1px solid #000000; background-color:#DCDCDC; }
.rsc_box2       { width:670px; padding:10px; border:1px solid #DCDCDC; }
.rsc_box3       { width:350px; padding:10px; margin:10px auto; border:1px solid #DCDCDC; }
.rsc_box4       { width:680px; padding:5px;  border:1px solid #000000; background-color:#F0E68C; }

.rsc_box1 p     { margin:0; padding:0; vertical-align:baseline; }
.rsc_box2 p     { margin:0; padding:0; vertical-align:baseline; }
.rsc_box3 p     { margin:0; padding:0; vertical-align:baseline; }
.rsc_box4 p     { margin:0; padding:0; vertical-align:baseline; }

.rsc_input_style1
                { width:150px; }
.rsc_textarea_style1
                { width:650px; height: 70px; }
.rsc_clearboth  { clear:both; }

/* --------------------------------------------------------------
▼クイズで使用しているスタイル
-------------------------------------------------------------- */

.qiz_div1       { width:660px; height:15px; padding:10px; font-weight:bold; font-size:14px; 
                  margin:auto; text-align:center; }
.qiz_div2       { width:690px; margin:10px auto;  }

.qiz_box10       { width:670px; padding:10px; border:1px solid #DCDCDC; }

.qiz_box20       { margin:20px;  border:1px solid #000000; background-color:#DCDCDC; }
.qiz_box21       { margin:20px;  background-color:#DCDCDC; }
.qiz_box211      { margin-top: 10px; margin-left: 20px; background-color:#DCDCDC; }
.qiz_box2111     { margin-top: 10px; margin-left: 20px; background-color:#DCDCDC; }

.qiz_box10 p     { margin:0; padding:0; vertical-align:baseline; }
.qiz_box20 p     { margin:0; padding:0; vertical-align:baseline; }

.qiz_input_style1
                { width:150px; }
.qiz_textarea_style1
                { width:500px; height: 50px; }
.qiz_clearboth  { clear:both; }

/* --------------------------------------------------------------
▼画像投稿で使用しているスタイル
-------------------------------------------------------------- */

.phtent_tdpadd  { padding-left: 5px; font-size:11px; } 
.phtent_subttl  { text-align: center; font-size:14px; font-weight:bold; color:#ff0000; } 

/* --------------------------------------------------------------
▼変更してはならない
-------------------------------------------------------------- */

.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;
}
/* End hide from IE-mac */

* html #header {
	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );
}

* html #container {
	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );
}

* html #footer {
	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );
}

* html h3 {
	behavior: expression(   this.style.behavior || (   this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",   this.style.backgroundImage = "none",   this.style.behavior = "none" ) );
}
