@charset "utf-8";

/* hide hack from Mac-IE5 \*/
* html .p,.sponsor_area { height: 1%; }
/* end hiding */

body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: #E0EE9D;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}

/*　タグの初期化　*/

h1,h2,h3,h4,p,ul,li,ol,form,pre {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 12px;
	line-height: 140%;
}
em {
	visibility: hidden;
	font-size: 10px;
	line-height: 14px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
}
.clear {
	clear: both;

}
#container  {
	width: 950px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
} 

/*　ヘッダーDIV　*/

#header {
	background: url(../images/logo.jpg) no-repeat left bottom;
	height: 80px;
	border-bottom: 2px solid #697B16;
	text-align: right;
	padding-bottom: 5px;
}

#header h1 {
	font-size: 12px;
	background: url(../images/bar.gif) repeat-y;
	display: block;
	height: 18px;
	width: 940px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding-right: 10px;
	margin: 0px;
}
#header strong {
	font-weight: normal;
}
#header  .subcont {
	padding-top: 45px;
	padding-right: 15px;

}
#header a {
	color: #333333;
	text-decoration: none;
}
#header a:hover {
	color: #FF9900;
}


/*　コンテンツDIV　*/

#Content  {
	padding: 0px;
	float: right;
	width: 735px;
	margin-top: 25px;
}

#Content h2 {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#sponsor {
	height: 405px;
}

#sponsor .fullbanner/* バナー広告（メイン）*/

{
	padding: 4px;
	width: 468px;
	float: left;
	height: 60px;
	display: inline;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #697B16;
	background: #D9EA86;
}
#sponsor .falfbanner{
	padding: 4px;
	width: 234px;
	float: left;
	height: 60px;
	display: inline;
	left: 721px;
	top: 132px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #697B16;
	background: #D9EA86;
	
}
#sponsor .button1{
	margin: 5px;
	padding: 5px;
	width: 120px;
	border: 1px solid #85C630;
	float: left;
	height: 90px;
}
#sponsor .button2{
	width: 129px;
	float: left;
	height: 60px;
	display: inline;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px;
	border: 1px solid #697B16;
	background: #D9EA86;
}
#sponsor .squarebutton{
	margin: 5px;
	padding: 5px;
	width: 125px;
	border: 1px solid #85C630;
	float: left;
	height: 125px;
}
#sponsor .microbutton{
	margin: 5px;
	padding: 5px;
	width: 88px;
	border: 1px solid #85C630;
	height: 31px;
}
#sponsor .rectangle{
	margin: 5px;
	padding: 5px;
	width: 180px;
	border: 1px solid #85C630;
	float: left;
	height: 150px;
}
#sponsor   .registration a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	background: url(../images/b1.jpg) no-repeat;
	display: block;
	height: 22px;
	width: 160px;
	padding-top: 2px;
	padding-left: 20px;
	float: right;
	margin-right: 10px;
}
#sponsor .registration {
	clear: both;
	height: 24px;
}

#sponsor  .registration a:hover {
	color: #77FFC9;
	text-decoration: none;
	background: url(../images/b2.jpg) no-repeat;
}
#contents_title {
}
#contents_title .crumbs   {
	padding-left: 20px;
	height: 24px;
	padding-top: 10px;
}
#contents_title     .crumbs p   {
	font-size: 16px;
	color: #FF9900;
}
#main  {

}
#main   .photo {
	float: right;
	border: 1px solid #697B16;
}
#main  .nam {
	float: left;
	border-style: none;
}
#main  .weather {
	margin-right: auto;
	margin-left: auto;
}
#main  .rate {
	margin: 15px;
	color: #697B16;
}
#main  .cont1 {
	float: left;
	height: 200px;
	width: 360px;
	border-right: 2px solid #697B16;
	padding: 5px;
	margin: 5px;
	display: inline;
	background: url(../images/bali.gif) no-repeat right top;
	position: relative;
}
#main  .cont2 {
	float: left;
	height: 200px;
	width: 320px;
	margin: 5px;
	padding: 5px 0px;
	display: inline;
	background: url(../images/store.gif) no-repeat right top;
	position: relative;
}
#main  .cont3 {
	float: left;
	height: 200px;
	width: 320px;
	border-right: 2px solid #697B16;
	padding: 5px;
	margin: 5px;
	display: inline;
	background: url(../images/life.gif) no-repeat right top;
	position: relative;
}
#main  .cont4 {
	float: left;
	height: 200px;
	width: 360px;
	margin: 5px;
	padding: 5px 0px 5px 0px;
	display: inline;
	background: url(../images/app.gif) no-repeat right bottom;
}
#main  .cont5 {
	float: left;
	height: 225px;
	border-right: 2px solid #697B16;
	padding: 5px;
	margin: 5px;
	width: 220px;
}
#main   .cont5  h2 {
	margin: 5px;
}
#main  .cont6 {
	float: left;
	height: 225px;
	padding: 5px;
	margin: 5px;
	width: 220px;
	background: url(../images/money.gif) no-repeat right bottom;
}
#main   .cont6  h2 {
	margin: 5px;
}
#main   .cont7 {
	margin: 5px;
	background: url(../images/connection.gif) no-repeat right bottom;
	height: 400px;
}

/*　サイドバーDIV　*/

#sidebar {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px;
	margin-top: 15px;
}

#sidebar h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
}
#sidebar h2 a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#sidebar h2 a:hover {
	color: #FF9900;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#sidebar h3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	padding-left: 5px;
}
#sidebar strong {
	font-weight: normal;
}
#sidebar .home {
	background: #697B16 url(../images/ac_tab1.jpg) no-repeat left center;
	margin-left: 10px;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
}
#sidebar  .home  a  {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar .home a:hover {
	color: #9DF596;
	text-decoration: none;
}
#sidebar  .subcon {
	margin: 0px 0px 10px;
	height: 85px;
	overflow: auto;
	border-right: 1px solid #697B16;
	border-bottom: 1px solid #697B16;
	background: url(../images/ac_frame_sm.jpg) repeat-y left top;
	padding-left: 15px;
}
#sidebar .group {
	margin: 0px 0px 10px;
	height: 130px;
	overflow: auto;
	border-right: 1px solid #697B16;
	border-bottom: 1px solid #697B16;
	background: url(../images/ac_frame_sm.jpg) repeat-y left top;
	padding-left: 15px;
}
#sidebar .group_f{
	margin: 5px;
	padding: 5px;
	width: 158px;
	border: 1px solid #85C630;
	height: 45px;
}
#sidebar .middil {
	background: url(../images/ac_frame_sm.jpg) repeat-y left top;
	margin-bottom: 10px;
	border-right: 1px solid #697B16;
	border-bottom: 1px solid #697B16;
}


#sidebar  .title {
	font-size: 14px;
	color: #FFFFFF;
	background: #697B16 url(../images/ac_frame_t.jpg) no-repeat right top;
	padding-left: 10px;
	line-height: 20px;
}
#sidebar  .title span {
	color: #FF9900;
}
#suponsor_s1 {

}
#suponsor_s1      .sponsor_s {
	margin: 0px 0px 5px;
	border-right: 1px solid #697B16;
	border-bottom: 1px solid #697B16;
	padding-left: 15px;
	background: url(../images/ac_frame_sm.jpg) repeat-y left top;
}
#suponsor_s1    .sponsor_s    p {
	margin-bottom: 5px;
}
#suponsor_s1     .title {
	font-size: 14px;
	color: #FFFFFF;
	background: #697B16 url(../images/ac_frame_t.jpg) no-repeat center center;
	padding-left: 10px;
}
#suponsor_s1     .title    span {
	color: #FF9900;
}
#suponsor_s2 {
	margin-right: 10px;
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
}
#suponsor_s2     .sponsor_s {
	border-right: 1px solid #697B16;
	border-bottom: 1px solid #697B16;
	height: 140px;
	padding-top: 10px;
	padding-left: 15px;
	background: url(../images/ac_frame_sm.jpg) repeat-y left top;
}
#suponsor_s2   .sponsor_s   p {
	padding-bottom: 5px;

}
#suponsor_s2    .title {
	font-size: 14px;
	color: #FFFFFF;
	background: #697B16 url(../images/ac_frame_tm.jpg) repeat-x left center;
	height: 20px;
}
#suponsor_s2    .title   span {
	color: #FF9900;
}
#suponsor_s2 .inner {
	width: 216px;
	float: left;
	padding-right: 10px;
}
#suponsor_s2 .title_tr {
	background: url(../images/ac_frame_tr.jpg) no-repeat right center;
	float: right;
	height: 20px;
	width: 20px;
}
#suponsor_s2 .title_tm {
	float: left;
}
#suponsor_s2 .title_tl {
	background: url(../images/ac_frame_tl.jpg) no-repeat left center;
	float: left;
	height: 20px;
	width: 20px;
}




/*　フッターDIV　*/

#footer {
	clear: both;
	padding: 5px;
	border-top: 2px solid #697B16;
	border-right-color: #697B16;
	border-bottom-color: #697B16;
	border-left-color: #697B16;
	text-align: right;
}



/*　カレンダークラス　*/

#calendarframe {
	overflow: hidden;
	height: 200px;
}
#calendarframe p{
	margin: 0px;
	padding: 2px;
	font: 12px/14px "ＭＳ Ｐゴシック", "HG丸ｺﾞｼｯｸM-PRO", "HG創英角ｺﾞｼｯｸUB";
}
#calendarframe img {
	float: none;
}
.calendar {
	background: #FFFFFF;
	border: 3px double #4D711C;
	color: #666666;
	text-align: center;
}
.calendarinner {
	height: 200px;
	width: 187px;
	margin-right: auto;
	margin-left: auto;
}
.month {
	font-size: 14px;
	font-weight: bold;
	color: #50782E;
	text-align: center;
	padding: 0px;
}
.week {
	background: #AADA69;
	border-right: 1px solid #4D711C;
	border-bottom: 1px solid #4D711C;
	color: #FFFFFF;
	width: 25px;
}
.week_right {
	background: #AADA69;
	border-bottom: 1px solid #4D711C;
	color: #FFFFFF;
	width: 25px;
}
.day {
	border-right: 1px solid #4D711C;
	border-bottom: 1px solid #4D711C;
}
.day_right {
	border-bottom: 1px solid #4D711C;
}
.day_end {
	height: 18px;
	padding: 3px;
}
.sun {
	color: #FF6600;
}
.full {
	background: #FFFF99;
}
.low {
	background: #9EB6E7;
}

.holiday {
	background: #FF9999;
}
.sut {
	color: #0099CC;
}
#display1 {
	height: 992px;
	overflow: hidden;


}
#display1     .s_cont {
	float: left;
	height: 248px;
	width: 170px;
	padding-right: 10px;
	overflow: hidden;
}
#display1 .s_title {
	width: 170px;
	height: 35px;
	padding-top: 5px;

}
#display1 img {
	border-style: none;
}
#display1 .s_img {
	width: 170px;
	overflow: hidden;
	height: 100px;
	background: url(../images/ajax.gif) no-repeat center center;
}
#display1 .s_web {
	width: 170px;
	overflow: hidden;
	height: 18px;
}
#display1 .s_coment {
	height: 60px;
	padding-top: 5px;
	width: 170px;
	padding-bottom: 5px;
	overflow: hidden;
}
#display1   .s_cont h3 {
	background: url(../images/s_cont_h3.gif) no-repeat center center;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 10px;
	width: 160px;
	display: block;
	height: 20px;
}
#display1     .s_cont p, pre{
	padding-left: 5px;
	line-height: 14px;
}


.control {
	padding-right: 15px;
	padding-left: 15px;
	text-align: right;
	color: #697B16;
	clear: both;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	cursor: pointer;
}


#display2 {
	float: left;
	height: 150px;
	overflow: hidden;
	display: block;
	width: 665px;
	border-top: 1px solid #616E1C;
	border-right: 1px solid #616E1C;
	border-left: 1px solid #616E1C;
	padding-top: 5px;
	padding-left: 20px;
	margin-left: 20px;
}
#display2  img {
	border-style: none;
}
#display2    .s_cont {
	display: inline;
	float: left;
	height: 150px;
	width: 155px;
	background: #FFFFFF;
	cursor: pointer;
	padding-right: 10px;
}
#display2 .s_title {
	background: url(../images/s_cont2_h3.gif) no-repeat;
	margin: 0px;
	line-height: 20px;
	color: #FFFFFF;
	padding-left: 10px;
}
#display2     .s_cont p {
	padding-right: 10px;
	height: 26px;
}
#c_panel {
	clear: both;
	height: 24px;
	margin-left: 20px;
	border: 1px solid #616E1C;
	width: 685px;
}
#c_panel .bback {
	float: left;
	width: 120px;
	height: 22px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#c_panel .back {
	float: left;
	width: 220px;
	height: 22px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#c_panel .next {
	float: left;
	width: 220px;
	height: 22px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#c_panel .nnext {
	float: left;
	width: 120px;
	height: 22px;
	border: 1px solid #CCCCCC;
}


#details {
	clear: both;
	height: auto;
	margin-bottom: 10px;

}
#details h3 {
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	border-bottom: 1px solid #697B16;
	margin-bottom: 5px;
}
#details .ditail {
	width: 370px;
	float: left;
	margin: 5px;
	padding: 5px 5px 5px 20px;
	height: auto;
	display: block;
}
#details .address {
	height: 40px;
}

#details .coment {
	padding: 5px;
	height: 80px;
	margin: 5px;
	display: block;
	border-top: 1px dashed #999999;
}
#details  .text {
	color: #697B16;
}
#details  .photo {
	padding: 5px;
	height: 200px;
	border: 1px solid #697B16;
	float: left;
	margin: 4px;
	display: inline;
	width: 285px;
}
#details .photos {
	height: 55px;
	width: 295px;
	float: left;
	position: relative;
}
#details    .photos1   {
	border: 1px solid #FF9900;
	position: absolute;
	left: 5px;
	top: 0px;
	height: 55px;
	width: 65px;
}
#details     .photos2   {
	border: 1px solid #FF9900;
	position: absolute;
	left: 80px;
	top: 0px;
	height: 55px;
	width: 65px;
}
#details     .photos3   {
	border: 1px solid #FF9900;
	position: absolute;
	left: 155px;
	top: 0px;
	height: 55px;
	width: 65px;
}
#details     .photos4   {
	border: 1px solid #FF9900;
	position: absolute;
	left: 230px;
	top: 0px;
	height: 55px;
	width: 65px;
}

#text   {
	clear: both;
	height: 450px;
	margin-bottom: 10px;
	margin-top: 0px;
	overflow: hidden;
	border: 1px solid #81903B;
}
#text  .babutton {
	height: 20px;
	width: 20px;
	padding: 1px;
	float: right;
	border: 1px solid #697B16;
}
#text   .babutton2 {
	height: 20px;
	width: 20px;
	float: right;
	padding: 1px;
	border: 1px solid #697B16;
}

#text .arrow {
	position: absolute;
	left: 422px;
	top: 62px;
}
#text img {
	border-style: none;
}
#text  h2 {
	color: #697B16;
	padding-left: 35px;
	font-size: 16px;
	line-height: 30px;
	margin: 0px;
}
#text  ul {
	padding-left: 35px;
	list-style: none;
	font-size: 12px;
	line-height: 40px;
}
#text  p {
	padding-left: 35px;
	line-height: 20px;
	font-size: 12px;
}
#text .text_n   {
	float: right;
	height: 24px;
	line-height: 24px;
	padding-right: 15px;
	color: #697B16;
	left: 480px;
	top: 420px;
	font-size: 10px;
}
#text  .inner {
	height: 450px;
	margin: 0px;
	overflow: auto;
	padding-right: 10px;
	clear: both;
}
#text  .inner2 {
	height: 700px;
	margin: 0px;
	overflow: hidden;
	padding-right: 10px;
	clear: both;
}
#text     h3   {
	padding-left: 35px;
	font-size: 12px;
}
#text  .photo {
	margin: 5px;
	padding: 5px;
}
#Content .select {
	height: 30px;
	padding-left: 15px;
}

#Content .select a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	background: url(../images/b1.jpg) no-repeat;
	height: 21px;
	width: 150px;
	padding-top: 3px;
	padding-left: 30px;
	float: right;
}
#Content .select a:hover {
	color: #77FFC9;
	text-decoration: none;
	background: url(../images/b2.jpg) no-repeat;
}
#Content .select .c1 {
	float: left;
	width: 160px;
}
#Content .select .c2 {
	float: left;
	width: 185px;
}
#display3 {
	position: relative;
	width: 730px;
}
#display3  .arrow1    {
	position: absolute;
	left: 649px;
	top: 10px;
	border: 1px solid #697B16;
	padding: 1px;
}
#display3   .arrow2    {
	position: absolute;
	left: 675px;
	top: 10px;
	padding: 1px;
	border: 1px solid #697B16;
}


.sidenote {
	padding: 2px;
	border: 1px dashed #CCCCCC;
	margin: 3px 5px 5px;
}
.register {

}
.register a {
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	background: url(../images/b1.jpg) no-repeat;
	display: block;
	height: 24px;
	text-decoration: none;
	padding-left: 30px;
	float: left;
	margin-top: 5px;
	width: 150px;
}
.register a:hover {
	background: url(../images/b2.jpg) no-repeat;
	color: #77FFC9;
}
#contents_title a {
	color: #FF9900;
	text-decoration: none;
}
#contents_title a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#main .profile_t {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 500px;
}
#main .profile {
	float: left;
	width: 139px;
	height: auto;
	padding: 5px;
	color: #697B16;
	border-bottom: 1px dashed #697B16;
	font-size: 12px;
	line-height: 20px;
}
#main .profile2 {
	float: left;
	width: 240px;
	height: auto;
	padding: 5px;
	color: #666666;
	line-height: 20px;
	font-size: 12px;
	border-bottom: 1px dashed #697B16;
}
#main .cont1photo {
	float: right;
	border: 1px solid #FF9900;
	margin: 3px;
	position: absolute;
	left: 210px;
	top: 80px;
}
#main .cont2photo {
	float: right;
	border: 1px solid #FF9900;
	margin: 3px;
	position: absolute;
	left: 178px;
	top: 82px;
}

#main .cont3photo {
	float: right;
	border: 1px solid #FF9900;
	margin: 3px;
	position: absolute;
	left: 170px;
	top: 82px;
}
.reportphoto {
	position: absolute;
	left: 347px;
	top: 4px;
	z-index: 1;
	border-style: none;
}
.report {
	position: relative;
}
a {
	color: #333333;
}

a:hover   {
	color: #FF9900;
}
#text a {
	color: #336699;
}

#text a:hover   {
	color: #FF9900;
}
#text .inner .register a {
	color: #FFFFFF;
}
#text .inner .register a:hover {
	color: #00FFCC;
}
.list_s {
	margin-left: 10px;
	list-style: lower-roman inside;
	margin-top: 0px;
	line-height: 20px;
	color: #666666;
}