@charset "Shift_JIS";

/*
* Style Name : base.css　コンテンツ部分テンプレートスタイルシート
* Style URL:	http://www.
* Description:	京都ステイ倶楽部デフォルトスタイルシート
* Author URL:	http://www.
*/


/* ホテルとの長期滞在の比較
---------------------------------------------------- */
#hotel {
margin:10px 0 5px 10px;
width: 530px;
}

#hotel .hyo01{
padding:10px 6px;
}

#hotel .hyo02{
padding:10px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top:10px;
}


#hotel .hyo03{
text-align:center;
padding:10px 0 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top:10px;
}


#hotel .hyo04{
color:#531985;
text-align:center;
padding:10px 0 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


#hotel .hyo05{
padding:10px 0 5px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
margin-top:10px;
}

#hotel .hyo06{
text-align:left;
padding:10px 0 5px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
margin-top:10px;
}


#hotel .hyo07{
color:#531985;
text-align:left;
padding:10px 0 5px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
margin-top:10px;
}

#hotel .hyo08{
padding:10px 0 5px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


#hotel .text01{
	width:100px;
	height:28px;
	background-color:#E0DFE3;
	text-align:left;
	vertical-align:middle;
	padding:7px 10px;
	border-top-width: 3px; border-top-style: solid; border-top-color: #FFFFFF;
	border-right-width: 3px; border-right-style: solid; border-right-color: #FFFFFF;
	border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF;
}


#hotel .text02{
	width:100px;
	height:30px;
	background-color:#E0DFE3;
	text-align:left;
	padding:7px 10px;
	border-top-width: 3px; border-top-style: solid; border-top-color: #FFFFFF;
	border-right-width: 3px; border-right-style: solid; border-right-color: #FFFFFF;
	border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF;
}


#hotel .text03{
	width:100px;
	height:30px;
	background-color:#E0DFE3;
	text-align:left;
	padding:7px 10px;
	border-top-width: 3px; border-top-style: solid; border-top-color: #FFFFFF;
	border-right-width: 3px; border-right-style: solid; border-right-color: #FFFFFF;
	border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF;
}




#hotel .price01{
margin:10px 0 10px 20px;
width:500px;
padding:10px 0 5px 10px;
}



#hotel .price02{
width:150px;
height:20px;
float:left;
}


#hotel .price03{
width:30px;
height:20px;
float:left;
}

#hotel .price04{
width:300px;
float:right;
}


#hotel .price05{
margin:6px 0;
}

#hotel .price06{
color:#FFFFFF;
background-color:#000000;
padding:3px 10px;
font-size:10px;
}

#hotel .price07{
margin:3px 0px;
line-height:120%;
}


#hotel .price02_kyoto{
color:#531985;
width:150px;
height:20px;
float:left;
}


#hotel .price03_kyoto{
color:#531985;
width:30px;
height:20px;
float:left;
}

#hotel .price04_kyoto{
color:#531985;
width:300px;
float:right;
}


#hotel .price05_kyoto{
color:#531985;
margin:6px 0;
}

#hotel .price06_kyoto{
color:#FFFFFF;
background-color:#531985;
padding:3px 10px;
font-size:10px;
}

#hotel .price07_kyoto{
color:#531985;
margin:3px 5px;
line-height:120%;
}



#hotel .price_hyo{
margin:20px 0 10px 5px;
width:500px;
}






/* コンセプト
---------------------------------------------------- */

#concept  {
margin:10px 0 5px 10px;
width: 530px;
}


#concept .copy{
margin:10px 0 30px 28px;
}

#concept .box{
width: 530px;
line-height:170%;
margin:20px 0 30px 0;
display:block;
}



#concept .title{
	width: 530px;
	height:42px;
	margin-bottom:5px;
}

#concept .text_01{
width:280px;
line-height:170%;
padding-left:10px;
margin:0 5px 0 0 ;
float:left;
}

#concept .text_02{
width:500px;
line-height:170%;
padding-left:10px;
}

#concept .img_01{
width:154px;
float: right;
margin: 0;
}


#concept .img_02{
width:530px;
margin: 10px 0;
}





/* 独自のサービス
---------------------------------------------------- */

#original{
margin:10px 0 5px 10px;
width: 530px;
}

#original .copy{
color:#531985;
font-weight:bold;
line-height:200%;
margin:20px 15px;
}

#original .copy_01{
margin:30px 15px 10px 15px;
}

#original .copy_02{
margin:8px 15px;
}

#original .copy_03{
line-height:170%;
margin:20px 15px 60px 30px;
}



#original .box{
width: 500px;
line-height:170%;
margin:10px 15px;
display:block;
}


#original .title{
	width: 530px;
	height:42px;
	margin-bottom:10px;
}

#original .text{
width:300px;
line-height:170%;
padding-left:20px;
  margin: 0;
float:left;
}


#original .img{
width:167px;
float: right;
  margin: 0;
}


#original .hyo{
	width:500px;
	height:250px;
	margin:10px 10px;
	border: 3px solid #CCCCCC;
}

#original .hyo_img{
float:left;
margin:5px;
}

#original .hyo_text{
margin:50px 30px 10px 5px;
line-height:150%;
float:right;
}


#original .hyo_btn{
margin:50px 60px 10px 5px;
line-height:150%;
float:right;
}


div.original_box01 {
	background:url(../about/img/origina__box01.jpg) no-repeat top left;
	width:505px;
	height:53px;
	margin:15px;
}

div.original_box01 img {
	position:relative;
	top:12px;
	left:330px;
}

div.original_box02 {
	background:url(../about/img/origina__box02.jpg) no-repeat top left;
	width:504px;
	height:73px;
	margin:15px;
}

div.original_box02 img {
	position:relative;
	top:12px;
	left:330px;
}

div.original_box03 {
	background:url(../about/img/origina__box03.jpg) no-repeat top left;
	width:505px;
	height:73px;
	margin:15px;
}

div.original_box03 img {
	position:relative;
	top:12px;
	left:330px;
}