/**
 * 
 */

@charset "utf-8";
@import url(./base.css);

/**
 * スマホモードに戻る
 */

    p#spback {
    	text-align: center;
    	margin: 0;
    }

    p#spback a {
    	font-size: 140%;
    	display: block;
    	padding: 10px;
    	background: #5377ac;
    	color: #ffffff;
    }

body {
    background: #ffffff;
}


/*****************************
 ++ ブロック
 *****************************/

/**
 + ヘッダ
 */
header {
	display: block;
	position:relative;
	background:#6ABF0D;
	margin: 0;
	height: 200px;
	border-bottom:1px solid #ffffff;
	box-shadow:0 0px 8px rgba(0,0,0,0.7);
}

/**
 + フッタ
 */
footer {
    display: block;
	position:relative;
	background:#f0f0f0;
	margin: 0;
	padding:10px;
}

/**
 + コンテンツラッパー
 */
div#mainbox {
	position: relative;
	overflow:hidden;
	margin: 0px auto 0 auto;
	padding:0;
	width: 900px;
	/* タブレット(768px)と小画面PC用に最低限の確保 */
	min-width:680px;
	max-width: 1280px;
	/* outline:1px dotted #999999; */
}

/**
 + メインコンテンツ
 */
div#maincont {
	position: relative;
	background:#ffffff;
	margin:0 0 30px;
	padding:20px;
	border:1px solid #eeeeee;
	border-radius:8px;
	overflow:hidden;
	
	/* タブレット(768px)と小画面PC用に最低限の確保 */
	min-width:470px;
	/* グローバルメニュー用の空き */
	margin-top:60px;

	/* outline:1px solid #a3bcff; */
}

    /**
     + 右カラム
     */
    div#right {
        position: absolute;
    	width:250px;
    	/* グローバルメニュー用の空き */
    	top:50px;
    	right:0;

    	/* outline:1px solid #ffa3a5; */
    }

/**
 + グローバルメニューラッパー
 */
div#mainbox nav {
    display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width:100%;

}


/*****************************
 ++ グローバルメニュー
 *****************************/

div#mainbox nav ul {
    width:750px; /* 一時的にトップを削除 */
    /* width:650px; */
	margin: 0px auto;
	padding: 0;
	list-style-type: none;
}

div#mainbox nav ul li {
	font-size: 100%;
	/*font-weight: bold;*/
	text-align: center;
	width: 150px;
	line-height: 2;
	float: left;
	display: block;
	margin: 0 -1px 0 0;
}

div#mainbox nav ul li a,
div#mainbox nav ul li.sel span {
	display: block;
	background: url(../img/menu_bg.png) 0px -34px no-repeat;
	width: 150px;
	line-height: 2;
	border-bottom: 0 !important;
	color:#000;
	text-shadow: #ffffff 0px 1px 0px;
	-webkit-box-shadow: 0px 0px 1px #666666 inset;
	box-shadow: 0px 0px 1px #666666 inset;
	-moz-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
}

/* メニュー各項目：マウスオーバー時 */
div#mainbox nav ul li a:hover,
div#mainbox nav ul li.sel a,
div#mainbox nav ul li.sel span {
	background-position: 0px 0px;
	-moz-transition: background-position 0.1s ease-out;
	-webkit-transition: background-position 0.1s ease-out;
	-o-transition: background-position 0.1s ease-out;
}



/*****************************
 ++ 汎用クラス
 *****************************/
.txt_right {
    text-align:right;
}

.txt_center {
    text-align:center;
}

/* バナー */
div.bnblock {
    width:500px;
    margin: 3em auto;
}


/*****************************
 ++ 共用ID, クラス
 *****************************/

/**
 + ヘッダ内
 */
div#headerInner {
    width:920px;
    height:200px;
    margin:0 auto;
    position:relative;
    text-align:center;
}

/**
 = ヘッダ内：ロゴ
 */
div#logo {
    position:relative;
    top:32px;
}

div#logo a {
    border-bottom:0;
    background:transparent;
}

/**
 = ヘッダ内：キャッチ
 */
h1#headcatch {
    width:100%;
    font-weight:normal;
    position:absolute;
    margin:0;
    bottom: 7px;
    font-size:75%;
    color: #ffffff;
    text-align:center;
    text-shadow: #447909 0 1px 0;
}

/**
 = ヘッダ内：Javascript, 旧ブラウザの断り書き
 */
p#jsnote, p#oldnote {
	margin-left: 5%;
	border-width: 2px;
	border-style: dotted;
	border-color: #fed372;
	padding: 5px;
	font-size: 90%;
	width: 35em;
}

/**
 + セクション
 */
section {
    clear:both;
	display: block;
	margin-bottom: 2em;
}

/**
 + セクション：見出し2
 */

section h2,
section h3,
section h4 {
    background:#fff9d3;
    padding:3px 0 0 15px;
    line-height:1.5;
    font-size:150%;
    text-shadow:0 1px 0 #ffffff;
    border:2px solid #ec9800;
    border-radius:6px;
    margin-bottom:15px;
}

section h3 {
    font-size:120%;
    border:1px solid #cccccc;
}

section h4 {
    background:#eeeeee;
    margin-left:15px;
    font-size:100%;
    border:1px solid #cccccc;
}

section p {
    margin-top:15px;
    padding:0 15px 15px 15px;
    line-height:1.7;
}

section dl {
    padding:0 15px 15px 15px;
    margin:0;
    line-height:1.7;
}

section dl dt {
    font-size:110%;
    font-weight:bold;
    letter-spacing:5px;
    color:#9a6400;
    text-decoration:underline;
}

section dl dd {
    font-size:95%;
    margin-left:1em;
    margin-bottom:1em;
}

section ol {
    padding:0 15px 15px 0px;
    margin-left:3.5em;
    font-size:95%;
}

section ol li {
    padding:6px 0 12px;
    border-bottom:1px dotted #cccccc;
}

div.column {
    width:50%;
    float:left;
}

    div.column .Lcolumn {
    }

    div.column .Rcolumn {
    }

/**
 + フッタ内
 */
footer div {
    clear:both;
}

/**
 = フッタ内：コピーライト、住所
 */
 
p#copyright,
address {
    text-align:center;
    font-size:80%;
	margin: 1em 0 0;
	line-height:1.5;
}

/**
 = フッタ内：このページの最上段へ
 */
div#end {
	position: absolute;
	bottom: 12px;
	right: 0px;
}

div#end a {
	border-bottom: 0;
}

/**
 = フッタ内：メニュー
 */
div#foot_top nav ul {
    list-style-type:none;
    margin:0 auto 20px;
    padding:0;
    font-size:90%;
    width:620px;
    overflow:hidden;
}

div#foot_top nav ul li {
    float:left;
    margin-right:5px;
    line-height:1.75;
    padding:0;
    background:#ffffff;
    border:1px solid #cccccc;
    border-radius:3px;
}
div#foot_top nav ul li:last-child {
    margin-right:0;
}

div#foot_top nav ul li a,
div#foot_top nav ul li.sel span {
    display:block;
    border-bottom:0;
    padding:0 1em;
    line-height:1.75;
}

div#foot_top nav ul li.sel span {
    color: #ffffff;
	background-color: #dc6000;
}


/*****************************
 ++ 個別ID, クラス
 *****************************/

/**
 + トップ：お知らせバナー
 */
h2#topinfo {
    width:100%;
    text-align:center;
    margin-bottom:1em;
}

h2#topinfo a {
    border-bottom:0;
}

/**
 + トップ：タブメニュー
 */
ul#tabmenu {
    list-style-type:none;
    margin:0 auto 10px;
    overflow:hidden;
    padding:0;
    width:476px;
}

    /* 会社概要ページ：サブメニュー項目一つ多い */
    ul#tabmenu.outlinemenu {
        width:576px;
    }

ul#tabmenu li {
    width:150px;
    line-height:1.75;
    float:left;
    margin-right:10px;
    text-align:center;
    font-size:95%;
    border:1px solid #cccccc;
    border-radius:5px;
    background:#f0f0f0;
    box-shadow:0 1px 2px #cccccc inset;
    cursor:pointer;
}

    /* 会社概要ページ：サブメニュー項目一つ多い */
    ul#tabmenu.outlinemenu li {
        width:134px;
    }

ul#tabmenu li:last-child {
    margin-right:0;
}
ul#tabmenu li.selected {
	color: #000;
	background:#fff9d3;
	cursor:default;
}

ul#tabmenu li:hover {
    color:#ffffff;
    background:#dc6000;
}


/**
 + トップ：シェアハウス説明
 */
p.about_shareHouse {
    padding-left:70px;
    min-height:55px;
    background:url(../img/dcc_mark.png) 10px 5px no-repeat;
}

/**
 + トップ：提供サービス
 */
ol#about_service {
    padding-left: 230px;
    margin-left:0;
    background:url(../img/top_service_catch.png) 0% 50% no-repeat;
    font-size:90%;
}

ol#about_service li {
    line-height:1.4;
}

/**
 + トップ：流れ
 */
h3.flow {
    width:500px;
    margin:2em auto 1em;
    padding: 10px;
    text-align:center;
}

p.flow {
    width:500px;
    margin:10px auto -20px auto;
    padding-bottom:50px;
    text-align:center;
    background:url('../img/arrow.png') center bottom no-repeat;
}

p.flow.last {
    background:none;
}


/**
 + トップ：料金表
 */
table.priceList {
    margin-right:5px;
    width:95%;
    font-size:95%;
    margin-bottom:30px;
}

table.priceList th.celltitle {
    text-align:center;
}

table.priceList th {
    text-align:left;
    background:#f0f0f0;
}

th.time {
    width:6em;
    font-weight:normal;
}

td.td_price {
    text-align:right;
    width:3em;
}

td.td_price8 {
    text-align:right;
    width:8em;
}

/**
 + スタッフ：表
 */
table.t_staff th {
    background:#f0f0f0;
    width:120px;
}

/**
 + 会社概要：表
 */
table.t_outline th {
    background:#f0f0f0;
}

/**
 + 社長論文
 */
ul#thesis_sharehouse li p {
    padding-left: 0;
    margin-left: 0;
}

section.need dl dt {
	clear: left;
	float: left;
	border: 1px dotted #87878D;
	border-radius: 6px;
	background-color: #eeeeee;
	padding: 1px 10px 0;
	margin-right: 10px;
	width: 5em;
	text-decoration: none;
	letter-spacing: 0;
}

section.need dd {
    margin-left: 120px;
}

section.need dt,
section.need dd {
	margin-bottom: 0.5em;
	padding: 3px 10px;
}

/*
section.need dd:before {
	content: '⇒ ';
}
*/

section.need dd ol,
section.need dd ul {
    clear: left;
    margin-top: 15px;
    font-size: 90%;
}

section.need dd li {
    border:0;
    padding: 0;
}

/**
 + お問い合わせ：各項目
 */
div#newstaff {
    width:490px;
    margin:auto auto 2em auto;
}

h3.contact {
    font-size:135%;
    font-weight:normal;
    padding:0.75em;
    margin-left:1em;
    background:none;
    border:0;
    border-bottom:1px dotted #cccccc;
    border-radius:0;
}

/**
 + お問い合わせ：地図
 */
div#map {
    position:relative;
    width:100%;
    height:300px;
    border:1px solid #cccccc;
    border-radius: 6px;
    overflow:hidden;
}
div#map img {
    position:relative;
}
div#map div.balloon {
    width:300px;
}
div#map div.balloon p {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}



/*****************************
 * タブレット(768px)ではなく
 ++ responsive : 小画面PC
 *****************************/
@media screen and (max-width: 800px) {

}


/*****************************
 ++ responsive : タブレット
 *****************************/

@media screen and (max-width:768px) {

}