@charset "utf-8";


/*-----------------*/

.img_n {
	width:auto;
}

.f_left {
float:left;
}

.f_right {
float:right;
}

.center {
	text-align:center;
}

.mb10 {
	margin-bottom:10px;
}

.mt10 {
	margin-top:10px;
}


.red {
	color:#FF0000;
}

/* -------------------- p -------------------- */


.p-red {color:#B20000;}
.p-red-b {color:#B20000; font-weight:bold;}
.p-bloun {color:#663300;}

/* ヘッダー */
#header {
	font-size: 100%;
	 clear:both;
	 display:block;
}




/* ヘッダー select形式メニュー */
.headerMenu {
	float: right;
	background: url(../images/select_arrow.png) right center no-repeat #999933;
	margin: 16px 5px 0 0;
	height: 25px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	padding: 4px 0 0 10px;
	width: 120px;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #FFF;
	
}

.headerMenu select {
	width: 100%;
	font-size: 10px;
	color:#FFFFFF;
}

.headerMenu select option {
	background: transparent;
	padding: 0 5px;
}



h1 {
	text-align:center;
	margin:0px;
}

h2 {
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #CC3300;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFBE3A 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFBE3A 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFBE3A 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFBE3A), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFBE3A 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFBE3A 0%, #FF9900 100%);
	 font-size:20px;
	
}
h2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;

}
h2 span.title {
float:right;
margin:10px;
}


h2.Contents_t {
	padding: 0px 5px;
	margin:0px 5px;
	line-height:40px;
	color: #ffffff;
	font-size: 100%;
	text-shadow: 0 -1px 1px #963;
	 background:#B76D00;
	 font-size:14px;
	 font-weight:bold;
	 position:relative;

	text-align: center;
	border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;

}



h3 {
    font-size: 121%;
    text-shadow: 1px 1px 2px #ccc;/*text-shadow: 横位置, 縦位置, ぼかし, 色;*/
    color: #f4b800;
    margin-bottom: 10px;
	margin-top:20px;
	/*background:url(../images/ico_title.png) no-repeat 5px 5px;*/
	padding:0 0 0 25px;
}

h4{
background:#990000;
color:#FFFFFF;
width:92%;
margin:2%;
padding: 2%;
font-size:120%;
font-weight:bold;
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */

}

p { padding:10px;
}


.toi {
	margin-bottom:15px;
}

footer small {
color:#FFFFFF;
	font-size:10px;
	line-height:20px;
	text-align:center;
	display:block;
	margin:0;
	background:#B76D00;
	padding:10px;
}




/*リスト*/


.globalMenu {
	margin: 0px 5px 15px;
	font-family: HiraKakuProN-W6;
	font-size: 0.95em;
}

.globalMenu li {
	border-bottom: 1px solid #ccc;
	float:left;
	width:50%;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
}


.globalMenu li:nth-child(even){
	border-left:1px #CCC solid;
	width:49.5%;
}

.globalMenu li a {
	background: url(../images/list_bg_big.png) no-repeat right center;
	-webkit-background-size: 16px 14px;/* 横px 縦px */
	display: block;
	color:#666;
	text-decoration: none;
}

.globalMenu span {
	padding: 10px 10px 10px 14px;
	display: block;
}




/*ページのtopへ戻る*/

#toTop a {
	padding:10px;
	background:#F0F0D6;
	text-align:center;
	display:block;
	color:#666;
	text-decoration:none;
	
}





/*戻るのボタン*/

span.backBtn a {
	clear:both;
	float: left;
	margin: 5px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	border:#FFCC00 solid 1px;
	padding: 4px 10px;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #CC3300;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FF6600));
	font-size:12px;
}

/*------------------------privacy-----------------------------*/

.privacy dl {
	margin:15px 0px 40px;
	padding:0px 10px;
}


.privacy dt {
	padding:5px 10px;
	background-color:#C90;
	float:left;
	margin-right:15px;
	font-size:200%;
	color: #FFF;
	font-weight:bold;
}

/*------------------------company-----------------------------*/
.center-text {
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 15px;
}
.center-text table {
	border-color:#CCC;
	border-style: solid;
	border-width:1px 1px 0px 0px;
	margin:2%;
	width:96%
}

.center-text th {
	width:25%;
	color:#FFFFFF;
	background:#666666;
	text-align:center;
	vertical-align: text-top
	border-color:#CCC;
	border-style: solid;
	border-width:0px 0px 1px 1px;
}

.center-text td {
	padding:10px;
	border-color:#CCC;
	border-style: solid;
	border-width:0px 0px 1px 1px;
	text-align:left;
}

iframe {
	width:96%;
	margin:2%
}

/*-----------------------------faq---------------------------------------*/
h5 {

	font-weight:normal;
	line-height:1.5;
}

.faq { margin:0 0 10px 0; }

.faq .q {

	font-size:14px;
	font-weight:bold;
	color:#990000;
	cursor:pointer;
	background:url(../faq/images/icon02.gif) 8px 8px no-repeat;
	padding:8px 0 8px 9%;
	margin:2% !important;
	background-color:#FFFFFF;
	border:#990000 2px solid;
	line-height:110%;
	width:86%;
}
   
.faq .q_on {
	border:#0C599B solid 1px;
	border-width:1px 1px 0 1px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	background:url(../faq/images/icon.gif) 8px 8px no-repeat #990000 ;
	padding:8px 0 8px 9%;
	margin:2% !important;
   line-height:110%;
  	width:86%;
}
.faq .f {background:#FFFFFF; padding:10px; font-size:100%;}

/* -------------------- how_to -------------------- */
.how_to1_top {
	width:226px;
	margin:10px auto;
}

.how_to1_top .box01{
	width:226px;
	}
	
	.how_to1_top .box01 .text_box{
		background:#EFDEAA;
		padding: 4%;
		margin:0px;
		   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
			}
	
	
.how_to1_top .box02{
	width:41px;
	margin:5px auto;
	}
	

.how_to_bottom {
	margin:10px auto;
	
}

.how_to_bottom .box01{
	width:226px;
	margin:10px auto;
	}
	
	.how_to_bottom .box01 .text_box{
		background:url(../how_to/images/bk_bottom.jpg) bottom no-repeat;
		padding: 0px 10px 15px 10px;
		margin:0px;
			}
	
	.how_to_bottom .box02{
	width:41px;
	margin:10px auto;
	}
			

.how_to2 {

	background-image: url(../how_to/images/ramen2.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;

	padding-right: 33px;
}


/*-----------------------------lineup---------------------------------------*/
h5 {

	font-weight:normal;
	line-height:1.5;
}

.lineup { margin:0 0 10px 0; }

.lineup .q {


	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	padding:1%;
	margin:2% auto !important;
	background-color:#FFFFFF;
	background-color:#333333;


}
   
.lineup .q_on {
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	padding:1%;
	margin:2% auto !important;
}
.lineup .f {background:#FFFFFF; margin:0px; padding:0px 10px; font-size:100%;}

.lineup .f strong { color:#FF6600;}


/*------------------form-------------------------*/
.form {
	width:92%;
	margin:10px auto;
	padding:0px;
	border:#CCCCCC 1px solid;
}

.form .t {
	background:#CCCCCC;
	padding:5px;
}

.form .in {
	padding:5px;
}

input,textarea,select {
	border:#CCCCCC 1px solid;
}

.w100 {
	width:99%;
}

.btn {
	padding:8px 50px;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	color: #333333;
}

/* お問い合わせ　アンケート部分 */
.form .survey_t {
text-align:center;
color: #FFFFFF;
font-weight: bold;
padding-bottom: 7px;
background: #B66E02;
}

.form .survey_p {
margin: 10px 0 5px;
padding: 10px 0 0;
border-top: dashed 1px #CCCCCC;
}

.form .survey_midashi {
background: #EEEEEE;
padding: 5px 10px;
}

.form .survey_ul {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}

.form .survey_ul li {
margin: 0;
padding: 0;
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.form .survey_ul li input {
display: inline-block;
margin-right: 7px;
margin-bottom: 3px;
}