@charset "shift_jis";

body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 15px;
	line-height: 1.3;
	color: #000000;
	background-color: #ffffff;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.mac body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 22px;
	line-height: 150%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
strong {
      font-size: 18px;
   }


/*リンクカラー設定
---------------------------------------------------------------------------*/
a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

/*page1（HOME）のカーソルオーバー時カラー*/
#page1 a:hover {
	color: #000000;
}

/*page2（ABOUT）のカーソルオーバー時カラー*/
#page2 a:hover {
	color: #FF15AA;
}

/*page3（CAKE）のカーソルオーバー時カラー*/
#page3 a:hover {
	color: #9000FF;
}

/*page4（Q&A）のカーソルオーバー時カラー*/
#page4 a:hover {
	color: #01C0FF;
}

/*page5（LINK）のカーソルオーバー時カラー*/
#page5 a:hover {
	color: #71E400;
}

/*page6（CONTACT）のカーソルオーバー時カラー*/
#page6 a:hover {
	color: #FF9000;
}




/*h1タグ設定
---------------------------------------------------------------------------*/
h1 {
	font-size: 10px;	/*文字サイズ*/
	color: #ffffff;		/*文字色*/
	font-weight: normal;
	text-align: right;	/*文字を右寄せ*/
	width: 1028px;
	padding-bottom:3px;
	padding-top:3px;
	background-color#:014324;
}

h1 a {
	color: #000000;			/*リンクを設定した際の文字色*/
	text-decoration: none;	/*下線を消す設定*/
}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	background-color: #FFFFFF;	/*背景色*/
	width: 1028px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#container2 {
	background-color: #cccccc;	/*背景色*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.centering_parent {
    width: 1028px;               /* 幅指定 */
}
.centering_parent2 {
    width: 1028px;               /* 幅指定 */
	background-color:#FFFFFF;
}
.centering_item {
    width: 600px;;               /* 幅指定 */
	margin-left:214px;
	text-align:center;
	margin-top:20px;
}
.centering_item2 {
    width: 900px;;               /* 幅指定 */
	margin-left:64px;
	margin-top:20px;
	text-align:left;
}
/*ヘッダー（サイト名ロゴとメイン写真が入っているブロック）
---------------------------------------------------------------------------*/
#header {
	background-image: url(images/new_top.jpg);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 145px;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
#fesheader {
	background-image: url(images/festop.jpg);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 145px;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
#sidebar {
	width: 200px;
	float:left;
	margin-bottom:10px;
}
.inner{
  width: 80%;
  margin: 0 auto;
  max-width: 500px;
}
#sidebar2 {
	width: 1028px;
	float:none;
}
#123 {
	width: 1028px;
}
#1234 {
	width: 1028px;
	clear:both;
	height:600px;
}
#a12345 {
	width: 914px;
	clear:both;
	padding-top:10px;
	padding-left:114px;
	background-color:#00A0E9;
}
.sidered {
	background-color:#cccccc;
    -moz-border-radius:10px;
	border-radius: 10px;
	padding:10px 5px 5px 5px;
	margin-bottom:10px;
}
.sidetemplate {
	background-color:#FFFFBF;
    -moz-border-radius:10px;
	border-radius: 10px;
	padding:10px 5px 5px 5px;
}
.sideblue {
	background-color:#84C8FA;
    -moz-border-radius:10px;
	border-radius: 10px;
	padding:10px 5px 5px 5px;
}
.sideredpay {
	background-color:#DCA6D1;
    -moz-border-radius:10px;
	border-radius: 10px;
	padding:10px 5px 5px 5px;
}
.box {
	width:830px;
}
.clear {
    clear:both;
}

.tyvek {
	background-color:#FFD3FA;
	width:614px;
    -moz-border-radius:8px;
	border-radius: 8px;
	padding-top:8px;
	padding-bottom:5px;
	float:left;
	margin-bottom:10px;
}
.tyvek2 {
	background-color:#FFD3FA;
	width830px;
    -moz-border-radius:8px;
	border-radius: 8px;
	padding-top:8px;
	padding-bottom:5px;
	margin-bottom:10px;
}
.fabrick {
	background-color:#BCFBEF;
	width:211px;
    -moz-border-radius:8px;
	border-radius: 8px;
	padding-top:8px;
	padding-bottom:5px;
	float:right;
}
.sidered2 {
	width:150px;
	background-color:#ffffff;
	float:left;
	margin-top:10px;
	margin-bottom:8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.sidered2 li {
	margin-left:10px;
	margin-top:8px;
	width:150px;
	border-bottom:1px solid #cccccc;
	height:25px;
}
.sidered2-1 {
	width:610px;
	background-color:#ffffff;
	float:left;
	margin-bottom:8px;
	margin-top:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
.sidered2-1 li {
	margin-top:8px;
	width:600px;
	border-bottom:1px solid #cccccc;
	height:25px;
}
.sideredtoi {
	width:200px;
	background-color:#ffffff;
	float:left;
	margin-bottom:8px;
}
.sideredtoi li {
	margin-left:10px;
	margin-top:8px;
	width:200px;
	height:25px;
}
.sideredtoi-1 {
	width:818px;
	background-color:#ffffff;
	float:right;
	margin-bottom:8px;
}
.sideredtoi-1 li {
	margin-top:8px;
	width:808px;
	height:25px;
}
.sideredaboutus {
	width:200px;
	background-color:#ffffff;
	float:left;
	margin-bottom:8px;
}
.sideredaboutus li {
	margin-left:10px;
	margin-top:15px;
	width:200px;
	border-bottom:1px solid #cccccc;
	height:30px;
}
.sideredaboutus-1 {
	width:818px;
	background-color:#ffffff;
	float:right;
	margin-bottom:8px;
}
.sideredaboutus-1 li {
	margin-top:15px;
	width:808px;
	border-bottom:1px solid #cccccc;
	height:30px;
}
.sidered3 {
	width:185px;
	background-color:#ffffff;
    -moz-border-radius:10px;
	border-radius: 10px;
	padding-top:5px;
	padding-left:5px;
}
.sidered3 li {
	margin:0;
	width:178px;
	border-bottom:1px solid #cccccc;
	padding-bottom:3px;
}
.sideredplant123 {
	width:678px;
	background-color:#ffffff;
	float:left;
	height:200px;
}
.sideredplant {
	width:800px;
	background-color:#ffffff;
	float:left;
	height:600px;
}
.sideredplant-1 {
	width:300px;
	background-color:#ffffff;
	float:right;
	margin-bottom:8px;
}
.sideredfoot {
	width:448px;
	height:200px;
	background-color:#ffffff;
	float:right;
	font-size:14px;
	line-height:2;
}
/*サイトロゴ配置設定*/
#header #logo {
	position: absolute;
	left: 0px;	/*ヘッダーに対して左から0pxの位置に配置*/
	top: 45px;	/*ヘッダーに対して上から45pxの位置に配置*/
}



/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	height: 44px;
	width: 1028px;
	margin-bottom: 10px;
}

ul#menu img {
	vertical-align: bottom;
}

ul#menu li {
	float: left;
	margin-right: 8px;
}

ul#menu li.last {
	margin-right: 0px;
}


/*メインメニューの下ボーダーカラー
このテンプレートでは同じ色（黒）にしていますが、ページごとに違う色に設定できます。
---------------------------------------------------------------------------*/
/*page1（HOME）*/
#page1 ul#menu {
	border-bottom: 12px solid #000000;
}
/*page2（ABOUT）*/
#page2 ul#menu {
	border-bottom: 12px solid #000000;
}
/*page3（CAKE）*/
#page3 ul#menu {
	border-bottom: 12px solid #000000;
}
/*page4（Q&A）*/
#page4 ul#menu {
	border-bottom: 12px solid #000000;
}
/*page5（LINK）*/
#page5 ul#menu {
	border-bottom: 12px solid #000000;
}
/*page6（CONTACT）*/
#page6 ul#menu {
	border-bottom: 12px solid #000000;
}

/*page7（CONTACT）*/
#page7 ul#menu {
	border-bottom: 12px solid #000000;
}

/*page8（CONTACT）*/
#page8 ul#menu {
	border-bottom: 12px solid #000000;
}



/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: 1028px;
	display:block;
}



/*メインコンテンツ
---------------------------------------------------------------------------*/
/*h2見出しタグ共通設定*/
h2 {
	height: 20px;
	overflow: hidden;
	padding-left: 10px;
	padding-top:10px;
	clear: both;
	font-size:12px;
	color:#FFFFFF;
	background-color:#AC2C24;
}

/*段落タグ設定*/
#main p {
	padding:10px;
}

/*page1（HOME）のh2背景画像*/
#page1 h1 {
	color: #ffffff;
	background-color:#014324;
}
#page1 #main h2 {
	color: #fafafa;
	background-color:#014324;
}

/*page2（ABOUT）のh2背景画像*/
#page2 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_2.gif);
	background-repeat: no-repeat;
}

/*page3（CAKE）のh2背景画像*/
#page3 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_4.gif);
	background-repeat: no-repeat;
}

/*page4（Q&A）のh2背景画像*/
#page4 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_5.gif);
	background-repeat: no-repeat;
}

/*page5（LINK）のh2背景画像*/
#page5 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_3.gif);
	background-repeat: no-repeat;
}

/*page1（CONTACT）のh2背景画像*/
#page6 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_6.gif);
	background-repeat: no-repeat;
}

/*page1（CONTACT）のh2背景画像*/
#page7 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_7.gif);
	background-repeat: no-repeat;
}
/*page1（CONTACT）のh2背景画像*/
#page8 #main h2 {
	color: #fafafa;
	background-image: url(images/midashi1_8.gif);
	background-repeat: no-repeat;
}


/*フッターメニュー
---------------------------------------------------------------------------*/
ul#footermenu {
	clear: both;
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	text-align: center;	/*センタリング*/
}

ul#footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
ul#footermenu2 {
	clear: both;
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	text-align: center;	/*センタリング*/
}

ul#footermenu2 li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}



/*フッター（コピーライト表記がある最下部部分）
---------------------------------------------------------------------------*/
#footer {
	font-size: 10px;	/*文字サイズ*/
	text-align: center;	/*センタリング*/
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	color: #000000y;
}
#footer a {
	color: #fafafa;
}




/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#main .new dl {
	height: 150px;			/*ボックスの高さ*/
	overflow: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#main .new dt {
	font-weight: bold;	/*日付を太字にする設定*/
	float: left;
}

#main .new dd {
	border-bottom: 1px solid #cccccc;	/*日付ごとの下線*/
	padding-left: 8em;
}



/*リストバンドカラーボックス設定
---------------------------------------------------------------------------*/
.box1 {
	height: 210px;
	width: 180px;
	border: 3px solid #CCCCCC;	/*ボックス1個あたりの枠線の幅と線種と色*/
	float: left;
	display: inline;
	margin-top: 7px;
	margin-left: 7px;
	padding: 5px;
	padding-bottom:0px;
	overflow: auto;
}
/*h3見出し設定*/
.box1 h3 {
	font-size: 12px;	/*文字サイズ*/
	color: #000000;		/*文字色*/
	line-height:1;
}

/*段落タグ設定*/
.box1 p {
	padding: 0px !important;
	font-size: 11px;	/*文字サイズ*/
}



/*テーブル１（リンクページに使っているテーブル）
---------------------------------------------------------------------------*/
/*テーブル１共通設定*/
.ta1 {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #999999;	/*枠線の幅と線種と色*/
}

.ta1 td, .ta1 th{
	padding: 10px 5px;
}

.ta1 th{
	background-color: #f5f5f5;
	width: 200px;
	text-align: center;
}

.ta1 th.tamidashi{
	width: auto;
	text-align: left;
}

/*page1（HOME）の「サンプルタイトル」部分の背景色*/
#page1 .ta1 th.tamidashi{
	background-color: #ffa299;
}

/*page2（ABOUT）の「サンプルタイトル」部分の背景色*/
#page2 .ta1 th.tamidashi{
	background-color: #ffa1dd;
}

/*page3（CAKE）の「サンプルタイトル」部分の背景色*/
#page3 .ta1 th.tamidashi{
	background-color: #d299ff;
}

/*page4（Q&A）の「サンプルタイトル」部分の背景色*/
#page4 .ta1 th.tamidashi{
	background-color: #99e6ff;
}

/*page5（LINK）の「サンプルタイトル」部分の背景色*/
#page5 .ta1 th.tamidashi{
	background-color: #c6f499;
}

/*page6（CONTACT）の「サンプルタイトル」部分の背景色*/
#page6 .ta1 th.tamidashi{
	background-color: #ffd299;
}



/*アクセントカラー
---------------------------------------------------------------------------*/
/*page1（HOME）のアクセント（class="color1"）カラー*/
#page1 .color1 {
	color: #FF1800;
}

/*page2（ABOUT）のアクセント（class="color1"）カラー*/
#page2 .color1 {
	color: #FF15AA;
}


/*page3（CAKE）のアクセント（class="color1"）カラー*/
#page3 .color1 {
	color: #9000FF;
}

/*page4（Q&A）のアクセント（class="color1"）カラー*/
#page4 .color1 {
	color: #01C0FF;
}

/*page5（LINK）のアクセント（class="color1"）カラー*/
#page5 .color1 {
	color: #9000FF;
}

/*page6（CONTACT）のアクセント（class="color1"）カラー*/
#page6 .color1 {
	color: #FF9000;
}



/*その他
---------------------------------------------------------------------------*/
.look {
	background-color: #E4E4E4;
}

.mb1em {
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

ul.disc {
	padding: 0.5em 10px 0.5em 25px;
	list-style: disc;
}
div.tothetopfixed {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 1500;
}	
 
div.tothetopfixed a {
	display: block;
	color: #333333;
	padding: 10px;
	margin: 0;
	background-color: #89c997;
	border-radius: 5px;
	font-size: 0.8em;
}
 
div.tothetopfixed a:hover {
	background: #0044CC;
	color: #ffffff;
}
#viewer {
    margin: 0 auto;
    width: 830px;
    height: 202px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
} 

#viewer a {
　position:absolute;
　top:0;
　left:0;
　z-index:8;
　opacity:0.0;
}

#slideshow {
    position:relative;
    height:219px;
}
#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow a.active {
    z-index:10;
    opacity:1.0;
}
#slideshow a.last-active {
    z-index:9;
}
.Boxhalloween {font-size: 14px;
    margin-bottom:10px;
    height:85px;}
.textsep {width:602px;}
.textsep1 {float:left;}
#footbottom {
	width: 1028px;
	clear:both;
	padding-bottom:60px;
	padding-top:20px;
}
#footbottom2 {
	width: 1028px;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	padding-bottom:8px;
	padding-top:8px;
	margin-top:8px;
}
.whitelink {
    font-size:16px;
}
.whitelink a{
    color:#FFFFFF;
}
.blacklink {
    font-size:16px;
}
.blacklink a{
    color:#000000;
	text-decoration:none;
}
.news {
    margin-left:130px;
}
.inner{
  width: 80%;
  margin: 0 auto;
  max-width: 500px;
}
.about {
	margin-left:114px;
	width:800px;
	margin-top: 20px;
	}
.about2 {
	margin-left:114px;
	width:800px;
	margin-top: 10px;
	}
.bar {
    margin-left:114px;
}
.b2 {
margin-left: 1.0em; /* ブロック全体を 2em（2文字）分右に */
text-indent: -1.0em; /* 先頭の1行のみ 1em（1文字）分左に */
}
.portside {font-size: 14px;
         margin-bottom:35px;
		 margin-top:20px;
		 height:202px;}