﻿@charset "utf-8";  
/*------------------------------------------------------------ 
    help css
------------------------------------------------------------*/  

#contents{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-bottom:80px;
}

#main-column{
	width:772px;
	float:left;
	border:1px solid #E7E7E7;
}

.helpTtl{
	height:40px;
	line-height:40px;
	text-indent:20px;
	background:#999;
	font-size:134%;
	color:#fff;
	font-weight:bold;
}

.helpInner{
	width:auto;
	padding:20px 20px;
	background:#fff;
	color:#333;
	line-height:1.5;
}

.helpInner p,
.helpInner li{ line-height:1.5;}

.helpInner a{ color:#FF9EBA;}

.list li{
	line-height:1.5;
	text-indent:-1em;
	padding-left:1em;
}

.policyTtl{
	font-weight:bold;
	margin-bottom:15px;
	padding-top:25px;
	font-size:109%;
}

.helpTbl th{
	width:175px;
	border-right:2px solid #FF9EBA;
	padding:5px 0;
	font-weight:bold;
	text-align:left;
	font-size:109%;
}

.helpTbl td{
	width:478px;
	padding:5px 0 5px 20px;
	line-height:2;
	font-size:109%;
}

.helpSubTtl{
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	text-indent:20px;
	font-size:134%;
	font-weight:bold;
	background:#EFEFEF;
}

.helpBtn{
	width:236px;
	height:54px;
	margin-top:20px;
}

.helpBtn a{
	display:block;
	width:100%;
	height:100%;
	line-height:54px;
	text-align:center;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#FF9EBA;
	border-radius:5px;
}

.h5style{
	padding:20px 0 5px;
	margin-bottom:10px;
	font-size:117%;
	font-weight:bold;
	color:#FF9EBA;
	border-bottom:1px solid #FF9EBA;
}

.step{
	height:40px;
	line-height:40px;
	overflow:hidden;
	margin-bottom:30px;
}

.step p{
	width:100px;
	float:left;
	text-indent:10px;
	font-size:134%;
	color:#fff;
	font-weight:bold;
	border-right:20px solid #FF9EBA;
	background:#552455;
}

.step h3{
	width:555px;
	float:left;
	text-indent:20px;
	font-size:134%;
	font-weight:bold;
	background:#EBE0EB;
}

.flow{
	width:270px;
	float:right;
}

.flow dt{
	font-size:117%;
	font-weight:bold;
	color:#542454;
}

.flow dd{
	line-height:1.6;
	margin:5px 0 15px;
	font-size:109%;
}

.borderStyle{
	margin:20px 0;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #FF9EBA;
}

.indent{
	text-indent:-1em;
	padding-left:1em;
	font-size:109%;
}

.address{
	width:337px;
	float:left;
}

.address h5{
	font-size:117%;
	font-weight:bold;
	color:#FF9EBA;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #FF9EBA;
}

.ft_contact{
	display:table-cell;
	width:277px;
	height:50px;
	overflow:hidden;
	padding-left:60px;
	vertical-align:middle;
	background:url(../img/icon_address.png) no-repeat 0 0;
	line-height:1.5;
	font-size:109%;
}

.ft_contact .tel{
	display:block;
	font-size:125%;
	font-weight:bold;
}

.ft_contact.mail{
	background-position:0 -50px;
}

.mail a{
	display:block;
	width:160px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:5px;
	background:#EA66A4;
	color:#fff;
}

.postageTbl{ margin-top:30px;}
.postageTbl th{
	width:56px;
	border-right:1px solid #fff;
	background:#FFE5CC;
	font-size:92%;
	color:#000;
	padding:20px 5px;
	line-height:1.5;
}

.postageTbl td{
	width:46px;
	padding:0 10px;
	height:30px;
	vertical-align:middle;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#E5E5E5;
	font-size:92%;
	color:#000;
}

.postageTbl .half{
	width:15px;
	padding:0 5px;
	text-align:center;
}

/* 全体のデザインによってはcommonに追加？ */

.clrp{ font-weight:bold;}








/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (min-width: 789px){
	

}

/* TABLET */
@media screen and (max-width: 788px){

}


/* SP */
@media screen and (max-width: 560px){


}

