@charset "utf-8";

/* ===================================================================
 common
=================================================================== */

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

body {
	text-align: center;
	/*background: #fff url('../img/pc/bg.png') repeat-x 0 0;*/
  background: #fff;
	color: #444444;
	cursor: auto;
	font: normal normal 16px/1.71 "游ゴシック体", "Yu Gothic", 'YuGothic', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	letter-spacing: 0.095em;
	word-spacing: 0.1em;
	-webkit-text-size-adjust: 100%;
	min-width: 863px;
}

main {
	background: #5c5c5c;
}

*:first-child + html body { font-size: 75%;} /* for IE 7 */

h1 { margin: 15px auto 6px; font-weight: normal; color: #8F8260; font-size: 10px; text-align: center; letter-spacing: 0; }
h2 {}
h3, h4, h5, h6 { padding: 25px 0 5px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px; }
ul { padding: 0; list-style: none; }
dl { margin: 10px 0;}

a         { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}
a:hover img { opacity: 0.6; }

em     { font-weight: bold; color: #666;}
strong { font-weight: bold; /*color: #8F8260;*/}
abbr, acronym { cursor: help;}
sup { vertical-align: super; font-size: 70%;}
sub { vertical-align: baseline; font-size: 70%;}
*:first-child + html sup { line-height: 1.5; font-size: 80%;} /* for IE 7 */
* html sup               { line-height: 1.5; font-size: 80%;} /* for IE 6 or sooner */

hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}
embed, object { outline: 0; vertical-align: bottom;}

table { border: 1px solid #aaa; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	text-align: left;
}

fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input,
textarea { padding: 1px; font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
select option { padding: 0 5px;}
input:focus,
select:focus,
textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}


/******************************************************************** clearfix
*/

#container:after,
.section:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/******************************************************************** utilities
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right; margin: 0 0 0 30px;}
.fL { float: left; margin: 0 30px 0 0;}
.clr { float: none; clear: both;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.tempNotes { font-size: 120%; color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em; padding: 1em;}

.attention {
  padding: 15px 7px;
  background: #26759a;
  font-size: 11px;
}
.attention p {
  padding: 0;
  margin: 0;
  color: #fff;
}
.attention a {
  color: #fff; }
.attention a:hover {
  color: #fafbd2; }
.attention p strong {
  text-align: center;
  display: block; }

/* ===================================================================
 module
=================================================================== */


/******************************************************************** structure
*/

#wrapper { width: 100%;}

header,
#container { /*width: 980px;*/ margin: 0 auto; text-align: left;}

header {
	position: relative;
	height: auto;
}

#container {}

#contents {
	/*position: relative;
	display: inline;
	float: right;
	width: 710px;*/
}

#contents h2 {}

#contents .chargeName {}



footer {
	border-top: 1px solid #000;
	/*color: #C4AB93;*/
	padding: 4px 0;
	font-size: 10px;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}

/******************************************************************** header
*/

header .logo {
	margin: 0;
	padding: 0;
	text-align: center;
}

/******************************************************************** globalNav
*/

#globalNav {}

/******************************************************************** main
*/

.main {
	margin: 0;
	background: #f4f2ef;
}
.main p {
	padding: 0;
}

/******************************************************************** container
*/


/******************************************************************** contents
*/

#breadcrumbsList { text-align: right;}


/******************************************************************** sideNav
*/

#sideNav ul {
	margin: 0;
	padding: 0;
}

/******************************************************************** footer
*/

footer a {}
footer a:hover {}

/**
 * @23:15 2009/03/21
 * #footer address { background: #aaa;}
 * 'background: #aaa;' は 'margin-right: 12em' の確認用です
 * 'background: #aaa;' は消してOK
 * 'margin-right: 12em' は適宜調整してください
 * 尚、このコメントは自動的に削除されないので手動的に消してください
 */

footer address { margin-right: 12em; letter-spacing: 0.05em; line-height: 1.5;}

footer ul li a {
    color: #000 !important;
}

.pagetop { padding: 0; text-align: right;}


/* ===================================================================
 contents
=================================================================== */


/******************************************************************** module
*/
#contents {
	width: 1200px;
	margin: 0 auto;
	background: #5c5c5c;
}

.campaign {
    position: relative;
}

.campaign p {
	padding: 0;
}

.information {
	width: 900px;
	background: #fff;
	margin: 0 auto;
	padding: 40px 20px;
	box-sizing: border-box;
}

p.link {
    position: absolute;
    bottom: 60px;
    left: 135px;
}

.link a {
	line-height: 24px;
    border: 1px solid #6cad4e;
    background-color: #6cad4e;
    color: #fff;
    display: inline-block;
    width: 360px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 46px;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}

.link a:hover {
	border: 1px solid #a8ce96;
	background-color: #a8ce96;
	color: #fff;
	text-decoration: none;
}

.black {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    background: #262626;
}

.orange {
    width: 1200px;
    background: #f7cdc3;
    margin: 0 auto;
    text-align: center;
}

.blue {
    width: 1200px;
    background: #E5F4F5;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

.blue .inner {
    width: 900px;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 60px;
    text-align: center;
}
.blue ul {
	margin: 0;
	padding: 0;
}
.blue ul li {
	margin: 0 0 20px 0;
	padding: 0;
}
.blue ul li:last-child {
	margin-bottom: 0;
}

footer ul li {
    display: inline-block;
    margin-right: 15px;
}

footer ul li a {
    text-decoration: none;
    color: #333;
}

.aselight {
    position: relative;
}

.aselight ul.button {
  margin: 0;     
}

.aselight li.bottle {
    position: absolute;
    left: 200px;
    top: 490px;
}

.aselight li.pack {
    position: absolute;
    left: 200px;
    bottom: 40px;
}

/******************************************************************** contact
*/
#inputTypeHidden { padding: 0; height: 0;}
#transmissionFailure {}

/* set styles of form */
fieldset th { width: 9em;}
fieldset p { text-align: center; }

/* added classes in formutil.js */
input.typeText  { border: 1px solid #aaa;}
input.typeRadio { border: none;}

/* set width of inputs */
.level1 { width:  70px;}
.level2 { width: 140px;}
.level3 { width: 280px;}
.level4 { width: 400px;}

#cOpinions { width: 385px;}


/* set styles of input type="button" */
.cButton {
	cursor: pointer;
	width: auto;
	padding: 5px 10px;
	border: 3px solid #ddd;
	background: #ddd;
	color: #888;
}
#cSubmit {
	margin: 0 20px 0 0;
	padding: 5px 15px;
	border: 3px solid #777;
	background: #333;
	color: #fff;
	font-weight: bold;
}