@charset "UTF-8";

html,body									{ background:#fff; color:#251e1c; font-family: Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
#container									{ width: 950px; margin:0 auto; }

/* Font */
.jp											{ letter-spacing:0.2em; } //日本語の文字間
.font-garamond								{ font-family: 'EB Garamond', serif; }
.font-nunito								{ font-family: 'Nunito', sans-serif; font-size:13px;}

header										{ width:950px; height: 32px; margin-top:35px; position:fixed;}
header h1									{ width:140px; height: 32px; display: block; float: left;text-indent:-9999px; background:url("../img/header.png") -2px 5px; }
header h1 a									{ width:140px; height: 32px; display: block; }
header div#global							{ width:260px; height: 32px;  float: right;}
header div#global p							{ height: 32px; float: left; text-indent:-9999px;}
header div#global p.border					{ width:22px; background:url("../img/header.png") no-repeat 0 -30px; }
header div#global p a						{ height: 32px; display: block; float: left; background:url("../img/header.png") no-repeat;}
header div#global p#globalTea				{ width:123px; }
header div#global p#globalCoordinate		{ width:108px; }
header div#global p#globalTea a				{ width:123px; background-position:0 -56px; }
header div#global p#globalCoordinate a		{ width:108px; background-position:0 -106px; }
header div#global p#globalTea a:hover		{ width:123px; background-position:-300px -56px; }
header div#global p#globalCoordinate a:hover{ width:108px; background-position:-300px -106px; }
header div#global p#globalTea.stay a		{ width:123px; background-position:-600px -56px; }
header div#global p#globalCoordinate.stay a	{ cursor:default; width:108px; background-position:-600px -106px; }

#leftContainer								{ width: 266px; position:fixed; top:163px;}
#rightContainer								{ width: 608px; margin-left: 342px; padding-top:169px;}


/* Left Container
--------------------------------------------------------------------------------------------------------------- */
#leftContainer > h2							{ width: 94px; height: 100px; margin-bottom: 18px; background:url("../img/logo.png") no-repeat; text-indent:-9999px; }
#leftContainer > h3							{ width: 170px; height: 30px; margin-bottom: 39px; background:url("../img/logo.png") no-repeat 0 -122px; text-indent:-9999px; }
#leftContainer > ul							{ display: block; margin-bottom: 50px; }
#leftContainer > ul > li					{ display: block; width: 266px; height:30px; }
#leftContainer > ul > li a					{ display: block; width: 266px; height:30px; background:url("../img/nav.png") no-repeat; text-indent:-9999px; }
#leftContainer > p#navFacebook				{ display: block; width: 266px; height:30px; }
#leftContainer > ul > li#navAbout a			{ background-position: 0 0; }
#leftContainer > ul > li#navService a		{ background-position: 0 -50px; }
#leftContainer > ul > li#navContact a		{ background-position: 0 -100px; }
#leftContainer > p#navFacebook a			{ display: block; width: 266px; height:30px; background:url("../img/nav.png") no-repeat 0 -164px; text-indent:-9999px;}
#leftContainer > ul > li#navAbout a:hover	{ background-position: -300px 0; }
#leftContainer > ul > li#navService a:hover	{ background-position: -300px -50px; }
#leftContainer > ul > li#navContact a:hover	{ background-position: -300px -100px; }
#leftContainer > p#navFacebook a:hover		{ background-position: -300px -164px; }


/* Right Container
--------------------------------------------------------------------------------------------------------------- */
#rightContainer > article												{ margin-bottom:140px; }
#rightContainer > article.last											{ margin-bottom:0px;}
#rightContainer > article > p											{ font-size:12px; line-height:29px; }
#rightContainer > article > h4											{ margin-bottom:35px; display: block; width: 466px; text-indent:-9999px; }
#rightContainer > article:first-child > h4								{ height:73px; background:url("../img/h4_01.png") no-repeat 0 -1px; }
#rightContainer > article+article > h4									{ height:26px; background:url("../img/h4_02.png") no-repeat 0 -1px; }
#rightContainer > article > h4 + p										{ margin-bottom:60px; }
#rightContainer > article.standard > h4 + p								{ margin-bottom:25px; }
#rightContainer > article.first > p.se									{ font-size:11px; line-height:28px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
#rightContainer > article > p.se										{ font-size:11px; line-height:28px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }
#rightContainer > article > p.label										{ margin-bottom:40px; font-size:10px; text-indent:2px; text-transform: uppercase; font-family: 'EB Garamond', serif; text-indent: -9999px;}
#rightContainer > article > p.label.about								{ width: 300px; height: 9px; background:url("../img/label_about.png") no-repeat 1px 0; }
#rightContainer > article > p.label.service								{ width: 300px; height: 9px; background:url("../img/label_service.png") no-repeat; }
#rightContainer > article > div.points									{ margin-top:80px; }
#rightContainer > article > div.points section							{ font-size:12px; line-height:30px; margin-bottom:40px; }
#rightContainer > article > div.points section > div.left				{ width:171px; float: left; font-size:12px; line-height:30px; }
#rightContainer > article > div.points section > div.right				{ width:437px; float: left; font-size:12px; line-height:30px; }
#rightContainer > article > div.points section > div.right p:first-child{ margin-bottom:10px; }
#rightContainer > article > div.points section h5						{ line-height: 24px; letter-spacing:0.1em; }
#rightContainer > article > div.points section h6						{ font-size:10px; line-height: 12px; height: 12px; letter-spacing:0.1em; }
#rightContainer > article > div.points section p						{ font-size:12px; line-height:24px; }
#rightContainer > article > div.points section p.se						{ font-size:10px; line-height:18px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; }

#rightContainer > article > p.se2										{ font-size:16px; line-height:28px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; margin-bottom:19px; }
#rightContainer > article > p.se_attention								{ font-size:10px; line-height:18px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; padding-top:5px; }
#rightContainer > article > p.jp_attention								{ font-size:11px; line-height:20px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; padding-top:20px; }





div.copyright															{ font-size:10px; letter-spacing:0.1em; font-family: 'Lato', sans-serif; padding-top:20px; text-align:left; padding:200px 0 50px 0;}