@charset "utf-8";
/* CSS Document */

#top {
	background: url(../images/top/bg_contents.jpg);
}

/* wrapper
-----------------------------------------*/

#wrapper {
	background: url(../images/top/bg_main.jpg) no-repeat center top;
	padding-top: 25px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 2px 2px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 2px 2px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 2px 2px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 2px 2px rgba(10,2,4,0.4);
}

/* メインビジュアル
-----------------------------------------*/

.mainvisual {
	width: 1200px;
	margin: 0 auto 25px;
}


/* サブビジュアル
-----------------------------------------*/

#subvisual {
	width: 1100px;
	margin: 0 auto;
}

#subvisual div {
	float: left;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
}

#subvisual div a:hover,
#subvisual dl dd a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity70)";
}

#subvisual div.l_box {
	margin-right: 24px;
}

#subvisual dl {
	float: right;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
}

#subvisual dl dd {
	border-top: 1px #d5d5d5 solid;
}


/* コンテンツ
-----------------------------------------*/

#contents .section h2 {
	margin-bottom: 23px;
}

/*　導入をご検討のお客様　*/

#contents .introduction {
	margin-bottom: 40px;
}

#contents .introduction ul li {
	float: left;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
}

#contents .introduction ul li a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity70)";
}

/*　お知らせ　*/

#contents .news {
	margin-bottom: 40px;
}

#contents .news h2 {
	float: left;
}

#contents .news .list {
	float: right;
}

#contents .news ul {
	clear: both;
	background: #fffef5;
	padding: 20px 30px;
	box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
}

#contents .news ul li {
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}

#contents .news ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

#contents .news ul li dl {
	overflow: hidden;
}

#contents .news ul li dl .date,
#contents .news ul li dl .icon {
	float: left;
	margin-right: 20px;
}

#contents .news ul li dl .txt {
	padding-left: 190px;
}

/*　お客様サポート　*/

#contents .support {
	margin-bottom: 40px;
}

#contents .support ul li {
	float: left;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
}

#contents .support ul li a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity70)";
}

/*　時事ネタコラム　*/

#contents .column {
	background: #fff;
	box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-webkit-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-moz-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-o-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
	-ms-box-shadow: box-shadow: 0px 0px 5px rgba(10,2,4,0.4);
}

#contents .column a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity70)";
}