@charset "Shift_JIS";
	/* 文字エンコードの設定（削除不可） */

/* ***********************************************
/* HTML要素（一部#ID） */

*{
	margin:0; padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: x-small; 
	line-height: 1.5; }
	


/* 基本構造 */

body{ 
	margin: 0; padding: 0;
	background: #FFF url("img/flower297.gif") no-repeat; 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Century Gothic",メイリオ,Meiryo,"ＭＳ Pゴシック",Sans-serif;
		color: #1B1B23; }
		
		
p{
	margin: 0 0 0.6em; }

br{ 
	letter-spacing: normal; }

hr{
	display: none; }

	div.text hr{
		display: block; }


/* 見出し */
h1,h2,h3,h4,h5,h6	{	}
h1{	color: #336666;
	font-weight: bold; font-size: 600%; 
 }

h2{
	margin: 0.5em 0; 
	padding: 0 0 0 20px;
	color: #eee;
	font-size: 110%; 
	background: #555 url("img/h2.gif") no-repeat 5px 50%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}


h3{
	margin: 1em 0 0.3em; 
	padding: 0 0 0 20px;
	font-weight: normal; font-size: 115%; 
	background: url("img/h2.gif") no-repeat 5px 50%; 
	letter-spacing: 0.3em; }

h4{ 
	margin: 1em 0 0.5em;
	padding: 0 0 0 20px;
	border-bottom: 2px solid #555;
	font-weight: normal; font-size: 110%; 
 	letter-spacing: 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}


h5,
h6{
	margin: 1em auto 0.5em 0;
	padding: 0 0.4em;
	border-left: 1em solid #CCCC66;
	font-weight: bold; font-size: 100%;
	line-height: 1.1;
	letter-spacing: 0.25em; }


/* アンカー */
a{
	font: inherit; }

a:link{ 
	color: #945C5C; }

a:visited{ 
	color: #666;}

a:hover,
a:active,
a:focus{ 
	color: #999966; }

/* 強調・追加・削除 */
ins{ 
	text-decoration: underline; }

ins:before{
	content: "\8ffd\8a18:"; /*safari文字化け防止*/
	color: #2EE844;
	font-size: 80%; }

del{ 	color: #999;
	text-decoration: line-through; }


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

em,
em *{ 
	color: #DF3075;
	font-style: normal;
	font-weight: normal; }

strong,
strong *{ 
	color: #DF3075;
	font-style: normal;
	font-weight: normal;
	border-bottom: 2px solid #DF3075;
	letter-spacing: 1px; }

q{
	border: solid #ddd; border-width: 0 0 1px;
	padding: 0 3px; 
	background: url("img/bg.gif");}

cite{
	font-style: oblique; }

code,
samp{ 
	border: dotted #aaa; border-width: 1px 0;
	background: #e4e4e4;
	font-family: "New Courier",Courier,monospace; }

pre code,
pre samp{
	border: none;
	background: transparent; }

var{
	color:#8D8C2C; font-style: normal; }

kbd{
	border: 1px solid; border-color: #fff #aaa #aaa #fff;
	background: #ccc;
	color: #000;
	font-weight: bold; font-family: monospace; }

dfn{
	padding:0 0.5em; font-style: normal; }

acronym,
abbr{ 
	padding: 0 2px;
	border-bottom: 2px solid #ddd; 
	cursor: help; }

acronym:after,
abbr:after{
	content:"?";
	color: #999; font-size: 80%;
	vertical-align:super; }

acronym:hover:after,
abbr:hover:after{
	color: #945C5C; }


/* フォーム */

#searchform4 { float: right;
    width: 200px;  
    background: url("../input.gif") left top no-repeat;   
    display: block;  
    height: 24px;  
    position: relative;  
}  
#keywords4  {  
    width: 156px;
    background: #fff;
    position: absolute;  
    top: 3px;  
    left: 12px;  
    border: 1px solid #FFF;  
}  
#searchBtn4 {  
    position: absolute;  
    top: 3px;  
    left: 174px;
    border-width: 0; 
} 


form{
	}

form label{ 
	font-size: 100%; }

input,
select,
textarea{ 
	margin: 0 1px 4px 0;
	background: #fff;
	color: #333; 
	font: 100%/normal Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; 
	vertical-align: middle; }

input{
	border: solid #000; border-width: 0 0 1px; }

select,
textarea{
	border: 1px solid #000; }


input[type="button"],
input[type="submit"],
input[type="reset"]{
	background: #999; color: #eee; cursor: pointer; }

input#BUTTON{
	background: #999; color: #eee; cursor: pointer; }

option,
optgroup,
optgroup option{ 
	font-family: Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; }

	optgroup{ 
		background: #ddd none;
		color: #444;
		font-weight: normal; }	

	optgroup option{ 
		margin: 0; padding: 0 0 0 1em;
		background: #eee; color: #000; 
		font-weight: normal; }

/* リスト */
ol{	
	list-style: decimal outside;
	padding: 0.5em 0 0.5em 2.5em; }

ol li,
li ol li{
	list-style-type: decimal; }

ul{
	list-style: circle outside;
	padding:0.5em 0 0.5em 2em; }

ul li,
li ul li{
	list-style: circle outside; }


dl{
	list-style-position: inside;
	margin: 0.5em 0 0.5em 1em;
	border: 1px solid #ccc; } 

dl dt{
	padding: 0.2em 0.5em;
	background: url("img/bg.gif") repeat;
	line-height: 1.2; }

dl dd{
	margin: 0 0.5em 0 3em;
	padding: 2px 0;  }


/* アドレス */
address{
	 }

	#KIZI address{ 
		padding: 0 20px; }
		
		
/* 引用（サンプルページ未記述） */


blockquote{
	margin: 1em 0 1em 20px; 
	padding: 5px 10px;
	border-left: 3px solid #ddd;
	background: url("img/bg.gif") repeat-y 0 0; }

	/*\*/
	* html blockquote{
		height: 1%; }
	/**/

/* 整形済みテキスト（サンプルページ未記述） */

pre{ 
	margin: 1em auto; padding: 4px 2px;
	border: dotted #aaa; border-width: 1px 0;
	background: #e4e4e4;
	color: #333;
	font-size: 12px; 
	font-family: monospace; }

	/*長文対策、前者IE用（MacIE省）\*/

	pre{
		width: 95%; 
		overflow: scroll; }

	#KIZI>div.text pre{ 
		padding: 2px 5px;
		width: auto;
		overflow: auto; }

	/**/

table,
td{ 
	font-size: 100%; }
th{ 
	font-weight: bold; }
caption{ 
	text-align: center; }





cite,q	{	}



/* 物理要素（サンプルページ未記述） */
b{ 
	font-weight: bold; }
i{ 
	font-style: oblique; }
big{ 
	font-size: large; }
small{ 
	font-size: x-small; }
tt{ 
	font-family: monospace; }


/* ***********************************************
/* 各#ID＆.class */



#PAGETOP{width:100%
	}

#NAVI{  text-align:right;
	padding:10px 10px 10px 10px;
	font-family: MuseoSans-500,"メイリオ";
	font-size: medium;
	font-weight: normal;
	font-style: normal;}
#NAVI a{
	font-color: #999;
	text-decoration:none; }


#HEADER{margin:100px 0;
	background: #ccc;  
	opacity: 0.6; 
	text-align: left;
	z-index: 2;}

	#HEADER h1{
		z-index: 3;
		padding:10px;
		-webkit-transform: rotate(-5deg);  
		-moz-transform: rotate(-5deg);
		font-family: MuseoSans-500,"メイリオ";}
			
	ul#PAN{
		margin: 0; padding: 0 15px 0 0;
		list-style: none; 
		text-align: center; }

	ul#PAN li{color: #999966;
		display: inline;
		list-style: none;
		font-size: 80%; }

#CONTEINER{
	width: 95%;
	min-width: 1000px;
        max-width: 1000px;
	display: -moz-box;
}


#MENU{  bottom: 0;
	background:#999; 
	margin: -400px 0 0 0; 
	padding: 300px 0 200px 0;
	width: 220px;
	min-height: 500px;
	-moz-box-ordinal-group: 2;
	float: right;
	z-index: 1;
	display: inline;  
}

	#MENU h2{margin: 20px 5px;

}
	
	#MENU ul{ 
		list-style-type: none;
		margin: 10px 0; padding: 10px 15px 20px 15px; }

	#MENU li{
		display: inline;
		list-style-type: none;
		margin: 0; padding: 0; }

		#MENU li a{ 
			display: block; 
			width: 100%; }

		#MENU li.menu-on a{
			padding-left: 10px;
			background: url("img/pan.gif") no-repeat 0% 50%;  }
	#MENU input{background: #999; color: #fff;}

#MENU a{font-size:small;
	line-height:2.0;}

#MENU a:link{ 
	color: #fff;
	text-decoration: none; }

#MENU a:visited{ 
	color: #99cccc;
	text-decoration: none;}

#MENU a:hover,
#MENU a:active,
#MENU a:focus{
	background:#555;
	width:100%; 
	color: #66cccc;
	}

#FREE{ text-align: center;}

#FREE h2{ text-align:left;}


#KIZI{ 	margin: 0 140 0 0; 
	padding: 5px 25px 0 20px;
	min-height: 500px;
	-moz-box-ordinal-group: 1;
	-moz-box-flex: 1;
	}


	div.text{
		padding: 0 0 1em; }

	/*\*/
	* html div.text{
		height: 1%; }
	/**/


	ul.modori{
		list-style: none;
		margin: 0.5em 0 0; 
		padding: 0;
		text-align: right; }

	ul.modori li{
		display: inline;
		list-style: none; }

		ul.modori li a{
			display: block; 
			margin: 0 0 0 auto; 
			width: 8em;
			border: 1px solid #ddd; color: #ccc;
			line-height: 1.1;
			text-align: center; text-decoration: none; }

		ul.modori li a:hover,
		ul.modori li a:focus{
			border-color: #555; color: #55566; }

    #EKIZI    {  
        width: 700px;  
        margin: 0 -10px 0 0;  
        _zoom: 1;     
        overflow: hidden; 
    }  
    #EKIZI #column    {  
        width: 400px;    
        padding: 0 5px 5px;
	margin: 30px 0 0 100px;  
           
    }  
    #EKIZI #column h4 {  
        padding: 5px 5px 5px 30px;   
        color: #000;  
        margin: 0 -5px 3px; 
	border-bottom: 1px solid #555;
	background: url("img/p_flower.gif") no-repeat 5px 50%;
	font-weight: bold; font-size: 100%; 
 	letter-spacing: 0.3em;
    }  
   #EKIZI li{	
		display: inline;
		list-style: none;
}
   #EKIZI li a{	
		text-decoration: none;
}

  .cmntf{clear: both;margin: 0 0 0 100px;   }

      .pastlink {  
        text-align: center;  
    }  
    .pastlink li {  
        display: inline;  
    }  
    .pastlink li strong {  
        display: -moz-inline-box;  
        display: inline-block;  
        padding: 2px 7px 4px;  
        background: #EEE;  
        border: 1px #CCC solid;  
    }  
    .pastlink li a {  
        display: -moz-inline-box;  
        display: inline-block;  
        padding: 2px 7px 4px;  
        border: 1px #CCC solid;  
    }  
    .pastlink li a:hover {  
        border: 1px solid #2D88B3;  
        background: #2D88B3;  
        color: #FFF;  
    }  


#FOOTER{clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 25px ;
	background: #ccc;
	opacity: 0.8; }

	#FOOTER h2{
		display: none; }

	#FOOTER ul{ 6
		list-style-type: none;
		margin: 0; padding: 0; 
		 }

	#FOOTER li { clear: both;
		display: inline;
		list-style-type: none;
		margin:0; padding:0 5; }

	#FOOTER li address{ 
		display: inline;
		padding: 0; }

		#FOOTER li a{
			padding: 0 0.7em;
			color: #999;
	                border: 1px solid #999;
			line-height: 1.1;
			text-decoration: none;}
    .demo2-2    {clear: both;
        width: 726px;  
        margin: 0 -10px 0 0;  
        _zoom: 1;     
        overflow: hidden;  
    }  
    .demo2-2 .column    {
        width: 220px;  
        min-height: 110px;  
        _height: 110px;  
        padding: 0 5px 5px;  
        margin-right: 10px;  
        float: left;  
        border: 0px solid #999;  
    }  
    .demo2-2 .column h4 { 
        background: #666;  
        padding: 5px;  
        border-bottom: 0px solid #999;  
        color: #FFF;  
        margin: 0 -5px 5px;  
    }