@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-style:normal;
	outline:none;
	text-align:left;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,h2,h3,h4,h5,h6{
	margin-bottom:0.5em;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul{	list-style-type:none;}
ol{	margin-left:2em;}

a{color:#2f96ed;}
a:hover{color:#2fd0ed;}

img{
	border:0;
	max-width:100%;
	margin:0 auto;
	}



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

body{
	margin:0;
	padding:0;
	line-height:1em;
	color:#333;
	font-size:80%;
	}
	
#wrapper{
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	}

.inner{
	position:relative;
	max-width:1000px;
	margin:0 auto;
	}
@media only screen and (max-width:768px){
.inner{
	width:96%;
	padding:0 2%;
	}
	}

section{
	display:block;
	position:relative;
	clear:both;
	margin-bottom:0;
	padding:30px 0 50px;
	background:url(../img/bg_section.gif) repeat-x 0 0;
	}
section p,
section ul,
section ol,
section dl{
	line-height:1.5;
	margin-bottom:2em;
	}
section ul li{
	line-height:1.3;
	margin-bottom:5px;
	}

.attention,em{	color:#cc0000;}
.note{background:url(../img/bg_graphpaper.gif) repeat;}

.kome{
	padding-left:15px;
	background:url(../img/icon_kome.png) no-repeat 0 0.2em;
}
.komeRed{
	display:block;
	padding-left:15px;
	background:url(../img/icon_komered.gif) no-repeat 0 0.1em;
	}

/* .list */
.list dd{ display:none; }


.forSP{ display:none;}
@media only screen and (max-width:640px){
	section{
	padding:30px 0 30px;
	}
.forPC{ display:none;}
.forSP{	display:block;}
	}

/*------------------------------------------------------------
　.button　ボタン
--------------------------------------------------------------*/
.button_S{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 5px 15px 5px 30px;
	appearance: none;
	font-size: 0.9rem;
	color: #fff;
	border-radius: 30px;
	font-weight: 700;
	margin: 0 auto;
	text-decoration: none;
	background:#cf0918 url(../img/icon_arrow_right.svg) no-repeat 10px center;
	background-size: 15px 15px;
}
.button_S:hover{
	color: #fff;
	background:#df101f url(../img/icon_arrow_right.svg) no-repeat 10px center;
	background-size: 15px 15px;
}

/*------------------------------------------------------------------
 　header
 ------------------------------------------------------------------*/
 
header{}

header #fixed{
	position:fixed;
	width:100%;
	height:46px;
	top:0;
	left:0;
	z-index:5;
	padding-bottom:0;
	background:#fff;
	border-bottom:1px solid #ececec;
	box-shadow:1px 1px 5px 3px rgba(0, 0, 0, 0.1);
	}

header h1.logo{
	width:400px;
	float:left;
	padding:5px;
	height:36px;
	background:url(../img/safex_logo.png) no-repeat right;
	}

header nav{
	width:100%;
	text-align:center;
	}

@media only screen and (max-width:768px){
header #fixed{
	position:inherit;
	border-bottom:none;
	height:auto !important;
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	}
header h1.logo{
	width:50%;
	height:65px;
	padding:10px 0 8px 10px;
	background:url(../img/safex_logo.png) no-repeat bottom left 5px;
	}
	}



/*#globalNav -------------------------------*/
#globalNav{
	position:absolute;
	top:0;
	right:0;
	width:360px;
	height:48px;
	margin:0 auto;
	padding:0;
	}

#globalNav li{
	float:right;
	padding:3px 3px 0;
	list-style-type: none;
	}

#globalNav li a{
	display:block;
	text-align:center;
	padding:13px 8px 7px;
	text-decoration:none;
	font-size:14px;
	color:#1f1919;
	border-bottom:3px solid #cc0001;
	height:16px;
	line-height:1.2;
	}
#globalNav li a:hover{
	border-bottom:3px solid #f73637;
	color:#c00;
	}

#globalNav li a.current {background:#cc0000;}


#menu,.slicknav_menu { display: none;}

@media only screen and (max-width:768px){
/*	#menu {display:block;}*/
#globalNav{	display:none;}
header .inner{
		width:100%;
		padding:0;
	}
.slicknav_menu{
	display:block;}
}



/* #mainVisual -------------------------------*/
#mainVisual{ margin:47px 0 0;z-index:1;}
@media only screen and (max-width:768px){ #mainVisual{ margin:0;padding:0}}

#mainVisual .campaign{
	text-align:center;
	}

#mainVisual .photo{
	/*max-height:471px;*/
	text-align:center;
	background:#77c0f4 url(../img/en_kv_delivery_service.jpg) no-repeat center 0;
	}
#mainVisual .photo p{
	margin:0;
	padding:0;
	line-height:0;
	}
#mainVisual .title{
	background:#e72735;
	margin-bottom:20px;
	overflow:hidden;
	}
#mainVisual .title span.inner{
	max-width:950px;
	line-height:1.0;
	padding:7px 0 0 55px;
	background:url(../img/bg_title_line.gif) no-repeat right 0;
	height:30px;
	}



@media only screen and (max-width:640px){ 
#mainVisual{ padding:0 0 0;}
#mainVisual .photo{
	height:auto;
	background:none;
	}
#mainVisual .title span.forSP{
	font-size:20px;
	color:#fff;
	text-align:center;
	padding-top:3px;
	}
#mainVisual .title span.inner{
	background:none;
	padding:7px 2% 0;
	text-align:center;
	}
}




/* .couponIcon -------------------------------------*/

#mainVisual .couponIcon{
	position:absolute;
	top:10px;
	right:5px;
	width:23%;
	}
#mainVisual .couponIcon li{
	float:none;
	padding-left:3px;
	}

#mainVisual .note{
	border-bottom:2px solid #f5f5f5;
	padding:10 0 30px;
	}
#mileLink{
	margin:0 auto 30px;
	padding:15px 15px 15px 120px;
	font-size:120%;
	}




@media only screen and (max-width:640px){
#mainVisual .couponIcon{
	width:40%;}
#mainVisual .couponIcon li{
	width:100%;
	margin:0;
	padding:0;
	}
#mileLink{
	padding:2%;
	font-size:120%;
	}
	}
	

/*------------------------------------------------------------------
 　main
 ------------------------------------------------------------------*/
main{
	position:relative;
	margin:0;
	}

h2{	margin-bottom:30px;
	text-align:center;
	font-size:45px;
	padding:15px 0px 0;
	font-weight:bold;
	line-height:1.3;
}

h2 span{
	display:block;
	text-align:center;
	}

h3,h4{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
	}


@media only screen and (max-width:640px){
	h2{	font-size:28px;}
	h2 img{
		max-width:94%;
		margin:0 3%;
		}
	h3 span{text-align: center;}
	}


/*------------------------------------------------------------------
   #service JALABCのサービス
--------------------------------------------------------------------*/

@media only screen and (max-width:640px){
#service .inner{
	width:100%;
	padding:0;
	margin: 0;
	}

}



/* #service ------------------------------------------*/

#service #serviceType li{
	float:left;
	width:46%;
	margin:0 2%;
	}

#service #serviceType li h3{
	background:#222;
	color:#fff;
	padding:10px;
	}

#service #serviceType li p{
	margin: 0;
	text-align:center;}
#service #serviceType li p.span{
	margin: 0 0 0 5px;
	padding-left: 3px;
	text-align:left;}

@media only screen and (max-width:640px){
#service #serviceType li h3{
	font-size:10pt;
	}

#service #serviceType li{
	width:94%;
	margin:0 3%;
	padding:0;
	float:none;
	}	
	
	
}


/*----------------------------------------------------------------
  #deliveryservice 空港宅配
----------------------------------------------------------------*/
#deliveryservice h3{
	width: 100%;
	background-color: #DADADA;
	padding: 5px 0px;
	text-align:center;
	margin-top: 50px;
	}
#deliveryservice .img{
	text-align: center;
}

@media only screen and (max-width:640px){
#deliveryservice h3{
	padding: 10px 0px;
	margin-top: 0px;}
}

/* #deliveryflow */
#deliveryflow{
	border:10px solid #e5e4e4;
	padding-top: 20px;
}

#deliveryflow ul li{
	float:left;
	width:21%;
	padding:0 3% 0 1%;
	background:url(../img/icon_arrow.png) no-repeat right 200px;
	
	}

#deliveryflow ul li{  width:21% \9;}

#deliveryflow ul li:last-child{
	padding:0 0 0 2%;
	background:none;
	width:21%;
	}

#deliveryflow .number{
	text-align:center;
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
	}

#deliveryflow h3{
	background:#cc0001;
	color:#fff;
	font-size:20px;
	font-weight:normal;	
	margin-top:10px;
	padding:5px;
	text-align:center;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	}

#deliveryflow .photo{
	text-align:center;
	}

#deliveryflow .txt{	margin-bottom:5px;	}

@media only screen and (max-width:640px){
#deliveryflow{border: none}
#deliveryflow ul{
	padding:0 3%;}
#deliveryflow ul li,
#deliveryflow ul li:last-child{
	width:100%;
	margin:0 0 30px;
	padding:0;
	float:none;
	background:none;
	}
#deliveryflow .number img{width:18%;}

}



/* #application */
#application{
	margin-top: 50px;
}

#application ul li{
	float:left;
	width:42%;
	padding:0 3% 0 1%;
	}

#application ul li{  width:48% \9;}

#application ul li:last-child{
	border:2px solid #494949;
	width:46%;
	}

#application h2{
	padding-bottom: 30px;
	}

#application h3{
	background:#222222 url(../img/bg_application_title.gif) repeat-x 0 0;
	color:#fff;
	margin:2%;
	padding:15px 0 10px;
	text-align:center;
	font-size:18px;
	}

#application p.tel{
	text-align:center;
	}

@media only screen and (max-width:640px){
#application{
	margin-top: 30px;
}
#application ul{
	padding:0 3%;}
#application ul li,
#application ul li:last-child{
	width:100%;
	margin:0 0 30px;
	padding:0;
	float:none;
	background:none;
	}
#application h3{
	font-size: 14px;		
	margin:0 0 2% 0;
	}
#application .tel img{
	width:90%;
	padding:0 5%;
	}
}

/* #deliverycharge　--------------------------------------*/

#deliverycharge{
	margin:80px 0;
	padding:0;
	border:15px solid #e5e4e4;
	}
	
#deliverycharge h3#deliverychargeTitle{
	width:100%;
	font-size:35px !important;
	text-align:center;
	margin: 0px 0px 20px;
	padding:5px 0 5px;
	}


@media only screen and (max-width:640px){
#deliverycharge{
	margin-bottom: 60px;
	border:none;
	}
#deliverycharge h3#deliverychargeTitle{
	font-size:20px !important;
	padding:10px 0 10px;
	}

	}
	

	
/* #detail　　---------------------------------------*/

#deliverycharge #detail{
	margin:30px 80px 0px;
	padding:0 0 50px;
	
	}

#deliverycharge #detail dl{
	margin:0;
	background:#f1efef;
	padding:20px;
	}
#deliverycharge #detail dl dt{
	background:#666 url(../img/icon_down.png) no-repeat 98% center;
	background-size:3%;
	color:#fff;
	padding:7px;
	border-bottom:1px solid #fff;
	font-size:15px;
	}

#deliverycharge #detail dl dt:hover{ 
	background:#cc0001 url(../img/icon_down.png) no-repeat 98% center;
	background-size:3%;
	}
#deliverycharge #detail dl dt.active{
	background:#cc0001 url(../img/icon_up.png) no-repeat 98% center;
	background-size:3%;
	}
#deliverycharge #detail dl dt.active:hover{
	background:#d80a0b url(../img/icon_up.png) no-repeat 98% center;
	background-size:3%;
	}

#deliverycharge #detail dl dd{
	background:#fff;
	padding:2% 4% 4%;
	}

@media only screen and (max-width:768px){
#deliverycharge #detail{
	margin:0px 2% 0px;
	padding:0 0 20px;
	}

#deliverycharge #detail dl{
	margin:0;
	background:#f1efef;
	padding:3px;
	}
#deliverycharge #detail dl dd{
	background:#fff;
	padding:2% 2% 4%;
	}
	}



/* #prohibited Items */
#prohibiteditems{
margin-top: 80px;
}

#prohibiteditems ul li{
	float:left;
	width:22%;
	padding:0 2% 0 1%;
	}

#prohibiteditems ul li{  width:22% \9;}

#prohibiteditems ul li:last-child{
	padding:0 0 0 1%;
	background:none;
	width:22%;
	}

#prohibiteditems h4{
	font-size:30px;
	font-weight:bold;
	margin-bottom: 1.0em;
	text-align:center;
	line-height: normal;
	}

#prohibiteditems p{
	text-align:center;
	}

#prohibiteditems .photo{
text-align:center;
margin-top: 20px;
margin-bottom: 5px;
	}

#prohibiteditems .txt{	
margin-bottom:5px;
text-align: center;
font-weight: bold;
}

@media only screen and (max-width:640px){
#prohibiteditems ul{
	padding:0 3%;}
#prohibiteditems ul li,
#prohibiteditems ul li:last-child{
	width:33%;
	margin:0 0 20px;
	padding:0;
	float:auto;
	background:none;
	}
	#prohibiteditems h4{
	font-size:18px;
	margin-top: -30px;
	}

}


/*----------------------------------------------------------------
  #storageservice 手荷物預かり
----------------------------------------------------------------*/
#storageservice h3{
	width: 100%;
	background-color: #DADADA;
	padding: 5px 0px;
	text-align:center;
	margin-top: 50px;
	}

#storageservice .img{
	text-align: center;
}

@media only screen and (max-width:640px){
#storageservice h3{
	padding: 10px 0px;
	margin-top: 0px;}
}

/* #storageflow */

#storageflow{
	border:10px solid #e5e4e4;
}
#storageflow ul li{
	float:left;
	width:46%;
	padding:0 4% 0 1%;
	background:url(../img/icon_arrow.png) no-repeat right 200px;
	}

#storageflow ul li{  width:48% \9;}

#storageflow ul li:last-child{
	padding:0 0 0 1%;
	background:none;
	width:46%;
	}

#storageflow h3{
	background:#cc0001;
	color:#fff;
	font-size:20px;
	font-weight:normal;	
	margin-top:10px;
	padding:5px;
	text-align:center;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	}

#storageflow .photo{
	text-align:center;
	}

#storageflow .txt{	margin-bottom:5px;	}

@media only screen and (max-width:640px){
#storageflow{
	border:none;
}
#storageflow ul{
	padding:0 3%;}
#storageflow ul li,
#storageflow ul li:last-child{
	width:100%;
	margin:0 0 30px;
	padding:0;
	float:none;
	background:none;
	}

}






/*------------------------------------------------------------------
   #price 料金・プラン
--------------------------------------------------------------------*/




/* .tab    -----------------------------------------------*/

ul.tabs{
	 position:relative;
	 z-index:2;
	 height:91px;
	 margin:0;
	 padding:0;
	 }
ul.tabs li{
	 height:30px;
	 text-align:center;
	 font-size:20px;
	 line-height:1.0;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 }
ul.tabs li a{
	 margin:0;
	 padding:35px 0 0;
	 width:43%;
	 height:56px;
	 display:block;
	 text-indent: -9999px;
	 text-align:center;
	 font-size:30px;
	 text-decoration:none;
	 overflow:hidden;
	 border-top-left-radius: 3px; 
     -webkit-border-top-left-radius: 3px; 
     -moz-border-top-left-radius: 3px;
	 border-top-right-radius: 3px; 
     -webkit-border-top-right-radius: 3px; 
     -moz-border-top-right-radius: 3px;
	 color:#222;
	 }




@media only screen and (max-width:640px){
ul.tabs{
	margin:0;
	height:56px;
	}
ul.tabs li{
	height:auto;}
ul.tabs li a{
	font-size:16px;
	height:auto;
	padding:20px 0;
	width:43%;
}
ul.tabs li a#kaigaiTab,
ul.tabs li a#kaigaiTab:hover,
ul.tabs li.active a#kaigaiTab{
	background-size:62%;
	}
}



/* #price    -----------------------------------------------*/

#price .charge h3.chargeTitle{
	font-size:45px;
	text-align:center;
	margin:0 0 30px;
	}


@media only screen and (max-width:640px){
#price .inner{
	width:100%;
	padding:0;
	}
#price #kaigai{	background-size:100%;}
#price #kaigai h3.kihon{
	width:94%;
	height:250px;
	padding: 20px 3% 0;
	background:url(../img/pho_plan_kaigai.jpg) no-repeat right 0;
	background-size:150%;
	}

#price #kaigai h3.kihon img{ width:60%;	}

#price .charge h3.chargeTitle{
	font-size:25px;
	margin:0 0 20px;
	}

#price .charge h3.chargeTitle span{text-align:center;}
	}




/* #single 単国プラン　--------------------------------------*/

#singleMenu li{
	width:25%;
	float:left;}

table.singleTable{
	float:left;
	width:48%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0% 20px 1%;
	line-height:1.7;
	border-bottom:1px solid #222;
	}
table.singleTable th,
table.singleTable td{
	padding:0 2px;
	font-weight:bold;
	white-space: nowrap;
	}

table.singleTable tbody th,
table.singleTable tbody td{
	border-bottom:1px dotted #222;
	}
table.singleTable tbody td{
	border-left:1px dotted #ccc;
	padding-right:1.5em;
	white-space:nowrap;
	}

table.singleTable th{
	background:#f5f5f5;
	}
table.singleTable thead th{	background:#cdcdcd;}
table.singleTable tbody th .memo{
	font-size:10px;
	}

table.singleTable td{
	text-align:right;
	color:#e72735;
	}
table.singleTable thead td{	
	background:#f8d1d1;
	text-align:center;
	vertical-align:middle;
}
table.singleTable .border{border-bottom:1px solid #222;}

@media only screen and (max-width:768px){
table.singleTable{
	width:96%;
	margin:0 2%;
	}
table.singleTable .memo{
	display:block;
	}

	}

@media only screen and (max-width:640px){
table.singleTable th,
table.singleTable td{
	white-space:normal;
	padding-right:0.3em !important;
	}
	}



/*.planTable ----------------------------------*/
table.planTable{
	width:100%;
	border-spacing: 0;
	border-collapse: collapse;
	line-height:1.2;
	}

table.planTable th,
table.planTable td{	padding:3px;}

table.planTable thead{
	border-bottom:2px solid #6d7171;
	line-height:1.3;
	}
table.planTable thead td,
table.planTable thead th{ text-align:center; }

table.planTable tbody tr{ border-bottom:1px dotted #222;}

table.planTable td{	text-align:center; color:#ccc;}
table.planTable td.single{	background:#f7f7f7;	}
table.planTable td .circle{	color:#222;}




/*------------------------------------------------------------------
   #map カウンターMAP
--------------------------------------------------------------------*/
#map h3{
	
	text-align:center;
	}
.mapInner{	padding: 15px 30px;}
.mapInner p{font-size: 0.9rem;
line-height: 1.4rem}
.mapInner .img{text-align: center;}
.mapInner .title_departure{
	background:#91D5F7;
	text-align: center;
	padding: 8px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2rem;
}
.mapInner .title_arrival{
	background: #fcc9c9;
	text-align: center;
	padding: 8px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2rem;
}

.mapBtn{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	margin: 2px 0 0 10px;
	padding: 0 10px 0 20px;
	appearance: none;
	font-size: 0.9rem;
	color: #fff;
	border-radius: 30px;

	font-weight: bold;
	text-decoration: none;
	background:#cf0918 url(../img/icon_arrow_right.svg) no-repeat 5px center;
	background-size: 13px 13px;
}
.mapBtn:hover{	
color: #fff;
background:#cf0918 url(../img/icon_arrow_right.svg) no-repeat 5px center;
background-size: 13px 13px;
}

.memo{	font-size: 1.3rem;}

@media screen and (max-width:767px) {
.memo{	font-size: 1.1rem;}
.mapBtn{
	display: block;
	margin: 2px 0 0 0px;
	padding: 0 10px 0 20px;
}

}




/*------------------------------------------------------------------
   table
--------------------------------------------------------------------*/


/* .table01 */

table.table01 {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 1em;
	border-top: 2px solid #343334;
	border-bottom: 2px solid #343334;
	margin-top: 20px;
}

table.table01 th,
table.table01 td{
	padding: 0.6em 1em;
	font-weight: normal;
	border-bottom: 1px solid #343334;
	/*vertical-align:top;*/
	line-height:1.3;
	}

table.table01 thead th{
	background:#666;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	}
table.table01 thead th:last-child{	border-right:none;	}

table.table01 tbody th { background: #f5f5f5; }

table.table01 td {
	line-height:1.3;
	border-left: 1px dotted #343334;}

table.table01 td.country{ font-size:90%; }

table.table01 td.day,
table.table01 td.web{
	text-align:center;
	border-right: 1px solid #343334;
	background:#fff;
	}


table.table01 thead th.arrival{ 
	background: #fa8072; 
}
table.table01 thead th.departure{ 
	margin-top: 60px;
	background: #83A5D1; 
}
table.table01 thead th.storagecharge{ 
	margin-top: 60px;
	background: #cc0001; 
}
table.table01 thead th.size{ 
	background: #696969; 
}
table.table01 thead th.pickup{ 
	background: #a9a9a9;
    border-right:1px solid #000;
}
table.table01 thead th.dropoff{ 
	background: #a9a9a9;
}
table.table01 thead th.size{ 
	background: #5C5C5C;
}

table.table01 thead th.sub1,
table.table01 thead th.sub2{ 
	color:#000;
	border-right: 1px dotted #343334;
	text-align:center;
	background: #dcdcdc; 
	}
table.table01 thead th.sub1:first-child{ border-left:none; }
table.table01 thead th.sub1:last-child{	border-right:none; }

table.table01 thead th.sub2{ 
	border-left: 1px solid #343334;
}


table.table01 td.sub1,
table.table01 td.sub2{
	text-align:center;
	border-right: 1px dotted #343334;
	background:#fff;
	}

table.table01 td.sub1:first-child{	border-left:none; }
table.table01 td.sub1:last-child{ border-right:none; }

table.table01 td.sub2{
	border-left: 1px solid #343334;
}


table.counterTable td{
	line-height:1.8;
	vertical-align:top;
	}
 
 
a.btn_map{
	margin-left:5px;
	padding:0px 5px;
	background:#333;
	line-height:0;
	color:#fff;
	}
a.btn_map:hover{color:#f73b3b;}



@media only screen and (max-width:640px){
table.table01 {
	width:100%;
	margin: 0 0 2em;
	padding:0;
}
table thead th{font-size:12px;}
table tbody th,
table tbody th.pref{font-size:12px;}
table tbody td{	font-size:12px;	}

table.table01 th,
table.table01 td{
	padding: 0.3em 0.3em;
	line-height:1.7;
	font-size:11px;
	}

.counterTable td{
	vertical-align:top;
	}
a.btn_map_sp{
	display:block;
	width:94%;
	margin:0;
	padding:3%;
	text-align:center;
	color:#fff;
	line-height:1.7;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	background:#333 url(../img/icon_arrow_right.png) no-repeat 20px center !important;
	background-size:5% !important;
	text-decoration:none;
	}
a.btn_map_sp:hover{color:#f73b3b;}
	
}


.memo{	font-size:11px;	}




table.td{	text-align:center; color:#ccc; }
table.operationTable td.single{	background:#f7f7f7;	}
table.operationTable td .circle{	color:#222;}


 /*----------------------------------------------------------------
  #payment  支払い方法
----------------------------------------------------------------*/
#payment h3{
	text-align:center;
	}

#payment h4{
	font-size:30px;
	font-weight:bold;
	margin-top: 50px;
	margin-bottom: 0px;
	text-align:center;
	line-height: normal;
	}
#payment .img{
	text-align: center;
}

#payment p{
	text-align:center;
	}
#payment ul li{
	float:left;
	width:16%;
	}

#payment .photo{
text-align:center;
margin-top: 20px;
margin-bottom: 5px;
	}

@media only screen and (max-width:640px){
#payment h4{
	font-size:18px;
	}
#payment ul li{
	width: 15%;
	padding: 0 1% 0 0; 
	}
#payment ul li:first-child{	padding: 0 1% 0 2%;  }
#payment ul li:last-child{	padding: 0 2% 0 1%;  }

}

/* #flow */
#flow ul li{
	float:left;
	width:30%;
	padding:0 4% 0 1%;
	background:url(../img/icon_arrow.png) no-repeat right 200px;
	}

#flow ul li{  width:28% \9;}

#flow ul li:last-child{
	padding:0 0 0 1%;
	background:none;
	width:29%;
	}

#flow .number{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	margin-bottom:5px;
	}

#flow h3{
	background:#cc0001;
	color:#fff;
	font-size:22px;
	font-weight:normal;
	padding:5px;
	text-align:center;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	}

#flow .photo{
	text-align:center;
	}

#flow .txt{	margin-bottom:5px;	}
@media only screen and (max-width:640px){
#flow ul{
	padding:0 3%;}
#flow ul li,
#flow ul li:last-child{
	width:100%;
	margin:0 0 30px;
	padding:0;
	float:none;
	background:none;
	}
#flow .number img{width:18%;}

}


 
 /*----------------------------------------------------------------
  #application  お申し込み・お問い合わせ
----------------------------------------------------------------*/
#application{ padding:10px 0 0;}
#application .bg{
	height:auto;
	background:#e1edf0 url(../img/bg_application.jpg) no-repeat center 0;
	padding:20px 0 40px;
	}
	
#application .txt{
	font-size:20px;
	margin:5px 0 15px;
	}
#application .inner{
	max-width:600px;
	padding:30px 30px 10px;
	box-shadow:1px 1px 4px 3px rgba(0, 0, 0, 0.1);
	background:rgba(255, 255, 255, 0.6);
	}

#application h2{ margin:0; }

#application h3{
	background:#222222 url(../img/bg_application_title.gif) repeat-x 0 0;
	color:#fff;
	margin-bottom:1.0em;
	padding:15px 0 10px;
	text-align:center;
	font-size:18px;
	}

#application .tel{
	text-align:center;}


@media only screen and (max-width:640px){
#application{
	margin-bottom:50px;}
#application .inner{
	margin:2% ;
	width:90%;
	padding:5% 3%;
	}

#application h3{font-size:14px;}
#application h3 span{
	text-align:center;}
#application .bg{
	background:#e1edf0 url("../img/bg_application_sp.jpg") no-repeat center 0;
	height:auto;
	padding-bottom:50px;
	}
#application .tel img{
	width:90%;
	padding:0 5%;
	}

}



#deadline{	margin-bottom:5em;}






/* .btn -----------------------------------------------*/

.btn a{
	display:block;
	margin:0 auto;
	width:431px;
	height:53px;
	text-align:center;
	padding-top:25px;
	background:url(../img/bg_btn_b.png) no-repeat 0 0 #cc0404;
	color:#fff;
	font-weight:bold;
	font-size:25px;
	text-decoration:none;
	}

.btn a:hover { background:url(../img/bg_btn_b_on.png) no-repeat 0 0 #da1a1a; }


	
@media only screen and (max-width:640px){
.btn a,
.btn a:hover{
	width:84%;
	margin: 0 3%;
	padding:5%;
	font-size:18px;
	height:auto;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background:#cc0404 url(../img/icon_arrow_right.png) no-repeat 20px center;
	background-size:5%;
	}
.btn a span{
	text-align:center;
	}


}



.link{
	width:200px;
	margin:0 auto 30px;
	white-space:nowrap;
	}

.link a{
	display:block;
	padding:8px 10px 5px 35px;
	background:url(../img/icon_arrow2.png) no-repeat 10px center #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	text-decoration:none;
	font-size:15px;
	color:#1f1919;
	}

.link a:hover{
	/*background:url(../img/icon_arrow2.png) no-repeat 10px center #555;*/
	/*color:#f73b3b;*/
	}

 
 
 
/*------------------------------------------------------------------
 　footer
------------------------------------------------------------------*/
footer{	overflow:hidden;}
footer .inner{
	padding:0;
	max-width:900px;
	}

footer .logo{
	padding:20px 0;
	text-align:center;
	}

#footerBox {
	clear: both;
	width: 100%;
	text-align:center;
	padding: 20px 0 0;
	color: #b6b6b6;
	position: relative;
	overflow: hidden;
	background:#343334;
}
#footerBox ul {
	position: relative;
	left: 50%;
	float: left;
}
#footerBox ul li {
	padding: 0 7px;
	font-size: 92%;
	line-height: 1;
	border-right: 1px solid #fff;
	position: relative;
	left: -50%;
	float: left;
}
#footerBox ul li:last-child{border-right: none;}
#footerBox a {color: #fff;}
#footerBox p#copyright {
	font-size: 76%;
	padding: 22px 0;
	clear: both;
	text-align:center;
}




@media only screen and (max-width:768px){
#footerBox{
	padding:0;
	}
#footerBox ul{
	width:100% !important;
	position:inherit;
	left:0;
	}
#footerBox ul li{
	width:100%;
	float:none;
	border:none;
	position:inherit;
	padding:0;
	left:0;
	}
#footerBox ul li a{
	display:block;
	padding:15px 15px 15px 20px;
	border-bottom: 1px solid #777;
	text-decoration:none;
	background:url(../img/icon_arrow.gif) no-repeat 0.5em center;
	}
	
#footerBox p#copyright{
	text-align:left;
	margin-left:10px;
	padding:40px 0;
	}
footer .logo img{
	max-width:40%;
	}
	
	}





/* .totop --------------------------------*/

.totop{
	position:absolute;
	bottom:15px;
	right:20px;
	}
.totop a{
	display:block;
	border:1px solid #777;
	height:54px;
	}
.totop a:hover{	border:1px solid #cc0404;}




/*---------------------------------------------------
	Class
----------------------------------------------------*/

.floatL{float:left;}
.floatR{float:right;}

.clearL{clear:left;}
.clearR{clear:right;}
.clearB{clear:both;}

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

.txtRed{color:#CC0000;}
.txtCaps{font-variant:small-caps;}



/*---------------------------------------------------
	ClearFix
----------------------------------------------------*/
/* Modern Browser Firefox,Safari,Opera --*/
.clearfix:after,
.inner:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*-- IE7 --*/
.clearfix,
.inner{
display: inline-block;
}
/*-- For Legacy IE without macIE --*/
* html .clearfix,
* html .inner{
height: 1%;
}
.clearfix,
.inner{
display: block;
}
/*---------------- End of Clearfix ----------------*/