
/* ############################ スタイルシート開始 ############################ */

.body{	
	display:block; 
	position:relative;
	text-align:left;
	margin:0 auto /* margin:0 auto;にすると全体が中央に配置される。 */;
	text-align:center;
	background-color:	#CCFFCC; 

	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color:#003300;
}	

hr{
	color:			#33FF99;
	height:1px;
}

.head{
	display:block;
	position:relative;

	margin:0;margin:0 auto; /* margin:0 auto;にすると全体が中央に配置される。 */
			width:950px;
	border:none;

	border-bottom:none;
	
	background-image:url(http://www.galerieun.com/generator/other_nature/bghead.gif);
	background-repeat:	repeat-y;
	background-color:	#FFFFFF;
	color:			#99CC99;

	text-align:left;
	vertical-align:middle;
}

/* グローバルナビゲーション欄 */

.navi{
	display:block;
	position:relative;
	margin:0 auto; /* margin:0 auto;にすると全体が中央に配置される。 */
		
	height:20px;
	
	background-color:	#FFFFFF;width:950px;

	border:none;
	
	text-align:center;
}

/* 上部グローバルナビゲーションボタンスタイル(カテゴリ数に応じてループ設定） */

home {
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:link.home {
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:visited.home {
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:hover.home {
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/hover/default.gif");
	color:	#FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

a:active.home {
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

shop{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:link.shop{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:visited.shop{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:hover.shop{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/hover/default.gif");
	color:	#FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

a:active.shop{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

galerie{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:link.galerie{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:visited.galerie{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:hover.galerie{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/hover/default.gif");
	color:	#FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

a:active.galerie{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

info{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:link.info{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:visited.info{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:hover.info{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/hover/default.gif");
	color:	#FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

a:active.info{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

houtei{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:link.houtei{
	display:block;
	position:relative;
	margin:0px;
	float:left;
	vertical-align: middle;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:visited.houtei{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}

a:hover.houtei{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/hover/default.gif");
	color:	#FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

a:active.houtei{
	display:block;
	position:relative;
	float:left;
	margin:0px;
	vertical-align: bottom;
	width:189px;
	height:33px;

	background-image:url("./generator/bt_nature/button/default.gif");
	color:	#CCFFCC;
	text-decoration:none;
	padding-top:5px;
}


/* 左グローバル（カテゴリ）ナビゲーションテキストスタイル */
/* 基本サイズ 133+21+(5*2)=149  段組全体にボーダーが指定されるため1px狭い */


a:visited.tx{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			133px;
	height:21px;
	padding:5px;
	
	text-decoration:none;
 	color:			#006600;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

.tx{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			133px;
	height:21px;
	padding:5px;

	text-decoration:none;
 	color:			#006600;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

a:link.tx{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			133px;
	height:21px;
	padding:5px;

	text-decoration:none;
 	color:			#006600;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

a:hover.tx{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			133px;
	height:21px;
	padding:5px;

	text-decoration:none;
 	color:			#006600;
	background-color:	#66FF99;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

a:active.tx{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			133px;
	height:21px;
	padding:5px;

	text-decoration:none;
 	color:			#006600;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

.txlink{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			133px;
	height:21px;
	padding:5px;

	text-decoration:none;
 	color:			#006600;
	background-color:	#66FF66;
	

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

/* 左ローカル（ページ）ナビゲーションテキストスタイル */

a:visited.txlocal{
	display:block;
	position:relative;

	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			123px;
	height:21px;
	padding:5px;
	padding-left:20px;
	padding-right:0px;
	
	text-decoration:none;
 	color:			#003300;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

a:link.txlocal{
	display:block;
	position:relative;

	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			123px;
	height:21px;
	padding:5px;
	padding-left:20px;
	padding-right:0px;

	text-decoration:none;
 	color:			#003300;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

.txlocal{
	display:block;
	position:relative;

	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			123px;
	height:21px;
	padding:5px;
	padding-left:20px;
	padding-right:0px;

	text-decoration:none;
 	color:			#003300;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

a:hover.txlocal{
	display:block;
	position:relative;

	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			123px;
	height:21px;
	padding:5px;
	padding-left:20px;
	padding-right:0px;

	text-decoration:none;
 	color:			#666666;
	background-color:	#66FF99;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

a:active.txlocal{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			123px;
	height:21px;
	padding:5px;
	padding-left:20px;
	padding-right:0px;

	text-decoration:none;
 	color:			#003300;
	background-color:	#66FF66;

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

.txlinklocal{
	display:block;
	position:relative;
	
	margin-top:		0px;
	margin-left:		0px;
	margin-right:		0px;
	width:			123px;
	height:21px;
	padding:5px;
	padding-left:20px;
	padding-right:0px;

	text-decoration:none;
 	color:			#003300;
	background-color:	#66FF66;	

	border-left:3px solid 	#66FFCC;
	border-top:3px solid 	#66FFCC;
	border-right:3px solid	#006600;
	border-bottom:3px solid	#006600;
	
}	

/* ----------------------------------------------------------- */
/* ヘッダー画像無しの場合の文字色（左グローバルナビゲーション文字色と同じ） */

a:link.headnavi{
	display:block;
	position:relative;
	float:left;

	margin:5px;
	
	text-decoration:none;
 	color:			#99CC99;
}	
a:visited.headnavi{
	display:block;
	position:relative;
	float:left;

	margin:5px;

	text-decoration:none;
 	color:			#99CC99;
}	
a:hover.headnavi{
	display:block;
	position:relative;
	float:left;

	margin:5px;

	text-decoration:none;
 	color:			#006600;
}	
/* ----------------------------------------------------------- */
/* 最下部グローバルナビゲーション文字 */

a:link.footernavi{
	margin-left:10px;
	text-decoration:none;
	color:			#003300;
}	
a:visited.footernavi{
	margin-left:10px;
	text-decoration:none;
	color:			#003300;
}	
a:hover.footernavi{
	margin-left:10px;
	text-decoration:none;
	color:			#009900;
}	

/* ----------------------------------------------------------- */
/* 以下コンテンツの表示領域 */
.topimgarea{
	display:block;
	position:relative;margin:0 auto; /* margin:0 auto;にすると全体が中央に配置される。 */
			width:950px;

	border:none;	
	background-color:	#FFFFFF;
	
	text-align:left;
	vertical-align:middle;
}

.topimg{
	display:block;
	position:relative;
	border:none;
	background-color:	#FFFFFF; 
}

a.link1:link	{color:;}
a.link1:visited	{color:;}
a.link1:hover	{color:;}
a.link1:active	{color:;}
a.link2:link	{color:;}
a.link2:visited	{color:;}
a.link2:hover	{color:;}
a.link2:active	{color:;}
a.link3:link	{color:;}
a.link3:visited	{color:;}
a.link3:hover	{color:;}
a.link3:active	{color:;}

.dangumi{
	display:block;
	position:relative;
	margin:none;margin:0 auto; /* margin:0 auto;にすると全体が中央に配置される。 */
			width:950px;

	border:none;
	background-color:	#FFFFFF;
	text-align:center;
}

.dangumi1{
	width:202px;

	padding:0px;
	border:none;
	
	color:			#000000;
	background-color:	#FFFFFF;
	
	

	text-align:left;
}

.dangumi1of1{
	padding:0px;
	border:none;	
	padding-bottom:5px;

	color:			#000000;
	background-color:	#FFFFFF;

	text-align:left;	width:950px;

}

.dangumi2of2{
	display:block;
	position:relative;
	width:740px;
	padding:0px;
	border:none;

	color:			#000000;
	background-color:	#FFFFFF;
	text-align:left;
}

.dangumi2of3{
	display:block;
	position:relative;
	width:500px;

	padding:0px;
	border:none;

	padding:0px;
	border:none;

	color:			#000000;
	background-color:	#FFFFFF;

	text-align:left;
}

.dangumi3{

	width:248px;

	padding:0px;
	border:none;

	color:			#000000;
	background-color:	#FFFFFF;

	text-align:left;
}

.dangumi500{
	width:650px;

	padding:0px;
	border:none;

	color:			#000000;
	background-color:	#FFFFFF;

	text-align:left;
}

.dangumi700{
	width:650px;

	padding:0px;
	border:none;

	color:			#000000;
	background-color:	#FFFFFF;

	text-align:left;
}

.dangumi200{

	width:250px;

	padding:0px;
	border:none;

	color:			#000000;
	background-color:	#FFFFFF;

	text-align:left;
}

.yohaku{
	background-color:	#FFFFFF;

	padding:0px;
	border:none;
}

.contentsrecord{
	display:block;
	position:relative;
/*	height:100%; */
}

/* フォントサイズ用スタイル（ptで設定！IE8以前のサイズ変更は無視する） */
.font-size-xx-small{
	font-size:8pt;  /* 一版 */
}
.font-size-x-small{
	font-size:9pt;/* 一版 */
}
.font-size-small{
	font-size:10pt;/* 一版 */
}
.font-size-medium{
	font-size:11pt;/* 一版 */
}
.font-size-large{
	font-size:12pt;/* 一版 */
}
.font-size-x-large{
	font-size:16pt;/* 一版 */
}
.font-size-xx-large{
	font-size:20pt;/* 一版 */
}



.footer{
	display:block;
	position:relative;margin:0 auto; /* margin:0 auto;にすると全体が中央に配置される。 */
		

	padding:0px;
	width:950px;

	border:none;
	
	background-color:	#FFFFFF;
	background-image:url(	http://www.galerieun.com/img/bgfoot.gif);
	background-repeat:	no-repeat;
	
	color:			#99CC99;
	
	text-align:left;
	vertical-align:middle;
}

.footertext{
	margin:0 auto; /* margin:0 auto;にすると全体が中央に配置される。 */
	
	color:	#003300;
	
	vertical-align:middle;
//	text-align:left;
	width:950px;

}

/* 予備（テーブルに使用） */

table{
	border-collapse: collapse;
	empty-cells: show;
}

th{
	text-align:center;
	padding:5px;
	border:1px solid 	#33FF99;
	background-color:	#99CC99;
	color:			#FFFFFF;
}

td{
	padding:5px;
	border:1px solid	#33FF99;
	background-color:	#FFFFFF;
	color:			#000000;
	vertical-align: top; 
}

/* フォームのアイテムを立体化 */
.form1{
    border:1px solid #777;
    padding: 3px;
    color: #000;
    background: #fff;
    border-radius: 3px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 3px;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 3px;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}
.round3px{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/* ############################ タイプＡスタイルシート終了 ############################ */
