@charset "UTF-8";

/* CSS Document */
/* ***********************************************************
 *
 * Since:     2009-5-22
 * Editor:    Noriyoshi Komura
 *
 * ***********************************************************
 */
 
/*基本フォーマット ----------------------------------------------------------------------------- */
html .iepngfix { behavior: url(iepngfix.htc); }
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-repeat: repeat-x;
	line-height: 1.2em;
	font-size: 85%;
}
 
	body a {
		color: #0F1E27;
		text-decoration: underline;
		font-weight: normal; }
 
	body p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
		margin-right: 10px;
		margin-left: 10px; }
 
	body strong {
		color:#0A304A;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #999999;
		line-height: 2em; }
 
	body a:hover {
	color: #FF0000;
	text-decoration: underline;
}
 
h1, h2, h3, h4, h5, h6, p, ol, li {
	margin:0;
	padding:0; }
 
img {
	vertical-align: text-bottom;
	vertical-align: text-top; }
 
form {
	margin: 0px;
	padding: 0px; }
 
	form input { font-size: 10px; }
 
td.formerror {
	background-color: #FFFF66;
	color: #000000;
}
 
form img.error {
	display: inline;
	margin-left: 5px; }
 
span.formerror {
	background-color: #FFFFFF;
	color: #FF0000; }
 
.important { color: #FF0000; }
 
.clearbox {
	height: 0px;
	clear: both;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 0%;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	line-height: 0px;
	display: block; }
 
.clearbox#heightbox { height: 500px; }
 
.header {
	height:32px;
	background-image: url(../images/headname_bgimg.jpg);
	background-repeat: repeat-x;
}
.header h1{
	display:block;
	width:900px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/headname.jpg);
	background-repeat: no-repeat;
	height: 32px;
}
.mainimg {
	display: block;
	height: 380px;
	width: 900px;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/illustration_0906.jpg);
	padding-right: 38px;
	padding-left: 38px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.mainimg h3 {
	display: block;
	height: 360px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}
.mainimg h3 a {
	display: block;
	height: 360px;
	text-indent: -9999px;
}
.mainmenu {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: block;
	margin-top: 15px;
	padding: 0px;
}
body#home .mainmenu {
	margin-top: 0px;
}
.mainmenu ul {
	padding: 0px;
	display: block;
	height: 37px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.mainmenu li {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 220px;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	background-repeat: no-repeat;
}
.mainmenu li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 220px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.mainmenu li.design{ background-image: url(../images/menu_01.png); behavior: url(iepngfix.htc); }
.mainmenu li.visual{ background-image: url(../images/menu_02.png); behavior: url(iepngfix.htc); }
.mainmenu li.business{ background-image: url(../images/menu_03.png); behavior: url(iepngfix.htc); }
.mainmenu li.travel{ background-image: url(../images/menu_04.png); behavior: url(iepngfix.htc); }

.gakkalist {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/gakkabgimg.gif);
	padding-top: 10px;
	background-repeat: no-repeat;
}
.school {
	float: left;
	width: 220px;
}
.school img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 5px;
}
.school h3 {
	margin-left: 10px;
	margin-right: 7px;
	background-color: #F0F0F0;
	font-size: 90%;
	text-align: center;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	letter-spacing: 0.2em;
	margin-bottom: 2px;
}
.gakkalist ul {
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	display: block;
	margin-right: 7px;
}
.gakkalist ul li {}
.gakkalist ul.design{}
.gakkalist ul.visual{}
.gakkalist ul.business{}
.gakkalist ul.travel{ display: block; }


.submenu {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	clear: both;
	float: none;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	margin-top: 5px;
}
.submenu h4 a {
	height: 32px;
	width: 146px;
	background-image: url(../images/submenu.jpg);
	text-align: center;
	padding-top: 16px;
	font-size: 12px;
	color: #333333;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0px;
}
.footmenu {
	height: 114px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
}
.footmenu h2 {
	height: 114px;
	width: 230px;
	display: block;
	background-image: url(../images/footmenu_name.gif);
	float: left;
	background-repeat: no-repeat;
}
.footmenu h2 span { display:none;}
.footmenu img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.footer {
	background-color: #000000;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
}

/*資料請求ページ ----------------------------------------------------------------------------- */
.request {
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.request h2 {
	font-size: 120%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A2CF3D;
	border-left-color: #A2CF3D;
	margin-bottom: 10px;
}
.request p {
}
.request p strong {}
.request span.error {
	font-size: 120%;
	color: #FF0000;
}
.request input.error {
	color: #000000;
	background-color: #FFFF66;
}

.request table {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
	margin-bottom: 5px;
}
.request table.error {
	background-color: #FFCC00;
	border: 2px solid #FFCC00;
}
.request table th {}
.request table td { padding: 5px; }
.request table form{}
.request table.schoollist td {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}



.btn {
	width: 860px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.btn #ss_img_wrapper_115-57_flash_ja {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	float: none;
}
.btn input.imgbtn {
	clear: both;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}



/*職員募集ページ ----------------------------------------------------------------------------- */
.contentsbox {
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contentsbox h2 {
	font-size: 120%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A2CF3D;
	border-left-color: #A2CF3D;
	margin-bottom: 10px;
}
.contentsbox p {
}
.contentsbox p strong {}

/*職員募集ページ ----------------------------------------------------------------------------- */

.contentsbox .shimai table {
	padding: 0px;
	display: block;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 870px;
	float: none;
	font-size: 90%;
	font-weight: normal;
}
.shimai td{
	margin: 0px;
	vertical-align: top;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.shimai th{
	background-color: #F2F2F2;
	width: 100px;
	padding: 3px;
}


/*バスツアーページ ----------------------------------------------------------------------------- */
.happybus {
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.happybus table.rootlist {}
.happybus table.rootlist th {
	background-color: #9ed547;
	text-align: left;
	font-size: 140%;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}
.happybus table.rootlist td.day {
	text-align: center;
	vertical-align: middle;
	font-size: 140%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #ceeaa3;
}
.happybus table.rootlist td.rootname {
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #ceeaa3;
	width: 150px;
}
.happybus table tr.hidden { display:none;}
.happybus table.rootlist td.root {
	background-color: #e2f2c7;
	background-image: url(../happybus/images/rootline.jpg);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.happybus table.rootlist td.root span , .happybus table.rootlist td.root a {
	width: auto;
	border: 5px solid #1086C0;
	margin-right: 2px;
	background-image: url(../happybus/images/btn_reserve.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 60px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-color: #FFFFFF;
	background-position: right center;
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
}
.happybus table.rootlist td.root span {
	background-image:none;
	padding-right: 10px;
}
.happybus table.rootlist td.root a:hover { cursor:pointer; }
.happybus table.daylist td img {
	display: block;
	float: left;
	padding-right: 5px;
}
.happybus h2 {
	font-size: 120%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A2CF3D;
	border-left-color: #A2CF3D;
	margin-bottom: 10px;
}
.happybus p {
}
.happybus p strong {}
.happybus span.error {
	font-size: 120%;
	color: #FF0000;
}
.happybus input.error {
	color: #000000;
	background-color: #FFFF99;
}

.happybus table {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
	margin-bottom: 5px;
}
.happybus table.reserve {
	background-color: #FFFFFF;
}
.happybus table.reserve th {
	background-color: #9ed547;
	padding: 10px;
}
.happybus table.reserve td {
	background-color: #ceeaa3;
	padding: 10px;
	font-size: 14px;
}
.happybus table.error {
	background-color: #FFCC00;
	border: 2px solid #FFCC00;
}
.happybus table th {}
.happybus table td { padding: 5px; }
.happybus table.stylenone td { padding: 0px; margin: 0px; }
.happybus table.stylenone td img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.happybus table.stylenone td a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.happybus table form{}
.happybus table.schoollist td {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.happybus h3 {
	margin-right: 4px;
	margin-left: 4px;
	padding: 5px;
	display: block;
	margin-bottom: 3px;
	margin-top: 0px;
	background-color: #EAEAEA;
}
.happybus h3 span.error {
	font-size: 80%;
}
.happybus table.schoollist td{
	padding: 0px;
}
.happybus table.schoollist label{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.happybus table.joblist td{
	padding: 2px;
}
.happybus table.joblist label{
	display: block;
	margin-bottom: 3px;
	float: left;
	background-color: #F2F2F2;
	margin-right: 4px;
	border: 1px solid #CCCCCC;
	margin-top: 2px;
	margin-left: 4px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.happybus p {
	font-size: 90%;
}
.happybus em {
	font-style: normal;
	color: #FF0000;
}
div.rss-popup {
	position: relative;
}
.happybus .tel {
	background-color: #CEEAA3;
	padding: 10px;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
}
.happybus .tel strong {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 18px;
}
div.rss-popup em {
	width: 100px;
	position: absolute;
	top: -80px;
	left: 0px;
	text-align: center;
	z-index: 2;
	display: block;
}
  
.hidden { display:none; }
.pointer {
	cursor: pointer; display: inline;
}