@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2014-01-15
 * Editor:    contents kinoshita
 * Modified:  2014-00-00 by:
 *
 * ***********************************************************
 */


/* Font-size Adjustment
--------------------------------------------------------------
 *
 *    77% = 10px  |  122% = 16px  |	167% = 22px
 *    85% = 11px  |  129% = 17px  |	174% = 23px
 *    92% = 12px  |  136% = 18px  |	182% = 24px
 *    100% = 13px |  144% = 19px  |	189% = 25px
 *    107% = 14px |  152% = 20px  |	197% = 26px
 *    114% = 15px |  159% = 21px  |
 *
--------------------------------------------------------------
*/


/*============================================================

	About

============================================================*/

/*	contents
------------------------------------------------------------*/

#contents {
	width: 662px !important;
	float: left;
	margin: 0 0 4.0em 45px;
	border:0px solid #000;
	padding: 0 !important;
}

.side{
	width: 180px;
	float: right;
	margin: 0 45px 0px 0;
}

#heading { margin-bottom:33px; }

.hl{
	margin-top:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
}

/*	block
------------------------------------------------------------*/

.block { margin:0px 5px 4.0em 5px; }

.block .photo {
  float:left;
  padding-right:40px;
}

.block .text{
  line-height:185%;
}

.block.consul{
	margin-bottom: 0;
}

.block.consul .main {
	float:left;
	width:430px;
}

.block.consul .item { margin:2.0em 0px; }

.block.consul .item dt {
	margin-bottom: 1.0em;
	padding:0.5em 0px 0.5em 1.0em;
	background:#F9E8EB;
	color:#D86478;
}
.block.consul .item dd > ul { margin-left:0px; margin-bottom:10px;}

.block.consul .item dd > ul > li {
	float: left;
	width: 210px;
	margin:0px 0px 1.0em 5px;
}
.block.consul .item h4 { color:#D86478; }

.block.consul .item dd ul li ul li {
	padding-left:12px;
	background:url(/frsupport/images/common/marker01.jpg) no-repeat left 0.4em;
}

.block.consul .noteArea{
	width: 180px;
	float: right;
}
	
	.block.consul .noteArea .note{
		text-indent: -1em;
		padding: 5px 0 0 1em;
	}

/*	messageWrapper
------------------------------------------------------------*/

#messageWrapper .photo{
	width: 180px;
	float: left;
}

#messageWrapper .textBox{
	width: 450px;
	float: right;
}

	#messageWrapper .textBox p{
		margin: 0 0 20px 0;
	}
	
	#messageWrapper .textBox p.day{
		text-align: right;
	}

/*	declarationWrapper
------------------------------------------------------------*/

#declarationWrapper .block{
	margin: 0 0 30px 0;
}

	#declarationWrapper .block .textBox{
		width: 450px;
		float: left;
	}
	
		#declarationWrapper .block .textBox p{
			margin: 0 0 28px 0;
		}
		
		#declarationWrapper .block .textBox .link01{
			background-image:url(/frsupport/images/common/arrow05.jpg);
			background-repeat:no-repeat;
			padding: 0px 0px 0px 20px;
			background-position:0px 50%;
		}
	
	#declarationWrapper .block .image01{
		width: 150px;
		float: right;
		margin: 0 17px 0 0;
	}
	

#declarationWrapper .declarationBox{
	background-image:url(/frsupport/images/common/link_bg.jpg);
	padding: 5px;
}

	#declarationWrapper .declarationBox .inner{
		background-color:#FFFFFF;
		padding: 36px 36px 0px 36px;

	}
	
		#declarationWrapper .declarationBox .inner h3{
			text-align: center;
			padding: 0 0 18px 0;
			border-bottom: 1px solid  #DDD;
			margin: 0 0 24px 0;
		}
		
		#declarationWrapper .declarationBox .inner p{
			margin: 0 0 30px 0;
			line-height: 1.8;
		}
		
		#declarationWrapper .declarationBox .inner .signature{
			text-align: right;
		}