@charset "Shift_JIS";

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



/* layout
---------------------------------------------------- */

*{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-decoration:none;
	text-align:left;
	}


body{
	margin: 0px auto;
	_text-align:center;	
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "generic font family";
	font-size: 12px;
	color: #333333;
	line-height:1.5;
	background-color:#FFFFFF;
	background:url(../common/bg.jpg) repeat-x;
	vertical-align:top;
	}
	
table,tr,td,a,img{
	border: none;
	}

td{
	text-align:left;
	vertical-align:top;
	font-size: 12px;
	}

p{
line-height:1.5;
}

.clear_both {
  display: block;
  clear: both;
  height: 1px;
  font-size: 1px;
}

/* wrapper
---------------------------------------------------- */

#wrapper{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	}
	
#wrapperMini{
	width: 100%;
	margin: 30 auto 15;
	padding: 0;
	text-align:center;
}


/* リンク
---------------------------------------------------- */
a:link {
  color: #3366ff;
  background: transparent;
}
a:visited {
  color: #800080;
  background: transparent;
}
a:hover, a:active {
  color: #ff9933;
  background: transparent;
}




/* ヘッダー
---------------------------------------------------- */
#header{
	width: 760px;
	height: 100px;
	margin-bottom:10px;
	position: relative;
	display:block;
	float:none;
	}

#header a{
	text-decoration: none;
	display: block;
	}

#header ul{
	list-style: none;
	}

#header .logo a{
	position: relative;
	width: 220px;
	height: 100px;
	margin:0;
	padding:0;
	text-indent: -9999px;
	background:url(../common/logo.jpg) no-repeat;
	float:left;
	}

#header #menu01{
	width:538px;
	height:50px;
}

#header .text{
	color:#FFFFFF;
	position:absolute;
	top: 2px;
	right: 235px;
	line-height: 150%;
	float:left;
	}

#header ul#headmenu{
	width:453px;
	position: absolute;
	color:#FFFFFF;
	position:absolute;
	line-height: 150%;
	float:left;
	right: 73px;
	top: 22px;
	height: 22px;
	}

#header ul#headmenu li{
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	background-image:url(../common/btn_head.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

#header ul#headmenu li a{
	color: #ffffff;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
	
#header ul#headmenu a:link{

	margin: 0;
	padding: 0;
	}

#header ul#headmenu a:hover{
	color: #ffffff;
	text-decoration: underline;
	}

#header ul#headmenu1 a:visited{
	color: #ffffff;
	}





#header .tel{
width:400px;
height:48px;
position: absolute;
top:49px;
right:120px;
background-image:  url(http://kyoto-taizai.com/common/tel.gif);
background-repeat: no-repeat;
}

#header p.mail{
width:188px;
height:30px;
position: absolute;
top:2px;
right:20px;
}

#header p.faq{
width:189px;
height:30px;
position: absolute;
top:30px;
right:20px;
}


/* マウスオーバー時の指定
---------------------------------------------------- */
#navigation li#about  a:hover    {
  background: url(../images/nav_02_on.gif) no-repeat;
}
#navigation li#clients  a:hover    {
  background: url(../images/nav_03_on.gif) no-repeat;
}
#navigation li#services  a:hover    {
  background: url(../images/nav_04_on.gif) no-repeat;
}
#navigation li#faq  a:hover    {
  background: url(../images/nav_05_on.gif) no-repeat;
}


#navigation address {
  margin: 0;
  padding: 1em 0 0 1px;
  border-top: 1px solid #cccccc;
  font-style: normal;
  font-size: xx-small;
  text-transform: uppercase;
  line-height: 1.5;
  color: #999999;
  background: transparent;
}


/* ページトップ
---------------------------------------------------- */
.pagetop{
	_height:10px;
	_width:500px;
	margin:20px 10px;
	text-align: right;
	padding:5px 13px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
	_background-position: right;
	_padding-right:5px;
	}

.pagetop a{
	text-align:right;
	margin:20px 10px;
	padding:5px 13px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
}


.pagetop_01{
	_height:10px;
	_width:500px;
	margin:20px 10px;
	text-align: right;
	padding:5px 35px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
	_background-position: right;
	_padding-right:1px;
	}

.pagetop_01 a{
	text-align:right;
	margin:20px 10px;
	padding:5px 35px 0 0;
	_padding:5px 15px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
}


.pagetop_02{
	_height:10px;
	_width:500px;
	margin:20px 10px;
	text-align: right;
	padding:5px 25px 0 0;
	_padding:5px 10px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
	_background-position: right;
	_padding-right:1px;
	}

.pagetop_02 a{
	text-align:right;
	margin:20px 10px;
	padding:5px 25px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
}


.pagetop_03{
	_height:10px;
	_width:680px;
	margin:20px 10px;
	text-align: right;
	padding:5px 13px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 620px 4px;
	_background-position: right;
	_padding-right:5px;
	}

.pagetop_03 a{
	text-align:right;
	margin:20px 10px;
	padding:5px 13px 0 0;
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
}

.pagetop_04{
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: 480px 2px;
	_background-position: right;
	_padding-right:1px;
	}

.pagetop_04 a {
	background-image: url(../common/pagetop.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	background-position: right;
	padding-right: 30px;
}


/* main画像
---------------------------------------------------- */
div#main_img{
padding:0;
margin:13px 0 0 0;
width:760px;
height:242px;
}

div#map_area {
	background-image: url(http://www.kyoto-taizai.com/img/map_area_02.jpg);
	float:left;
	width:175px;
	height:242px;
}

div#map_area .map-switch01{
	padding: 20px 0 0 8px;
}

div#map_area .map-switch02{
	padding: 5px 0 0 10px;
}


div#map_area a {
	
}

div#main_img00 {
	float:left;
	width:583px;
	height:242px;
}




/* ページ本体
---------------------------------------------------- */
#pagebody_top {
	clear: both;
	position: relative;
	width: 760px;
	margin:10px 0 0 0;
	background-color: #FFFFFF;
	/*border: 1px solid #5A5A5A;*/
}

#pagebody {
	clear: both;
	width: 760px;
	margin:10px 0 0 0;
	background-image: url(../common/submenu_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
	border: 1px solid #5A5A5A;
}

#pagebody01 {
	clear: both;
	width: 760px;
	margin:10px 0 0 0;
	background-color: #FFFFFF;
	border: 1px solid #5A5A5A;
}

/* バナー
---------------------------------------------------- */
#bn{
padding:0;
width:270px;
margin-right:10px;
float:left;
}

#bn .bn_01{
width:270px;
height:100px;
display:block;
clear:both;
margin:20px 0;
}

#bn p.bn_02{
width:270px;
height:100px;
display:block;
clear:both;
margin:0 0 10px 0;
}


#bn p.bn_list {
width:270px;
display:block;
clear:both;
}

#bn p.bn_list img {
	margin-bottom: 6px;

}

#bn p.bn_list2 {
	width:270px;
	display:block;
	clear:both;
	background-image: url(../img/bn_bg_01.gif);
	padding-top: 10px;
	background-repeat: repeat-x;
}

#bn p.bn_list2 img {
	margin-bottom: 6px;

}

/* staff blog
---------------------------------------------------- */

#staff_blog {
	width:470px;
	margin:0;
	background:#fff;
	float:right;
}


/* topics
---------------------------------------------------- */


#topics {
	width:470px;
	background:#fff url(../img/topics_bg.jpg) no-repeat;
	float:right;
	height: 251px;
	margin-top: 6px;
}

#topics iframe {
	margin-top: 35px;
	margin-left: 10px;

}


#topicsbody{
background-color:#F0F0F0;
}


#topics_in {
background:url(../img/wnew_02.jpg);
background-color:#F0F0F0;
	margin:0;
	background:#fff;
	width:470px;
}


#topics_in ul{
	width:680px;
	margin:auto;
	padding:0;
}


#topics_in li{
	margin:0;
	padding:0;
	font-size:90%;
	_font-size:80%;
	line-height:2.5;
}

#topics_in li a{
	margin:0;
	padding:0;
	line-height:2.5;
}


#topics_in span{
	display:inline !important;
	color:#1a87ec;
	margin:0 10px 0 0;
}


/* Pick Up
---------------------------------------------------- */

#pickup {
	width:738px;
	background-image: url(../img/pickup_bg.gif);
	padding: 10px;
	border: 1px solid #9B9B9B;
	margin-top: 7px;
	margin-bottom: 7px;
}

#pickupList {
	margin-top: 10px;

}

#pickupList #item {
	text-align:right;
	width: 235px;

}

#pickupList #item .title {
	font-weight: bold;
	font-size: 14px;
	text-align:lrft;
	padding-left: 20px;
}

#pickupList #item .address {
	font-weight: bold;
	color: #DD5252;
	text-align:right;
	padding-right: 10px;
}

#pickupList #item img {
	border: 3px solid #C8A76D;
	margin: 7px;
}

#pickupList #item .detail {
	text-align:right;
	padding-right: 10px;
}

#pickupList #item .detail a {
	color: #000000;
	text-decoration: underline;
}


/* パンクズ
---------------------------------------------------- */
#pan {
margin:5px 10px 5px 10px;
padding:0;
color:#000000;
}

#pan a:link{
  color:#000000;
  text-decoration:underline;
}

#pan a:visited {
  color:#000000;
   text-decoration:underline;
}
#pan a:hover, a:active {
  color:#000000;
  text-decoration:underline;
}




/* フッタ
---------------------------------------------------- */

.footer_line{
	width: 760px;
	margin:0;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.banners_line{
	width: 760px;
	margin:8px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9b9b9b;
}

#banners ul{
	width: 760px;
	margin: 0 40px;
	list-style-type: none;
}

#banners li{
	display: inline;
	margin:0 60px;
}

#footer{
	width: 760px;
	margin:0;
	margin-top:10px;
}

/* #footer{
	width: 760px;
	margin:0;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
*/

#footer .box{
   padding:0;
   margin:0;
}

#footer ul {
    margin:0;
    padding: 0;
  list-style: none;
}


#footer li {
  margin: 0;
  padding: 0;
  float:left;
}


#footer li a {
width:88px;
height:31px;
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  float:left;
  margin:10px 0 5px 30px;
}

#footer p.copy{
font-size:11px;
margin:5px 0 5px 30px;
line-height:120%;
}

#footer p.address{
font-size:11px;
margin:5px 0 5px 30px;
line-height:120%;
}




/* スペース
---------------------------------------------------- */


.space10 {
 width: 400px;
 height: 10px;
 margin: 0px;
 padding: 0px;
 display: block;
}

.space20 {
 width: 400px;
 height: 20px;
 margin: 0px;
 padding: 0px;
 display: block;
}

.space30 {
 width: 400px;
 height: 30px;
 margin: 0px;
 padding: 0px;
 display: block;
}