﻿@charset "utf-8";
/* CSS Document */

/* --------------------------------------- */
html {
	transform-origin:left top;
}
#square {
/*	background-color 	: #ffeecc; */
/*	background-color 	: #ccffcc;	*/ /*new*/ 
	width		: 1024px;
	margin		: auto;
	margin-top	: 0px;
	background-image:	url(pict/content_tex.png);		/**/
	background-position: top left;
	background-repeat: 	repeat;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);

	border-radius: 15px;	/* new */
}
#header {
/*		background-color 	: #cccc00;	*/
/*	background-color 	: #ccffcc; */
	background-image:	url(pict/header_tex.png);		
	background-repeat: 	repeat-x; 
	height	: 300px;
	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee;

	border-radius: 15px 15px 0 0;	/* new */
}
#menu {
/*	background-color 	: #ccffcc; */
	background-image:	url(pict/menu_bar.png);			/**/
	background-position:center center;
	background-repeat: 	no-repeat;
	height	: 40px;
	margin:		0px;
	padding:	0px;
	/*text-shadow: 0 0 1px #996622, 0 0 2px #bb8822, 0 0 3px #ddaa22;	*/										    
/*	text-shadow: 0 0 1px #c4933a, 0 0 2px #d4a34a, 0 0 3px #e4b35a; */
/*	text-shadow: 0 0 1px #88aa88, 0 0 2px #779977, 0 0 3px #668866; */
	text-shadow: 0 0 1px #ffffff, 0 0 2px #cccccc; 
/*	text-shadow: 0 0 1px #ffffff, 0 0 2px #ddffdd, 0 0 3px #aaeeaa; */
}
#content {
/*	background-color: 	#666600;*/
/*	background-color: 	#ccffcc; */
	margin:		0px;
	padding:	0px;
	width:	1024px;
/*	text-shadow: 0 0 1px #bfa66b, 0 0 2px #dfc68b, 0 0 3px #ffe6ab; */
/*	text-shadow: 0 0 1px #ccbb99, 0 0 2px #ddccaa, 0 0 3px #eeddbb; */
	text-shadow: 0 0 1px #bbbbbb, 0 0 2px #aaaaaa;  /* 全体 */
}
#footer {
/*	background-color 	: #a39483; */
/*	background-color 	: #44ff44; */
	color: 				#fff;
	background-image:	url(pict/footer_tex.png)		/**/;
	background-position:left top;
	background-repeat: 	repeat-x;
	height: 			40px;
	text-align:			center;
	line-height:		40px; 
	font-family: 		Arial, Helvetica, sans-serif;		
	font-size:			11px;

	border-radius: 0 0 15px 15px;	/* new */
}


/* --------------------------------------- */

#header_space {
/*	background-color : #ccffcc; */
	width:		32px;
	height:		272px;
	float:		left;
}
#haeder_title {
/*	background-color : #00ffff; */
/*	background-color : #ccffcc; *//*new*/
	height:			16px;
/*	line-height:40px; 60  */ 
	font-size:		36px
	text-align:		justify;
/*	margin-left: 	72px; */ 
	line-height:	128px;
}
#header_pict {
/*	background-color : #00cccc; */
	background-color : #ccffcc;
/*	background-image:	url(pict/mama.png);*/
	background-image:	url("pict2/ssai_top.png");
	background-repeat: 	no_repeat; 
	width	: 700px;
	height	: 256px;
	float	: left;
/*	margin-left : 32px; */
}
#header_navi {
/*	background-color : #009999;*/
	width	: 260px;
	height	: 208px;
	float	: left;
}
#header_navi span {
/*	background-color : #cccc00; */
	font-size:		12px;
	line-height:	32px;
}
#header_navi ul {
	list-style-type	: none;
	text-align		: left;
	padding			: 0px;
	margin			: 0px;
	font-size		: 20px;
	font-weght		: normal;
}
#header_navi li {
/*	background-color : #ccffcc; */
	background-image:	url(pict/navi_bar.png);					/**/
	background-position: 80% 60%;
	background-repeat:	no-repeat;
	padding				: 0px;
	margin				: 0px;
	display 			: block;
	line-height 		: 20px;	/* y-1 */
	height 				: 63px; /* y-1 */
	overflow 			: hidden;
/*	border-bottom:			1px dotted #ff0000; */
	border-bottom:			1px dotted #998a57; /*ff6666*/
}
#header_navi_img {
/*	background-color : #001100; */
/*	background-image:	url(pict2/insta.png);*/					/**/
	background-position: 80% 60%;
	background-repeat:	no-repeat;
	padding				: 0px;
	margin				: 0px;
	display 			: block;
	line-height 		: 20px;	/* y-1 */
	height 				: 63px; /* y-1 */
	overflow 			: hidden;
/*	border-bottom:			1px dotted #ff0000; */
	border-bottom:			1px dotted #998a57; /*ff6666*/
}
#header_navi li a {
/*	background-color : #cccc00; */
	display : block;
	height : 63px;
	overflow : hidden;
	padding-left : 30px;
/*	padding-right : 30px; */
	text-decoration : none;
}
#header_navi li img {
	margin-top:	12px;
/*	background-color : #cccc00;  */
}
#header_navi a:link {
/*	background-color : #ffff00; */
/*	background-image: url(pict/menu_off.png); */
	background-position: 80% 80%;
	background-repeat: no-repeat;
	color : #000000;
}
#header_navi a:visited {
/*	background-color : #cccc00; */
/*	background-image: url(pict/menu_off.png); */
	background-position: 80% 80%;
	background-repeat: no-repeat;
	color : #000000;
}
#header_navi a:hover {
/*	background-color: #cc00cc; */
	background-image: url(pict/navi_bar_on.png);
	background-position: 80% 60%;
	background-repeat: no-repeat;
	color : #51A60E;
}
#header_navi a:active {
/*	background-color : #faa00aa; */
	background-image: url(pict/navi_bar_on.png);
	background-position: 80% 60%;
	background-repeat: no-repeat;
/*	color : #ff3333; */
	color : #63CC11;
}



/* --------------------------------------- */

#menu ul {
	list-style-type	: none;
	text-align		: left;
	padding-top		: 0px;
	padding-right	: 0px;
	padding-bottom	: 0px;
	padding-left	: 118px;
	margin-top		: 0px;
	margin-right	: auto;
	margin-bottom	: 0px;
	margin-left		: auto;
	font-size		: 14px;
	font-weight		: normal;
}
#menu li {
	float: 				left;

/*	width:				100px; */

	display: 			inline;
	line-height: 		32px;
	height: 			32px;
	overflow: 			hidden;
	border-width: 		1px;
	border-left-style:	solid;
	border-right-style:	solid;
/*	border-color: 		#cc3333; */
/*	border-color: 		#ff6666; */ 
/*	border-color: 		#cc9966; *//*new*/
/*	border-color: 		#21331d; *//*new*//*448844*/
	border-color: 		#9fcf90; /*new*//*448844*/
	margin-top:	4px;
	margin-bottom: 4px;
}
#menu li a {
	display : block;
	height : 40px;
	overflow : hidden;
/*	padding-left : 30px;
	padding-right : 30px;  */
	padding-left : 20px;
	padding-right : 20px;  
	text-decoration : none;
}
#menu a:link {
/*	background-image: url(pict/menu_off.png); */
	background-position: top left;
	background-repeat: no-repeat;
	color : #ffffff;
}
#menu a:visited {
/*	background-image: url(pict/menu_off.png); */
	background-position: top left;
	background-repeat: no-repeat;
	color : #ffffff;
}
#menu a:hover {
	background-image: url(pict/menu_bar_on.png);
	background-position: top left;
	background-repeat: repeat-x;
	color : #ffffff;
}
#menu a:active {
	background-image: url(pict/menu_bar_on.png);
	background-position: top left;
	background-repeat: repeat-x;
	color : #ffffff;
}


/* --------------------------------------- */

#side_content {
	background-color	: #ffffff; 
	width	: 260px;
	height	: 740px; /* 調整して♪ */
	float	: right;
	margin:		0px;
	padding:	0px;
	margin-right: 32px;
	box-shadow: 0px 0px 10px 5px rgba(127,36,106,0.1); 
	text-shadow: 0px 0px 1px #aaaaaa, 0px 0px 2px #cccccc, 0px 0px 3px #eeeeee;
	overflow : hidden;
	border-radius: 8px;
/*	border: 5px solid #a38562; */
	border: 5px solid #764C18;
/*	border: 5px solid #998a57; */ /*feae2a*/

}
#side_pict {
	width	: 260px;
	height	: 180px;
/*	background-image:	url(pict/grouphouse_ai.jpg); */
	background-image:	url("pict2/sapoai.jpg");
	background-position: top center;
	background-repeat: 	no-repeat;
	padding-bottom:	12px;
}
#side_content hr {
	border: 1px dashed #666666;
}
#side_content p {
	padding		: 0px;
/*	padding-left: 16px; */
	margin		: 0px;
	height		: 22px;
	line_height	: 22px;
	font-size	: 22px;
	text-align : center;
}
#side_content ul {
	padding		: 0px;
	padding-left: 16px;
	margin		: 0px;
	font-size	: 12px;
	list-style-type	: none;
}
#side_content li {
	height		: 22px;
	line_height	: 22px;
}

/* --------------------------------------- */

#jump_list2 {
	padding-left : 16px;
}
#jump_list2 a {
/*	background-color : #00cccc;  */
	display : block;
	width : 228px;	/* 260-16-16 */
	height: 48px;
	margin-top : 4px;
	text-decoration : none;
	overflow : hidden;
	font-size : 13px;
	border: solid 1px #cccccc;
	border-radius: 8px;
	text-indent: 0px;	/*8*/
}
#jump_list2 a img {
	float : left;
	width : 48px;
	height: 48px;
	vertical-align : middle;
	padding-right:	8px;	/*4*/
}
#jump_list2 span {
/*	background-color : #aaaa00;  */
	display:block;
	float: left;
	width : 170px;
	height : 24px;
	font-size : 10px;	/*10*/
	line-height : 24px;	/*24*/
}

#jump_list2 a:link {
	color : #000000;
}
#jump_list2 a:visited {
	color : #000000;
}
#jump_list2 a:hover {
	color : #000000;
/*	background-color : #f6fef4; */
	background-color : #F6FDF6;
}
#jump_list2 a:active {
	color : #000000;
}


/* --------------------------------------- */

#jump_list3 {
	padding-left : 16px;
}
#jump_list3 a {
/*	background-color : #00cccc;  */
	display : block;
	width : 228px;	/* 260-16-16 */
	height: 48px;
	margin-top : 4px;
	text-decoration : none;
	overflow : hidden;
	font-size : 13px;
/*	border: solid 1px #cccccc;
	border-radius: 8px; */
	text-indent: 8px;
}
#jump_list3 a img {
	float : left;
	width : 228px;
	height: 48px;
	vertical-align : middle;
}
#jump_list3 span {
/*	background-color : #aaaa00;  */
	display:block;
	float: left;
	width : 170px;
	height : 24px;
	font-size : 10px;
	line-height : 24px;
}

#jump_list3 a:link {
	color : #000000;
}
#jump_list3 a:visited {
	color : #000000;
}
#jump_list3 a:hover {
	color : #000000;
/*	background-color : #f6fef4; */
	background-color : #F6FDF6;
}
#jump_list3 a:active {
	color : #000000;
}


/* --------------------------------------- */



body {
/*	font-family	: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

	font-size:		14px;
	line-height:	20px;
	background-color: #ffffee;
	background-image : url(pict/washi.png);
/*	cursor: url(pict/icon.cur), default;  */
/*	cursor: wait; */
	margin: 0;
	padding: 0;

}
h6 {
/*	background-color:	#ff0000;
*/	padding	: 		0px;
	margin: 		0px;
	padding-left:	32px;
	margin-top:		32px;
	margin-bottom:	32px;
	height: 		61px;
	font-size: 		20px;
	line-height: 	52px;  /* 36 */
	font-weight:	normal;
	font-style: 	oblique;
	width:			640px;
	color:			#ffffff;
	background-image: url(pict/h6_bar.png);
	background-position: top left;
	background-repeat: no-repeat;
/*	color: #ffffdd; */
	color: #ffffff; 
/*	box-shadow:5px 5px 5px; */
/*	box-shadow:4px 4px 5px #666666; */
/*	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee;*/
/*	text-shadow: 0 0 1px #5b2a00, 0 0 2px #7b4a11, 0 0 3px #9b6a31; */
/*	text-shadow: 0 0 1px #dbaa71, 0 0 2px #bb8a51, 0 0 3px #9b6a31; */
	text-shadow: 0 0 1px #d4a064, 0 0 2px #c49054, 0 0 3px #b48044;
}

h5 {
	padding:		0px;
	margin:			0px;
	margin-left:   32px;
	padding-left:	0px;
	margin-top:		16px;
	margin-bottom:	16px;
/*	height:			26px; */
	font-size:		18px;
	line-height:	26px;
	font-weight:	bold;
	width:			640px;
	color:			#78a321; 
	background-position: top left;
	background-repeat: repeat-x;
}



summary {
	display: block;
}
summary::-webkit-details-marker {
	display: none;
}






/* --------------------------------------- */

#mapField {
/*	background-color:	#aaaaaa; */
	width  : 512px;
	height : 372px;
	border :2px solid #a38562;
	border-radius:	8px;
	margin : 0 auto;
/*	margin-top : 32px; */
	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee;
}

/* --------------------------------------- */



.insta img {
	background-image:url("pict2/insta.png");
	background-size:100%;
}

.insta img:link {
/*	background-color : #ffff00; */
/*	background-image: url(pict/menu_off.png); */
/*	background-position: 80% 80%;
	background-repeat: no-repeat;
	color : #000000; */
	background-image:url("pict2/insta.png");
	background-size:100%;
}
.insta img:visited {
/*	background-color : #cccc00; */
/*	background-image: url(pict/menu_off.png); */
/*	background-position: 80% 80%;
	background-repeat: no-repeat;
	color : #000000;	*/
	background-image:url("pict2/insta.png");
	background-size:100%;
}
.insta img:hover {
	/* background-color: #cc00cc;  */
/*	background-image: url(pict/navi_bar_off.png); 
	background-position: 80% 60%;
	background-repeat: no-repeat;
	color : #cc0000; */

	background-image:url("pict2/insta_on.png");
	background-size:100%;
	

}
.insta img:active {
	/* background-color : #aa00aa;  */
/*	background-image: url(pict/navi_bar_off.png); 
	background-position: 80% 60%;
	background-repeat: no-repeat;
	color : #ff6666; */
	background-image:url("pict2/insta_on.png");
	background-size:100%;
}












