@charset "utf-8";

/*==============================================================================
  タイトル: フォント＆バックグランドカラー
  Name    : K.Takagi 
  説明    : 
==============================================================================*/

/* ナビゲーション
---------------------------------------------*/

.navi {
	clear:both;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	height: 36px;
}

.navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

.navi li {
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 100%;
	text-indent:-9999px;
	text-align: left;
	position: absolute;
}

.navi a {
	display: block;
	text-decoration: none;
	position: absolute;
}

.navi1 a {
	width: 113px;
	height: 36px;
	background:url(../images/navi-1.gif) no-repeat left top;
	left: 3px;}

.navi1 a:hover {
	width: 113px;
	height: 36px;
	background: url(../images/navi-1.gif) no-repeat left -36px;
	left: 3px;}

.navi1in a {
	width: 113px;
	height: 36px;
	background: url(../images/navi-1in.gif) no-repeat left -36px;
	left: 3px;}

.navi1in a:hover {
	width: 113px;
	height: 36px;
	background: url(../images/navi-1in.gif) no-repeat left -36px;
	left: 3px;}

.navi2 a {
	width: 114px;
	height: 36px;
	background: url(../images/navi-2.gif) no-repeat left top;
	left: 113px;}

.navi2 a:hover {
	width: 114px;
	height: 36px;
	background: url(../images/navi-2.gif) no-repeat left -36px;
	left: 113px;}

.navi2in a {
	width: 114px;
	height: 36px;
	background: url(../images/navi-2in.gif) no-repeat left -36px;
	left: 113px;}

.navi2in a:hover {
	width: 114px;
	height: 36px;
	background: url(../images/navi-2in.gif) no-repeat left -36px;
	left: 113px;}

.navi3 a {
	width: 113px;
	height: 36px;
	background: url(../images/navi-3.gif) no-repeat left top;
	left: 227px}
	 
.navi3 a:hover {
	width: 113px;
	height: 36px;
	background: url(../images/navi-3.gif) no-repeat left -36px;
	left: 227px;}

.navi3in a {
	width: 113px;
	height: 36px;
	background: url(../images/navi-3in.gif) no-repeat left -36px;
	left: 227px;}

.navi3in a:hover {
	width: 113px;
	height: 36px;
	background: url(../images/navi-3in.gif) no-repeat left -36px;
	left: 227px;}

.navi4 a {
	width: 127px;
	height: 36px;
	background: url(../images/navi-4.gif) no-repeat left top;
	left: 340px}

.navi4 a:hover {
	width: 127px;
	height: 36px;
	background: url(../images/navi-4.gif) no-repeat left -36px;
	left: 340px}

.navi4in a {
	width: 127px;
	height: 36px;
	background: url(../images/navi-4in.gif) no-repeat left -36px;
	left: 340px}

.navi4in a:hover {
	width: 127px;
	height: 36px;
	background: url(../images/navi-4in.gif) no-repeat left -36px;
	left: 340px}

.navi5 a {
	width: 177px;
	height: 36px;
	background: url(../images/navi-5.gif) no-repeat left top;
	left: 467px}

.navi5 a:hover {
	width: 177px;
	height: 36px;
	background: url(../images/navi-5.gif) no-repeat left -36px;
	left: 467px}

.navi5in a {
	width: 177px;
	height: 36px;
	background: url(../images/navi-5in.gif) no-repeat left -36px;
	left: 467px}

.navi5in a:hover {
	width: 177px;
	height: 36px;
	background: url(../images/navi-5in.gif) no-repeat left -36px;
	left: 467px}
	
.navi6 a {
	width: 121px;
	height: 36px;
	background: url(../images/navi-6.gif) no-repeat left top;
	left: 644px}

.navi6 a:hover {
	width: 121px;
	height: 36px;
	background: url(../images/navi-6.gif) no-repeat left -36px;
	left: 644px}

.navi6in a {
	width: 121px;
	height: 36px;
	background: url(../images/navi-6in.gif) no-repeat left -36px;
	left: 644px}

.navi6in a:hover {
	width: 121px;
	height: 36px;
	background: url(../images/navi-6in.gif) no-repeat left -36px;
	left: 644px}
	

/* ヘッダータイトル
---------------------------------------------*/
.titlearea {
	float:left;
	padding:13px 15px 0px 13px;
}
.titleleft {
	float:left;
	width: 272px;
}

.titleleft img {

}

.titleright {
	float:right;
	width: 350px;
}
/* コンテンツ部分緑背景
---------------------------------------------*/
.contents {
	padding:20px 0px 0px 2px;
	width:760px;
	background: url(../images/bg-green.jpg) no-repeat top;
}

/* トップページ黄色枠
---------------------------------------------*/
.yellow-paragraph-top {
	height:10px;
	background: url(../images/box/index-top.gif) no-repeat;
}

.yellow-paragraph-middle {
	overflow:hidden;
	background: url(../images/box/index-middle.gif) repeat-y;
	width:327px;
}

.yellow-paragraph-bottom {
	background: url(../images/box/index-bottom.gif) no-repeat;
	height:20px;
}
/* 黄色枠中身
---------------------------------------------*/
.paragraph-text img {
	margin:0px 5px 0px 5px;
	float:left;
}
.paragraph-text p {
	margin:0px 15px 5px 5px;
	color: #D75300;
	font: bold 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}
/* トップページフロート部分
---------------------------------------------*/
.paragraph {
	margin:0px 0px 0px 4px;
	width:754px;
}
.paragraph2 {
	margin:0px 0px 0px 4px;
	width:754px;
}
.paragraph-left {
	float:left;
	width:327px;
}
.paragraph-right {
	margin:0px 3px 0px 0px;
}

.paragraph-left2 {
	float:left;
}


.paragraph-right2 {
	overflow: hidden;
	margin:0px 0px 0px 3px;
}

/* floatを指定したボックスを含むボックスの背景が出なくなる対策　*/
.overflow {
overflow: hidden;
}
/**/
/* float対策ここまで */





/* ブログロールオーバーボタン */
.image a{
overflow:hidden;
	margin:0px 0px 0px 10px;
	display:block;
	width:304px;
	height:51px;
	background:url(../images/btn/blog-nippori.jpg) no-repeat;
	text-decoration:none;
	text-align:center;
}

.image a:hover{
	background:url(../images/btn/blog-nippori-on.jpg) no-repeat;
}




























/* フッター部分
---------------------------------------------*/
.footerlink {
	padding:30px 0px 0px 100px;
}

.footerlink a {
	color: #999999;
	font: nomal 8px/110% "ＭＳ Ｐゴシック", Arial, sans-serif;
	text-decoration:none;
	background: url(../images/orange-arrow.gif) no-repeat left;
	padding:10px;
}



/* ここから下層ページ
---------------------------------------------*/

/* お問い合わせページ
---------------------------------------------*/

/* ヘッダー部分縦の長さ調整
---------------------------------------------*/

#header2 h3 {
	padding:0px 0px 0px 7px;
}

/* パンくずエリア
---------------------------------------------*/
.pan {
	padding:0px 0px 20px 0px;
}

.pan a {

	color: #999999;
	font: nomal 8px/110% "ＭＳ Ｐゴシック", sans-serif;
	text-decoration:none;
}

/* 大黄色枠部分
---------------------------------------------*/

.large-contents {
	padding:0px 0px 0px 20px;
}

.large-yellow-paragraph-top {
	background: url(../images/box/yellow-top.jpg) no-repeat;
}

.large-yellow-paragraph-middle {
	overflow:hidden;
	width:728px;
	background: url(../images/box/yellow-middle.jpg) repeat-y;
}

.large-yellow-paragraph-bottom {
	background: url(../images/box/yellow-bottom.jpg) no-repeat;
	height:30px;
}

/* h4
---------------------------------------------*/
h4.title {
	padding:2px 0px 6px 5px;
	height:42px;
}

.large-yellow-paragraph-middle dl {
	padding:15px;
	color: #333;
	font: nomal 12px/110% "ＭＳ Ｐゴシック", sans-serif;
}


/*  フォーム関連ここから
------------------------------------------------------------ */

.form1 {
	width: 500px;
	border: 1px solid #E5E5E5;
	padding: 0px;
	margin: 0px 0px 0px 100px;
	background: #FAFAFA;}

.form1 dl {
	margin: 15px;
	padding: 0px;
}

.form1 dt {
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 4;
	display: block;
	color: #333333;
	text-align: left;
	font: normal 12px/140% Verdana, Arial, sans-serif;}

.form1 dd {
	margin: 0;
	padding: 0px 0px 4px 180px;
	color: #333333;
	text-align: left;
	font: normal 12px/140% Verdana, Arial, sans-serif;}

.form1 label{
	padding: 0px 0px 0px 12px;
	background: url(../images/icon1.gif) no-repeat left center;
}

.essential {
	color: #FF0000;
	text-align: right;
	vertical-align: middle;
	margin-left: 5px;
}

.form1 p{
	text-align:center;
	margin :30px auto;
	font: normal 12px/140% Verdana, Arial, sans-serif;
	color:#333;
}



/* フォーム関連ここまで
------------------------------------------------------------ */


/* Specialtyフロート部分
---------------------------------------------*/
.Wparagraph {
	padding:0px 10px 0px 10px;
	width:736px;
	float:left;
}
.whiteparagraph-left {
	float:left;
	width:362px;
}
.whiteparagraph-right {
	float:right;
	width:362px;
}
/* Specialty白色枠
---------------------------------------------*/
.white-paragraph-top {
	color: #D75300;
	line-height:1.5em;
	background: url(../images/box/white-top.jpg) no-repeat;
}

.white-paragraph-top p {
	font: bold 12px/120% Verdana, Arial, sans-serif;
	padding:10px 0px 3px 20px;
}

.white-paragraph-middle {
	overflow:hidden;
	width:362px;
	background: url(../images/box/white-middle.jpg) repeat-y;
}

.white-paragraph-middle img {
	margin:8px 0px 0px 8px;
	width:154px;
	float:left;
}
.white-paragraph-middle p {
	margin:8px 15px 0px 0px;
	width:180px;
	float:right;
	color: #333;
	font: normal 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}
.white-paragraph-bottom {
	background: url(../images/box/white-bottom.jpg) no-repeat;
	height:24px;
}

/* Access白色枠
---------------------------------------------*/
.white-paragraph-access-middle {
	overflow:hidden;
	width:362px;
	background: url(../images/box/white-middle.jpg) repeat-y;
}
.white-paragraph-access-middle p {
	margin:8px 18px 0px 15px;
	width:320px;
	float:right;
	color: #333;
	font: normal 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}
.white-paragraph-access-middle img {
	width:326px;
	padding: 10px 0px 0px 18px;
}

/* Facilities
---------------------------------------------*/
.object {
	background: url(../images/bg-price.jpg) no-repeat;
	width:728px;
	height:468px;
	margin:0px 0px 0px 15px;
}


.contents-bg {
	background: url(../images/bg-contents.jpg) no-repeat;
	height:1434px;
}
.L-settlement {
	margin:10px 0px 0px 200px;
}
.settlement {
	float:left;
	width:530px;
	margin:0px 0px 13px 7px;
}

.settlement-left {
	float:left;
	width:220px;
	color: #333;
	font: normal 12px/120% Verdana, Arial, sans-serif;
}
li.point {
	padding:0px 0px 0px 20px;
	background: url(../images/point.gif) no-repeat;
	height:15px;
}
.settlement-right {
	float:right;
	width:280px;
}




















dl.setsubi {
	padding:25px 0px 0px 60px;
	color:#FFF;
	font: bold 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}

dd.setsubi {
	background: url(../images/sub-title-point.gif) no-repeat left;
	padding:10px;
}

dl.kashidashi {
	padding:50px 0px 0px 60px;
	color:#FFF;
	font: bold 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}

dd.kashidashi {
	background: url(../images/sub-title-point.gif) no-repeat left;
	padding:10px;
}


dl.kyoyu {
	position: absolute; /* 絶対位置で指定(親ボックス基準) */ 
	top: 365px;         /* 上から100px */ 
	right: 180px;
	width:300px;
	color:#FFF;
	font: bold 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}

dd.kyoyu {
	background: url(../images/sub-title-point.gif) no-repeat left;
	padding:10px;
}


/* Prices
---------------------------------------------*/

dl.price {
	width:450px;
	float:left;
}
dt.price {
	color:#333;
	font: bold 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
	background: url(../images/sub-title-point.gif) no-repeat left ;
	padding:10px;
}



dd.price{
	padding:0px 0px 5px 0px;
	color:#333;
	font: normal 12px/120% Verdana, Arial, sans-serif;
	line-height:1.5em;
}
.ryoukin {
	width:690px;
}

.ryoukin img {
	width:201px;
	float:right;
}


.words {
	margin:5px 0px 0px 640px;
}