@charset "utf-8";
/* 
====================================================================================================
■ common (下層ページ共通設定)
■ .news /news/ （新着情報）
■ .contact /contact/ （お問い合わせ）
■ .class_name /folder_name/ （下層ページ）【★】※ページ毎のbodyに付与したclass名称を利用
■ .class_name /folder_name/ （下層ページ）【★】
■ ※以下は必要に応じ追加
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */



/* 
====================================================================================================
■ .news /news/ （新着情報）
---------------------------------------------------------------------------------------------------- */
#wrapper img.shd{
	padding:1px;
	border:solid 1px #ccc;
}

.news_box{
	margin:0px 0px 30px;
	padding:0px;
}

.ntit{
	font-size:72.3%;
	font-weight: bold;
	position: relative;
	margin-top:0px;
        padding:25px 5px 5px 5px;
        border-top:solid 2px #ccc;
        border-bottom:dotted 1px #ccc;
}

.ntit .date{
        position: absolute;
        top:5px;
        left:5px;
        font-weight: normal;
        font-size:90%;
        color:#fff;
        background:#0052a5;
        padding:2px 5px;
}



.news_box .news_contents{
	padding:10px 0px 0px 0px;
}


.phot{
	float:left;
	margin:0px 10px 10px 0px;
	position:relative;
}
.icon { position: absolute; right:5px; bottom:5px; }


.phott{
	margin:0px 0px 0px 0px;
	position:relative;
}

.phottr{
	float:right;
	position:relative;
	margin:0px 0px 10px 0px;
}

.photll{
	float:left;
	position:relative;
}

.photrr{
	float:right;
	position:relative;
}


/* 
====================================================================================================
■ テーブル
---------------------------------------------------------------------------------------------------- */

.table_style01 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:72.3%;
}

.table_style01 th{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    background:#fafafa;
    padding:5px 10px 5px 10px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
    color:#333;
}

.table_style01 td{
    padding:5px 10px 5px 10px;
    background:#fff;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

/* 
====================================================================================================
■ building
---------------------------------------------------------------------------------------------------- */

.sikaku:before { content:'■';}


/* 
====================================================================================================
■ office＆store
---------------------------------------------------------------------------------------------------- */

.dl_style_biz {margin:0px 0 0px;
 }

.dl_style_biz dt {
padding:10px 10px 10px 0px;
position: relative;
background:url(../common_img/line02.png) no-repeat 0 bottom;background-size: 307px;
font-weight:bold;
font-size:80%;
margin-top:0px;
color:#0052a5;
}


.dl_style_biz dd {
font-size:72.3%;
padding:10px 10px 10px 10px;
}


.dl_style_biz .open {}
.dl_style_biz .open:before { position: absolute;content:'▲閉じる';right:10%;top:10px; color:#fb5519;font-size:100%;}
.dl_style_biz dt,
.dl_style_biz .close {}
.dl_style_biz .close:before { position: absolute;content:'▼詳細';right:10%;top:10px; color:#3399ff;font-size:100%;}


/*----price style-----*/

.tb_style {
	border: 1px solid #ccc;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
	margin-bottom:5px;
}
.tb_style th, .tb_style td {
	border-color: #ccc;
	border-image: none;
	border-style: dotted solid dotted dotted;
	border-width: 1px;
	padding: 5px 10px;
	text-align: left;
}
.tb_style th {
	background: none repeat scroll 0 0 #fafafa;
	border-bottom: 1px solid #ccc;
	color: #222;
}