@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

img {border: 0;}

body {
  width: 100%;
  background-color: #ffffff;
  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
}

a:link {
  color: #192f60;
}

a:hover {
  color: #1e50a2;
}

a:visited {
  color: #192f60;
}




/*---------- コンテンツ ----------*/

/*アンケートコメント*/
#content_06 {
	background-color: #F3DDA9;	
	padding: 2%;
}

.content_06_textbox {
	width: 94%;
	background-color: #FFD000;
	padding: 3%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #FFFFFF;
}

.content_06_t01 {
	font-size: 120%;
	color: #000000;
	font-weight: bold;
}

.content_06_t02 {
	color: #4F4F4F;
	font-size: 80%;
}

.content_06_t03 {
	color: #000000;
}

/*お客様の声*/
#content_20 {
	background-image: url(img/content_20_bg.gif);
	background-repeat: repeat;
}

.content_20_textbox {
	background-color: #FFFFFF;
	width: 80%;
	padding: 5%;
	margin-top: 2%;
	margin-left: auto;
	margin-right: auto;
}

.content_20_t01 {
	font-size: 120%;
	color: #E571A5;
	font-weight: bold;
}

.content_20_t01_02 {
	font-size: 120%;
	color: #00A1E9;
	font-weight: bold;
}

.content_20_t02 {
	color: #665944;
	font-size: 80%;
}

.content_20_t03_02 {
	font-size: 90%;
	color: #00A1E9;
}

.content_20_t03 {
	font-size: 90%;
	color: #E571A5;
}

/*全成分*/
.op_component {
	font-size: 80%;
	width: 90%;
	padding: 10px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	border: 2px solid #9A9A9A;
}

/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}


/*---------- フッター ----------*/

#footer {
  width: 100%;
  padding: 10px 0 10px 0;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #000000;
}

#footer p {
	padding: 3px;
	color: #9B9B9B;
}

#footer a {
  color: #cccccc !important;
}

#footer a:hover {
  color: #ffffff !important;
}

#footer a:visited {
  color: #cccccc;
}

#shopguide {
	font-size: 80%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#shopguide h3 {
	background-color: #E7E7E7;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	border: #CBCBCB 1px solid;
	margin-top: 20px;
	margin-bottom: 10px;
}

#shopguide h4 {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 8px;
}

#shopguide ul {
	list-style-type: square;
	list-style-position: inside;
}

#shopguide a {
	color: #0D23A3;
	text-decoration: none;
}


/* その他 */

.center {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flo_right {
	float: right;
}
.flo_left {
	float: left;
}

.space10 {
	margin-bottom: 10px;
}

.space20 {
	margin-bottom: 20px;
}

.space30 {
	margin-bottom: 30px;
}

.space40 {
	margin-bottom: 40px;
}

.space50 {
	margin-bottom: 50px;
}

.red {
	color: #D9192B;
}

.blue_bold {
	color: #0E33E1;
	font-weight: bold;
}