@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  |
 *
--------------------------------------------------------------
*/


/*============================================================

	Top

============================================================*/

#container { background:url(/frsupport/css/images/top/bg_mainCut.png) no-repeat center 142px !important; }

#gNavi { margin-bottom:20px !important; }

/*	leadBlock
------------------------------------------------------------*/

.leadBlock{
	margin: 0 0 15px 0;
}

	.leadBlock p{
		text-align: center;
	}
	
	.leadBlock .leadTitle{
		margin: 0 0 15px 0;
		text-align: center;
	}
	
	.leadBlock p.lead{
		font-size: 107%;
		margin: 0 0 15px 0;
	}

/*	mainCut
------------------------------------------------------------*/
#mainCut { margin-bottom:30px;}

#mainCut .mainVisual{ 
	display: block;
	float: left;
	width: 722px;
}

#mainCut .rightBlock{ 
	float: right;
	background-image:url(/frsupport/images/top/mainimage_bg01.gif);
	width: 218px;
	height: 210px;
	padding: 18px 10px 18px 10px;
	overflow: hidden;
}

	#mainCut .rightBlock .messageBox{
		background-color:#FFFFFF;
		padding: 12px 9px 15px 9px;
		margin: 0 0 5px 0;
	}
		#mainCut .rightBlock .messageBox .title{
			margin: 0 0 23px 0;
			text-align: center;
		}

		#mainCut .rightBlock .messageBox .copy01{
			padding: 0px 0 22px 0px;
			text-align: center;
		}
		
		#mainCut .rightBlock .messageBox .btn01{
			text-align: center;
		}

/*	contents
------------------------------------------------------------*/
#contents { padding:0px !important; }

.business { margin:0px 0px 0px 4px; }

.business li {
	float:left;
	width:218px;
	margin:0px 0px 16px 16px;	
}

.application {
  background:#F9E8EB;
	margin:0px 20px 30px 20px;
  padding:10px 10px 10px 10px;
  overflow:hidden;
  text-align: right;
}

.application a {
}

.application p {
  padding-top:10px;
  padding-left:18px;
  background:url(/frsupport/images/common/en.gif) no-repeat 0px 12px;
}

/*	bnrBlock
------------------------------------------------------------*/

.bnrBlock{
	margin: 0 4px 30px 20px;
}

	.bnrBlock li{
		margin: 0 14px 0px 0px;
		float: left;
	}

.infoArea,
.rschLife {
	position:relative;
	margin:0px 20px 20px;
	padding:15px 20px 5px;
	border:5px solid #D86478;
}
.infoArea h3 { margin-bottom:15px; }

.infoArea p,
.rschLife .detailBtn {
	position:absolute;
	right:20px;
	top:13px;
}
.infoArea dl dt { float:left; }

.infoArea dl dd {
	margin-bottom:1.0em;
	padding:0px 0px 1.0em 6.7em;
	border-bottom:1px solid #DDDDDD;
}
.infoArea dl dd:last-child {
	margin-bottom:2.0em;
	padding-bottom:0px;
	border:none;
}
.infoArea dl dd img { margin-right:5px; }

.rschLife h3 { margin-bottom:0; }

.infoArea dl dd .new,
.rschLife ul li h4 span {
	margin-left:0.5em;
	color:#C00;
	font-size:85%;
	font-weight:bold;
}
.rschLife { margin-bottom:40px; }

.rschLife ul { margin:-1px 0px 0px -30px; }

.rschLife ul li {
	float:left;
	width:420px;
	margin:0px 0px 1.0em 30px;
	padding-top:1.0em;
	border-top:1px solid #DDD;
}
.rschLife ul li .thumb { float:left; }

.rschLife ul li .article {
	float:right;
	width:328px;
}
.rschLife ul li h4 {
	margin-bottom:0.5em;
	font-size:107%;
}
.rschLife ul li .toDetail {
	margin-top:0.5em;
	text-align:right;
}

.rschLife ul li .toDetail a {
	padding-left:20px;
	background:url(/frsupport/images/common/arrow05.jpg) no-repeat left 0.2em;
}

/*	infoBox
------------------------------------------------------------*/
.infoBox{
    border: 2px solid #cc0000;
    padding: 10px 20px 10px 20px;
    text-align: center;
    margin: 0 20px 25px 20px;
    font-size:122%;
    color: #cc0000
}





