@charset "utf-8";

h2 {
	width:1050px;
	border-bottom:solid 2px #d1c0a5;
	margin: 50px auto 40px auto;
	padding-bottom: 5px;
	font-size: 30px;
	font-weight: normal;
}

h3 {
	padding-bottom: 30px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	line-height: 120%;
}

/* Common */
.clear {
	clear:both;
	display:inline-block;
}

.left {float:left;}

.contentsBox {
	width:850px;
	padding-bottom: 40px;
}

.colorBgBox {
	padding:20px 30px;
	margin-bottom: 40px;
	background:#f3efea;
	line-height: 160%;
	}

.demo {
	width:850px;
	padding:30px 0;
	margin-bottom: 50px;
	background:#f3f0eb;
	text-align: center;
}

.demoBottom {
	padding-bottom: 40px;
	text-align: center;
}

.border_bd {
	border-bottom: 1px dotted #555555;
	margin-bottom: 40px;
}

.border_pt {
	border-top: 1px dotted #555555;
	padding-top: 40px;
}

.imgBorder {
	border:solid 1px #d2d2d2;
}

.txtCenter {
	padding-bottom: 40px;
	text-align: center;
	line-height: 140%;
}

.smallTxt {
	font-size: 0.8em
}

.overflow {
	overflow:hidden;
}

.paddingbottom {
	padding-bottom: 40px;
}

.margintop {
	margin-top: 40px;
}

.textLine {
	line-height: 140%;
}

.center {
	text-align: center;
}

ul.checklist {
	width:600px;
	float:right;
}

	ul.checklist li {
		background:url(../img_com/listcheck.gif) no-repeat;
		padding-left: 35px;
		padding-bottom: 20px;
		line-height: 170%;
		list-style: none;
	}

/* Scene */
ul.sceneBox {
	padding:30px 30px 20px;
	margin-bottom: 40px;
	background:#f3efea;
}

	ul.sceneBox li {
		background:url(../img_com/circle.gif) no-repeat;
		list-style: none;
		padding-left: 30px;
		padding-bottom: 10px;
		line-height: 160%;
	}

ul.sceneBox_ac {
	background:#f3efea;
	padding-left: 10px;
}

	ul.sceneBox_ac li {
		background:url(../img_com/circle.gif) no-repeat;
		list-style: none;
		padding-left: 30px;
		padding-bottom: 10px;
		line-height: 160%;
	}

/* demo image */
.demoImg {
	width:760px;
	margin:0 auto;
	padding-bottom: 50px;
	overflow: hidden;
}

.demoImg div {
		float: right;
		width:480px;
		padding:0 30px;
		_padding:0 25px;
	}

	.demoImg img {margin-bottom: 10px; border:solid 4px #b4d44b; float:left;}
	.demoImg a:link img{border:solid 4px #b4d44b;}
	.demoImg a:visited img{border:solid 4px #b4d44b;}
	.demoImg a:hover img{border:solid 4px #d2d2d2;}

.demoImg h5 {color: #8ec713; padding-bottom: 10px; line-height:140%; font-weight:normal; font-size: 1.2em;}
.demoImg p {line-height: 140%;}

.greenTitle {color: #8ec713; padding-bottom: 10px; line-height:140%; font-weight:normal; font-size: 1.2em; padding-left: 20px;}

/* Accordion */
.accordion_box {
	padding-bottom: 40px;
}

/* 納品物リスト */
.completBox {
	width:730px;
	float:right;
	padding-bottom: 40px;
}

.completBox h5 {color: #8ec713; padding-bottom: 10px;}
.completBox p {line-height: 140%;font-size: 0.8em;}

/* こんなシーンタイトル */
.sceneSubtitle {
    padding:20px 0 20px 20px;
    background:#d1c0a5 url(../../img_com/open.gif) right no-repeat;
    color: #666;
    cursor:pointer;
}

	.nouhin a:link img{border:solid 4px #b4d44b;}
	.nouhin a:visited img{border:solid 4px #b4d44b;}
	.nouhin a:hover img{border:solid 4px #d2d2d2;}

/* -------------------------
初めての方へ
------------------------- */
.intro_box {
	width:1050px;
	margin:0 auto 30px;
	/*background: #333;*/
}

.intro_main {
	width: 1050px;
	height: 269px;
	margin-bottom:50px;
	padding-top: 80px;
	text-align: center;
	background: url(../intro/img/start_bg.jpg) no-repeat;
}

ul.intro_navi {
	text-align: center;
}

	ul.intro_navi li {display: inline-block; padding: 0 35px;}
	ul.intro_navi li a:hover {
		position: relative;
		top: -20px;
	}


/* ご要望にあった */

.intro_txtCenter {
	text-align: center;
	line-height: 1.5em;
}

	.intro_txtCenter p {
		padding-bottom: 50px;
	}

/* デモ画面を触ってみよう */
.intro_demo {
	width:962px;
	height:465px;
	padding-left: 88px;
	padding-top:80px;
	margin-bottom: 50px;
	background: url(../intro/img/start_demo.jpg) no-repeat;
	text-align: left;
	line-height:1.5em;
}

h3.intrdemo {
	text-align: left;
}

.intro_overflow {
	overflow: hidden;
}

.intro_point {
	width: 220px;
	height: 71px;
	margin-top: 40px;
	padding-left: 145px;
	padding-top: 63px;
	background: url(../intro/img/intro_point.png) no-repeat;
	font-size: 0.75em;
	line-height: 1.5em;
}

/* ランキング */
.intro_rank {
	padding: 0 150px;
	/*background: #999;/* 後で削除 */*/
}

	.intro_rank .title {
		text-align: center;
		padding-bottom: 30px;
	}

ul.intro_list {
	padding-bottom: 30px;
}
	
	ul.intro_list li {
		padding-bottom: 8px;
		list-style: none;
	}

	ul.intro_list li.number1 {
		padding-left: 60px;
		padding-top: 10px;
		color: #c3b123;
		background: url(../intro/img/number1.jpg) no-repeat;
		font-size: 2em;
	}

		ul.intro_list li.number1 span {font-size: 0.5em;}

	ul.intro_list li.number2 {
		padding-left: 60px;
		padding-top: 5px;
		background: url(../intro/img/number2.jpg) no-repeat;
		font-size: 1.5em;
	}

		ul.intro_list li.number2 span {font-size: 0.7em;}

	ul.intro_list li.number3 {
		padding-left: 60px;
		padding-top: 5px;
		background: url(../intro/img/number3.jpg) no-repeat;
		font-size: 1.5em;
	}

		ul.intro_list li.number3 span {font-size: 0.7em;}

/*　おすすめボックス　*/
.demo_osusume {
	padding: 10px 10px 7px;
	margin-bottom:20px; 
	border-bottom:dotted 1px #999;
	font-weight: bold;
	background:#DDDDDD;
}

ul.demo_osusume_list {
	padding-left:10px;
}

	ul.demo_osusume_list li{padding-bottom: 20px;list-style: none;}
	ul.demo_osusume_list li span{font-size:0.9em;}

/*　事例集　*/
.jireiTitle {
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:dotted 1px #999;
	text-align:left;
	font-size:1.3em;
}

.jireiTitle2 {
	margin-bottom:10px;
	color:#a0ca2e;
	font-weight:normal;
	line-height:1.2em;
}

	.jireiTitleLine {
		width:20px;
		height:7px;
		margin-right:5px;
		float:left;
		border-bottom:solid 3px #a0ca2e;
		display:block;
	}

.jireiBox {
	margin-bottom:100px;
	overflow:hidden;
}

	.jireiImgBox {
		width:250px;
		float:left;
	}

	.jireiTxtBox {
		width:560px;
		float:right;
	}

	.jireiTxtBox p {
		padding-bottom:30px;
		line-height:1.5em;
		font-size:0.9em;
	}

/*----------------------------------
ボタン
----------------------------------*/
/* ボックス */
.LinkBox {
	overflow: hidden;
	padding-bottom: 80px;
	margin-top: -80px;
}

/* 1カラム */
.LinkBoxCol1 {
	width: 350px;
	margin: auto;
}

/* 2カラム */
.LinkBoxCol2 {
	width: 350px;
	margin:0 37px;
	float: left;
}

/* ボタン */
.linkButton a:link,
.linkButton a:visited {
	width: 100%;
	padding: 20px 0;
	border: solid 3px #c1e560;
	text-align: center;
	display: block;
	text-decoration: none;
	background:#a0ca2e;
	color: #FFF;
	transition:background-color 0.5s linear 0.3s;
}

.linkButton a:hover {
	width: 100%;
	padding: 20px 0;
	border: solid 3px #c1e560;
	text-align: center;
	display: block;
	text-decoration: none;
	background:#6d8e12;
	color: #FFF;
}


/*----------------------
Schedule
-----------------------*/
.scheduletxt {
	padding-bottom: 30px;
	text-align: center;
	font-size: 0.9em;
}