@charset "UTF-8";

/**
 * 下層共通スタイル
 */

/* ==========================================================================
   タイトル設定
   ========================================================================== */
   
#ttl{
	margin-bottom:30px;
	margin-left:9px;
}

/* タイトルの横にボタン
   ========================================================================== */

.ttlset{
	position:relative;
	zoom:1;
	
}
	.ttlbtn{
		position:absolute;
		right:0;
		top:-10px;
	}

/* ==========================================================================
   セクション
   ========================================================================== */

.section-all{
	padding-bottom:50px;
	padding-top:50px;
	width:100%;
}
.pdclear{
	padding-bottom:0;
	padding-top:0;
}
.section{
	margin:0 auto;
	width:1056px;
}

/* カラー設定
   ========================================================================== */
/*
.bg-blk{
	background-color:#1b1b1b;
}
*/
.bg-blk{
	background:url(../img/bg_wall.jpg) repeat top left;
}

.bg-lgry{
	background-color:#f5f5f5;
}
.bg-gry{
	background-color:#e9e9e9;
}
.bg-wht{
	background-color:#FFF;
}

/* ==========================================================================
   ボックス
   ========================================================================== */

/* 画像とテキスト横並び（テキストの回り込みなし）
   ========================================================================== */

/**
 * .item-img 内にテキストが入る場合は、
 * .item-img に width を設定する必要があります。
 */
 
.item-wrap,
.item-txt,
.item-img{
	overflow:hidden;
}
	.item-img.fr{
		margin-left:50px;
	}
	.item-img.fl{
		margin-right:50px;
	}

/* 導入事例
   ========================================================================== */

#casestudy-ttl{
	margin-bottom:19px;
}
#top-casestudy{
	margin-right:-9px;
	overflow:hidden;
	width:969px;
	
}
.casestudy-box{
	border:1px solid #dcdcdc;
	background-color:#FFF;
	float:left;
	margin-top:8px;
	margin-right:9px;
	padding:14px;
	width:445px;
	zoom:1;
}
	.casestudy-list{
		width:289px;
	}
	.casestudy-ttl{
		font-size:116%;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:7px;
	}
	.casestudy-box .item-img.fl{
		margin-right:15px;
	}
	.casestudy-detail{
	}
	.casestudy-detail dt,
	.casestudy-detail dd{
		font-size:85%;
		margin-top:3px;
	}
	.casestudy-detail dd{
		width:234px;
	}

/* ==========================================================================
   テキストサイズと行間
   ========================================================================== */

#contents .t11lh15{
	font-size:85%;
	line-height:1.36;
}
#contents .t11lh18{
	font-size:85%;
	line-height:1.64;
}
#contents .t13lh30{
	font-size:100%;
	line-height:2.3;
}

/* ==========================================================================
   テーブル
   ========================================================================== */

/* ストライプ
   ========================================================================== */

.stripe{
}

/* thが上 */
.tblcol{
	background-color:#FFF;
}
.tblcol td{
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:12px 14px;
}
.tblcol .line-none{
	border-right:none;
}
.tblcol tr.even td{
	background-color:#FFF;
}

/* ドットライン
   ========================================================================== */

.dot-tbl{
	width:100%;
}
	.dot-tbl th{
		font-weight:bold;
	}
	.dot-tbl th,
	.dot-tbl td{
		border-bottom:1px dotted #ababab;
		padding:6px 0 5px 10px;
		vertical-align:top;
	}

/* ==========================================================================
   form
   ========================================================================== */

/* キーワード、商品番号検索
   ========================================================================== */

.srch-keyword{
	position : relative ;
}
.srch-btn{
	display : block ;
	width : 39px ;
	height : 36px ;
	background : transparent url(../img/btn_search.gif) no-repeat top left ;
	text-indent : -9999px ;
	border : none ;
	position : absolute ;
	right : 0 ;
	top : 0 ;
}

#contents input.keyword {
	display : table-cell ;
	padding : 9px 49px 9px 11px;
	color : #aaaaaa; 
	border:solid 1px #cccccc;
	font-size:100%;
	/*height:24px;*/
	width:380px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background-color:#fff;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	min-height:14px;
	
-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
   -moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
        box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset; 
}
#contents .keyword.on{
	background-color: #e5e5e5;
	color:#151515;
}

/* ==========================================================================
   リスト
   ========================================================================== */

/* 矢印アイコンリスト
   ========================================================================== */
   
.arrowlist li{
	background:url(../img/snav_arrow.gif) no-repeat left 5px;
	margin-top:5px;
	padding:0 0 0 14px;
}

td .arrowlist{
	margin-top:-5px;
}

/* 矢印アイコン、ドットラインリスト
   ========================================================================== */
   
.ardotlist li{
	background:url(../img/snav_arrow.gif) no-repeat 9px 10px;
	border-bottom:1px dotted #ababab;
	padding:5px 0 5px 21px;
}

/* ==========================================================================
   for PIE.htc
   ========================================================================== */
   
.pie{
	behavior: url(/common/css/PIE.htc);
	position:relative;
	zoom:1;
}


/* ==========================================================================
   フォーム
   ========================================================================== */
   
.form .form-inner{
	width: 900px;
	border: 1px solid #E5E5E5;
	padding: 25px 20px;
}
.form .form-inner table{
	table-layout: fixed;
	margin: 0 60px 23px 60px;
	width: 780px;
}
.form .form-inner table th{
	width: 240px;
	border-bottom: 1px solid #E5E5E5;
	padding: 15px 10px;
	font-size: 108%;
}
.form .form-inner table th span{
	padding: 8px 0 8px 74px;
}
.form .form-inner table th span.required{
	background: url(../img/required.gif) no-repeat left center;
}


.form .form-inner table td{
	width: 500px;
	border-bottom: 1px solid #E5E5E5;
	padding: 20px 10px;
}
.form .form-inner h2{
	padding: 5px 0 30px 30px;
}

.form input[type=text],
.form select ,
.form textarea{
	padding: 10px 11px 10px 11px;
	margin: 2px 0px ;
	color: #aaaaaa;
	border: solid 1px #cccccc;
	font-size: 100%;
	width: 393px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	min-height: 14px;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
	-moz-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
	box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
}
.form input.on,
.form textarea.on {
	background-color: #e5e5e5;
	color: #151515;
}

.form .error{
	width: 720px;
	margin: 0 60px;
	padding: 10px 30px;
	background-color: #F8D9D9;
	border: 1px solid #EBA399;
}
.form #error li{
	margin: 7px 0;
	color: #CC1800;
	font-weight: bold;
}

.form .footer{
	margin-top: 20px;
	width: 940px;
	text-align: center;
}

.form .button-wrap{
	margin-top: 41px;
}
.form .button-wrap p{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

/* 個人情報保護方針 */
.form form div.privacy_policy{
	margin-top: 20px;
	width: 780px;
	height: 200px;
	overflow-y: scroll;
	border: none;
	padding: 20px 80px;
	border: 1px solid #E5E5E5;
	background-color: #F9F9F9;
	line-height: 1.8em;
}

/* ==========================================================================
   404エラー
   ========================================================================== */
.error404-wrap{
	text-align: center;
	position: relative;
	width: 700px;
	height: 500px;
	margin: 0 auto;
}
.error404-wrap img{
	position: absolute;
	top: 0;
	left: 0;
}