@charset "UTF-8";

/*------------------------------------------------
  全般設定
 -----------------------------------------------*/

body {
	font: 100% Verdana,Arial,"リュウミン Pro","ＭＳ Ｐ明朝",sans-serif;
	letter-spacing:1px;
	line-height:1.7;
	color:#444444;
	text-align:center;
	background-color:#FFF;
}

a:link{
	color:#37a9e1;
}

a:visited{
	color:#37a9e1;
}

a:hover{
	color:#f75600;
}

a:active{
	color:#f75600;
}

.clear {
	clear:both;
}

.right {
	float:right;
}
.left {
	float:left;
}
.center {
	text-align:center;
}

.underline {
	text-decoration:underline;
}

.red {
	color:#FF5F5F;
}
.blue {
	color:#20C9C9;
}

.bold {
	font-weight:bold;
}

.size110 {
	font-size:110%;
}
.size120 {
	font-size:120%;
}
.size130 {
	font-size:130%;
}
.size200 {
	font-size:200%;
}

.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt50 {
	margin-top:50px;
}

.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb50 {
	margin-bottom:50px;
}

.mr10 {
	margin-right:10px;
}
.mr20 {
	margin-right:20px;
}
.mr30 {
	margin-right:30px;
}

.ml10 {
	margin-left:10px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.alignLeft {
	text-align:left;
}
/*-----------------------------------------
　ページ全体のブロック
-----------------------------------------*/
#container {
	width:100%;
	margin:0 auto;
	padding:0px 0px;
	text-align:center;
	position:relative;
}



/*-----------------------------------------
　ヘッダエリア
-----------------------------------------*/
#header {
	width:100%;
	height:155px;
	background:url(../img/bg_headerTop.png) repeat-x;
	padding-top:13px;
}
#header-inner {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#mainimage {
	margin-top:-27px;
}

	

/*-----------------------------------------
　コンテンツ
-----------------------------------------*/
#contents {
	width:960px;
	margin:0px auto;
	padding:0px 0px;
}
#contents h1{
	text-align:left;
}



/*-----------------------------------------
　各パーツ
-----------------------------------------*/

.strong01 {
	background:url(../img/bg_strong01.png) no-repeat;
	height:203px;
	text-align:left;
	padding:10px 20px;
	margin-top:20px;
}
.strong01 h2 {
	margin-left:90px;
	font-size:170%;
	color:#FF5F5F;
	font-weight:bold;
}
.strong01 p {
	margin-top:20px;
	width:75%;
}
.strong01 p.attention {
	margin-top:10px;
	font-size:90%;
}

.strong02 {
	background:url(../img/bg_strong02.png) no-repeat;
	height:203px;
	text-align:left;
	padding:10px 20px;
	margin-top:20px;
}
.strong02 h2 {
	margin-left:90px;
	font-size:170%;
	color:#FF5F5F;
	font-weight:bold;
}
.strong02 p {
	margin-top:20px;
	width:75%;
}
.strong02 p.attention {
	margin-top:10px;
	font-size:90%;
}

.strong03 {
	background:url(../img/bg_strong03.png) no-repeat;
	height:203px;
	text-align:left;
	padding:10px 20px;
	margin-top:20px;
}
.strong03 h2 {
	margin-left:90px;
	font-size:170%;
	color:#FF5F5F;
	font-weight:bold;
}
.strong03 p {
	margin-top:20px;
	width:75%;
}
.strong03 p.attention {
	margin-top:10px;
	font-size:90%;
}

.inquiry {
	background:url(../img/bg_inquiry.png) no-repeat;
	width:438px;
	height:132px;
	padding:130px 37px 128px 325px;
	margin:50px auto 50px auto;
}

.simulation {
	border-bottom:3px solid #47D2D2;
	border-left:3px solid #47D2D2;
	border-right:3px solid #47D2D2;
	padding:50px 0;
}
.simulation h2 {
	text-align:center;
	background:#CFF3F3;
	color:#666;
	font-size:150%;
	padding:10px 0;
}
.simulation p.h2top {
	color:#666;
}
.simulation table {
	margin:50px 20px;
	text-align:left;
}
.simulation table th {
	width:20%;
	padding:10px;
	font-size:120%;
}
.simulation table td.input {
	width:35%;
	padding:10px;
	font-size:120%;
}
.headline {
	background:url(../img/bg_headline.png) no-repeat;
	padding:0 0 20px 30px;
	margin-top:100px;
	text-align:left;
	font-size:120%;
}
.backblue {
	background:#ECFDF8;
	padding:10px 20px;
}
.backred {
	background:#FBDFDF;
	padding:10px 20px;
}

table.siyou {
	width:60%;
	border:1px solid #ccc;
	font-size:90%;
}
table.siyou th {
	width:20%;
	background:#21C9C9;
	text-align:center;
	padding:5px 10px;
	color:#FFF;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
}
table.siyou td {
	width:80%;
	text-align:left;
	padding:5px 20px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.company {
	width:80%;
	border:1px solid #ccc;
	font-size:90%;
	margin:30px auto;
}
table.company th {
	width:20%;
	background:#21C9C9;
	text-align:center;
	padding:5px 10px;
	color:#FFF;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
}
table.company td {
	width:80%;
	text-align:left;
	padding:5px 20px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

.pse {
	background:url(../img/bg_pse.png) no-repeat;
	height:152px;
	text-align:left;
	padding:5px 20px 10px 20px;
	margin-top:20px;
}
.pse p.title {
	color:#FFF;
}

.pse p.sentence {
	margin-top:10px;
}

.pl {
	background:url(../img/bg_pl.png) no-repeat;
	height:122px;
	text-align:left;
	padding:5px 20px 10px 20px;
	margin-top:20px;
}
.pl p.title {
	color:#FFF;
}

.pl p.sentence {
	margin-top:10px;
}



/*-----------------------------------------
フッターエリア
-----------------------------------------*/

#footer {
	background:#9FE8E8;
	width:100%;
	height:20px;
	padding:10px 0px;
	margin-top:200px;
}
#footer-inner {
	width:960px;
	margin:0 auto;
}

#footer p{
	color:#333;
	font-size:80%;
	text-align:right;
}
#footer a.order {
	float:left;
	font-size:80%;
}
#footer a:hover{
	text-decoration:underline;
}

#footer a {
	text-decoration:none;
	color:#333;
}



/*-----------------------------------------
トップへ戻るボタン
-----------------------------------------*/

.backtotop {
    position: fixed;
    right: 15px;
    z-index: 9000;
    display: none;
	/float:right;
	
}    

.backtotop a {
    display: block;
    color: #777777;
    padding: 31px 6px;
    margin: 0;
    background:url(../img/bg_gotop.png) no-repeat;
	width:40px;
	height:40px;
	text-indent:-9999px; 
}

.backtotop a:hover {
    background:url(../img/bg_gotop_on.png) no-repeat;
}

/*--浮き出てくるメニュー--*/
p.gotop{
	width: 100%;
	height:137px;
    position: fixed;
    text-align:center;
	background:url(../img/bg_backtop.png) repeat-x;
}
p.gotop a{
    width: 100%;
    height: 137px;
    display: block;
	background:url(../img/bg_backtop.png) repeat-x;
}



/*------------------------------------------------
  診断フォーム
 -----------------------------------------------*/

.diagnosis{
	cursor:pointer;
}

/*------------------------------------------------
  導入のメリット
 -----------------------------------------------*/
.merit {
	background:url(../img/bg_merit.png) no-repeat;
	width:960px;
	height:350px;
	text-align:left;
	padding-top:10px;
	margin:10px 0px;
}
.merit p.title {
	font-size:20px;
	color:#FF5F5F;
	font-weight:700;
	margin:0 0 10px 50px;
}
.merit p.title span{
	font-size:30px;
}
.merit p.nakami {
	margin-left:50px;
	font-size:14px;
}