/* CSS Document */

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

 File name:      pc_temp_common.css
 Style Info:     じゃらん：【宿代全額ポイントバック】夏休み宿泊応援キャンペーン-じゃらんnet
----------------------------------------------------------- */

/*
 マージントップ  [
----------------------------------------------------------- */
.Top10{ margin-top:10px;}
.Top20{ margin-top:20px;}



/* -------------------------------------------------------------------------------
----共通レイアウト------------------------------------------------------------
------------------------------------------------------------------------------- */

#container {
    margin: 0 auto;
    width: 780px;
}
#pageBody {
    margin: 0 auto 10px;
    width: 780px;
	border:1px solid #000000;
}
#contents {
	width:780px;
    margin: 0 auto;
    text-align: center;
}
#contents {

	background-image:url(../../summer_2011/images/contentsBg.gif);
	background-repeat:repeat-y;
	background-image:none;
}


#contents_in {
    margin: 0 auto 5px;
    text-align: center;
    width: 760px;
}
#area {
    margin: 0;
    padding: 5px 0;
    width: 760px;
   display: block;
}
#area {
    background-color: #FFFFFF;
	text-align:right;
}
.to_pagetop {
    color: #666666;
    font-size: 65%;
    height: auto !important;
    min-height: 10px;
    text-align: right;
	margin-top:20px;
    width: 740px;
}
.style{
    text-align: left;
    margin: 0 auto 10px;
	}
	
/******　style-ご利用上の注意　*******/
#tos_style{
    text-align: left;
    margin: 0 auto 10px;
    width: 720px;
	}
#tos_style_in{
    text-align: left;
    margin: 10px;
	}
#tos_style ul {
    padding: 5px 0 10px 10px;
    text-align: left;
}

#tos_style ul li {
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
}

/* -------------------------------------------------------------------------------
----デザイン------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　テキストスタイル　*******/
.Large1 {
    font-size: 105%;
}
.Small {
    font-size: 80%;
}
.bold {
    font-weight: bold;
}
.index_h1 {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0;
    text-align: right;
    width: 780px;
}
#area p{
    color: #333333;
    font-size: 75%;
    padding:0 10px;
}
/******　文字を背景画像に　*******/
.TopixBg {
    outline: medium none;
    text-decoration: none;
    text-indent: -9999px;
	background-repeat:no-repeat;
    display: block;
}
/******　ボタンを真ん中に　*******/
.buttonBox {text-align: center;}

/******　テキストリンクを画像に　*******/
a.Btn {
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
    padding: 0;
    background-position: left top;
    background-repeat: no-repeat;
}
a.Btn:hover {
    background-position: left bottom;
}



/***************************　BOX　****************************/
/******　Stepの時のサイズ例　*******/

.Step {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	height: 312px;  
}
/******　Step　*******/
.Step .cell{
    display: block;
}
/******　2カラムの時のサイズ例　*******/

.Column2 {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	height: 312px;  
}

/******　2カラム　*******/
.Column2 .cell{
    display: block;
    float: left;
}

.Column2 .cellLast {
    display: block;
    float:  right;
}
.Column2 .cell{
    margin: 0 10px 0 0;
    padding: 0;
    width: 351px;
}
.Column2 .cellLast{
    margin: 0;
    padding: 0;
    width: 351px;
}
/******　4カラムの時のサイズ例　*******/

.Column4 {
    margin: 0 auto;
    text-align: left;
    width: 735px;
	height: 100px;  
}
/******　4カラム　*******/
.Column4 .cell,
.Column4 .cellLast {
    display: block;
    float: left;
}
.Column4 .cell{
    margin: 0 5px 0 0;
    padding: 0;
    width: 180px;
}
.Column4 .cellLast{
    margin: 0;
    padding: 0;
    width: 180px;
}

/* -------------------------------------------------------------------------------
----メイン画像------------------------------------------------------------
------------------------------------------------------------------------------- */

#contents_in {
	background-color:#FFFFFF;
	padding:5px 0 0 0;

}
/******　メイン　*******/
.kimg_h2 {
	margin-bottom:10px;
}
#Topiximg01{ background-image: url(../images/headerTopix01.jpg);height:139px;}
#Topiximg02{ background-image: url(../images/headerTopix02.jpg);height:110px;}
#Topiximg03{ background-image: url(../images/headerTopix04.jpg);height:280px;}
#term{background-image: url("../images/term.jpg"); height: 63px;}


/* -------------------------------------------------------------------------------
----style01------------------------------------------------------------
------------------------------------------------------------------------------- */

/******　style96(2012/8/28修正分)　*******/
#style94 {
	background-color:#e8e8e8;
	width:760px;
}
#style95 {
	margin-left:20px;
	margin-bottom:10px;
	color: #ff0000;
	font-size: 78%;
	background-color:#e8e8e8;
        text-align:left;
}
#style96 {
	margin-left:60px;
	margin-bottom:10px;
	color: #ff0000;
	font-size: 78%;
        text-align:left;
}

/******　style98(2012/7/27修正分⇒8/8削除)　*******/
/*
#style97 {
	color: #ff0000;
	background-color:#d3d3d3;
	width:730px;
	padding:5px 0 10px 0;
        margin-bottom:10px;
        text-align:left;
        font-weight :bold;
       	font-size: 80%;
}

#style98 {
	color: #ff0000;
	background-color:#d3d3d3;
	width:760px;
	padding:5px 0 10px 0;
        margin-bottom:10px;
        text-align:left;
        font-weight :bold;
       	font-size: 80%;
}
*/
/******　style99(2012/6/28修正分)　*******/
#style99 {
	margin-left:60px;
	color: #ff0000;
	font-size: 78%;
}

/******　style01　*******/

#style01 {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	padding: 8px 0;
	height: auto;
    
}


/******　Column1背景　*******/
#style01 .Column1{
	height:212px;
    width: 712px;
	margin:0;
	background-image: url(../images/style01cellbg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:center;
}


.fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	text-align:left;
	padding:0 ;
	margin:0 24px 10px;
	display:block;
}
#style01 .Column1 .cell .imgstyle{
	width:268px;
	margin:0 30px 0 58px;
	text-align:left;
	padding:0 ;
	display:block;
}

/******　Column1背景　*******/
#style01 .Column_1{
	height:270px;
    width: 712px;
	margin:0;
	background-image: url(../images/style_01cellbg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:center;
}


#style01 .Column_1 .fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	width:625px;
	text-align:left;
	padding:0 ;
	margin:0 24px 0 63px;
	display:block;
}
#style01 .Column_1 .cell .imgstyle{
	width:268px;
	margin:0 30px 0 58px;
	text-align:left;
	padding:0 ;
	display:block;
}
/******　Column内　*******/
#style01Topiximg{ background-image: url(../images/style01Topiximg.jpg);height:77px;}


/******　Column内ボタン　*******/
#style01Btn{
	background-image: url(../images/style01BTN.jpg);
	width: 519px;
	height: 50px;
	margin-top: 0;
	margin-right: 139px;
	margin-bottom: 0;
	margin-left: 110px;
}



/* -------------------------------------------------------------------------------
----style02------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　style02　*******/

#style02 {
    margin: 0 auto 10px;
    text-align: left;
    width: 712px;
	padding: 8px 0;
	height: auto;
    
}

#style02 .Column2_02 {height: 303px;}
/******　Column2背景　*******/
#style02 .Column2 .cell{
	height:298px;
    width: 356px;
	margin:0;
	background-image: url(../images/style02cellbg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:center;
}

#style02 .Column2 .cellLast{
	height:298px;
    width: 356px;
	margin:0;
	background-image: url(../images/style02cellbg02.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:center;
}
#style02 .Column2 .cell .fontstyle,
#style02 .Column2 .cellLast .fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	width:285px;
	text-align:left;
	padding:0 ;
	margin:0 26px 0 45px;
	display:block;
}
#style02 .Column2 .cell .imgstyle,
#style02 .Column2 .cellLast .imgstyle{
	width:268px;
	margin:0 30px 0 58px;
	text-align:left;
	padding:0 ;
	display:block;
}
/******　Column2内　*******/
#style02Topiximg01{ background-image: url(../images/style02Topiximg01.jpg);height:121px;}
#style02Topiximg02{ background-image: url(../images/style02Topiximg02_3.jpg);height:121px;}

/******　Column2内ボタン　*******/
#style02Btn01 {background-image:  url(../images/style02BTN001.jpg);width: 283px;height: 50px;	margin:0 21px 0 45px;}
#style02Btn02 {background-image: url(/jalan/doc/campaign/img/style02BTN002.jpg);width: 280px;height: 121px;	margin:0 23px 0 45px;}


/* -------------------------------------------------------------------------------
----style03------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　style03　*******/

#style03 {
    margin: 0 auto 10px;
    text-align: left;
    width: 712px;
	padding: 8px 0;
	height: auto;
    
}
#style03_in {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	padding:0 0 11px 0;
	height: auto;
	background-image: url(../images/style03_inbg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
    
}
#style03 .Step{
    width: 712px;
	height:auto;
	padding:20px 0;
	background-image: url(../images/style03Stepbg.gif);
	background-repeat:repeat-y;
	}

#style03 .Step .cell{
	height:auto;
    width: 670px;
	margin:0 21px;
	padding:0;	
	background-image: url(../images/style03Stepcellbg.gif);
	background-repeat: repeat-y;
	text-align:center;
	}
#style03 .Step .cell_in{
	height:auto;
    width: 670px;
	margin:0;
padding:0 0 50px 0;
	background-image: url(../images/style03Stepcell_inbg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;	
	text-align:center;
	}
#style03 .Step .cell_inLast{
	height:auto;
    width: 670px;
	margin:0;
padding:0 0 20px 0;
	background-image: url(../images/style03Stepcell_inbg02.gif);
	background-repeat:no-repeat;
	background-position:left bottom;	
	text-align:center;
	}		
#style03 .Step .step_in{
    width: 670px;
	margin:0;
	padding:20px 0 0 0;
	background-image: url(../images/style03Stepstep_inbg.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	text-align:left;
	}	

/******　style03Topix　*******/
#style03Topiximg{
    background-image: url(../images/style03Topiximg.gif);
    height: 46px;

}
/******　style03コンテンツ内　*******/

#style03 .Step .stepbox{
	width:53px;
	height:60px;
	text-align:left;
	padding:0 ;
	margin:0 10px 15px 10px;
	display:block;
    text-indent: -9999px;
	float:left;
	background-repeat:no-repeat;
}

#style03 .Step #step_01{background-image:url(../images/Step01.gif);}
#style03 .Step #step_02{background-image:url(../images/Step02.gif);}
#style03 .Step #step_03{background-image:url(../images/Step03.gif);}
#style03 .Step #step_04{background-image:url(../images/Step04.gif);}
#style03 .Step #step_05{background-image: url(../images/Step05.gif);}

#style03 .Step .fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	text-align:left;
	padding:0 ;
	margin:0;
	width:590px;
	height:auto;
	display:block;
	}
	
#step_03 .Step .stepbox{
	width:53px;
	height:200px;
	text-align:left;
	padding:0 ;
	margin:0 10px;
	display:block;
    text-indent: -9999px;
	float:left;
	background-repeat:no-repeat;
}


.h50Box{ height:50px;}

/* -------------------------------------------------------------------------------
----ご利用上の注意------------------------------------------------------------
------------------------------------------------------------------------------- */
#tos_style_in{
    margin:20px 10px 10px 10px;
	}
#tos_style{
    background-color: #FFFFFF;
   /* -- border: 3px solid #046BF4;---- */
	}
#tos_style ul {
    padding: 0 0 10px 0;
}
#tos_styleTopiximg01{
    background-image: url(../images/tos_styleTopiximg01.gif);
    height: 40px;
	background-color: #046BF4;

}
#tos_styleTopiximg02{
    background-image: url(../images/tos_styleTopiximg02.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}
#tos_styleTopiximg03{
    background-image: url(../images/tos_styleTopiximg03.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}
#tos_styleTopiximg04{
    background-image: url(../images/tos_styleTopiximg04.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}
#tos_styleTopiximg05{
    background-image: url(../images/tos_styleTopiximg05.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}

#tos_style ul.txtcolor li {
    color: #ff6811;
}
#tos_style ul.txtRed li {
    color: #CC0000;
}

/* -------------------------------------------------------------------------------
----style04------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　style04　*******/

#style04 {
    margin: 0 auto;
    text-align: center;
    width: 712px;
	padding: 15px 8px 8px 8px;
	height: auto;
    
}


/******　Column内ボタン　*******/
#style04Btn{background-image: url(../images/style04BTN.jpg);width: 596px;height: 73px;}


.ponpare_attention{
	width: 700px;
	line-height: 120%;
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	font-size: 80%;
	font-weight: bold;
	color: #F00;
	background-color: #e8e8e8;
}

.ponpare_attention2{
	line-height: 120%;
	text-align: left;
	margin: 0 auto;
	color: #F00;
}


/* -------------------------------------------------------------------------------
----2012/03/21追加⇒2012/04/11一部修正--------------------------------------------
------------------------------------------------------------------------------- */

#step01_campaignbox {
	width: 646px;
	margin:0 auto;
	margin-left:50px;
	text-align: center;
}

#step01_campaignbox ul{
	height:133px;


}

#step01_campaignbox li{
margin:5px 10px 0 10px;
}


#style03Btn{
	background-image: url(../images/style04BTN.gif);
	width: 596px;
	height: 73px;
	text-align:center;
	margin-top: 18px;
}

#style04Btn{
	background-image: url(../images/style04BTN.gif);
	width: 596px;
	height: 73px;
	float: left;
	margin-top: 18px;
}

#style05-01Btn{
	background-image: url(../images/serialinput08.gif);
	width: 298px;
	height: 93px;
}
#style05-02Btn{
	background-image: url(../images/serialinput10.gif);
	width: 298px;
	height: 93px;
}

#style09Btn{
	background-image: url(../images/style04BTN.gif);
	width: 596px;
	height: 73px;
	float: left;
	margin-top: 18px;
}

#step02_campaignbox {}

#step02_campaignbox ul{
width:678px;height:93px;padding:0 0 0 42px;}

#step02_campaignbox li {
	width: 318px;
	float:left;
	}
.midashi_title{
	font-size: 80%;
	}
	
.book_list{
	padding-bottom: 5px;
	width: 150px;
	}

.fr{float:right}
.fl{float:left}
.clear{clear:both;}


.point span {
	display:none;
}
.point a {
	margin: 0 auto;
	display: block;
	width: 596px;
	height: 73px;
	background: url(../images/style04BTN.gif);
}
.point a:hover {
	width: 596px;
	height: 73px;
	background-position: bottom;
}


.btn1 span,
.btn2 span,
.btn3-1 span,
.btn3-2 span,
.btn3-3 span,
.btn4-1 span,
.btn4-2 span,
.btn4-3 span,
.btn4-4 span {
	display: none;
}
.btn1 a,
.btn2 a {
	display:block;
	width:294px;
	height:94px;
	/*--- margin:0 0 10px; ---*/
	margin-left:auto;margin-right:auto; /*--- 追加 ---*/
}
.btn3-1 a,
.btn3-2 a,
.btn3-3 a {
	display:block;
	width:193px;
	height:94px;
	margin:0 0 10px;	
}

.btn4-1 a,
.btn4-2 a,
.btn4-3 a,
.btn4-4 a {
	display:block;
	width:294px;
	height:94px;
	margin:0 0 10px;	
}


.btn1 a{background: url(../images/zeitaku.jpg) no-repeat;}
.btn2 a{background: url(../images/kyushu_4.jpg) no-repeat;}
.btn3-1 a{background:url(../images/btn3-9.jpg) no-repeat;}
.btn3-2 a{background:url(../images/btn3-10.jpg) no-repeat;}
.btn3-3 a{background:url(../images/btn3-zeitaku.jpg) no-repeat;}

.btn4-1 a{background:url(../images/btn4-family.jpg) no-repeat;}
.btn4-2 a{background:url(../images/btn4-9.jpg) no-repeat;}
.btn4-3 a{background:url(../images/btn4-10.jpg) no-repeat;}
.btn4-4 a{background:url(../images/zeitaku.jpg) no-repeat;}

.btn1 a:hover,
.btn2 a:hover,
.btn3-1 a:hover,
.btn3-2 a:hover,
.btn3-3 a:hover,
.btn4-1 a:hover,
.btn4-2 a:hover,
.btn4-3 a:hover,
.btn4-4 a:hover {background-position:bottom;}