@charset "utf-8";

/*------------------------
=01 default style reset
=02 clearfix
=03 common
=04 layout
=05 module head
=06 module foot
=07 module navi
=08 module contents
=09 module form
=10 module search
=11 module common
=12 module top
=13 module item list
=14 module item new
=15 module item reco
=16 module item info
=17 module company
=18 module entry
=19 module login form
=20 module regist
=21 module news
=22 module bookmark
=23 module pass word
=24 module login
=25 module admin
=26 module etc
------------------------*/



/* =01 default style reset
------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,
h1,h2,h3,h4,h5,form,p,
table,th,td,address,input{
	margin:0;
	padding:0;
}

body{
	line-height:1;
}
	
a img,img{
	border:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
	
caption,th{
    	text-align:left;
}
	
ul,li,ol,li{
	list-style:none;
}

a{
	color:#0088cc;
	outline:none;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

textarea{
	width:98%;
	margin:5px 0;
}

iframe{
	border:none;
}



/* =02 clearfix
------------------------*/

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}



/* =03 common
------------------------*/

.r_txt{
	text-align:right !important;	
}

.l_txt{
	text-align:left !important;	
}
	
.c_txt{
	text-align:center !important;	
}

.r_lnk{
	text-align:right;
}

.r_lnk a{
	line-height:150%;
}



/* =04 layout
------------------------*/

body{
	font-family:"メイリオ", Meiryo;
	color:#333;
}

#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
}

#header{
	width:980px;
	height:105px;
	padding:10px 0 0 0;
	margin:0 auto;
	position:relative;
}

#contents{
	width:980px;
	padding:0 0 60px 0;
	margin:0 auto;
	position:relative;
}

#footer{
	height:80px;
	padding:20px 0 0 0;
}



/* =05 module head
------------------------*/

h1{
	font-size:75%;
}

#head{
	margin:20px 0 0 0;
}

/*______ ロゴ ______*/

#logo{
	float:left;
}

#logo a{
	width:285px;
	height:51px;
	/zoom:1;
}

#logo a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*______ ヘッダーナビ ______*/

#h_navi{
	float:right;
}

#h_navi ul{
	text-align:right;
}

#h_navi ul li{
	font-size:75%;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0 10px;
	border-right:1px solid #666;
}

#h_navi ul li span{
	font-weight:bold;
	color:#ff6600;
}

#h_navi ul li a{
	color:#666;
}

#h_navi ul li.bottom{
	border-right:none;
}

#h_navi .call{
    text-align:right;
	margin-top:5px;	
}


/* =06 module foot
------------------------*/

#foot{
	width:980px;
	margin:0 auto;
}

#foot ul{
	text-align:left;
}

#foot ul li{
	font-size:75%;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
}

#foot ul li a{
	color:#666;
	padding:0 10px 0 5px;
	border-right:1px solid #666;
}

#foot ul li.top a{
	padding-left:0;
}

#foot ul li.bottom a{
	border-right:none;
}
	
#foot p{
	font-size:75%;
	color:#666;
	clear:both;
	display:block;
	text-align:left;
	padding:15px 0 0 0;
	margin:15px 0 0 0;
	border-top:1px dotted #bbb;
}



/* =07 module navi
------------------------*/



/* =08 module contents
------------------------*/

#main{
	width:690px;
	float:right;
}

#main #main_bnr{
	margin-bottom:0px;
}

#main .h2_stream{
	color:#fff;
	font-size:87.5%;
	width:665px;
	height:23px;
	padding:12px 0 0 25px;
	margin:0 0 20px 0;
	background:url(img/title_bg.gif) no-repeat 0 0;
}

#main .h3_stream{
	width:300px;
	color:#07a84b;
	font-size:87.5%;
	display:inline-block;
	background:#f4fff9;
	border:1px solid #9ce4be;
	padding:10px;
	margin:0 0 10px 0;
}

#main .sub{
	color:#000;
	font-size:87.5%;
	line-height:1.4;
	margin:0 0 20px 20px;
}

#main .sub2{	
}

#main .suggest{
    text-align:left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	margin-left:20px;
	margin-top:10px;
}

#main .suggest1{
    text-align:left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	margin-left:20px;
}

#main .suggest2{
    text-align:left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	margin-left:20px;
}

#main .suggest3{
    text-align:left;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	margin-left:20px;
	margin-bottom:30px;
}

#side{
	width:250px;
	float:left;
}

/*______ カラム ______*/

.column1 #main{
	width:980px;
}

/*______ パンくず ______*/

#topicpath{
	margin:20px auto;
}

#topicpath li{
	font-size:75%;
	color:#555;
	display:inline;
	list-style-type:none;
	padding:0 10px 0 15px;
	background:url(img/topicpath.gif) no-repeat 0 51%;
}

#topicpath li a{
	color:#555;
}

#topicpath li.home{
	padding:0 5px 0 0;
	background:none;
}

#topicpath li strong{
	color:#202020;
}



/* =09 module form
------------------------*/

/*______ 共通 ______*/

td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

td label{
	margin:5px 20px 0 0;
}


/*______ サブミット ______*/

.submit{
	text-align:center;
	clear:both;
}

.submit .sbmt_back input,
.submit .sbmt_check input,
.submit .sbmt_send input,
.submit .sbmt_edit input,
.submit .sbmt_regist input,
.submit .sbmt_delete input,
.submit .sbmt_home a{
	width:170px;
	height:30px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.submit .sbmt_back input {
	background:url(img/sbmt_back.gif) no-repeat 0 0;
}

.submit .sbmt_check input {
	background:url(img/sbmt_check.gif) no-repeat 0 0;
}

.submit .sbmt_send input {
	background:url(img/sbmt_send.gif) no-repeat 0 0;
}

.submit .sbmt_edit input {
	background:url(img/sbmt_edit.gif) no-repeat 0 0;
}

.submit .sbmt_regist input {
	background:url(img/sbmt_regist.gif) no-repeat 0 0;
}

.submit .sbmt_delete input {
	background:url(img/sbmt_delete.gif) no-repeat 0 0;
}

.submit .sbmt_home a{
	background:url(img/sbmt_home.gif) no-repeat 0 0;
}

.submit .sbmt_back input:hover,
.submit .sbmt_check input:hover,
.submit .sbmt_send input:hover,
.submit .sbmt_edit input:hover,
.submit .sbmt_regist input:hover,
.submit .sbmt_delete input:hover,
.submit .sbmt_home a:hover{
	background-position:0 -30px;
}


/*______ フォーム ______*/

.form{
	padding:20px;
	border:1px solid #bbb;
	margin:20px 0 0 0;
}

.form table{
	width:100%;
	margin:0 0 20px 0;
}

.form table caption{
	font-size:87.5%;
	padding:7px;
	border-bottom:1px solid #333;
}

.form tr{
	border-bottom:1px dotted #ccc;
}

.form th,
.form td{
	font-size:75%;
	line-height:150%;
	padding:10px;
}

.form td{
}

.form th{
	width:30%;
	text-align:center;
}

.form th span{
	font-size:90%;
	font-weight:normal;
    color:#ff0000;
    margin:0 0 0 10px;
}

.form td{
	text-align:left;
}

.form td p{
	line-height:160%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form .submit{
	width:150px;
	margin:0 auto;
}

/*______ チェックフォーム ______*/

.check{
	border:1px solid #bbb;
	padding:20px;
	margin:20px 0 0 0;
}
	
.check table{
	width:100%;
	margin:0 0 20px 0;
}

.check table caption{
	font-size:87.5%;
	padding:7px;
	border-bottom:1px solid #333;
}

.check th,
.check td{
	font-size:75%;
	border-bottom:1px dotted #ccc;
	padding:10px;
}

.check th{
	width:30%;
	text-align:center;
}

.check td{
	text-align:left;
	line-height:180%;
}

.check .submit{
	width:420px;
	margin:0 auto;
}

/*______ エラー ______*/

.error{
	padding:20px 20px 10px 20px;
	margin:20px auto 0 auto;
	border:2px solid #ff6600;
}
	
.error .msg{
	font-size:87.5%;
	font-weight:bold;
	color:#ff6600;
	line-height:160%;
	padding:0 0 10px 25px;
	margin:0 0 20px 0;
	border-bottom:1px dashed #ff6600;
	background:url(img/icon_alert.gif) no-repeat 0 0;
}

.error ul{
	padding:0 10px;
}
	
.error li{
	font-size:75%;
	color:#ff6600;
	line-height:150%;
	background:url(img/icon_arrow2.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
	margin:0 0 10px 0;
}



/* =10 module side_bnr&search
------------------------*/

#side .side_bnr2{
	width:250px;
	margin:20px 0 0 0;
}

#side .side_bnr{
	width:250px;
	margin:0;
}

#side .side_bnr2 .bnr_img{
	margin:0 0 20px 0;
}

#side .side_bnr .bnr_img{
	margin:0 0 20px 0;
}

#side .side_bnr3{
	width:250px;
	margin:0px;
}

#side .side_bnr3 .bnr_img{
	margin:0 0 20px 0;
}

#side .search{
	width:250px;
	margin:0;
}

#side .search .narrow{
	margin:0 auto;
	padding:0 0 2px 0;
}

#side .search table{
	width:250px;
	margin:0 auto;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

#side .search th,
#side .search td{
	font-size:75%;
}

#side .search th{
	text-align:left;
	padding:10px 10px 5px 10px;
}

#side .search th p{
	color:#07a84b;
	font-weight:bold;
	padding:0 0 0 5px;
	border-left:5px solid#07a84b;
}

#side .search td{
	padding:0 10px 10px 10px;
	border-bottom:1px dotted #ccc;
}
	
#side .search td input[type="text"]{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	top:1px;
	width: 98%
}

#side .search td.row label{
	width:40%;
	float:left;
}
	
#side .search td label{
	margin:5px 20px 0 0;
	display:block;
}

#side .search .submit{
	padding:10px 0;
	background:#f8f8f8;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

#side .search .submit input{
	width:175px;
	height:30px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
	background:url(img/sbmt_search.gif) no-repeat 0 0;
}

#side .sample-img {
  cursor: pointer;
  max-width: 500px;
  width: 100%;
}

#side .sample-img img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}

#side .sample-img:hover img {
  transform: scale(1.1); /* 拡大 */
}



/* =11 module common
------------------------*/

/*______ ページナビ ______*/

.page_navi p{
	font-size:87.5%;
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
	float:left;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
	float:right;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	background-color:#07a84c;
	border:1px #07a84c solid;
	font-weight:bold;
}

.page_navi li a{
	color:#333;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	border:1px #ccc solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:40px;
	text-align:left;
	background:url(img/next.gif) no-repeat 42px 8px;
}

.page_navi li.back a{
	width:40px;
	text-align:right;
	background:url(img/back.gif) no-repeat 7px 8px;
}

/*______ 一覧 ______*/

.list table{
	width:100%;
	font-size:75%;
	border:1px solid #bbb;
	border-top:5px solid #bbb;
	margin:10px 0;
	clear:both;
}
	
.list th,
.list td{
	text-align:center;
	line-height:150%;
	/border-bottom:1px solid #bbb;
}

.list th{
	padding:7px 5px 6px 5px;
	background:#eee;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.list th a{
	color:#333;
	text-decoration:none;
}

.list th a:hover{
	color:#666;
}

.list td{
	padding:10px;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

.list .price{
	font-weight:bold;
	background:#ffffee;
}

.list .price span{
	color:#F00;
}

.list tr{
	border-bottom:1px solid #bbb;
}

.list .title{
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #bbb;
}

.list .title p{
	width:700px;
	float:left;
}

.list .title .update{
	width:250px;
	font-weight:normal;
	color:#333;
	float:right;
	border-left:1px dotted #ccc;
}

.list .title .update span{
	margin:0 0 0 10px;
}

/*______ 詳細ボタン ______*/

.btn_info{
}

.btn_info a{
	width:200px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(img/btn_info.gif) no-repeat 0 0;
}

.btn_info a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*______ お問い合わせボタン ______*/

.btn_inquiry{
}

.btn_inquiry a{
	width:200px;
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/btn_inquiry_full.gif) no-repeat 0 0;
}

.btn_inquiry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*______ 検討中ボタン ______*/

.btn_book{
}

.btn_book a{
	width:200px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(img/btn_book.gif) no-repeat 0 0;
}

.btn_book a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*______ 削除ボタン ______*/

.delete{
	width:20px;
	height:20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}

a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

a.delete:hover{
	background-position:0 -20px;
}

/*______ 詳細用テーブル ______*/

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	font-size:75%;
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	width:35%;
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	text-align:left;
	background:#fff;
}

/*______ オプション ______*/

.option ul{
	text-align:left;
}

.option li{
	color:#fff;
	text-align:center;
	border:1px solid #62b7cc;
	background:#62b7cc;
	margin:0 0 3px 0;
	/margin:0 3px 3px 0;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
}



/* =12 module top
------------------------*/

.top_info{
	width:980px;
	height:250px;
	margin:0 0 30px 0;
}

.top{
}

.top img{
	margin-top:30px;
}

.top2 img{
	margin-top:0px;
	margin-bottom:20px;
}


/* =13 module item list
------------------------*/

.list .btn{
	float:right;
}

.list .btn p{
	float:left;
	margin:0 5px;
}

.list .btn_info{
	float:right;
}

.list h2{
	color:#fff;
	font-size:87.5%;
	width:665px;
	height:23px;
	padding:12px 0 0 25px;
	margin:0 0 20px 0;
	background:url(img/title_bg.gif) no-repeat 0 0;
}

.tab{
	margin:0 0 20px 0;
}

.tab p{
	float:left;
}

.tab .tab1,
.tab .tab1 a,
.tab .tab2,
.tab .tab2 a{
	width:150px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.tab .tab1{
	background:url(img/tab1.gif) no-repeat 0 0;
}

.tab .tab1 a{
	background:url(img/tab1.gif) no-repeat 0 -30px;
}

.tab .tab1 a:hover{
	background-position:0 0;
}

.tab .tab2{
	background:url(img/tab2.gif) no-repeat 0 -30px;
}	
	
.tab .tab2 a{
	background:url(img/tab2.gif) no-repeat 0 0;
}

.tab .tab2 a:hover{
	background-position:0 -30px;
}

/*______ tab1 ______*/

.tab1 .list .photo{
	width:80px;
}

.tab1 .list .photo img{
	margin:0 0 10px 0;
}

/*______ tab2 ______*/

.tab2 .list table td table{
	font-size:100%;
	border:1px solid #bbb;
	margin:0 0 10px 0;
}

.tab2 .list td{
	text-align:left;
	vertical-align:top;
}

.tab2 .list td.price p{
	margin:0 0 5px 0;
}

.tab2 .list .photo{
	width:280px;
}
.tab2 .option li{
	width:117px;
	font-size:75%;
}



/* =14 module item new
------------------------*/

.new{
	width:690px;
	height:240px;
}



/* =15 module reco
------------------------*/

.reco{
	width:690px;
	height:404px;
	/height:404px;
}

.reco2{
	width:690px;
	height:404px;
	/height:404px;
}



/* =16 module item info
------------------------*/

.item_info h2{
	color:#07a84c;
	font-size:100%;
	width:980px;
	height:28px;
	padding:12px 0 0 0;
	margin:0 0 20px 0;
	display:block;
	background:url(img/h2_info.gif) no-repeat 0 0;
}

.item_info h3{
	font-size:87.5%;
	height:23px;
	padding:12px 0 0 25px;
	margin:30px 0 20px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
	clear:both;
}

.item_info .btn p{
	width:200px;
	float:right;
	margin:0 0 20px 0;
}

.item_info .btn_inquiry a{
	margin:0 auto;
}

#admin .item_info .btn p{
	float:left;
	margin:0 5px;
}

#admin .item_info .btn{
	width:420px;
	margin:0 auto;
}

#admin .item_info .btn_top p{
	margin:0 0 0 10px;
	float:left;
}

#admin .item_info .btn_top{
	width:420px;
	margin:0 0 0 auto;
}

.item_info .list table{
	border-top:5px solid #07a84c;
	margin:20px 0;
}

.item_info .option{
	clear:both;
}

.item_info .option ul{
	margin:0 -7px 0 0;
}

.item_info .option li{
	width:164px;
	font-size:68.75%;
	padding:7px 12px;
	margin:0 2px 7px 0;
	/margin:0 7px 7px 0;
}

.item_info table.detail{
	margin:0 0 30px 0;
}

/*______ 画像 ______*/

.item_info .photo{
	margin:20px -9px 0 0;
	/margin:20px -13px 0 0;
}

.item_info .photo li{
	width:300px;
	height:225px;
	padding:8px;
	background:#f8f8f8;
	margin:0 8px 8px 0;
	/margin:0 13px 13px 0;
	border:1px solid #ddd;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/	
}

/*______ 交通機関 ______*/

.item_info .access{
	margin:20px 0 0 0;
}

.item_info .access .map{
	width:480px;
	float:left;
}

.item_info .access .address{
	width:480px;
	float:right;
}

.item_info .access .address p{
	font-size:87.5%;
	font-weight:bold;
	padding:20px;
	background:#f8f8f8;
	border:1px solid #bbb;
}

.item_info .access .address dl{
	border:1px solid #bbb;
	padding:20px;
	margin:20px 0 0 0;
}
	
.item_info .access .address dt{
	font-size:75%;
	color:#07a84c;
	margin:0 0 10px 0;
}

.item_info .access .address dd{
	font-size:75%;
	margin:0 0 20px 0;
}

/*______ 店舗概要 ______*/

.item_info .outline{
	padding:0 0 10px 0;
	margin:30px 0;
	position:relative;
}

.item_info .outline h3{
	color:#fff;
	width:980px;
	height:21px;
	padding:9px 0 0 30px;
	margin:0;
	background:url(img/h3_outline.gif) no-repeat 0 0;
}

.item_info .outline .more a{
	width:97px;
	height:23px;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 0 10px;
	background:url(img/btn_more.gif) no-repeat 0 0;
	position:absolute;
	top:15px;
	right:10px;
}

.item_info .outline .more a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.item_info table.detail th,
.item_info table.detail td{
	width:25%;
}

.item_info .outline .body{
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding:30px 30px 20px 30px;
}

.item_info .outline .body .photo{
	width:200px;
	float:left;
	margin:0;
	padding:0;
}

.item_info .outline .body .detail{
	width:690px;
	float:right;
}
	
.item_info .outline .body .detail .name{
	font-size:87.5%;
	font-weight:bold;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #bbb;
	background:#f8f8f8;
	vertical-align:text-top;
}

.item_info .outline .body .detail .name span{
	color:#ff0000;
	font-size:120%;
	margin:0 0 0 20px;
}

.item_info .outline .body .detail li{
	font-size:75%;
	line-height:160%;
	padding:0 0 5px 0;
	margin:0 0 6px 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.item_info .outline .body .detail li span{
	width:60px;
	color:#07a84b;
	display:inline-block;
	background:#f4fff9;
	border:1px solid #9ce4be;
	padding:0 10px;
	margin:0 10px 0 0;
	text-align:center;
}



/* =17 module company
------------------------*/

.company h3{
	font-size:87.5%;
	height:23px;
	padding:12px 0 0 25px;
	margin:30px 0 20px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
	clear:both;
}

.company .info{
	padding:20px;
	border-top:5px solid #07a84b;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	position:relative;
}

.company .info h2{
	font-size:87.5%;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #bbb;
	background:#f8f8f8;
	vertical-align:text-top;
}

.company .info h2 span{
	color:#ff0000;
	font-size:120%;
	margin:0 0 0 20px;
}

.company .info .photo{
	width:300px;
	height:720px;
	float:left;
}

/*______ 店舗概要 ______*/

.company .outline{
	width:618px;
	float:right;
}

.company .outline li{
	font-size:75%;
	line-height:160%;
	padding:0 0 5px 0;
	margin:0 0 6px 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.company .outline li span{
	width:60px;
	color:#07a84b;
	display:inline-block;
	background:#f4fff9;
	border:1px solid #9ce4be;
	padding:0 10px;
	margin:0 10px 0 0;
	text-align:center;
}

/*______ 物件一覧 ______*/

.company .list{
	margin:20px 0 0 0;
}

.company .list table{
	border:1px solid #bbb;
}

.company .list th{
	border-bottom:double #bbb;
}

.message {
	font-size:14px;
	line-height:160%;
	margin-top:15px;
}



/* =18 module inquiry
------------------------*/

.inquiry h2{
	font-size:87.5%;
	height:23px;
	padding:12px 0 0 25px;
	margin:0 0 20px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
}

.inquiry p{
	font-size:90%;
	line-height:160%;
}



/* =19 module login form
------------------------*/

#main .login h2{
	font-size:87.5%;
	width:955px;
	height:23px;
	padding:12px 0 0 25px;
	margin:0 0 20px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
}

/*______ ログインフォーム ______*/

#main .login .login_form{
	width:460px;
	float:left;
	padding:0 0 10px 0;
	background:url(img/login_bg.gif) no-repeat left bottom;
}

#main .login .login_form h3{
	color:#fff;
	font-size:87.5%;
	width:460px;
	height:21px;
	padding:9px 0 0 30px;
	background:url(img/h3_login.gif) no-repeat 0 0;
}

#main .login .login_form .body{
	height:151px;
	padding:20px;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

#main .login .login_form table{
	width:100%;
	background:#ddd;
	border:1px solid #bbb;
	margin:0 0 20px 0;
}

#main .login .login_form th,
#main .login .login_form td{
	font-size:75%;
	padding:10px;
	border-bottom:1px solid #bbb;
	text-align:right;
}

#main .login .login_form .submit input{
	width:175px;
	height:30px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	background:url(img/sbmt_login.gif) no-repeat 0 0;
}

#main .login .login_form .submit input:hover{
	background-position:0 -30px;
}

#main .login .login_error {
	color:#F00;
	font-size:90%;
	height:30px;
}

/*______ 会員登録 ______*/

#main .login .account{
	width:460px;
	float:right;
	padding:0 0 10px 0;
	background:url(img/login_bg.gif) no-repeat left bottom;
}

#main .login .account h3{
	color:#fff;
	font-size:87.5%;
	width:460px;
	height:21px;
	padding:9px 0 0 30px;
	background:url(img/h3_login.gif) no-repeat 0 0;
}

#main .login .account .body{
	padding:20px 20px 10px 20px;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

#main .login .account .ex{
	font-size:75%;
	line-height:160%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #bbb;
}

#main .login .account .btn_regist{
	margin:20px auto 0 auto;
}



/* =20 module regist
------------------------*/

.regist h2{
	font-size:87.5%;
	height:23px;
	padding:12px 0 0 25px;
	margin:0 0 20px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
}

.regist p{
	font-size:75%;
	line-height:160%;
}



/* =21 module news
------------------------*/

.news h2{
	color:#fff;
	font-size:87.5%;
	width:665px;
	height:23px;
	padding:12px 0 0 25px;
	background:url(img/title_bg.gif) no-repeat 0 0;
}

.news li{
	font-size:75%;
	line-height:160%;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

.news li span{
	font-weight:bold;
	color:#202020;
	display:block;
}

.news_index{
	width:250px;
	height:500px;
}



/* =22 module bookmark
------------------------*/

.book_list h2{
	color:#333;
	font-size:87.5%;
	width:955px;
	height:23px;
	padding:12px 0 0 25px;
	margin:0 0 20px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
}


.book_list .list table{
	border-top:5px solid #07a84c;
}

/*______ お問い合わせボタン ______*/

.book_list .list .btn_inquiry{
	width:100px;
	margin:0 auto;
}

.book_list .list .btn_inquiry a{
	width:100px;
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/btn_inquiry.gif) no-repeat 0 0;
}

.book_list .list .btn_inquiry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/* =24 module login
------------------------*/

#side .info{
	width:250px;
}

#side .side_news{
	text-align:left;
	font-size: 14px;
	margin-top:20px;
}

#side .side_news2{
	text-align:left;
	font-size: 14px;
	margin-top:5px;
}

#side .side_link{
	margin-top:30px;	
}


/* =25 module admin
------------------------*/

#admin{
}

#admin .admin{
	padding:0 0 10px 0;
	background:url(img/admin_bg.gif) no-repeat left bottom;
}

#admin .admin h2{
	color:#fff;
	font-size:75%;
	width:220px;
	height:35px;
	white-space:nowrap;
	overflow:hidden;
	padding:15px 15px 0 15px;
	background:url(img/h2_title_admin.gif) no-repeat 0 0;
}

#admin .admin ul{
	padding:13px 20px;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

#admin .admin li{
	font-size:75%;
	border-bottom:1px dotted #bbb;
}

#admin .admin li a{
	color:#333;
	line-height:150%;
	text-decoration:none;
	padding:7px 5px;
	display:block;
}

#admin .admin li a:hover{
	background:#f8f8f8;
}



/* =26 module etc
------------------------*/

/*______ ページトップ ______*/

.page_top a{
	width:60px;
	height:45px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/pagetop.png) no-repeat left top;
	position:fixed;
	bottom:0;
	right:0;
}

.page_top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*______ メッセージ ______*/

.comp{
	padding:20px;
	border:double #bbb;
}

.comp dt{
	font-size:87.5%;
	line-height:160%;
	margin:0 0 20px 0;
}

.comp dd{
	text-align:center;
}

.comp dd p{
	font-size:75%;
	line-height:150%;
	display:inline;
	margin:0 10px;
	padding:1px 0 2px 20px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
}

.select_send {
	font-size:75%;
	line-height:150%;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
	clear:both;
}

/*______ table ______*/

.company table{
	width:100%;
	table-layout:fixed;
	border-top:2px solid #d6d6d6;
	border-bottom:2px solid #d6d6d6;
}

.company th,
.company td{
	font-size:75%;
	line-height:160%;
	padding:7px;
	border-bottom:1px dotted #d6d6d6;
}

.company .even th,
.company .even td{
	background:#fafafa;
}

.company th{
	width:30%;
	text-align:center;
}

.company td{
	border-left:1px solid #d6d6d6;
}


/* module about
------------------------*/

.about{
	padding:0 0 10px 0;
	background:url(img/main_box_bottom.png) no-repeat 0 bottom;
}

.about h2{
	color:#fff;
	font-size:85%;
	background:#42250f;
	padding:10px;
	margin:0 0 10px 0;
}

.flow ul{
	padding:10px;
}

.flow li{
	height:150px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #bbb;
}

.flow li.f_02{
	height:600px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #bbb;
}

.flow li.f_03{
	height:750px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #bbb;
}

.flow li.f_04{
	height:180px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #bbb;
}

.flow li h3{
	color:#67b9ca;
	font-size:112.5%;
	margin:0 0 10pxpx 0;	
}

.flow li .ex{
	margin-top:10px;
	line-height:130%;
}