@charset "utf-8";

/** Z背景色 (画面全体背景の色)       #FFFAF0 **/
/** A背景色 (メインカラー)           #87CEEB **/
/** A文字色 (メインカラー上の文字色) #FFFFFE **/

*{
	margin : 0;
	padding : 0;
}

/*** 文字 ***/
body {
	font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size: 18px;/** 基準文字 ** 20px == PC18px == SP16px */
}
h1, h2, h3, h4 {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
a {
	color: #0033FF;
}
a:visited {
	color: #803380;
}
a:hover {
	color: #FF0033;
}
.font_r {
	color: #FF0033;
	font-weight: bold;
}
.font_g {
	color: #33AA33;
	font-weight: bold;
}
.font_s {
	color: #333333;
	font-weight: bold;
}
.font_st {
	font-weight: bold;
}
.line_y {
	background: linear-gradient(transparent 60%, #FFFF66 0%);
	font-weight: bold;
}
.line_r {
	background: linear-gradient(transparent 60%, #FF6699 0%);
	font-weight: bold;
}
.line_g {
	background: linear-gradient(transparent 60%, #66EE66 0%);
	font-weight: bold;
}
.line_b {
	background: linear-gradient(transparent 60%, #10EAEA 0%);
	font-weight: bold;
}
.just_r {
	width: 100%;
	margin: 0 10px;
	text-align: right;
}
.just_c {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.fs_20 {
	font-size: 2.0em;
	line-height: 3.0em;
}
.fs_18 {
	font-size: 1.8em;
	line-height: 2.8em;
}
.fs_17 {
	font-size: 1.7em;
	line-height: 2.7em;
}
.fs_15 {
	font-size: 1.5em;
	line-height: 2.5em;
}
.fs_14 {
	font-size: 1.4em;
	line-height: 2.4em;
}
.fs_12 {
	font-size: 1.2em;
	line-height: 2.2em;
}

/*** 画像 ***/
img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding:0;
	border: none;
}
.img_l, .img_r{
	margin: 10px 10px;
	padding: 0;
	line-height: 1.2em;
}
.img_c {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.img_afb {
	min-width: 305px;
	min-height: 90px;
	text-align: center;
}
a img {
	border: none;
}
img.img_90 {
	max-width: 90%;
	min-width: 300px;
	height: auto;
}
img.img_60 {
	max-width: 60%;
	min-width: 250px;
	height:auto;
	margin:20px 0;
}
img.img_bo {
	max-width: 80%;
	min-width: 250px;
	margin: 20px 0 60px;
	height:auto;
	border: 1px solid #CCCCCC;
	border-radius: 0.4em;
}


/*** 間隔 ***/
.mg_t60 {
	margin-top:60px;
}
.mg_t30 {
	margin-top:30px;
}
.mg_t {
	margin-top:15px;
}
.mg_b60 {
	margin-bottom:60px;
}
.mg_b30 {
	margin-bottom:30px;
}
.mg_b {
	margin-bottom:15px;
}
.mg_l {
	margin-left:15px;
}
.mg_r {
	margin-right:15px;
}
.lh_26 {
	line-height:2.6em;
}
.lh_24 {
	line-height:2.4em;
}
.lh_22 {
	line-height:2.2em;
}
.lh_20 {
	line-height:2.0em;
}
.lh_18 {
	line-height:1.8em;
}
.lh_16 {
	line-height:1.6em;
}

/*** 全体 ***/
body {
	width: 100%;
	min-width: 300px;
	margin: 0;
	padding: 0;
	background-color: #FFFAF0;/** Z背景色 **/
	line-height: 1.4em;
}

/*** 本文 ***/
#base {
	min-width: 300px;
	margin: 0px auto;
	overflow: hidden;
	clear: both;
	color: #333333;
	background: #CCCCCC;
	background: -moz-linear-gradient(left, #FFFAF0 0%, #CCCCCC 2%, #CCCCCC 50%, #CCCCCC 98%, #FFFAF0 100%);/** Z背景色 **/
	background: -webkit-linear-gradient(left, #FFFAF0 0%,#CCCCCC 2%,#CCCCCC 50%,#CCCCCC 98%,#FFFAF0 100%);/** Z背景色 **/
	background: linear-gradient(to right, #FFFAF0 0%,#CCCCCC 2%,#CCCCCC 50%,#CCCCCC 98%,#FFFAF0 100%);/** Z背景色 **/
}
#wrapper {
	overflow: hidden;
	clear: both;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#pagename {
	text-align : right;
	font-size: 0.7em;
	line-height: 1.6em;
	padding: 0 12px;
	color: #FFFFFE;/** A文字色 **/
	background-color: #87CEEB;/** A背景色 **/
}
#header {
	width: 100%;
	overflow: hidden;
}
.column {
	margin: 10px 15px;
}
.column p {
	padding: 10px 10px 20px;
	line-height:1.4em;
}
.dm_g, .dm_r, .dm_b {
	padding: 10px 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	font-weight: bold;
	text-align: left;
}
.dm_g:before {
	content: url("img/ck_g.png");
	padding: 0 15px 0 10px;
}
.dm_r:before {
	content: url("img/ck_r.png");
	padding: 0 15px 0 10px;
}
.dm_b:before {
	content: url("img/ck_b.png");
	padding: 0 15px 0 10px;
}
.question {
	margin: 0 20px 0 15px;
}
.answer {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 20px 0 15px;
}
.question:before {
	display:block;
	overflow:hiddin;
	content: url("img/question.png");
	padding: 15px 0 0 0;
}
.answer:before {
	display:block;
	overflow:hiddin;
	content: url("img/answer.png");
	padding: 0 0 10px 0;
}
.message {
	font-size: 0.7em;
	line-height: 1.1em;
	color: #787878;
	margin: 30px 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em;

}
#pagelink {
	font-size: 0.8em;
	line-height: 2.0em;
	color: #787878;
	margin: 30px 10px;
	padding: 10px;
}
#pagelink a {
	color: #666666;
}
#footer {
	color: #FFFFFE;/** A文字色 **/
	background-color: #87CEEB;/** A背景色 **/
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:center;
	padding: 10px;
}
#footer a {
	color: #FFFFFE;/** A文字色 **/
	text-decoration: none;
}

/*** 見出し ***/
.caption {
	margin: 0 0 15px 0;
	position: relative;
	padding: 0;
	text-align: left;
	border-radius: 0.3em;
	color: #FFFFFE;/** A文字色 **/
	background-color: #87CEEB;/** A背景色 **/
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	clear: both;
}
.caption:before {
	position: absolute;
	content: "";
	top: 4px;
	left: 8px;
	width: 10px;
	height: 30px;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-radius: 1em;
	background-color: #FFFFFE;/** A文字色 **/
}
.caption h2 {
	margin: 0;
	padding: 0 0 0 35px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 40px;
}
h3 {
	padding: 0 0 8px;
	margin: 50px 10px 0;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: left;
	background: linear-gradient(transparent 90%, #87CEEB 0%);/** A背景色 **/
	clear: both;
}


/*** 箇条 ***/
ul {
	width: 100%;
	list-style-type: none;
	text-align: left;
	margin: 0 0 30px 0;
}
li {
	position: relative;
	width: 94%;
	line-height: 1.4em;
	margin: 0 3%;
	padding: 10px 0 5px;
	text-align: left;
	font-size: 1.0em;
	clear: both;
}
ul.ck_g {
	list-style-image : url("img/ck_g.png");
	padding: 5px 0 0 30px;
	width: 91%;
}
ul.ck_r {
	list-style-image : url("img/ck_r.png");
	padding: 5px 0 0 30px;
	width: 91%;
}
ul.ck_b {
	list-style-image : url("img/ck_b.png");
	padding: 5px 0 0 30px;
	width: 91%;
}
ul.review_lt li {
	width: 94%;
	padding: 10px 10px;
	margin: 0 10px 25px;
	overflow: hiddin;
	clear: both;
}
ul.review_lt li:nth-child(5n+1):before {
	content: url("img/review_1.jpg");
	float:left;
}
ul.review_lt li:nth-child(5n+2):before {
	content: url("img/review_2.jpg");
	float:right;
}
ul.review_lt li:nth-child(5n+3):before {
	content: url("img/review_3.jpg");
	float:left;
}
ul.review_lt li:nth-child(5n+4):before {
	content: url("img/review_4.jpg");
	float:right;
}
ul.review_lt li:nth-child(5n+5):before {
	content: url("img/review_5.jpg");
	float:left;
}


/*** 表 ***/
.tablecont {
	width:94%;
	margin: 0 auto 80px;
	font-size: 0.8em;
}
.tablecont table {
	border:1px solid #CCCCCC;
}
.tablecont table th, .tablecont table td {
	padding: 10px;
	border: 1px solid #CCCCCC;
	line-height: 1.0em;
}
.tablecont table th {
	text-align:left;
	background-color: #FFFBF0;
}
.tablecont table th{
	width:30%;
}

/* スマホ用CSS 開始 */
@media screen and (max-width:799px){
#base {
	width: 100%;
	background: #FFFAF0;/** Z背景色 **/
}
#wrapper {
	width: 100%;
	margin: 0 auto 100px;
}
.img_r, .img_l {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.img_afb {
	min-height: 0px;
}
.column {
	margin: 10px 5px;
}
.column p{
	clear: both;
}
#pagelink {
	border-top: 1px solid #CCCCCC;
	text-align:center;
}
#pagelink a {
	display:block;
	font-size: 1.0em;
	line-height: 2.4em;
}
#fixed_footer{
	z-index: 9;
	position: fixed;
	bottom: 0;
	left: 0;
	right:0;
	max-width:100%;
	padding:5px 0;
	background-color:#FFFAF0;/** Z背景色 **/
	text-align:center;
}
#footer a {
	display:block;
}
.dis_pc {
	display:none;
}
}

/* PC用CSS 開始 */
@media screen and (min-width:799px){
#base {
	width: 820px;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
}
.img_r {
	float:right;
}
.img_l {
	float:left;
}
#pagelink a:after{
	content: ' / ';
}


.dis_sp {
	display:none;
}
}