body {
	color: #333333;
	margin: 0px 0px 0px 0px;
	background-color:#fff;
	background-image: url(image/bg03.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-attachment: fixed;

}

img {
	border: 0; 

}

.haba {
	border: 0; 
	width:100%;
}

.haba02 {
	border: 0; 
	width:450px;
}
@media screen and  (max-width: 600px) {
.haba02 {
	border: 0; 
	width:100%;
	margin: 0px 0px 10px 0px;
}
}

/**************　　全体枠　*********************/

#top-baseframe {
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 30px 0px;
	border-bottom: #ccc 0px solid;
}

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

a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: underline;
}

a:active {
	color: #2B3060;
	text-decoration: none;

}


#baseframe2 {
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	background-color: #B7AA85;
	border-top: #ccc 0px solid;
	border-bottom: #c7bda1 3px solid;
}

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

a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: underline;
}

a:active {
	color: #2B3060;
	text-decoration: none;

}


h1 {
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
text-indent:-1000px;
	background-color: #fff;
}

h2 {
	font-size: 15pt;
	margin: 10px 0px 20px 0px;
	padding: 15px 0px 10px 100px;
	border-left: #B7AA85 0px solid;
	border-bottom: #daccda 2px solid;
	background-image: url(image/bg-h2.gif);
background-repeat: no-repeat;
	background-color: #fff0ff;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius: 20px; 
    border-radius: 20px;
}



h3 {
	font-size: 15pt;
	margin: 15px 10px 20px 0px;
	padding: 5px 0px 8px 10px;
	border-bottom: #B7AA85  2px dotted;
}


h4 {
	font-size: 14pt;
	color: #333;
	line-height:130%;
	font-weight: bold;
	padding: 5px 10px 0px 0px;
	margin : 0px 0px 10px 0px;
}


/********　　メイン　**************/

#top-main {
	font-size: 13pt;
	line-height:170%;
	padding: 0px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	color:	#333333;
	max-width: 980px;
	background-color: #fff;
	box-shadow: 0px 0px 50px 5px #ebe6da;
	-moz-box-shadow:0px 0px 50px 5px #ebe6da;
	-webkit-box-shadow:0px 0px 50px 5px #ebe6da;

}

#top-main a:link {
	color: #333333;
	text-decoration: none;
}

#top-main a:visited {
	color: #333333;
	text-decoration: none;
}

#top-main a:hover {
	color: #555555;
	text-decoration: underline;
}

#top-main a:active {
	color: #f03333;
	text-decoration: none;
}


#main2 {
	font-size: 13pt;
	line-height:170%;
	padding: 10px 0px 10px 0px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	color:	#333333;
	max-width: 980px;
}

#main2 a:link {
	color: #333333;
	text-decoration: none;
}

#main2 a:visited {
	color: #333333;
	text-decoration: none;
}

#main2 a:hover {
	color: #555555;
	text-decoration: underline;
}

#main2 a:active {
	color: #f03333;
	text-decoration: none;
}




/**********　　ヘッダーロゴ　　****************/

#headerheader {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 5px 5px;
	font-size: 8pt;
	border-bottom: #ddd 0px solid;
	background-color: #fff;
}


/********　　トップタイトル　**************/
#toptitle {
	font-size: 9pt;
	margin: 2px auto 2px 10px;
	color:#333333;
	text-align:left;
}



/********　　サイド　**************/


#center-side {
	font-size: 12pt;
	line-height:170%;
	padding: 10px 40px 0px 50px;
	margin:  0px 0px 0px 0px;
	color: #333333;
}


#center-side a:link {
	color: #ffffff;
	text-decoration: underline;
}

#center-side a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#center-side a:hover {
	color: #fff;
	text-decoration: underline;
}

@media screen and (min-width: 40px) and (max-width: 500px) {
#center-side {
	font-size: 12pt;
	line-height:150%;
	padding: 10px 10px 0px 10px;
	margin:  0px 0px 0px 0px;
	color: #333333;
}
}


/********　　グローバルメニュー　********/


#menu {
	padding: 0px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	max-width: 980px;
	text-align: center;
	border-bottom: #ddd 0px solid;

}


#head00  {
	font-size: 10pt;
	display: block;
	font-weight: bold;
	color:#333;
	text-align: center;
	float: left;
	text-decoration: none;
	width:42px;
	margin : 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}


#head01  {
	font-size: 12pt;
	display: block;
	font-weight: bold;
	color:#fff;
	text-align: center;
	float: left;
	line-height:300%;
	background-color: #d4cdba;
	text-decoration: none;
	width:161px;
	margin : 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	border-left:0px #ccc solid;
	border-right:1px #ccc solid;
/**
	background-image: url(image/bg-btn.gif);
	background-repeat: repeat-x;
***/
}

#head01 a:link {
	display: block;
	color:#333;
	text-decoration: none;
}

#head01 a:visited {
	display: block;
	color:#555;
	text-decoration: none;
}

#head01 a:hover {
	display: block;
	color:#555;
	background-color: #dfd9c9;
	text-decoration: none;
}

#head01 a:active {
	display: block;
	color:#ffffff;
	text-decoration: none;
}




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

#footer {
	font-size: 11pt;
	line-height:150%;
	padding: 20px 0px 20px 0px;
	text-decoration: none;
	color: #333;
	text-align: center;
	background-color: #EFEBE1;
	border-top: #B7AA85 4px solid;
}

#footer2 {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	max-width:980px;
}




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

#footer-left {
	float: left;
	color:#555555;
	min-width:230px;
	padding: 0px 0px 0px 0px;
	margin : 5px 0px 0px 0px;
}



#shadow {
	box-shadow: 2px 3px 5px #888; 
}


/********　INFORMATION　　*****/

#info {
	font-size: 12pt;
	color:#555555;
	line-height:140%;
	padding: 0px 10px 0px 10px;
	margin : 0px 0px 0px 0px;
	background-color: #fff;
	display: inline;
}

#info  a:link {
	color: #555;
	text-decoration: underline;
	display: inline;
}

#info   a:visited {
	color: #555;
	text-decoration: underline;
}

#info   a:hover {
	color: #F29720;
	text-decoration: none;
}


#box01 {
	float: left;
	font-size: 11pt;
	line-height:150%;
	width:275px;
	margin : 20px 10px 10px 0px;
	padding: 15px 10px 15px 5px;
	text-decoration: none;
	color: #333;
	background-color: #EFEBE1;
border:1px solid #ccc; 
}

@media screen and  (max-width: 650px) {
#box01 {
	font-size: 11pt;
	line-height:150%;
	width:100%;
	margin : 20px 10px 10px 0px;
	padding: 15px 5px 15px 5px;
	text-decoration: none;
	color: #333;
	background-color: #EFEBE1;
border:1px solid #ccc; 
}
}





#box-haka {
	float: left;
	font-size: 11pt;
	line-height:150%;
	width:270px;
	margin : 20px 10px 10px 0px;
	padding: 10px 10px 15px 10px;
	text-decoration: none;
	color: #333;
	background-color: #EFEBE1;
border:1px solid #ccc; 
}

#box-last{
	clear:both;
}




#box-kikaku {
	float: left;
	text-align: center;
	font-size: 10pt;
	line-height:150%;
	width:110px;
	margin : 2px 2px 1px 1px;
	padding: 5px 5px 5px 5px;
	color: #333;
	background-color: #fff;
border:1px solid #ddd; 
}

#midasi {
	color: #333;
	font-size: 11pt;
	font-weight: bold;
	line-height:120%;
	padding: 10px 10px 10px 10px;
	margin : 0px 0px 5px 0px;
	background-color: #ddd;

}
#midasi-kikaku {
	color: #9a8853;
	font-size: 11pt;
	font-weight: bold;
	line-height:120%;
	padding: 10px 5px 5px 0px;
	margin : 0px 0px 10px 0px;
border-bottom:1px solid #ccc; 
}



#aka {
	color: #a00000;
	font-size: 11pt;
	font-weight: bold;
}

#text-right {
	font-size: 12pt;
	text-align: right;
	margin : 10px 5% 10px 0%;
}



/********　申し込みバナー　　*****/
@media screen and (min-width: 501px) {
#mousikomi {
	text-align: center;
}
#mousikomi01 {
	text-align: center;
	display:none;
}
}

@media screen and (min-width: 40px) and (max-width: 500px) {
#mousikomi {
	text-align: center;
	display:none;
}
#mousikomi01 {
	text-align: center;
}
}

/********　テーブル要素　　*****/


td,div{font-size:10pt;}
.tb{ 
border:1px solid #888888; 
border-collapse:collapse;
background-color:#ffffff;
}
.tb td{ 
border:1px solid #aaaaaa; 
border-collapse:collapse; 
}


p{
	padding: 0px 0px 2px 0px;

}

#center-side li{
	margin: 0px 0px 0px -10px;

}


/********　画像マウスオーバー時にフェードアウト　　*****/
.fade {   
    -webkit-transition: 0.2s ease-in-out;   
       -moz-transition: 0.2s ease-in-out;   
         -o-transition: 0.2s ease-in-out;   
            transition: 0.2s ease-in-out;   
}   
.fade:hover {   
    opacity: 0.8;   
    filter: alpha(opacity=80);   
}