@charset "utf-8";

/* aboutサイドメニュー
------------------------------------------------- */

#wrapper_L p#menu11{
	padding:5px 5px 0px 0;
	background-color:#FA9A69;
}

#wrapper_L p#menu11 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about01.gif) no-repeat;
	display:block;
	width:205px;
	height:50px;
	text-indent:-9999px;

}

#wrapper_L p#menu11 a:hover{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about01_on.gif) no-repeat;

}

#wrapper_L p.on_11 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about01_on.gif) no-repeat !important;

}


#wrapper_L li#menu16 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about02.gif) no-repeat;

}

#wrapper_L li#menu16 a:hover{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about02_on.gif) no-repeat;

}

#wrapper_L li#menu17 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about03.gif) no-repeat;

}

#wrapper_L li#menu17 a:hover{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about03_on.gif) no-repeat;

}

#wrapper_L li#menu18 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about04.gif) no-repeat;

}

#wrapper_L li#menu18 a:hover{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about04_on.gif) no-repeat;

}


#wrapper_L li.on_16 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about02_on.gif) no-repeat !important;

}

#wrapper_L li.on_17 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/menu_about03_on.gif) no-repeat !important;

}

#wrapper_L li.on_18 a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about//menu_about04_on.gif) no-repeat !important;

}




/* frexCMSとは
------------------------------------------------- */

.about h2{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h2_about.jpg) no-repeat;

}


.about .floatL p{
	background:url(http://frexcms.com/assets/templates/frexcms/images/mark_circle.gif) no-repeat;
	padding-left:20px;
	width:330px;
	margin-top:10px;
	
}

.about .floatL p strong{

	color:#FF6600;
}

.btn_to_dl{

	text-indent:-9999px;
}

.btn_to_dl a{
	text-indent:-9999px;
	display:block;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/btn_to_dl.gif) no-repeat;
	width:285px;
	height:55px;
	margin-top:10px;

}

.btn_to_dl a:hover{

	background:url(http://frexcms.com/assets/templates/frexcms/images/about/btn_to_dl_on.gif) no-repeat;
}

.about .floatR{
	margin-top:10px;

}


/* frexCMSとは
------------------------------------------------- */

.feature h2{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h2_feature.jpg) no-repeat;

}


p.circle{
	background:url(http://frexcms.com/assets/templates/frexcms/images/mark_circle.gif) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

p.circle strong{
	color:#FF6600 !important;

}

p.circle strong a{
	color:#FF6600 !important;
	text-decoration:underline !important;

}

h3.feature01{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature01.gif) no-repeat;

}



.to_detail{
	text-align:right;
	margin-bottom:10px;

}

.to_detail a{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/mark_to_detail.gif) no-repeat;
	color:#FF6600 !important;
	text-decoration:underline !important;
	padding-left:20px;
	font-weight:bold;
}

.to_detail a:hover{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/mark_to_detail_on.gif) no-repeat;
	color:#999999 !important;
	text-decoration:underline !important;

}

h3.feature02{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature02.gif) no-repeat;

}

h3.feature03{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature03.gif) no-repeat;

}

h3.feature04{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature04.gif) no-repeat;

}

h3.feature05{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature05.gif) no-repeat;

}

h3.feature06{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature06.gif) no-repeat;

}

h3.feature07{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature07.gif) no-repeat;

}

h3.feature08{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_feature08.gif) no-repeat;

}



/* 導入効果
------------------------------------------------- */

.effect h2{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h2_effect.jpg) no-repeat;

}

h3.effect01{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_effect01.gif) no-repeat;

}

h3.effect02{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_effect02.gif) no-repeat;

}

h3.effect03{
	margin-top:10px;
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h3_effect03.gif) no-repeat;

}





/* 動作環境
------------------------------------------------- */

.environment h2{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h2_environment.jpg) no-repeat;

}


table.environment{
	border-top:solid 2px #CCCCCC;
	border-left:solid 2px #CCCCCC;
	width:675px;
}



table.environment th{
	border-right:solid 2px #CCCCCC;
	border-bottom:solid 2px #CCCCCC;
	width:100px;
	text-align:left;
	padding:5px;
	vertical-align:middle;
	color:#FF6600;
}

table.environment td{
	border-right:solid 2px #CCCCCC;
	border-bottom:solid 2px #CCCCCC;
	padding:5px;
}

/*---mobile---*/
.about h2 .mobileh2{
	background:url(http://frexcms.com/assets/templates/frexcms/images/about/h2_about.jpg) no-repeat;
	width:100px;
	height:50px;

}