@charset "utf-8";
/*////////////// BasicCSS Document //////////////*/

/* ===============================================
 all（基本事項/全共通）　
=============================================== */

html {
	font-size: 62.5%;
}
#guide {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	color: #333;
	line-height: 1.5em;
}
#guide img {
	width: 100%;
	zoom: 1;
	vertical-align: bottom;
}
#guide .contentsBox {
	padding: 0 3.1%;
}



/* ===============================================
 headerArea　
=============================================== */

#headerArea {
}
#headerArea .titleArea.main {
	width: auto;
	margin: 5px 10px;
	padding: 2% 0 2% 2%;
	border-left: solid 8px #024895;
}

/* leadArea（ページ案内文）------------------*/
#headerArea .leadArea {
	margin: 2.2% 3.1% 3.9%;
	color: inherit;
	font-weight: normal;
}



/* ===============================================
 mainArea（メインコンテンツ部分/全共通）　
=============================================== */

#mainArea {
	margin: 0 3.1% 10%;
}
#mainArea .potalList {
}
#mainArea .potalList li {
}
#mainArea .potalList li+li {
	margin-top: 8%;
}

/* ===============================================
 navi（ナビ部分/全共通）　
=============================================== */
#mainArea .titleAbout{
    background-color:#f2f2f2;
    padding:10px 1px;
    font-size:15px;  
}
#mainArea .dom{
    margin-top:20px;
}
#navi1{
    border: 1px solid #004bb0;
    border-radius: 3px;
    margin-top:10px;
}
#navi1 a{
    color:#000;
}
#navi1 .navi_on{
        float: left;
    background-color: #eaf2fa;
    width: 46%;
    padding: 4px;
    text-align: center;
    font-size: 15px;
    font-weight:bold;
    border-right:1px solid #004bb0;
}
#navi1 .navi_off{
    border-radius: 3px;
    background-color:#fff;
    width: %;
    padding: 4px;
    text-align: center;
    font-size: 15px;
}
#navi2{
    border: 1px solid #004bb0;
    border-radius: 3px;
    margin-top:10px;
}
#navi2 a{
    color:#000;
}
#navi2 .navi_on{
    background-color:#eaf2fa;
    padding: 4px;
    text-align: center;
    font-size: 15px;
    font-weight:bold;
}
#navi2 .navi_off{
    float: left;
    background-color:#fff;
    width: 46%;
    padding: 4px;
    text-align: center;
    font-size: 15px;
    border-right:1px solid #004bb0;
}
/* ===============================================
 titleArea（タイトル部分/全共通）
=============================================== */

.titleArea {
	width: 100%;
	margin: 3% 0;
}
.titleArea .titleText {
	font-size: 1.7rem;
	font-weight: bold;
}


/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 5px 0;
	padding: 2% 0 1%;
	border-bottom: solid 1px #CECECE;
}
.titleArea.subheading .titleText {
	font-size: 1.4rem;
}
.domesticTitle{
        padding-top: 20px;
        font-size: 15px;
        font-weight: bold;
}


/* ===============================================
 linkArea（リンク部分/全共通）　
=============================================== */

.linkArea {
	width: 100%;
	margin: 3% 0 0;
	font-weight: bold;
}
.linkText a {
	font-size: 1.5rem;
	color: #FFF;
	display: block;
}

/* btn（電話用ボタン型/テキスト1行）------------------*/
.linkArea.tel {
	width: auto;
	margin: 0 0 3%;
	border-top: solid 1px rgb(237, 237, 237);
	border-left: solid 1px rgb(237, 237, 237);
	border-right: solid 1px rgb(237, 237, 237);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(200, 200, 200)), color-stop(60%, rgb(255, 255, 255)));
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.linkArea.tel a {
	padding: 12px 0;
	color: inherit;
}
.linkArea.tel a:before {
	content: ' ';
	display: inline-block;
	background-position: 0;
	background-size: auto 15px;
	margin-right: 2px;
	width: 15px;
	height: 20px;
	background-image: url("http://smp.his-j.com/cmn/img/common_sp/guide/tel.png");
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/* list（リスト型）------------------*/
.linkListArea {
}
.linkArea.list {
	margin: -1px 0 0;
	padding: 0.5% 0;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_right_gray001.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 12px;
	border-top: 0;
	border-bottom: 1px solid #CCC;
}
.linkArea.list a {
	padding: 12px 0 12px 10px;
	font-size: 1.3rem;
	color: inherit;
}

/* list.top（リスト型/TOPに戻る）------------------*/
.linkArea.list.top {
	margin: 20px 0 0;
	padding: 0.5% 0;
	background-color: #004098;
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_right_white001.png");
}
.linkArea.list.top a {
	padding: 12px 0 12px 10px;
	color: #FFF;
}

/* multiline（テキスト2行）------------------*/
.linkArea.multiline {
	padding: 0;
	line-height: 1.1em;
}
.linkArea.multiline a {
	font-size: 1.4rem;
}
.linkArea.btn.multiline a {
	padding: 9px 0 8px;
}
.linkArea.list.multiline a {
	padding: 8px 0 7px 10px;
}

/* anchor（アンカー用）------------------*/
.linkArea.anchor {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_white001.png");
	background-position: 95% 50%;
	background-size: 13px 9px;
}

/*newWindow（別窓表示）------------------*/
.linkArea.newWindow {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/box_gray001.png");
	background-position: 97% 50%;
	background-size: 15px 13px;
}
.linkArea.btn.newWindow {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/box_white001.png");
	background-position: 95% 50%;
}




/* ===============================================
 descArea（営業所詳細）　
=============================================== */

.descArea {
}

/*timeArea（営業時間）------------------*/
.timeArea {
}
.timeArea .timeTable {
}
.timeArea .timeTable .day {
	width: 50px;
}
.timeArea .timeTable .time:before {
	content: "：";
}

/*telArea（電話番号）------------------*/
.telArea {
}

/*col2（2カラム用）------------------*/
.descArea.col2 {
	clear: both;
	overflow: hidden;
}
.col2 .timeArea {
	width: 50%;
	float: left;
}
.col2 .telArea {
	width: 50%;
	float: right;
}



/* ===============================================
 footerArea（フッター部分全体）　
=============================================== */

#footerArea {
	margin: 8.7% 0 0;
}



/* ===============================================
 media screen（メディアクエリ全体）　
=============================================== */

@media screen and (min-width: 400px) {
  html {
	  font-size: 80%;
  }
}