@charset "shift_jis";
/* -----------------------------------------------------------------------
CSS Information

File name:     style.css
Style Info:    ArtTitle
----------------------------------------------------------------------- */

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

common

----------------------------------------------------------- */
.clear{ clear:both;}
a{ outline:none; }

/* clearfix */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

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

layout

----------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 780px;
	}
	#pageBody {
		margin: 10px auto 20px;
		width: 780px;
		}
		#contents {
			margin: 0 0 20px;
			text-align: center;
			}
			#contents_in {
				margin: 0 auto 10px;
				text-align: center;
				width: 780px;
				}
				#contents_area {
					margin: 0 auto 10px;
					width: 760px;
					background-color:#FFF;
					text-align: left;
					}

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

contentsInfo

----------------------------------------------------------- */
#contentsInfo{
	margin: 0 ;
	padding: 17px 5px 11px;
	background: url(../images/headBg.gif) repeat-x;
	text-align: left;
	font-size:10px;
	color:#666;
	}
	#contentsInfo .dtailText{
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
		}
	
/*------------------------------
	 夏休み早期爆CP格納エリア
------------------------------ */
#article {
	width: 760px;
	background:#d6dfff url(../images/article.jpg) repeat-x top left;
	}
/*------------------------------
	 エントリーボタン
------------------------------ */
	/* ボタンA：予約の前に会員ID（メールアドレス）でエントリーするだけ！！ */
	#btnA {
		margin: 0 40px 19px;
		padding: 22px 0 0;
		}
		#btnA a {
			display:block;
			width: 680px;
			height: 76px;
			text-indent: -9999px;
			background:#999999 url(../images/btn_bg.jpg) no-repeat 0 0;
			}
			#btnA a:hover {
				background:#999999 url(../images/btn_bg.jpg) no-repeat 0 -77px;
				}
			
	/* ボタンB：夏休みの予約なら『じゃらんnet』で！ */
	#btnB {
		margin: 0 40px 0;
		padding: 0 0 20px;
		}
		#btnB a {
			display:block;
			width: 680px;
			height: 76px;
			text-indent: -9999px;
			background:#999999 url(../images/btn_bg.jpg) no-repeat 0 -154px;
			}
			#btnB a:hover {
				background:#999999 url(../images/btn_bg.jpg) no-repeat 0 -231px;
				}
			
			
/*------------------------------
	 STEP1/STEP2
------------------------------ */
#step {
		margin: 0 15px 0;
		width: 730px;
		height: 269px;
		zoom:1;/* IE */
		}		
		#step:after{
				content: ""; 
				display: block; 
				clear: both;}
		#step1 {
			width: 360px;
			height: 269px;
			float:left;
			background: url(../images/Step1_bg.jpg) no-repeat top left;
			text-indent: -9999px;
			}		
			#step1 a {
				display:block;
				margin: 197px 14px 17px;
				width: 332px;
				height: 38px;
				background: url(../images/btn_bg.jpg) no-repeat 0 -310px;
				text-indent: -9999px;
				}		
				#step1 a:hover {
					background: url(../images/btn_bg.jpg) no-repeat 0 -350px;
				}		
		
		#step2 {
			width: 360px;
			height: 269px;
			float:right;
			background: url(../images/Step2_bg.jpg) no-repeat top right;
			text-indent: -9999px;
		}			
			#step2 a {
				display:block;
				margin: 197px 14px 17px;
				width: 332px;
				height: 38px;
				background: url(../images/btn_bg.jpg) no-repeat -333px -310px;
				text-indent: -9999px;
				}		
				#step2 a:hover {
					background: url(../images/btn_bg.jpg) no-repeat -333px -350px;
				}		
			
/*------------------------------
	 バナー
------------------------------ */
#bnr {
		margin: 0 15px 20px;
		padding: 20px 0 0;
		}
		#bnr a {
			display:block;
			width: 730px;
			height: 90px;
			text-indent: -9999px;
			background: url(../images/btn_bg.jpg) no-repeat 0 -389px;
			}
			#bnr a:hover {
				background: url(../images/btn_bg.jpg) no-repeat 0 -480px;
				}
/*------------------------------
	 ご利用上の注意
------------------------------ */

#notice {
		margin: 0 15px 20px;
		padding: 0 0 24px;
		width: 730px;
		background: url(../images/notice_bg.jpg) no-repeat bottom center;
		}
		#notice h3 {
				margin: 0 0 5px;
				}
		#notice dl {
				margin: 0 20px 10px;
				text-align:left;
				}
				#notice dt {
						display:block;
						margin: 0 0 10px;
						}
				#notice dd {
						margin: 0 10px 0;
						}
						#notice dd p {
								font-size: 12px;
								line-height: 1.5;
								}
						#notice dd ul {
								margin: 5px 0;
								font-size: 12px;
								line-height: 1.5;
								}
								/* 赤文字 */
								.red {
									color: #fe0000;
									font-weight: bold;
									}
								/* 強調 */
								.em { font-weight: bold; }
								/* ※印用 */
								#notice dd p.small {
									font-size: 10px;
									}