@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
a:focus { -moz-outline-style: none; }

#bg {
	width:880px;
	height:100%;
	margin:0 auto 0 auto;
	padding-left:8px;
	padding-right:8px;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-y;
	}

#head {
	width:880px;
	height:100%;
	margin-bottom:5px;
	}
#head h1{
	color:#999999;
	font-size:11px;
	font-weight:normal;
	float:right;
	padding:3px;
	}
#head .siryo img{
	width:187px;
	height:49px;
	margin-top:82px;
	margin-left:683px;
	}
		
.bt table{
	border:0;
	width:880px;
	height:56px;
	padding-top:2px;
	padding-bottom:4px;
	}
	
/*------------------contents---------------------------------*/
#contents {
	float:left;
	width:670px;
	}
#catch {
	width:670px;
	text-align:center;
	margin-bottom:15px;
	}
#fea {
	width:670px;
	text-align:center;
	margin-bottom:10px;
	}
#icon {
	width:650px;
	text-align:center;
	margin-bottom:30px;
	}
#icon table{
	margin-bottom:10px;
	}
#catch2 {
	width:670px;
	text-align:center;
	margin-bottom:4px;
	}
#contents h4 {
	padding-left:50px;
	}
/*----------------高機能メール--------------------*/
/*-----------------多彩な検索-------------------------------*/	
#mail {
	width:670px;
	margin-top:20px;
	margin-bottom:30px;
	}
#mail .left {
	width:320px;
	padding-left:20px;
	float:left;
	}
#mail td {
	text-align: center;
	font-size:10px;
	color: #787878;
	padding-bottom:3px;
	}
#mail .right {
	width:310px;
	padding-left:10px;
	padding-right:10px;
	float:right;
	text-align:center;
	}

/*-----------------簡単操作設定-----------------------------*/
#easy {
	width:670px;
	margin-top:20px;
	margin-bottom:30px;
	}
#easy .left {
	width:320px;
	padding-left:20px;
	float:left;
	text-align:center;
	}
#easy td {
	text-align: center;
	font-size:11px;
	color: #787878;
	padding-bottom:3px;
	}
#easy .right {
	width:320px;
	padding-right:10px;
	float:right;
	text-align:center;
	}

/*-----------------フロー------------------------------------*/	
#flow {
	width:670px;
	margin-top:20px;
	margin-bottom:30px;
	}
#flow td {
	vertical-align:top;
	padding-bottom:30px;
	}
	
/*------------------料金------------------------------------*/
#pri {
	margin-bottom:80px;
	}
#pri table{
	 border-width:2px;
	 border-color:#cccccc;
	 border-style: solid;
	 border-collapse:collapse;
	 width:600px;
	 margin-left:10px;
	 margin-top:3px;
	 margin-bottom:20px;
	 text-align:center;
	}
#pri td{
    border-width:2px;
    border-color:#cccccc;
    border-style:solid;
    padding:2px 4px;
}

#pri .pri_a td{
	background-color:#003399;
	color:#FFFFFF;
	font-weight:600;
	font-size:11px;
	padding-top:5px;
	padding-bottom:3px;
	}
#pri .pri_b td{
	color:#666666;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	}	

/*--------------------free----------------------------------*/
#free table{
	width:600px;
	height:360px;
	background-image:url(../img/sp102.jpg);
	}
#free td{
	text-align: center;
	text-justify:distribute;
	vertical-align: bottom;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	color:#454545;
	font-size:12px;
	line-height:130%;	
	}

#after {
	width:670px;
	height:360px;
	margin-top:30px;
	}
#after .left {
	width:320px;
	padding-left:50px;
	float:left;
	}
#after td {
	text-align: center;
	font-size:11px;
	color: #787878;
	padding-bottom:3px;
	}
#after .right {
	width:300px;
	float:right;
	}
#after .right table{
	width:240px;
	height:220px;
	margin-top:20px;
	background-image:url(../img/after_back.jpg);
	background-repeat:no-repeat;
	}
#after .right p{
	text-align:justify;
	text-justify:distribute;
	vertical-align:top;
	padding-left:16px;
	padding-right:16px;
	color:#454545;
	font-size:11px;
	line-height:120%;
}	
	
/*----------------------スタンダード------------------------*/	
#stan {
	margin-top:30px;
	margin-bottom:20px;
	}
#stan table{
	 border-width:2px;
	 border-color:#cccccc;
	 border-style: solid;
	 border-collapse:collapse;
	 width:600px;
	 margin-left:10px;
	 margin-top:3px;
	 margin-bottom:3px;
	 text-align: center;
	}
#stan td{
    border-width:2px;
    border-color:#cccccc;
    border-style:solid;
	text-align: center;
	vertical-align: bottom;
	font-size:12px;
	color:#666666;
	line-height:120%;
	}
#stan .plan_b{
	text-align:left;
	vertical-align:top;
	text-align:justify;
	text-justify:distribute;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:4px;
	}
#stan .plan_c {
	vertical-align:bottom;
	text-align:left;
	padding-bottom:3px;
	padding-left:15px;
	font-size:12px;
	}
	
/*-----------------ケース------------------------------------*/
#case {
	width:640px;
	margin-left:10px;
	margin-bottom:10px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	}
#case table {
	margin-top:10px;
	margin-bottom:10px;
	border:0;
	}
#case td {
	border:0;
	border-collapse: collapse;
	padding:3px;
	}
#case td.photo {
	width:200px;
	text-align:left;
	}
#case td.case_data {
	padding-top:5px;
	width:440px;
	vertical-align:top;
	}
#case td h3 {
	font-size:18px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #003399;
	margin-bottom:10px;
	letter-spacing:1px;
	}
#case td.case_data p {
	line-height:130%;
	letter-spacing:1px;
	font-size:14px;
	color:#333333;
	margin-bottom:20px;
	}
	
	

/*--------------------font設定-------------------------------*/
.fs1 {
	width:600px;
	font-size:12px;
	color:#333333;
	padding-left:40px;
    text-align:justify;
    text-justify:distribute;
	line-height:120%;
	letter-spacing:2px;
	}
.fs2 {
	text-align:left;
	font-size:11px;
	color:#676767;
	padding-left:13px;
	padding-right:16px;
	letter-spacing:0.1em;
	}
.fs3 {
    text-align:justify;
    text-justify:distribute;
	font-size:12px;
	color:#454545;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:10px;
	line-height:130%;
	}
.fs4 {
    text-align:justify;
    text-justify:distribute;
	font-size:12px;
	color:#454545;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
	line-height:130%;
	}
.fs5 {
	font-size:12px;
	color:#333333;
	padding-left:10px;
	padding-top:5px;
    text-align:justify;
    text-justify:distribute;
	line-height:120%;
	letter-spacing:2px;
	}
.fs6{
	color:#FF3333;
	font-size:24px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	}
.fs7 {
	text-align:left;
	font-size:11px;
	color:#676767;
	padding-left:45px;
	padding-right:16px;
	line-height:112%;
	}
.fs8 {
	text-align:right;
	color:#454545;
	font-size:12px;
	padding-right:30px;
	}
.fs9 {
	padding-top:3px;
	padding-bottom:5px;
	color:#454545;
	font-size:14px;
	font-weight:900;
	letter-spacing:1px;
	}
.fs10{
	color:#454545;
	padding-top:5px;
	font-size:12px;
	line-height:135%;
	letter-spacing:1px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

#rtrn {
	font-size:12px;
	text-align:right;
	padding-right:10px;
	padding-top:20px;
	}	
/*------------------side-------------------------------------*/
#side {
	width:210px;
	float:right;
	}	
#call {
	width:210;
	text-align: center;
	margin-bottom:20px;
	}
#demo {
	width:210;
	text-align: center;
	margin-bottom:20px;
	}
#agen {
	width:210;
	text-align: center;
	margin-bottom:20px;
	}
#sub {
	width:200px;
	height:195px;
	background-image:url(../img/sys_sub_back.jpg);
	background-repeat:no-repeat;
	margin-bottom:50px;
	}
#sub .sub1 table{
	margin-top:50px;
	}
#sub .sub1 td{
	text-align:center;
	}
.sub2 table{
	margin-top:31px;
	}
#sub .sub2 td{
	text-align:center;
	}
	
#sub2 {
	width:200px;
	height:220px;
	background-repeat:no-repeat;
	margin-bottom:50px;
	}
#sub2 table{
	 border-width:1px;
	 border-color: #0055bb;
	 border-style: solid;
	 border-collapse:collapse;
	 height:220px;
	}
#sub2 td{
	vertical-align:top;
	text-align:center;
	}

/*---------------------IE8用-----------------------------*/
head~/* */body #sub .sub1 table {
	margin-top:0px;
	padding-top:50px;
	}
/*---------------------IE8用-----------------------------*/

#clear {
	clear:both;
	}

/*-----------------foot_menu-----------------------------*/
#foot_menu {
	text-align:center;
	font-size:12px;
	color:#999999;
	margin-top:30px;
	margin-bottom:0;
	padding-bottom:5px;
	}	
#foot_menu a,#foot_menu a:link,#foot_menu a:hover,#foot_menu a:visited,#foot_menu a:active {
	text-decoration:none;
	color:#999999;
	}
#foot_menu .con {
	width:572px;
	height:120px;
	margin-bottom:40px;
	background-image:url(../img/con_foot.jpg);
	}
#foot_menu .con img{
	margin-top:48px;
	margin-left:285px;
	}
	
/*-------------foot-----------------------------------*/
#foot {
	width:880px;
	height:38px;
	margin:0 auto 0 auto;
	padding-left:8px;
	padding-right:8px;
	background-image: url(../img/foot.gif);
	background-repeat: repeat-y;
	}