@charset "UTF-8";

/*************************************************************
パーパスジャパン
[css/global.css]
15.12.21
**************************************************************/

/* 目次
-------------------------------------------------------------
1) ヘッダ  [header]
2) グローバルナビゲーション  [nav#global]
3) コンテンツ  [#contents]
4) 相談方法  [aside section#consultation]
5) SNS  [aside section#sns]
6) ページトップへ  [p.pagetop]
7) フッタ 専門店リンク  [footer section#ftLink]
8) フッタ 会社情報  [footer section#ftCompany]
-------------------------------------------------------------*/


/* 1) ヘッダ  [header]
-------------------------------------------------------------*/
header {
	position: relative;
}
	
header h1 {
	padding-top: 17px;
}

header ul.sns {
	display: flex;
	padding-top: 23px;
	padding-left: 25px;
}

header ul.sns li {
	padding: 0 5px;
}
	
header .fright ul {
	padding-top: 8px;
	padding-bottom: 10px;
}

header li.fleft {
	padding-right: 15px;
	margin-right: 15px;
	border-right: #bbb solid 1px;
}

/* 2) グローバルナビゲーション  [nav#global]
-------------------------------------------------------------*/
nav#global {
	position: absolute;
	z-index: 500;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
}

nav#global ul {
	margin-left: 26px;
	position: relative;
}

nav#global li {
	float: left;
	height: 50px;
}

nav#global li a {
	display: block;
	line-height: 50px;
	height: 50px;
	padding-left: 25px;
	padding-right: 25px;
}

nav#global li a:first-child {
	padding-left: 27px;
}

nav#global a:hover,
#top li#nvTop a,
#select li#nvSelect a,
#theme li#nvTheme a,
#tourlist li#nvTour a,
#gone li#nvGone a,
#consult li#nvConsult a {
	background-color: rgba(102, 102, 102, 0.8);
}

/* 3) コンテンツ  [#contents]
-------------------------------------------------------------*/
#contents {
}

/* 4) 相談方法  [aside section#consultation]
-------------------------------------------------------------*/
#consultation {
	margin-top: 30px;
	border: #ddd solid 1px;
}

#consultation h3 {
	border-bottom: #ccc dotted 1px;
}

#consultation section {
	margin: 14px 20px 20px;
}

#consultation h4 span,
#consultation h4 i {
	display: table-cell;
	vertical-align: middle;
}

/* メールでお問い合わせ */
#consultation section.fleft {
	width: 518px;
}

#consultation .fleft p.btn {
	margin: 11px 0 15px;
}

#consultation .fleft li {
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}

/* 電話・来社でお問い合わせ */
#consultation section.fright {
	width: 378px;
}

#consultation .fright dt {
	float: left;
	width: 94px;
	clear:left;
	margin-top: 15px;
}

#consultation .fright dd {
	float: left;
	width: 284px;
	line-height: 1.2;
	margin-top: 10px;
}

#consultation .fright .bg_bk06 {
	margin-top: 16px;
	padding: 9px 13px;
}

/* 5) SNS  [aside section#sns]
-------------------------------------------------------------*/
#sns {
	margin-top: 30px;
}

#sns .fright {
	width: 475px;
	height: 248px;
	border: #eee solid 1px;
}

/* 6) ページトップへ  [p.pagetop]
-------------------------------------------------------------*/
p.pagetop {
	margin-right: 50px;
	margin-top: 40px;
}

/* 7) フッタ 専門店リンク  [footer section#ftLink]
-------------------------------------------------------------*/
#ftLink {
	padding-top: 18px;
	padding-bottom: 6px;
}

#ftLink h3 {
	background: url(../images/global/line01.png) repeat-x center;
	margin-bottom: 14px;
}

#ftLink h3 span {
	padding-left: 20px;
	padding-right: 20px;
}

#ftLink nav h4 {
	border-bottom: #8da2c7 solid 3px;
	margin-bottom: 7px;
}

#ftLink nav ul {
	margin-bottom: 10px;
}

#ftLink div.fleft {
	margin-left: 28px;
}

#ftLink li.fleft {
	margin-left: 26px;
}

#ftLink nav .ml0 {
	margin-left: 0;
}

#ftLink nav li {
	line-height: 1.8;
}

#ftLink nav ul.child li {
	text-indent: 1em;
	background: url(../images/global/line02.png) no-repeat 3px center;
}

#ftLink nav ul.child li:last-child {
	background-image: url(../images/global/line03.png);
}

#ftLink nav li.line2 {
	line-height: 1.2;
	padding-top: 4px;
	padding-bottom:4px;
}

#ftLink nav li img {
	margin-top: 8px;
}

/* 8) フッタ 会社情報  [footer section#ftCompany]
-------------------------------------------------------------*/
/* 会社情報 */
#ftCompany .container:first-child {
	padding-top: 17px;
	padding-bottom: 30px;
}

#ftCompany div.fleft {
	margin-right: 68px;
}

#ftCompany div.fleft img {
	margin-top: 13px;
	margin-bottom: 21px;
}

#ftCompany p span.f34 {
	vertical-align: middle;
}

/* リンクとコピーライト */
#ftCompany .bg_bk12 {
	padding-top: 13px;
	padding-bottom: 25px;
}
	
#ftCompany li {
	display: inline;
	padding-left: 9px;
	padding-right: 5px;
	border-left: #999 solid 1px;
}

#ftCompany ul li:first-child {
	border-left: none;
}

#ftCompany ul {
	margin-right: 3px;
	margin-bottom: 22px;
}