@charset "utf-8";
@import "header.css";
@import "footer.css";

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



table.dt01
{
margin: 10px 0px 0px 0px;
padding: 0px;
}

table.dt01 th
{
font-size: 70%;
padding: 5px 3px 5px 3px;
text-align: left;
}

table.dt01 td
{
font-size: 70%;
line-height: 1.2;
padding: 5px 3px 5px 3px;
}




/* 共有ベース定義
-----------------------------------------------	*/

body {
	text-align:left;
	color: #5c5b5b;
	cursor: auto;
	font: normal normal 83%/1.45  "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	word-spacing:normal;
	min-width:1000px;
	background:#FFF;
}

*:first-child+html img {
	vertical-align: top;
}
* html img {
	vertical-align: top;
}

/* 強調 */
strong {
	font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*=============================================*/
/*                 テキスト 変更のみ            */
/*==========================
=================*/

.txt_default{color:#7f7b5b;}	
.txt_red{color:#a01006;}	



.txt_min{font-size:85%;}
.txt_middle{font-size:95%;}
.txt_big{font-size:120%;}
.txt_max{font-size:140%;}


.shadw2 {
	-webkit-box-shadow: #BEBEBE 3px 3px 10px;
	-moz-box-shadow: #BEBEBE 3px 3px 10px;
	box-shadow: #BEBEBE 3px 3px 10px;
	behavior: url(../css2/pie/PIE.htc);	
	}

/*=============================================*/
/*                テキストリンク設定           */
/*=============================================*/

/*全体のリンク*/
a:link { color: #897800 text-decoration: underline;}
a:visited,a:active { color: #695c03; text-decoration: underline;}
a:hover { color: #b5a00e; text-decoration:underline;}


/*=============================================*/
/*                100%メイン囲み              */
/*=============================================*/
#header
{
width: 100%;
margin: 0px;
padding: 0px;
height: 40px;
background: url(../images/headerback01.png) 0px 0px repeat;
position: fixed;
z-index: 1000000000;
}


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

#container
{
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 25px 0px;
min-height: 600px;
}



.section{
	display:block;
	width:1000px;
	position:relative;
	clear:both;
	margin:0 auto;
}


/*=============================================*/
/*                ヘッド部分                   */
/*=============================================*/

/* header */
#header{
	width: 100%;
	position:relative;
	min-width:1000px;
}

div#headerInner_bg{
	width: 100%;
	position:relative;
	min-width:1000px;
	background: url(http://www.suien-kyoto.jp/img/shared/bg_head.png) repeat top center;
	z-index:99999;
	position: fixed;
	top: 0;
}

div#headerInner{
	width:1000px;
	margin:0 auto;
	height:70px;
	position:relative;
}

div#headerInner h1{
	position:absolute;
	top:18px;
	left:130px;
	font-size:11px;
	color:#a5a5a5;
	font-family:Meiryo;
	line-height: 20px;
}

div#headerInner .logo{
	float: left;
}

div#headerInner #tel_top{
	position:absolute;
	top:26px;
	right:0px;
}

div#contents{
	width:1000px;
	margin:0px auto;
	position:relative;
	background: url(http://www.suien-kyoto.jp/img/shared/bg_cont.png) repeat center top;
	z-index:2000;
}


.globalNav {
	list-style: none;
	display:block;
	position:absolute;
	top:25px;
	left:335px;
	width:665px;
}

.globalNav li{
	float:left;
}

#key{
	width: 100%;
	position:relative;
	min-width:1000px;
	text-align: center;
	top: -70px;
}


/*=============================================*/
/*                   フッターメニュー          */
/*=============================================*/
	
div#footer{
width: 100%;
height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
background:url(../images/footerback01.png) 0px 0px repeat-x;/*border-top: 1px dotted #999;*/
}

div#footer p#logo_ft{
	float: left;
}

div#footer p#title_f{
	color: #5c5b5b;
	line-height: 20px;
	font-size:12px;
	padding:5px 0 0 17px;
	float: left;
}

#footer
{
width: 100%;
height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
background:url(../images/footerback01.png) 0px 0px repeat-x;/*border-top: 1px dotted #999;*/
}


/* ナビゲーション部（フッター）
-----------------------------------------------	*/

address{
	position: absolute;
	bottom: 15px;
	right: 0;
}

/*=============================================*/
/*               回り込み                  */
/*=============================================*/


.f_left {
     float:left;
}

.f_right {
     float:right;
}

/*=============================================*/
/*               画像回り込み                  */
/*=============================================*/

img.imgleft {
     float:left;
	 margin-right:15px;
}

img.imgright {
     float:right;
	 margin-left:15px;
}
img.margin_b{
    margin-bottom:10px;
}

#socialbuttons{
	width:290px;
	float: right;
	padding:3px 0 8px 0;
}

#socialbuttons div{
	float:right;
	margin-right:4px;
}

#socialbuttons .twitter { width:95px; margin-right:0; }

#socialbuttons .google{
	width:65px;
	margin:0;
}


/* =========================================================
	CLEAR
========================================================= */
.clear  { clear: both !important; }
br.clear {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}


/* CLEAR FIX
--------------------------------------------------------- */
.clearfix {	zoom:1 !important; }/* for IE 5.5-7 */
.clearfix:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}

.text_c{
	text-align:center;
}


.opacity {}
.heightLine-group1 {}
.heightLineParent {}

.w920{
	width: 920px;
	margin:auto;
}

.border_none{
	border:none !important;
}

/*=============================================*/
/*                 マージン            */
/*=============================================*/
.marR0{
	margin-right:0 !important;}
.m_b05{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px !important;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_b35{margin-bottom:35px !important;}
.m_b40{margin-bottom:40px;}
.m_t05{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t15{margin-top:15px;}
.m_t20{margin-top:20px;}
.m_t25{margin-top:25px;}
.m_t30{margin-top:30px;}
.m_l05{margin-left:5px;}
.m_l06{margin-left:6px;}
.m_l07{margin-left:7px;}
.m_l08{margin-left:8px;}
.m_l09{margin-left:9px;}
.m_l10{margin-left:10px;}
.m_l20{margin-left:20px;}
.m_r20{margin-right:20px;}
.m_l40{margin-left:40px;}
.m_l65{margin-left:65px;}
.m_r40{margin-right:40px;}


.p_l05{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l15{padding-left:15px;}
.p_l20{padding-left:20px;}
.p_l25{padding-left:25px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:30px;}
.p_l50{padding-left:50px;}
.p_l65{padding-left:65px;}
.p_r05{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r15{padding-right:15px;}
.p_r20{padding-right:20px;}
.p_r25{padding-right:25px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_40{padding-top:40px;}
.p_t50{padding-top:50px;}



/*=============================================*/
/*                 boxテキスト制御           */
/*=============================================*/
	

/* 文章左揃box
-----------------------------------------------	*/

div.txt_lhdefult p{
text-align:left;
margin-bottom:0.6em;
}


/* 文章左揃えbox　行間1.5em
-----------------------------------------------	*/

div.txt_lh_14 p{
text-align:left;
line-height:1.45em;
margin-bottom:0.5em;
}

/* 文章左揃えbox　行間1.3em
-----------------------------------------------	*/

div.txt_lh_13 p{
text-align:left;
line-height:1.3em;
margin-bottom:0.4em;
}

/* 文章右揃えbox　行間1.5em
-----------------------------------------------	*/

div.txt_rh_16 p{
text-align:right;
line-height:1.6em;
margin-bottom:0.6em;
}

.f_11{
	font-size:11px;}


/* 共通コンテンツ940
-----------------------------------------------	*/

div.contens940 {
	width:940px;
	clear:both;
	overflow:hidden;
	zoom:1 !important;
		}
	
div.contensL460 {
	width:460px;
	float:left;
		}
div.contensR460 {
	width:460px;
	float:right;
}

.let_p{
	letter-spacing:-0.2px;
}

.let_p01{
	letter-spacing:-0.5px;
}