@charset "utf-8";
/************************************************************
CSS Information
 File name:      style.css
 Style Info:     共通スタイル
************************************************************/
/*============================================================
 basic set 
 ============================================================*/
html{ background-color: transparent;background-image: none;}/*YUI 3: CSS Reset bugfix*/
img{vertical-align:middle; line-height:0; max-width:100%;}

body {
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,"ＭＳ Ｐゴシック",   Osaka,"Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	/*min-width:1200px!important;*/
	/*overflow-x:hidden;*/
	font-size:14px;/* 1em */
	line-height:1.5;/* base21px */
	}
	
/* 基本エリア*/
.area{
	/*width:1200px;*/
	margin:0 auto;
	max-width:600px!important;/*1200px!important*/
	}
button{
	/*border:none;
	background:none;*/ /* + */
	border:none;
	background:none;
	background-color: #E34646;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	}
	.btn01{
		background: -webkit-linear-gradient(top,#E34646,#DD2020);
		background:-moz-linear-gradient(top,#E34646,#DD2019);
		background:-o-linear-gradient(top,#E34646,#DD2020);
		background:-ms-linear-gradient(top,#E34646,#DD2020);		
		}
@media screen and (max-width: 1024px) {


/* 基本エリア*/
.area{
	width:92%;
	margin:0 auto;
	}
	
	}

@media screen and (max-width: 768px) {


/* 基本エリア*/
.area{
	width:90%;
	margin:0 auto;
	}
	
	}
	
@media screen and (max-width: 480px) {

/* 基本エリア*/
.area{
	width:90%;
	margin:0 auto;
	}
	
	}


/*============================================================
 LINK style
 ============================================================*/
a:link {color: #666;text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {color: #8C0000; text-decoration:underline}
a:active {color: #666;text-decoration: none;}
a#current{ color:#8C0000; font-weight:bold;}

/*============================================================
先頭に戻るボタン
 ============================================================*/
.totop{
	position:fixed;
	right:10px;
	bottom:10px;
	}
/*============================================================
 frame set
 ============================================================*/
 /*
 header
 ============================================================*/
header.area{
	 /*height:60px;90px*/
	 margin-top:1.0714em;/*15px*/
	 margin-bottom:1.0714em;/*15px*/
	 }


@media screen and (max-width: 1024px) {
	
	}

@media screen and (max-width: 768px) {

header.area{
	 width:96%;
	 }

h1{
	 /*float:left;*/text-align:left;
	 /*margin-top:0;*/
	 width:60%;/*30%*/
	 }

	
	}

@media screen and (max-width: 480px) {

header.area{
	 width:96%;
	 }

h1{
	text-align:left;
	 /*margin:0 auto;*/
	 width:60%;
	 }

	
	}

/*============================================================
 typography 
 ============================================================*/

h3{
	/*line-height:50px;*/
	font-size:1em;/*14px*/
	border:none;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	color:#FFF;
	padding: 5px 0 5px 10px;
	background-color:#FC7215;
	letter-spacing: 0.08em;
	font-weight:bold;
	margin-bottom:1.4285em;/*20px*/
	}


@media screen and (max-width: 768px) {
	}

@media screen and (max-width: 480px) {
	
	}


/*
 contents　メインコンテンツ
 ============================================================*/
#contents{
	/*width:1200px;*/
	max-width:600px;/*1200px*/
	margin:0 auto 0 auto;

	}

.closeBt {
	text-align:center;
	font-size:0.8571em;/*12px*/
	margin-bottom:1.4285em;/*20px*/}

@media screen and (max-width: 1024px) {	
#contents{
	width:96%;
	text-align:left;
	margin:0 auto 0 auto;
	}
}

@media screen and (max-width: 768px) {	
#contents{
	width:96%;
	text-align:left;
	margin:0 auto 0 auto;
	}
}

@media screen and (max-width: 480px) {
	}




/*
footer
 ============================================================*/


footer{
	padding:10px 0;
	text-align:center;
	font-size:0.7142em;/*10px*/
	background:#201B18;/**/
	}	
address{
	padding:0;
	color:#fff;/**/
	}

@media screen and (max-width: 1024px) {


	}	

@media screen and (max-width: 768px) {


	}
	
@media screen and (max-width: 568px) {


	}

@media screen and (max-width: 480px) {



	}

/*============================================================
 プライバシーポリシー / privacy.html
 ============================================================*/
 
#inqBox{
	border: 1px solid #E9E7E2;
	padding:2.1276%;/*20px*/
	overflow:visible;
	margin-bottom:2.1428em;/*30px*/
	}
#inqBox ol{
	margin-left:2.1276%;/*20px*/
	}
#inqBox ol li{
	margin-left:2.1276%;/*20px*/
	margin-bottom:10px;/*10px*/
	}