@charset "utf-8";


*{
	margin:0 auto;
}

blockquote {
	margin: 0;
	padding: 0;
}



a:hover {
	color:#FC6;
}

body {
	background-color: #D3F3C0;
}

#wrapper {
	height: auto;
	width: 950px;
	background-color: #FFF;
	overflow: hidden;
}
#header {
	margin-top: 10px;
	height: auto;
	width: 950px;
	clear: both;
}
#header .inquiry {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	font-size: 10px;
	color: #36C;
	background-image: url(images/allow03-b.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 17px;
	position: relative;
	float: right;
	bottom: 20px;
	right: 10px;
}

#header h1 {
	font-size: 20px;
	padding-left: 10px;
	padding-top: 20px;
}

#header .map a {
	position: relative;
	left: 780px;
	text-indent: 20px;
}

#header #swf_title {
	margin-top:15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ADE485;
	border-bottom-color: #ADE485;
	width: 950px;
	height: 300px;
	background-image: url(images/toppicture.jpg);
	background-position: 0 top;

	-webkit-animation-name: back;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: back;
	-moz-animation-duration: 60s;
	-moz-animation-iteration-count: infinite;

	-ms-animation-name: back;
	-ms-animation-duration: 60s;
	-ms-animation-iteration-count: infinite;

	-o-animation-name: back;
	-o-animation-duration: 60s;
	-o-animation-iteration-count: infinite;

	animation-name: back;
	animation-duration: 60s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes back {
	0% {
		opacity:1;
		background-position: 0 top;
	}
	30% {
		opacity:1;
	}
	31% {
		background-position: 0 top;
		opacity:0;
	}
	32% {
		background-position: 950px top;
		opacity:0;
	}
	33% {
		opacity:1;
	}
	63% {
		opacity:1;
	}
	64% {
		background-position: 950px top;
		opacity:0;
	}
	65% {
		background-position: 1900px top;
		opacity:0;
	}
	66% {
		opacity:1;
	}
	96% {
		opacity:1;
	}
	97% {
		background-position: 1900px top;
		opacity:0;
	}
	98% {
		background-position: 0 top;
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-moz-keyframes back {
	0% {
		opacity:1;
		background-position: 0 top;
	}
	30% {
		opacity:1;
	}
	31% {
		background-position: 0 top;
		opacity:0;
	}
	32% {
		background-position: 950px top;
		opacity:0;
	}
	33% {
		opacity:1;
	}
	63% {
		opacity:1;
	}
	64% {
		background-position: 950px top;
		opacity:0;
	}
	65% {
		background-position: 1900px top;
		opacity:0;
	}
	66% {
		opacity:1;
	}
	96% {
		opacity:1;
	}
	97% {
		background-position: 1900px top;
		opacity:0;
	}
	98% {
		background-position: 0 top;
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-ms-keyframes back {
	0% {
		opacity:1;
		background-position: 0 top;
	}
	30% {
		opacity:1;
	}
	31% {
		background-position: 0 top;
		opacity:0;
	}
	32% {
		background-position: 950px top;
		opacity:0;
	}
	33% {
		opacity:1;
	}
	63% {
		opacity:1;
	}
	64% {
		background-position: 950px top;
		opacity:0;
	}
	65% {
		background-position: 1900px top;
		opacity:0;
	}
	66% {
		opacity:1;
	}
	96% {
		opacity:1;
	}
	97% {
		background-position: 1900px top;
		opacity:0;
	}
	98% {
		background-position: 0 top;
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@-o-keyframes back {
	0% {
		opacity:1;
		background-position: 0 top;
	}
	30% {
		opacity:1;
	}
	31% {
		background-position: 0 top;
		opacity:0;
	}
	32% {
		background-position: 950px top;
		opacity:0;
	}
	33% {
		opacity:1;
	}
	63% {
		opacity:1;
	}
	64% {
		background-position: 950px top;
		opacity:0;
	}
	65% {
		background-position: 1900px top;
		opacity:0;
	}
	66% {
		opacity:1;
	}
	96% {
		opacity:1;
	}
	97% {
		background-position: 1900px top;
		opacity:0;
	}
	98% {
		background-position: 0 top;
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes back {
	0% {
		opacity:1;
		background-position: 0 top;
	}
	30% {
		opacity:1;
	}
	31% {
		background-position: 0 top;
		opacity:0;
	}
	32% {
		background-position: 950px top;
		opacity:0;
	}
	33% {
		opacity:1;
	}
	63% {
		opacity:1;
	}
	64% {
		background-position: 950px top;
		opacity:0;
	}
	65% {
		background-position: 1900px top;
		opacity:0;
	}
	66% {
		opacity:1;
	}
	96% {
		opacity:1;
	}
	97% {
		background-position: 1900px top;
		opacity:0;
	}
	98% {
		background-position: 0 top;
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


#header h2 {
	font-size: 10px;
	font-weight: normal;
}

#header #sub_h2 {
	font-size: 10px;
	font-weight: normal;
}



#content {
	clear: both;
	background-color: #FFF;
}

#left {
	float: left;
	height: auto;
	width: 735px;
	background-color: #FFF;
}

#left #preamble {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 15px;
}

#left #preamble strong {
	font-weight: normal;
}

#setumei {
	background-color: #FFF;
	height: auto;
	width: 715px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #630;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#left .check {
	background-image: url(images/note2.png);
	background-repeat: no-repeat;
	background-position: left -5px;
	margin-top: 30px;
	padding-bottom: 20px;
}

#left .check dt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 660px;
	margin-left: 40px;
	padding-left: 10px;
	border-bottom: #CCC 1px solid;
}

#left .check dd {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 32px;
	width: 610px;
	margin-left: 0;
	padding-left: 60px;
	margin-left: 40px;
	border-bottom: #CCC 1px solid;

	background-image: url(images/point8_5.png);
	background-repeat: no-repeat;
	background-position: 600px top;
}



#right {
	float: right;
	height: auto;
	width: 215px;
	background-color: #FFF;
}

#right .nav {
	height: auto;
	width: 200px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	text-align: left;
	line-height: 30px;
	list-style-type: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #630;
	border-left-color: #630;
	margin-top: 5px;
	color: #333;
}

#right .nav dd {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #630;
	border-bottom-color: #630;
	padding: 5px;
}

#right .nav dd a {
	color: #000;
	text-decoration: none;
}

#right .nav dd a:hover{
	color: #999;
}

#right .nav dd a:active{
	color: #F90;
}


#left .check dt {
}

#left .check dd {
}

#left .text1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	text-align: center;
}

.spot  {
	height: 250px;
}

.caption {
	font-size: 13px;
	width: 330px;
	line-height: 20px;
	height: auto;
	margin: 0 auto;
}

.caption2 {
	font-size: 13px;
	position: relative;
	top: 80px;
	width: 330px;
	line-height: 20px;
}

.caption3 {
	font-size: 13px;
	position: relative;
	bottom: 55px;
	width: 330px;
	line-height: 20px;
}

.caption4 {
	font-size: 13px;
	position: relative;
	bottom: 130px;
	width: 330px;
	line-height: 20px;
}

#button {
	clear: both;
	width: 735px;
	height: auto;
	margin-top: 10px;	
	padding-bottom: 20px;
}

#button:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#button .left_box {
	float: left;
	width: 360px;
	height: auto;
	overflow: hidden;
}

#button .right_box {
	float: right;
	width: 360px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}

#button .left_box a {
	color:#79A04F;
	text-decoration: none;
}

#button .left_box a:hover {
	color:#FC6;
}


#button .right_box a {
	color: #79A04F;
	text-decoration: none;
}

#button .right_box a:hover {
	color:#FC6;
}

#right .nav .small {
	background-color: #FFC;
	padding-left: 15px;
}

#footer {
	height: 130px;
	width: 950px;
	background-color: #690;
	clear: both;
	overflow: hidden;
}

#footer #f_left {
	width: 430px;
	margin: 0;
	float: left;
	margin-left:25px;
}

#footer ul {
	width: 420px;
	color: #FFF;
	list-style-type: none;
	float: right;
	font-size: 13px;
	padding: 20px 12px 0 0;
}

#footer ul li {
	margin: 0;
	padding: 0;
	line-height:1.6;
}

#footer ul li a {
	color: #FFF;
}

#footer ul li a:hover {
	color:#FC6;
}

#footer address {
	font-size: 13px;
	color: #FFF;
	margin-top: 40px;
	
}
#footer .syohyou {
	font-size: 12px;
	color: #FFF;
	margin-top: 50px;
}

.left_box .pic {
	text-align: center;
}

.box {
	width: 345px;
	height: 171px;
	margin-bottom: 15px;
}

#chief {
	width: 345px;
	height: 171px;
	background-image: url(images/katyounaru.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#idea {
	width: 345px;
	height: 171px;
	background-image: url(images/inbas.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#road {
	width: 345px;
	height: 171px;
	background-image: url(images/road.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#mini {
	width: 345px;
	height: 171px;
	background-image: url(images/mini.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#aspect {
	width: 345px;
	height: 171px;
	background-image: url(images/siten.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#test {
	width: 345px;
	height: 171px;
	background-image: url(images/syokyu.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#mental {
	width: 345px;
	height: 171px;
	background-image: url(images/mental.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#mail {
	width: 345px;
	height: 171px;
	background-image: url(images/mail.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.think {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	font-weight: bold;
	color: #960;
	width: 340px;
	height: 80px;
	padding-top: 20px;
	padding-left: 5px;
}

.mh {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	font-weight: bold;
	color: #960;
	width: 340px;
	line-height: 80px;;
	padding-top: 20px;
	padding-left: 5px;
}

.promotion {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	font-weight: bold;
	color: #960;
	padding-top: 20px;
	padding-left: 5px;
	width: 340px;
	height: 80px;
}


.pov {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	font-weight: bold;
	color: #960;
	width: 340px;
	padding-top: 20px;
	padding-left: 5px;
	line-height: 40px;
}

.org {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #960;
	height: 40px;
	line-height: 40px;
	margin-left: 15px;
}

.green {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #363;
	padding-top: 30px;
	padding-left: 20px;
}

.green2 {
	color: #363;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80px;
	margin-left: 220px;
	background-image: url(images/arrow4_7.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.black {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	width: 220px;
	margin-left: 20px;
}

.more {
	background-image: url(images/triangle.jpg);
	background-repeat: no-repeat;
	background-position: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #396;
	text-indent: 20px;
	width: 320px;
	padding-left: 20px;
	margin-top: 40px;
}





/*** 告知スペース ***/

#notice {
	background-color: #FFF;
	border: #000 1px solid;
	padding: 5px;
	margin: 5px;
	font-size: 15px;
	line-height: 1.4em;
}

#notice .title {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	background-color: #FFF;
	border-color : #00F;
	border-width:  0 0 3px 3px;
	border-style: solid;
	text-indent: 1em;
}

#notice .around {
	margin-top: 1em;
	border-bottom: #600 1px dotted;
}

#notice .around span ,
#notice .red2 {
	color: #C00;
}

#notice .around .pink {
	color: #C00;
}

#notice .cont span {
	font-weight: bold;
}

#notice .ancor {
	text-align: right;
}

#notice .bold {
	font-weight: bold;
}
.blue {
	color: #00F;
}


.wlf {
	margin-bottom: 1em;
}

.clear {
	clear: both;
}

@keyframes blink {
	75% { opacity: 0.0; }
}
@-webkit-keyframes blink {
	75% { opacity: 0.0; }
}

.blinker {
	color: #C00;
	animation: blink 1s step-end infinite;
	-webkit-animation: blink 1s step-end infinite;
}