@charset "utf-8";

/*--------------------------------------------------
overwrite
--------------------------------------------------*/

#menu ul li.home a{
background:url(../../shared/img/menu_home.gif) 1px 1px no-repeat;
}


/*--------------------------------------------------
special
--------------------------------------------------*/

#main {
	}

#special {
	width: 757px;
	padding-top: 10px;
	}
	
.s_middle {
	width: 757px;
	background: url(../images/bg_special_middle.gif) repeat-y 0 0;
	}
	
.s_bottom {
	width: 757px;
	background: url(../images/bg_special_bottom.gif) no-repeat left bottom;
	padding: 0 0 21px 0;
	}
	
.lead {
	width: 757px;
	height: 223px;
	position: relative;
	}
	
	.lead2 {
	width: 757px;
	height: 246px;
	position: relative;
	}
	
#btn_yoyaku {
	width: 203px;
	height: 43px;
	position: absolute;
	top: 163px;
	left: 195px;
	}
	
#btn_yoyaku a {
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_yoyaku.jpg) no-repeat left top;
	width: 203px;
	height: 43px;
	}
	
#btn_yoyaku a:hover {
	background: url(../images/btn_yoyaku.jpg) no-repeat right top;
	}


/*--------------------------------------------------
support
--------------------------------------------------*/

.con_middle01 {
	width: 723px;
	margin-left: 16px;
	margin-bottom: 28px;
	background: url(../images/bg_concierge_middle.gif) repeat-y 0 0;
	}
	
.con_bottom01 {
	width: 723px;
	background: url(../images/bg_concierge_bottom.gif) no-repeat left bottom;
	padding: 0 12px 12px 11px;
	}

#support {
	width: 700px;
	}
	
*html .con_bottom01 {
	padding: 0 12px 12px 10px;
	}	

*html #support {
	width: 701px;
	}

#support .img {
	width: 199px;
	float: left;
	}
	
	#support .img2 {
	width: 701px;
	float: left;
	}
	
#support .txt {
	width: 501px;
	float: right;
	}
	

/*--------------------------------------------------
media
--------------------------------------------------*/
	
.con_middle02 {
	width: 700px;
	background: url(../images/bg_media_middle.gif) repeat-y 0 0;
	}
	
.con_bottom02 {
	width: 700px;
	background: url(../images/bg_media_bottom.gif) no-repeat left bottom;
	padding: 0 0 18px 0;
	}

#media {
	width: 700px;
	}
	
#media h2 {
	margin-bottom: 10px;
	}
	
#media .copy {
	width: 512px;
	margin: 0 auto 10px auto;
	}
	
	#media .copy2 {
	width: 442px;
	margin: 0 auto 10px auto;
	}
	
#mediaarea {
	width: 634px;
	margin: 0 auto;
	}
	
#mediaarea h3 {
	margin-bottom: 9px;
	}
	
#mediaarea ul {
	width: 627px;
	margin:  0 0 4px 7px;
	}
/* ie6 */	
*html #mediaarea ul {
	width: 627px;
	margin:  0 0 14px 7px;
	}	
/* ie6 */	
#mediaarea ul li {
	float: left;
	width: 150px;
	margin-right: 9px;
	margin-bottom: 10px;
	}
	
#mediaarea ul li.last {
	margin-right: 0;
	}
	
#mediaarea ul li div {
	margin-bottom: 15px;
	}
	
#mediaarea ul li h4 {
	margin-bottom: 10px;
	padding: 0 5px;
	font-weight: bold;
	font-size: 103%;
	color: #666666;
	}
	
#mediaarea ul li p {
	padding: 0 5px;
	color: #666666;
	line-height: 1.4;
	}
	
#btn_media {
	width: 500px;
	margin: 0 auto;
	}
	
#btn_media a {
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_media.jpg) no-repeat left top;
	width: 500px;
	height: 40px;
	}
	
#btn_media a:hover {
	background: url(../images/btn_media.jpg) no-repeat right top;
	}

/*---------------------------------------------------
media追加
---------------------------------------------------*/

#mediaarea2 {
	width: 500px;
	margin: 0 auto;
	}
	
#mediaarea2 h3 {
	margin-bottom: 9px;
	}
	
#mediaarea2 ul {
	width: 550px;
	margin:  0 0 4px 7px;
	}
/* ie6 */	
*html #mediaarea2 ul {
	width: 550px;
	margin:  0 0 14px 7px;
	}	
/* ie6 */	
#mediaarea2 ul li {
	float: left;
	width: 150px;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#mediaarea2 ul li.last {
	margin-right: 0;
	}
	
#mediaarea2 ul li div {
	margin-bottom: 15px;
	}
	
#mediaarea2 ul li h4 {
	margin-bottom: 10px;
	padding: 0 5px;
	font-weight: bold;
	font-size: 103%;
	color: #666666;
	}
	
#mediaarea2 ul li p {
	padding: 0 5px;
	color: #666666;
	line-height: 1.4;
	}
/*---------------------------------------------------
concierge
---------------------------------------------------*/

#concierge h2 {
	margin-bottom: 10px;
	}

#concierge .con_middle01 {
	width: 723px;
	margin-left: 16px;
	margin-bottom: 28px;
	background: url(../images/bg_concierge_middle.gif) repeat-y 0 0;
	}
	
#concierge .con_bottom01 {
	width: 723px;
	background: url(../images/bg_concierge_bottom.gif) no-repeat left bottom;
	padding: 0;
	}
	
#concierge .con_top01 {
	width: 723px;
	background: url(../images/bg_concierge_top.gif) no-repeat 0 0;
	padding: 10px 12px 0px 11px;
	}
/* IE6 */
*html #concierge .con_top01 {
	padding: 10px 12px 12px 11px;
	}
/* IE6 */
#concierge ul {
	width: 702px;
	}

#concierge ul li {
	margin-right: 14px;
	margin-bottom: 12px;
	float: left;
	}
	
#concierge ul li.last {
	margin-right: 0;
	}


/*--------------------------------------------------
formarea
--------------------------------------------------*/
	
#formarea {
	width: 757px;
	}
	
#formarea h2 {
	margin-bottom: 17px;
	}
	
#mailform {
	width: 700px;
	margin: 0 auto;
	}


#mailform h3 {
	margin-bottom: 8px;
	}

#formarea .must {
	margin-bottom: 8px;
	}

.mailform {
	width: 700px;
	}
	
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.borderX {
	background: url(../images/border_x.gif) repeat-x left bottom;
	}
	
.next {
	width: 127px;
	margin: 0 auto 15px auto;
	}

/*--------------------------------------------------
step1
--------------------------------------------------*/

#step1 {
	margin-bottom: 15px;
	}

#step1 td {
	padding: 5px 3px 5px 3px;
	}
	
#step1 .course {
	padding: 5px 3px 0 3px;
	}
	
#step1 .first {
	padding-top: 0;
	}
	
.txt_course {
	color:#669900;
	font-weight:bold;
	}
	
.btn_more {
	clear: both;
	}
	
.btn_more span {
	float: right;
	}
	
.btn_more a {
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_more.jpg) no-repeat left top;
	width: 89px;
	height: 23px;
	}
	
.btn_more a:hover {
	background: url(../images/btn_more.jpg) no-repeat right top;
	}
	
	
/*--------------------------------------------------
step2
--------------------------------------------------*/

#step2 {
	margin-bottom: 10px;
	}

#step2 .space {
	padding: 5px;
	text-align: center;
	line-height: 1.4;
	}
	
/*--------------------------------------------------
step3
--------------------------------------------------*/

#step3 .space {
	padding: 5px 0 10px 0;
	display: block;
	}
	
#step3 input {
	margin-right: 5px;
	}

#option,
#time {
	margin-bottom: 15px;
	}
	
#option input, 
#time input  {
	margin-right: 5px;
	}	

#option td,
#time td {
	padding: 5px 0;
	}
	
/*--------------------------------------------------
step4
--------------------------------------------------*/

#step4 {
	margin-bottom: 15px;
	line-height: 1.4;
	}

#step4 td {
	padding: 5px 0;
	}

#step4 input {
	margin-right: 5px;
	}


/*--------------------------------------------------
step5
--------------------------------------------------*/

#step5 {
	margin-bottom: 15px;
	line-height: 1.4;
	}
	
#step5 h3 {
	margin-bottom: 16px;
	}
	
#step5 img {
	vertical-align: middle;
	padding-left: 5px;
	}	

#step5 .space {
	padding: 5px 0 5px 0;
	}
	
#step5 .area01 {
	width: 250px;
	}

#step5 .area02 {
	width: 450px;
	}
	
#step5 .area01 input {
	width: 200px;
	}

#step5 .area02 input {
	width: 200px;
	}
	
#step5 textarea {
	width: 700px;
	}	


/*--------------------------------------------------
mfp_buttons
--------------------------------------------------*/

#mfp_buttons p {
	text-align: center;
	line-height: 1.4;
	margin-bottom: 10px;
	}
	
#mfp_buttons p.btn_kakunin {
	width: 248px;
	height: 43px;
	margin: 0 auto;
	background-image: url(../images/btn_kakunin.jpg);
	}

#mfp_buttons input {
	width: 248px;
	height: 43px;
	visibility: visible;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/btn_kakunin_n.gif);
	/*text-indent: -5000px;*/
	border: none;
	border-style: none;
	cursor: pointer;
}

.btn_kakunin_over {
	background-image: url(../images/btn_kakunin_over.gif);
}
.btn_kakunin_out {
	background-image: url(../images/mbtn_kakunin_n.gif);
}


/*--------------------------------------------------
thanksarea
--------------------------------------------------*/
#thanksarea {
	width: 700px;
	text-align: center;
	margin: 0 auto;
	}

#ttl_form {
	margin-bottom: 20px;
	}
	
#thanksarea p {
	margin-bottom: 40px;
	line-height: 1.4;
	}
	
#btn_top {
	width: 248px;
	height: 43px;
	margin: 0 auto 40px auto;
	}
	
#btn_top a {
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_top.jpg) no-repeat left top;
	width: 248px;
	height: 43px;
	}
	
#btn_top a:hover {
	background: url(../images/btn_top.jpg) no-repeat right top;
	}

#mfp_buttons a {
	color:#F90;
	}
	
#thanks strong {
	color: #F90;
	font-weight: bold;
	}

/*---------------------------------------------------
mov
----------------------------------------------------*/

#mov {
	width: 740px;
	background: url(../images/bg_mov.gif) repeat-y 0 0;
	padding-bottom: 20px;
	}

#mov_middle {
	background: url(../images/bg_mov_middle.gif) repeat-y 0 0;
	width: 740px;
	margin-bottom: 20px;
	}
	
#mov_bottom {
	background: url(../images/bg_mov_bottom.gif) no-repeat left bottom;
	width: 740px;
	}
	
#mov_top {
	background: url(../images/bg_mov_top.gif) no-repeat left top;
	width: 740px;
	padding: 61px 0 21px 0;
	}

#player {
	width: 640px;
	height: 480px;
	margin: 0 auto 20px auto;
	}
	
.txt_mov {
	line-height: 1.5;
	padding: 0 60px;
	}
	
.btn_close {
	width: 81px;
	margin: 0 auto;
	}
	
	
	
#player2 {
	width: 640px;
	height: 385px;
	margin: 0 auto 20px auto;
}

#player3 {
	width: 640px;
	height: 505px;
	margin: 0 auto 20px auto;
	}
	
/*--------------------------------------------------
summer2010
--------------------------------------------------*/
#summer {
	width: 757px;
	}
	
#summer h2 {
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
#summer2 {
	width: 670px;
	margin: 0 auto;
	}
	
#summer p {
	color: #666666;
	line-height: 1.4;
	padding-top: 10;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 18px;
	}

.links {
	padding-top: 10px;
	}
	
.links a {
	color: #ff7c00;
	text-decoration: underline;
	}
	
.links a: hover {
	text-decoration: none;
	}