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

/*****************************************************

	リンク設定：全体

*****************************************************/
a:hover {
	transition: all .3s;
	opacity: 1;
}
/*****************************************************

	全体

*****************************************************/

body {
	width: 100%;
	margin: 0 auto;
	line-height: 2;
	word-wrap: break-word;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight:700;
	letter-spacing: 2px;
	font-weight: 100;
}
/*****************************************************

	margin

*****************************************************/
.mb0 {
	margin-bottom: 0!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mt50 {
	margin-bottom: 50px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt50 {
	margin-top: 50px!important;
}
/*****************************************************

	clearfix

*****************************************************/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.red {
	color: #900;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
/*****************************************************

  全ページ　共通

*****************************************************/


.fadein {
	opacity: 1;
	transform: translateX(0);
}
.red {
	color: #C30D23;
}
.blue {
	color: #036EB8;
}
.titol {
	text-align: center;
	margin: 30px;
}
.titol h3 {
	font-size: 35px;
	font-weight: 100;
	color: #40220F;
}
.fadein {
	opacity : 0;
	transform : translate(0, 200px);
	transition : all 1900ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.marker {
  padding: 0 10px 8px;
  background-color: #F9F000;
	background: linear-gradient(to bottom, #fff 60%, #fff 60%, #F9F000 40%,  #F9F000 100%);
  background-size: 0 50%;/*幅をゼロにしておく*/
  background-position: 0 60%;
  background-repeat: no-repeat;
  transition: 5s;
  display: inherit;
}
 
/*アニメーション後*/
.marker.active {
  background-size: 100% 50%;/*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}


.space {
	margin-top: 100px;
}
/*****************************************************

	NAV

*****************************************************/

nav {
	background-color: rgba(255,255,255,0.87);
	width: 160px;
	position: fixed;
	top: 0;
	right: 0px;
	z-index: 3;
	padding: 20px 25px 7px;
}
nav .sns {
	margin-bottom: 60px;
	margin-left: 60px;
}
nav .sns li {
	width: 37px;
	margin-bottom: 10px;
	text-align: right;
}
nav .gnav li {
	text-align: right;
}
nav .gnav li {
 width:;
	margin-bottom: 19px;
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
}
.Item {
	text-decoration: none;
}
.Item-Text {
	position: relative;
	z-index: 1;
}
.Item-Text:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;/*テキストからの距離*/
	width: 0%;/*初期状態では下線非表示*/
	height: 2px;/*下線の高さ*/
	background: #000;/*下線の色*/
	z-index: -1;
	transition: all 0.4s;/*アニメーション速度*/
}
.Item:hover .Item-Text:after {
	width: 100%;/*hover時に表示*/
}
/**/

.sublogo {
	width: 300px;
	margin: 70px auto;
}
/*****************************************************

  footer

*****************************************************/

footer {
	width: 100%;
	padding: 210px 0 20px;
	margin-top: -50px;
}
.foot {
	width: 100%;
}
footer .inner {
	width: 1000px;
	margin: 0 auto;
}
footer .inner .logo {
	width: 350px;
	margin: 0 auto 20px;
}
footer .inner .sns {
	display: flex;
	justify-content: space-between;
	width: 150px;
	margin: 0 auto 35px;
}
footer .inner .sns li {
	width: 40px;
}
footer .inner .nav {
	display: flex;
	justify-content: space-between;
	width: 520px;
	margin: 0 auto 100px;
	font-size: 16px;
}
footer .inner .nav li {
}
footer .copy {
	width: 100%;
	text-align: center;
	background-color: #fff;
	color: #000;
	padding: 5px 0;
	font-size: 15px;
	letter-spacing: 2px;
}
/*****************************************************

  ページ共通

*****************************************************/

.page-title {
	width: 100%;
	text-align: center;
	margin: 100px 0 40px;
}
.page-title h2 {
	font-size: 34px;
	font-weight: 100;
	margin-bottom: 20px;
}
.page-title p {
	font-size: 18px;
}
/*****************************************************

  トップページ	

*****************************************************/

.top_main {
	position: relative;
	z-index: 2;
}
.top_main .logo {
	position: absolute;
	top: 45%;
	left: 25%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 380px;
}
.top_main video {
	width: 100%;
	height: auto;
	z-index: 2;
}

.top-page {
	font-weight: 100;
}
.top-page .sect1 {
	width: 100%;
	margin: 30px auto 50px;
}
.top-page .sect1 .box {
	width: 1000px;
	font-size: 20px;
	margin: 30px auto 30px;
	font-weight: 100;
	
	
}

.top-page .sect1 .box h2 {
	font-size: 42px;
	
	display: inline;
	
}
.top-page .sect1 .inner {
	/*background-color: #E0D4C3;*/
	/*background-color: #EAE4DC;*/
	padding: 20px 0 100px;
	
}
.top-page .sect1 .inner .box {
	width: 1300px;
	margin: 0 auto;
	display: flex;
}





/*tab          */
.tab {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  
  width: 100%;
}
.tab-list {
  align-items: flex-end;
  display: flex;
  
	width: 880px;
	margin:  0 auto;
}
.tab-menu {
  
  background-color: #F6EA00;
  color: #0E2847;
  cursor: pointer;
  /*display: flex;*/
  flex-grow: 1;
	text-align: center;
  font-size: 20px;
  
  justify-content: center;
  padding-right: 10px;
  position: relative;
  transition: all .8s ease-out;
	width: 400px;
	margin-right: 20px;
	padding: 20px 0 18px;
	margin-bottom:  30px;
}
.tab-menu:not(:first-of-type) {
  border-left: 1px solid #fff;
}
.tab-menu::after {
  border-right: 1px solid #0E2847;
  border-top: 1px solid #0E2847;
  bottom: 0;
  content: "";
  height: 8px;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
  transform: rotate(135deg);
  transition: all .8s ease-out;
  width: 8px;
}

.tab-menu::after:hover {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: "";
  height: 8px;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
  transform: rotate(135deg);
  transition: all .8s ease-out;
  width: 8px;
}

.tab-menu.current::after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  top: -6px;
  transform: rotate(315deg);
  transition: all .8s ease-in-out;
}
.tab-menu:hover {
  transition: .8s ease-in-out;
	background-color: #C10707;
  color: #fff;
	
  
}


.tab-menu.current {
  background-color: #0E2847;
  border-top: 5px solid #F6EA00;
  color: #fff;
  height: 105px;
  transition: all .8s ease-in-out;
}
.content-box {
  background-color: #fff;
  display: none;
	background-image:  url("../img/tab_bg1.jpg");
	
	background-repeat: no-repeat;
	background-position: top center ;
	padding:  100px 0 400px;
  
	
  
}

.content-box2 {
  background-color: #fff;
  display: none;
	background-image:  url("../img/tab_bg2.jpg");
	
	background-repeat: no-repeat;
	background-position: top center ;
	padding:  100px 0 250px;
	position: relative;
  
	
  
}

.content-box2 .img1{
  position: absolute;
	top: 50px;
	left: 0px;
	width: 40%;
}

.content-box2 .img1 img{
  
	width: 50%;
}


.content-box .txt{
  background:rgba(255,255,255,0.65);
  width: 840px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 450%;
text-align:  center;
	padding: 60px 30px;
	border-radius: 2px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.53);
}

.content-box .txt p{
  
	font-size: 20px;
	line-height: 320%;

}

.content-box2 .txt{
  background:rgba(255,255,255,0.65);
  width: 840px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 450%;
text-align:  center;
	padding: 60px 30px;
	border-radius: 2px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.53);
}


.content-box2 .txt p{
  
	font-size: 20px;
	line-height: 320%;

}


/**********************/

.top-page .sect2 h3 {
	width: 500px;
	margin: 20px auto 30px;
	text-align: center;
	font-size: 22px;
	font-weight: 100;
}
.top-page .sect2 ul {
	width: 1300px;
	margin: 0 auto 50px;
	display: flex;
	
}
.top-page .sect2 ul li {
	border: 1px solid #E6E6E6;
	text-align: center;
	width: 430px;
	padding: 45px 0;
	position: relative;
}
.top-page .sect2 ul li p {
	font-size: 18px;
	margin-bottom: 60px;
	font-weight: 100;
	line-height: 200%;
}
.top-page .sect2 ul li .btn a {
	position: absolute;
	left: 155px;
	bottom: 50px;
	font-size: 12px;
	padding: 4px 15px;
	background-color: #D9D9D9;
	border: 1px solid #D9D9D9;
	transition: all 0.2s ease;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
.top-page .sect2 ul li .btn a:hover {
	font-size: 12px;
	padding: 4px 15px;
	background-color: #FFF;
	border: 1px solid #D9D9D9;
	transition: all 0.5s ease;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}

.animate {
  opacity: 0;
  
  transform: translateY(10px);
  transition: all 1.0s;
}
.animate:not(:nth-child(3n+1)) {
  margin-left: 0;
}
.animate:not(:nth-child(-n+3)) {
  margin-top: 0;
}
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate.show:nth-of-type(1) {
  transition-delay: 0.5s;
}
.animate.show:nth-of-type(2) {
  transition-delay:1.0s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 1.5s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 1.2s;
}
.animate.show:nth-of-type(5) {
  transition-delay: 0.4s;
}
.animate.show:nth-of-type(6) {
  transition-delay: 0.5s;
}
/**********************/


.top-page .sect3 {
	width: 100%;
	padding: 30px 0 0px;
}
.top-page .sect3 h2 {
	font-size: 22px;
	margin: 30px 0 0;
	font-weight: 100;
	width: 1300px;
	margin: 0 auto;
}
.top-page .sect3 .inner {
	background-color: #EAE4DC;
	padding: 30px 0 30px;
}
.top-page .sect3 .inner .box {
	display: flex;
	width: 1300px;
	margin: 0 auto;
}
.top-page .sect3 .img {
	width: 800px;
	margin-right: 30px;
}
.top-page .sect3 .img img{
	width: 900px;
	margin-right: 0px;
}

.top-page .sect3 .txt {
	width: 620px;
}
.top-page .sect3 h3 {
	font-size: 34px;
	margin-right: 20px;
	line-height: 180%;
	font-weight: 100;
	margin: 140px 0 30px;
	letter-spacing: 4px;
}
.top-page .sect3 p {
	width: 400px;
	font-size: 14px;
	line-height: 240%;
	font-weight: 100;
}
/**********************/


.top-page .sect4 {
	width: 100%;
	background-color: #EAE4DC;
	
}
.top-page .sect4 .inner {
	display: flex;
	width: 1300px;
	margin: 0 auto;
	
	padding: 80px 0 30px;
}


.top-page .sect4 h3 {
	font-size: 20px;
	line-height: 180%;
	font-weight: 100;
	margin-bottom: 0;
}
.top-page .sect4 h4 {
	font-size: 13px;
	margin-right: 20px;
	line-height: 180%;
	font-weight: 100;
	margin-bottom: 40px;
}
.top-page .sect4 .img {
	width: 250px;
	margin-right: 30px;
	background-color: #fff;
	padding: 30px 0 30px;
}
.top-page .sect4 .img img {
	width: 150px;
	margin-top: 80px;
	margin-right: 30px;
	
}
.top-page .sect4 .txt {
	width: 540px;
	background-color: #fff;
	padding: 30px;
}
.top-page .sect4 p {
	width: 530px;
	font-size: 14px;
	line-height: 240%;
	font-weight: 100;
}
/**********************/

/**********************/


.top-page .sect5 {
	width: 100%;
	padding: 0px 0 0;
}
.top-page .sect5 h2 {
	font-size: 22px;
	margin: 30px 0 0;
	font-weight: 100;
	width: 1100px;
	margin: 0 auto 50px;
}
.top-page .sect5 .inner {
	background-color: #EAE4DC;
	padding-bottom: 80px;
}
.top-page .sect5 .inner .box {
	display: flex;
	width: 1300px;
	margin: 0 auto;
}
.top-page .sect5 .img {
	width: 560px;
	margin-top: -130px;
	margin-right: 30px;
}
.top-page .sect5 .txt {
	width: 680px;
	margin-top: 200px;
}
.top-page .sect5 p {
	width: 400px;
	font-size: 14px;
	line-height: 240%;
	font-weight: 100;
	margin-bottom: 0;
}
/**********************/


.top-page .sect6 {
	width: 100%;
}
.top-page .sect6 .inner {
	background-color: #EAE4DC;
	padding: 50px 0;
	margin-bottom: 180px;
}
.top-page .sect6 .inner .box {
	display: flex;
	width: 1300px;
	margin: 0 auto;
}
.top-page .sect6 .img {
	width: 750px;
	margin-bottom: -130px;
}
.top-page .sect6 .img img {
	width: 750px;
}
.top-page .sect6 .txt {
	width: 530px;
}
.top-page .sect6 h3 {
	font-size: 34px;
	margin-right: 20px;
	line-height: 180%;
	font-weight: 100;
	margin: 0 0 30px;
	letter-spacing: 4px;
}
.top-page .sect6 p {
	width: 470px;
	font-size: 14px;
	line-height: 240%;
	font-weight: 100;
	margin-bottom: 0;
}
.top-page .sect7 {
	width: 100%;
	background-image: url(../img/top_btm_img.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 110%;
	margin-top: 30px;
	padding-top: 280px;
}

/*****************************************************

  SNSページ

*****************************************************/

.sns-page {
}
/**********/


.sns-page .sect1 {
	width: 100%;
	background-color: #FFFDEA;
	padding: 30px 0;
}
.sns-page .sect1 ul {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap : wrap;          /* IE10        */
	flex-wrap : wrap;
}
.sns-page .sect1 ul li {
	width: 240px;
	margin-bottom: 10px;
	margin: 5px 5px;
}
.sns-page .sect1 ul li a {
	display: block;
	border: 2px solid #999;
	transition: all 0.2s ease;
}
.sns-page .sect1 ul li a:hover {
	display: block;
	border: 2px solid #222;
	transition: all 0.5s ease;
}
 .inst-btn a {
	font-size: 20px;
	padding: 60px 20px;
	background-image: url(../img/inst_btn.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 25%;
	display: block;
}
 .inst-btn {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	display: block;
	margin-top: 50px;
}
/*****************************************************

 SHOPページ

*****************************************************/



.shop-page .sect1 ul {
	width: 1000px;
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap : wrap;          /* IE10        */
	flex-wrap : wrap;
}
.shop-page .sect1 ul li {
	background-color: #EAE4DC;
	width: 480px;
	margin-bottom: 10px;
	margin: 5px 5px;
	padding: 20px 20px 15px;
	display: block;
	text-align: center;
	border: 2px solid #EAE4DC;
}
.shop-page .sect1 ul li {
	display: block;
	transition: all 0.2s ease;
	position: relative;
}
.shop-page .sect1 ul li:hover {
	display: block;
	background-color: #ECE9DF;
	transition: all 0.5s ease;
	border: 2px solid #808040;
	opacity: 1;
}
.shop-page .sect1 ul li .link {
	width: 27px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.shop-page .sect1 ul li h3 {
	font-size: 27px;
	font-weight: 100;
	margin-bottom: 20px;
	line-height: 150%;
}
.shop-page .sect1 ul li p {
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 30px;
	line-height: 150%;
}
.shop-page .sect1 ul li .point {
	float: right;
	font-size: 16px;
}
.shop-page h4 {
	width: 800px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 100;
	margin-bottom: 40px;
	line-height: 160%;
	text-align: center;
}
.shop-page .inst-btn a {
	font-size: 20px;
	padding: 60px 20px;
	background-image: url(../img/inst_btn.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 25%;
	display: block;
}
.shop-page .inst-btn {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	display: block;
	margin-top: 50px;
}
/*****************************************************

       companyページ	

*****************************************************/


.company {
	width: 800px;
	margin: 0 auto 50px;
}
.company h4 {
	font-size: 26px;
	font-weight: 100;
}
.company h5 {
	margin-bottom: 10px;
	font-weight: 100;
}
.company p {
	margin-bottom: 20px;
	font-weight: 100;
}
.company table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	font-weight: 100;
}
.company table tr {
	border-bottom: solid 2px white;
}
.company table tr:last-child {
	border-bottom: none;
}
.company table th {
	position: relative;
	text-align: left;
	width: 30%;
	background-color: #52c2d0;
	color: white;
	text-align: center;
	padding: 10px 0;
}
.company table th:after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: calc(50% - 10px);
	right: -10px;
	border-left: 10px solid #52c2d0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.company table td {
	text-align: left;
	width: 70%;
	text-align: 　left;
	background-color: #eee;
	padding: 10px 30px;
}
.company .box_btm {
	width: 900px;
	margin: 30px auto 0;
}
.company .box_btm h3 {
	font-size: 16px;
}
.company .box_btm img {
	width: 300px;
}
/*****************************************************

       ppページ	

*****************************************************/

.pp {
	width: 800px;
	margin: 0 auto 100px;
	font-weight: 100;
}
.pp h4 {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 100;
}
.pp ul li {
	font-size: 18px;
	margin-bottom: 7px;
}
.pp ul {
	margin-bottom: 20px;
}
.pp p {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 100;
}
/*****************************************************

       メールフォーム

*****************************************************/




.contact-img {
	background-image: url(../img/herd_bg.png);
	background-repeat: repeat;
	background-position: 0 45%;
	background-size: 9%;
	width: 100%;
	margin-top: 0;
	padding-bottom: 30px;
}
.contact-img .inner {
	background-image: url(../img/contact_top_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 0;
	width: 85%;
	margin: 0 auto;
	height: 400px;
}
.form-box {
	width: 100%;
	padding: 50px 0;
}
.form-box h3 {
	font-size: 25px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
* {
	box-sizing: border-box;
	line-height: 1.4;
}
input[type="text"], input[type="email"], #formWrap select {
	padding: 10px;
	width: 100%;
}
#formWrap dt, dd {
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
	margin-right: 10px;
}
input[type="radio"] {
	cursor: pointer;
}
#formWrap {
	width: 800px;
	margin: 0 auto 100px;
	color: #555;
	line-height: 120%;
	font-size: 18px;
}
#formWrap p {
	margin-bottom: 15px;
}
#formWrap table.formTable {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	color: #333;
}
#formWrap table.formTable td, #formWrap table.formTable th {
	border: 1px solid #ccc;
	padding: 20px;
	color: #333;
	background: #fff;
}
#formWrap table.formTable th {
	width: 30%;
	font-weight: normal;
	background: #fff;
	text-align: left;
}
#formWrap .privacy_area {
	border: 1px solid #ccc;
	overflow-y: scroll;
	padding: 18px;
	width: 100%;
	height: 240px;
	font-size: 16px;
	background: #fff;
	margin-bottom: 15px;
}
#formWrap .require {
	color: #c00;
	font-size: 14px;
	line-height: 2.0;
}
#formWrap .submit_btn {
	text-align: center;
	margin-top: 50px;
}
#formWrap .submit_btn input {
	cursor: pointer;
	width: 300px;
	font-size: 25px;
	background-color: #06C;
	color: #fff;
	border-radius: 10px;
	padding: 13px;
	border: 2px solid #fff;
}
#formWrap .submit_btn input:hover {
	border: 2px solid #06C;
	width: 300px;
	font-size: 25px;
	background-color: #fff;
	color: #06C;
	border-radius: 10px;
	padding: 13px;
}
/* レスポンシブ用CSS */
@media screen and (max-width:572px) {
#formWrap {
	width: 95%;
	margin: 0 auto;
}
#formWrap table.formTable th, table.formTable td {
	width: auto;
	display: block;
}
#formWrap table.formTable th {
	margin-top: 5px;
	border-bottom: 0;
}
input[type="text"], input[type="email"], textarea {
	width: 100%;
	padding: 5px;
	font-size: 110%;
	display: block;
}
input[type="submit"], input[type="button"] {
	display: block;
	width: 100%;
}
#formWrap .submit_btn input {
	cursor: pointer;
	width: 60%;
	font-size: 5vw;
	background-color: #09C;
	color: #fff;
	margin: 1% 20% 5%;
	border-radius: 10px;
	padding: 10px 0;
	border: 2px solid #fff;
}
button, input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}
#formWrap p {
	margin-bottom: 3%;
	font-size: 4.2vw;
}
#formWrap table.formTable td, #formWrap table.formTable th {
	padding: 8px 10px;
	font-size: 4.3vw
}
#formWrap .submit_btn {
	text-align: center;
	margin-top: 5%;
}
}
/*****************************************************

  
*****************************************************/





/*****************************************************

       ご利用ガイドページ	

*****************************************************/


.guide {
	width: 800px;
	margin: 0 auto;
	font-weight: 100;
	text-align: left;
	
}
.guide h3 {
	font-size: 22px;
	font-weight: 100;
	margin-bottom: 20px;
}
.guide p {
	font-size: 18px;
	font-weight: 100;
	line-height: 180%;
	margin-bottom: 20px;
}
.guide h4 {
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 10px;
}
.guide li {
	font-size: 18px;
	font-weight: 100;
	line-height: 180%;
	margin-bottom: 5px;
}
.guide a {
	color: #09C;
}