@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  |
 *
--------------------------------------------------------------
*/


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

	Activities

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

/*	contents
------------------------------------------------------------*/
#contents dl {
	margin:0px 25px;
	padding-top:1.3em;
}

#contents dl dt { float:left; }

#contents dl dd {
	margin-bottom:1.3em;
	padding:0px 0px 1.3em 6.7em;
	border-bottom:1px solid #DDDDDD;
}
#contents dl dd .new {
	margin-left:0.5em;
	color:#C00;
	font-size:85%;
	font-weight:bold;
}

#contents .pagination { margin:0px 25px 3.0em; }

#contents .pagination li {
	float:right;
	padding-right:18px;
	background:url(/frsupport/images/common/arrow04.jpg) no-repeat right top;
}
#contents .pagination li:first-child {
	float:left;
	padding:0px 0px 0px 18px;
	background:url(/frsupport/images/common/arrow03.jpg) no-repeat left top;
}
 
#contents .pagination li.first-child { /*IE-expression (first-child) */
	float:left;
	padding:0px 0px 0px 18px;
	background:url(/frsupport/images/common/arrow03.jpg) no-repeat left top;
}
#contents .pagination li¡¡{ /* IE-expression (first-child) */
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
}
#contents .pagination li.top {
	float:none;
	text-align:center;
}


/*	detail
------------------------------------------------------------*/
.titArea {
	margin:0px 25px 1.5em;
	padding:1.3em 0px;
	border-bottom:1px solid #DDD;
}
.titArea h3 {
	float:left;
	font-size:144%;
	font-weight:bold;
}
.titArea p {
	float:right;
	padding-top:0.4em;
}
.back {
	margin:0px 25px 3.0em;
	text-align:center;
}
.back a {
	padding-left:18px;
	background:url(/frsupport/images/common/arrow03.jpg) no-repeat left top;
}


/*	kakikae
------------------------------------------------------------*/
#kakikae {
	margin:0px 25px 1.8em;
	padding-bottom:1.5em;
	border-bottom:1px solid #DDD;
}

/* ---------- ÎÄ×ÖÅäÖà ----------- */
#kakikae .left{
	width:100%;
	margin:0 auto;
	text-align:left;
}
#kakikae .center{
	width:100%;
	margin:0 auto;
	text-align:center;
}
#kakikae .right{
	width:100%;
	margin:0 auto;
	text-align:right;
}

/* ---------- ÎÄ×Ö×°ï— ----------- */
#kakikae strong { font-weight:bold; }

#kakikae em { font:bold italic 100% "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif; }


/* ---------- ÒŠ³ö¤· ----------- */
#kakikae h1{
	float:none;
	padding:0px;
	font-size:240%;
	line-height:1.5;
}
#kakikae h2{
	font-size:180%;
	line-height:1.5;
	margin:0;
}
#kakikae h3{
	font-size:140%;
	line-height:1.5;
}
#kakikae h4{
	font-size:120%;
	line-height:1.5;
}
#kakikae h5{
	font-size:100%;
	line-height:1.5;
}
#kakikae h6{
	font-size:100%;
	line-height:1.5;
}

/* ---------- ¥ê¥¹¥È ----------- */
#kakikae ol li{
	list-style:decimal;
	list-style-position:inside; 
}
#kakikae ul li{
	list-style:disc;
	list-style-position:inside; 
}

/* ---------- ¥¤¥ó¥Ç¥ó¥È ----------- */
#kakikae blockquote { padding-left:1em; }

/* ---------- ¥Æ©`¥Ö¥ë ----------- */
#kakikae table{ font-size:100%; }

/* ---------- ¾€ ----------- */
#kakikae hr{ display:block; }

/* ---------- ¥ì¥¤¥¢¥¦¥È¥Æ¥ó¥×¥ì©`¥È ----------- */
.temp01{
	float:left;
	padding-right:10px;
}
.temp02{
	float:right;
	padding-left:10px;
}



/* ---------- publications ----------- */

.publications{
	width: 870px;
	margin: 0 auto 40px auto;
}

	.publications .box01{
		width: 404px;
		border: 1px solid #ddd;
		padding: 12px 8px 16px 14px;
		margin: 0 0 15px 0;
	}
	
		.publications .box01 .text{
			width: 160px;
			float: left;
			padding: 10px 0 0 0;
		}
			
			.publications .box01 .text h4{
				background-image:url(/frsupport/images/common/hl_bg03.gif);
				background-repeat: no-repeat;
				font-size: 114%;
				padding: 0px 0 0 12px;
				background-position:0px 2px;
				font-weight: bold;
				margin: 0 0 15px 0;
			}
			
			.publications .box01 .text p{
				color: #D86478;
				font-weight: bold;
			}
		
		.publications .box01 .image{
			width: 236px;
			float: right;
		}
	
	.publications .left{
		float: left;
	}

	.publications .right{
		float: right;
	}
	
	.publications .btnBox{
		clear: both;
		background-image: url(/frsupport/images/common/inquiry_bg01.gif);
		padding: 5px;
	}
	
		.publications .btnBox .innerBox{
			background-color:#fff;
			padding: 18px 10px 18px 20px;
		}
		
			.publications .btnBox .innerBox p{
				width: 560px;
				float: left;
			}
			
			.publications .btnBox .innerBox a{
				display: block;
				width: 240px;
				float: right;
				margin: 5px 0px 0px 0px;
			}