@charset "UTF-8";


/* free_area
-----------------------------------------------------------*/
.free_area {
	width:570px;
	height: auto;
	margin:0 auto;
	text-align:left;
}


/* free_area_inner
-----------------------------------------------------------*/
.free_area_inner {
	width:550px;
	height: auto;
	margin:0 0 0 10px;
	float: left;
}


/* 共通
-----------------------------------------------------------*/
.box_large{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 50px 0;
}

.box_large h3{
	width:auto;
	height: auto;
	float: left;
	margin: 0 0px 20px 0;
	font-size: 1.7em;
	font-weight: bold;
	color:#185b89;
	line-height: normal;
}


.box_large2{
	width:510px;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 20px;
	background-color: #eee;
}

.box_large2 h4{
	width:510px;
	height: auto;
	float: left;
	margin: 0 0px 10px 0;
	font-size: 15px;
}


.application{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 0px 0;
	text-align: center;
	
}

.application:hover{
	filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
}


/* タイトル
-----------------------------------------------------------*/
.title_cloudfax{
	width:550px;
	height: auto;
	float: left;
	margin: 10px 0 40px 0;
}

.title_cloudfax img{
	width:550px;
	height: auto;
}


/* 紹介
-----------------------------------------------------------*/

.intro_cloudfax_l{
	width:350px;
	height: auto;
	float: left;
	margin: 0 20px 20px 0;
}


.intro_cloudfax_l p{
	width:350px;
	height: auto;
	float: left;
	margin: 0;
}

.intro_cloudfax_r{
	width:180px;
	height: auto;
	float: left;
	margin: 0 0 20px 0;
}

.intro_cloudfax_r img{
	width:180px;
	height: auto;
}

.intro_cloudfax_img{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
}

.intro_cloudfax_img img{
	width:550px;
	height: auto;
}



/* 動画デモ
-----------------------------------------------------------*/
.youtube{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0px 20px 0px;
}

/* クラウドFAXの主な機能
-----------------------------------------------------------*/

.function_intro{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 20px 0;
}

.function{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
}

.function li{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	background-color: #eee;
	list-style-type: none;
}

.function li p{
	width:250px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 10px;
	font-weight: bold;
}

.function_img{
	width:279px;
	height: auto;
	float: left;
	margin: 0 0px 0 0;
	background-color: #fff;
	text-align: center;
	padding: 9px 0px 9px 0px;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
}


/* 必要機器
-----------------------------------------------------------*/

.machine{
	width:550px;
	height: 20px;
	float: left;
	margin: 0px 0 0px 0px;
	font-size: small;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
}


/* 価格
-----------------------------------------------------------*/


.plane_l{
	width:350px;
	height: auto;
	float: left;
	margin: 0 20px 0px 0px;
	padding: 0;
}

.plane_r{
	width:180px;
	height: auto;
	float: left;
	margin: 0 0px 20px 0px;
	padding: 0;
}

.plane_r img{
	width:180px;
	height: auto;
}


.plane_l h4{
	width:350px;
	height: auto;
	float: left;
	margin: 0 0px 10px 0;
	font-size: 15px;
	color: #4c8b09;
	border-bottom: dotted 1px #ccc;
}

.plane_txt_1{
	width:330px;
	height: auto;
	float: left;
	padding: 0 0px 10px 20px;
}

.plane_txt_2{
	width:330px;
	height: auto;
	float: left;
	padding: 0 0px 10px 20px;
	font-size: 15px;
	font-weight: bold;
}

.plane_txt_3{
	width:330px;
	height: auto;
	float: left;
	padding: 0 0px 20px 20px;
}

/* コンセプト
-----------------------------------------------------------*/
.concept_txt{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 20px 0px;
}

.concept_txt2{
	width:550px;
	height: auto;
	float: left;
	text-align: right;
	margin: 0 0 20px 0px;
	font-size: smaller;
}
.concept_img_tl{
	width:530px;
	height: auto;
	float: left;
	margin: 0 0 10px 0px;
	background-color: #eee;
	font-size: small;
	padding: 5px 10px;
}

.concept_img{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 20px 0px;
}

.concept_img img{
	width:550px;
	height: auto;
}

.fax_ryo{
	width:510px;
	height: auto;
	float: left;
	margin: 0 0 20px 0px;
	background-color: #eee;
	padding: 20px 20px 10px 20px;
}

.fax_ryo a{
	color: #185b89;
}

.fax_ryo p{
	width:510px;
	height: auto;
	float: left;
	margin: 0 0 10px 0px;
}



/* 店舗案内
-----------------------------------------------------------*/

.store_txt{
	width:470px;
	height: auto;
	float: left;
	padding: 0 0 5px 20px;
}



.store_txt2{
	width:470px;
	height: auto;
	float: left;
	padding: 0 0 20px 20px;
}

.store_txt_box{
	width:380px;
	height: auto;
	float: left;
	padding: 0 0 0px 20px;
}



.store_txt3{
	width:380px;
	height: auto;
	float: left;
	padding: 0 0 5px 0px;
}

.store_txt3 a{
	color: #185b89;
}


.store_img{
	width:550px;
	height: auto;
	float: left;
	margin: 0 0 50px 0;
}

.store_img img{
	width:550px;
	height: auto;
}

.partner{
	width:80px;
	height: 69px;
	float: right;
}