@charset "UTF-8";
/* CSS Document */

@import "com.css";

body {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:70%;
	line-height:160%;
	color:#646464;
	background:url(../images/header/bg_top_img01.jpg) top repeat-x;
}


/*header
------------------------*/
#header {
	width:860px;
	margin-bottom:20px;
}

#header_top {
	width:860px;
	height:100px;
	margin-bottom:5px;
}

#header_main {
	width:860px;
}

#top_banner {
	width:245px;
	float:left;
}

#top_banner img {
	margin-bottom:5px;
}

#flash01 {
	width:610px;
	float:right;
	margin-bottom:5px;
}


/*contents
------------------------*/
#contents {
	width:860px;
	margin-bottom:40px;
}

#contents_l {
	width:600px;
	float:left;
}

#contents_r {
	width:240px;
	float:right;
}


/*contents_l
------------------------*/
#box01 {
	width:600px;
	margin-bottom:30px;
}

#box02 {
	width:600px;
}

.title_img {
	margin-bottom:10px;
}


/*topics
------------------------*/
.topics_bg {
	width:576px;
	margin:auto;
	background:url(../images/topics/topics_bg.gif) repeat-y;
}

.topics_l {
	width:184px;
	float:left;
	border-bottom:1px dotted #646464;
	padding-bottom:10px;
	font-size: 13px;
	line-height: 130%;
}

.topics_c {
	width:184px;
	float:left;
	border-bottom:1px dotted #646464;
	padding-bottom:10px;
	margin-left:12px;
	font-size: 13px;
	line-height: 130%;
}

.topics_r {
	width:184px;
	float:left;
	border-bottom:1px dotted #646464;
	padding-bottom:10px;
	margin-left:12px;
	font-size: 13px;
	line-height: 130%;
}

.topics_img {
	width:80px;
	float:left;
	margin-bottom:10px;
}

.topics_title {
	width:96px;
	float:right;
}

.topics_text {
	height: 400px;
}


/*information
------------------------*/
.info_box {
	width:576px;
	margin:auto;
}

.info_box p {
	border-bottom:1px dotted #646464;
	padding-bottom:5px;
	margin-bottom:5px;
}


/*ご提案
------------------------*/
.teian_box {
	width:576px;
	margin:auto;
}

.teian_l {
	width:184px;
	float:left;
}

.teian_c {
	width:184px;
	float:left;
	margin-left:12px;
}

.teian_r {
	width:184px;
	float:left;
	margin-left:12px;
}


/*banner
------------------------*/
.banner_box01 {
	border-bottom:1px dotted #646464;
	margin-bottom:10px;
	padding-bottom:10px;
}

.banner_box02 {
	margin-bottom:10px;
}


/*じゃらんへのリンク
------------------------------------*/
#yoyaku_box {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #646464;
	background-image: url(../images/banner/yoyaku_back.jpg);
	background-repeat: no-repeat;
	height: 160px;
	width: 240px;
}

#yoyaku_box .bt {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-top: 40px;
}

#yoyaku_box .tel {
	margin-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

#yoyaku_box a {
	display: block;
	overflow: hidden;
	text-indent: -100em;
	width: 220px;
	height: 50px;
	background-image: url(../images/banner/yoyaku_bt.jpg);
}

#yoyaku_box a:hover {
	background-position: 0px -50px;
}