@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* know css　*/
/*==================================================================*/
#know header nav .inner li.g-know a{
	background-position: -94px -76px;
}
#know header nav {
    border-bottom: 4px solid #d06404;
}
#know #main .bg-area{
	background:#d06404 url('../image/main_know.gif') no-repeat 42% 0;
}
#know .sub-t{
	width:960px;
	margin:0 auto;
}
#know .sub-t .sub-box{
	margin:0 0 30px 120px;
}
#know .sub-t .sub-box span{
	font-weight:bold;
}
#know .sub-t .sub-box em{
	color:#c10000;
}
.about{
	width:480px;
}
.about h2{
	padding:5px 10px;
	margin-bottom:15px;
	border-bottom:2px solid #ccc;
}
.about .overview{
	width:480px;
	float:left;
}
.about .overview .txt{
	width:280px;
	float:left;
}
.about .overview .txt p{
	margin-bottom:20px;
}
.about .overview p.fig-keiei{
	width:177px;
	float:right;
}
/* clear hack */
.about .overview{zoom:1;}
.about .overview:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

p.cloud-fig{
	width:330px;
	float:right;
}
/* clear hack */
.sub-t .sub-box{zoom:1;}
.sub-t .sub-box:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* clear hack */
.title-area{zoom:1;}
.title-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.obi{
	padding:20px;
	text-align:center;
	background:url('../image/bg_obi.gif') repeat 0 0;
	background-position:center;
}
.high{
	padding:15px 0 10px 0;
        margin-bottom:50px;
}
/*==================================================================*/
/* 瞬間くんクラウドの特徴　*/
/*==================================================================*/
.tokucho{
	padding:40px 0 20px 0;
	margin-bottom:60px;
	background:#fff7f0 url('../image/bg_tokutyo.png') no-repeat 50% 0;
}
.tokucho .tokucho-inner{
	width:960px;
	margin:0 auto;
}
.tokucho .tokucho-inner h3{
	width:645px;
	margin:0 auto 60px;
	text-align:center;
}
.tokucho .tokucho-inner .ex-box{
	margin-bottom:60px;
	border:3px solid #d06404;
	position:relative;
}
.ex-box p.short{
	position:absolute;
	top:-40px;
	left:260px;
}
.ex-box p.long{
	position:absolute;
	top:-40px;
	right:120px;
}
.ex-box dl.t-area{
	border-bottom:2px solid #ffe6cf;
}
.ex-box dl.t-area dt{
	width:60px;
	padding:5px;
	float:left;
	font-size:2em;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	text-align:center;
	background:#d06404;
}
.ex-box dl.t-area dd{
	width:894px;
	padding:5px 15px;
	float:left;
	background:#e78d3d;
	font-size:2em;
	color:#fff;
	font-weight:bold;
}
/* clear hack */
.ex-box dl.t-area{zoom:1;}
.ex-box dl.t-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.ex-box .naiyou{
	padding:15px 20px;
	background:#fff;
}
#know .ex-box .naiyou .txt-area{
	width:450px;
	float:left;
}
.ex-box .naiyou .txt-area .t-box{
	padding:15px 0 0 0;
	border-bottom:1px dotted #231815;
}
.ex-box .naiyou .txt-area .t-box h4{
	margin:0 0 10px 5px;
	padding-left:15px;
	font-size:1.2em;
	font-weight:bold;
	border-left:5px solid #d06404;
}
.ex-box .naiyou .txt-area p{
	padding:10px;
}
.ex-box .naiyou .txt-area p span{
	font-weight:bold;
}
.ex-box .naiyou .fig-area{
	width:415px;
	float:right;
	text-align:center;
}
/* clear hack */
.ex-box .naiyou{zoom:1;}
.ex-box .naiyou:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/*==================================================================*/
/* 社長！こんな悩みはありませんか？　*/
/*==================================================================*/
.nayami{
	width:960px;
	margin:0 auto 50px;
}
.nayami h3{
	margin-bottom:30px;
	text-align:center;
}
.nayami .inner-box{
	padding:30px 20px;
	border:1px solid #d2d2d2;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.13) -3px -5px 6px -4px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.13) -3px -5px 6px -4px;
	-moz-box-shadow:rgba(113, 135, 164, 0.13) -3px -5px 6px -4px;
	background:url('../image/bg_nayami.gif') repeat 0 0;
}
.nayami .inner-box dl{
	margin-bottom:20px;
}
.nayami .inner-box dt{
	width:53px;
	float:left;
}
.nayami .inner-box dd{
	width:850px;
	float:right;
	font-size:1.6em;
	line-height:1.6em;
}
.nayami .inner-box dd em{
	font-size:1.4em;
	color:#d00414;
	font-weight:bold;
	letter-spacing:-0.02em;
}
.nayami .inner-box dd em span{
	color:#000;
}
/* clear hack */
.nayami .inner-box dl{zoom:1;}
.nayami .inner-box dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.nayami .inner-box p{
	margin:0 0 30px 70px;
}
.nayami .inner-box p span{
	font-weight:bold;
}
/*==================================================================*/
/* 瞬間くんご利用プラン　*/
/*==================================================================*/
.plan{
	margin-bottom:60px;
	padding:50px 0;
	background:#eeece4;
}
.plan h3{
	margin-bottom:30px;
	font-size:3.5em;
	color:#463e20;
	text-align:center;
}