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

/* CSS RESET */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */



body {
	text-align:center;
  background:#fff;
	font-family:'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
}
a {
	text-decoration:none;
	color:#0066FF
}
a:hover {
	text-decoration: underline;
}

#wrap {
	width:100%;
	text-align:left;
	margin:0 auto;
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



/* header */
#header {
	height:60px;
	background-color: #000000;
}
#header h1 {
	font-size:36px;
	padding:10px 0 0 30px;
	color: #FFFFFF;
	font-family: Cochin, Verdana, arial, helvetica, sans-serif;
}
#header .logo {
  float :left;
}
#top {
  margin: 0px auto;
  text-align:center;
}

#top img {
  width: 100%;
  max-width: 640px;
  height: auto;
  text-align: center;
  margin: 0px auto;
}

#main {
  margin: 0px auto;
}


h1 {
  font-size: 32px;
  font-family:"HelveticaNeue-UltraLight";
  text-align:center;
  line-height: 150%;
}

.content {
  margin: 10px auto;
}
.content h2 {
  font-size: 26px;
  padding-bottom: 5px;
  font-family:"HelveticaNeue-Light";
  margin: 20px;
  color:#333;
  border-bottom: 1px solid #f1f1f1;
  font-weight:normal;
}
.content h3 {
  font-size: 22px;
  padding-bottom: 5px;
  font-family:"HelveticaNeue-UltraLight";
  margin: 20px;
  color:#666;
  font-weight:normal;
}
.content p {
  font-size: 16px;
  color:#666;
  line-height: 160%;
  margin: 10px 20px;
}
.content p strong {
  font-size: 24px;
  color:#ff0000;
  font-family:"HelveticaNeue-Light";
}
.content p span {
  margin-left 10px;
  font-size: 20px;
  padding-left: 10px;
}
.content ul {
  margin: 10px 40px;
}
.content ul li {
  font-size: 16px;
  color:#666;
  line-height: 170%;
  list-style-type:circle;
}


/* footer */
#footer { padding:15px 0 }
.gb_foot_menu {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ffffff;
}
.sns {
  height: 30px;
  margin: 10px auto;
}

.login {
  margin-top: 20px;
}
.login-button {
  width: 140px;
  height: 30px;
  padding: 6px 18px;
  font-size: 16px;
  color:#ccc;
  border: 1px solid #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}