@charset "utf-8";

/*====================================================
■ボディ設定
======================================================*/
*{margin: 0;padding: 0;}
body{
	/*-------------------背景イメージ-------------------*/
	background:#FFFFFF;
	
	/*-------------------行揃え-------------------*/
	text-align:center;
	
	/*-------------------パディング-------------------*/
	/*-------------------上、右、下、左-------------------*/
	margin: 0px 0px 0px 0px;
}

/*====================================================
■基本設定
======================================================*/
div, td {
	font-size: 12px;line-height: 18px;
	color: #6D6D6D;
	font-family: "ＭＳ Ｐゴシック","Osaka";
	font-weight: normal;
	word-break: break-all;
	text-align:left;
}

th {
	font-size: 12px;line-height: 18px;
	color: #6D6D6D;
	font-family: "ＭＳ Ｐゴシック","Osaka";
	font-weight: bold;
	word-break: break-all;
	text-align:left;
}

img{
	border: 0px;
	vertical-align:top;
}

ul li {
	list-style:none;
}

/*====================================================
■リンク設定
======================================================*/
A:link{
	color: #0099F1;text-decoration:underline;
}
A:visited {
	color: #0099F1;text-decoration:underline;
}
A:hover {
	color: #0099F1;text-decoration:none;
}
A:active {
	color: #0099F1;text-decoration:none;
}

/*====================================================
■フォーム関連
======================================================*/
INPUT, SELECT, TEXTAREA{
	border: 1px solid #CECECE;
	color: #6D6D6D;background: #FFFFFF;
	font-size: 12px;line-height: 16px;
}
#form_grey{
	background: #666666;
}
.none_line{
	border: 0px;
}
.form-100per{
	width:100%;
}

/*====================================================
■コーディングクラス
======================================================*/

/*-------------------汎用クラス-------------------*/
.clear{ clear: both; visibility: hidden; height: 0;}
.clear hr { display:none; }

.left {
	float:left;
}
.right {
	float:right;
}

#main{
	width:840px;
	margin:16px auto 0px auto;
	text-align:center;
}

#main_in{
	width:820px;
	padding:0px;
	margin:0px auto;
}

#main_in_column{
	width:820px;
	padding:0px;
	margin:0px auto;
}

#main_in_column h4{
	display:inline;
	font-weight:normal;
}

#main_in_column p{
	background: url(../../column/img/ico_column.gif) no-repeat;
	padding-left:25px;
	margin-bottom:15px;
	font-size:120%;
	line-height:140%;
}

#main_in_column p strong{
	font-weight:normal;
}

.ttl {
	margin-bottom:18px;
}

.sttl {
	margin-bottom:13px;
}

.sttl2 {
	margin:20px 0px 13px 0px;
}

.ssttl {
	margin: 0px 20px 10px 0px;
}

.line_doted {
	background: url(../img/line_doted.gif) repeat-x;
	height:1px;
	margin:15px 0px;
	_margin:30px 0px 15px 0;/* IE6 */
	clear:both;
}

*:first-child+html .line_doted {/* IE7 */
	background: url(../img/line_doted.gif) repeat-x;
	height:1px;
	margin:30px 0px 15px 0;
	clear:both;
}

#btn_pagetop {
	width:109px;
	float:right;
	margin-top:15px;
}

#btn_pagetop2 {
	width:109px;
	float:right;
	margin-top:10px;
}

#bg_sttl {
	width:840px;
	height:34px;
	line-height:34px;
	background:url(../img/bg_sttl.gif) no-repeat;
	margin-bottom:13px;
	text-align:left;
	padding-left:20px;
}

#bg_sttl_column {
	width:840px;
	height:34px;
	line-height:34px;
	background:url(../../column/img/bg_sttl.gif) no-repeat;
	margin-bottom:13px;
	text-align:left;
	padding-left:20px;
}

#bg_sttl_short {
	width:577px;
	height:34px;
	line-height:34px;
	background:url(../img/bg_sttl_short.gif) no-repeat;
	margin-bottom:13px;
	text-align:left;
	padding-left:20px;
	_padding-left:19px; /* IE6 */
}

#bg_sttl_short2 {
	width:577px;
	height:34px;
	line-height:34px;
	background:url(../img/bg_sttl_short.gif) no-repeat;
	margin:30px 0px 13px 0px;
	text-align:left;
	padding-left:20px;
	_padding-left:19px; /* IE6 */
}

#bg_sttl2 {
	width:840px;
	height:34px;
	line-height:34px;
	background:url(../img/bg_sttl.gif) no-repeat;
	margin:30px 0px 13px 0px;
	text-align:left;
	padding-left:20px;
}


/*-------------------テーブルクラス-------------------*/

table {
	border-collapse:collapse;
	border-top:1px solid #CECECE;
	border-right:0px solid #CECECE;
	border-bottom:1px solid #CECECE;
	border-left:0px solid #CECECE;
}

td {
	border-top:1px solid #CECECE;
	border-right:0px solid #CECECE;
	border-bottom:1px solid #CECECE;
	border-left:0px solid #CECECE;
	padding:10px;
}

th {
	border-top:1px solid #CECECE;
	border-right:0px solid #CECECE;
	border-bottom:1px solid #CECECE;
	border-left:0px solid #CECECE;
	background:#FFF5EB;
	padding:10px;
	text-align:left;
}

td table {
	border:0px;
	padding:3px;
}

td td {
	border:0px;
	padding:3px;
}	

/*-------------------お問い合わせエリア-------------------*/
#bg_contact {
	width:820px;
	height:136px;
	background:url(../img/bg_contact.jpg) no-repeat;
	margin-top:25px;
	_margin-top:30px;/* IE6 */
}

#bg_contact_column {
	width:820px;
	height:80px;
	background:url(../../column/img/bg_contact_column.jpg) no-repeat;
	margin-top:25px;
	_margin-top:30px;/* IE6 */
}

*:first-child+html #bg_contact {/* IE7 */
	margin-top:30px;
}

#bg_contact div.text {
	width:395px;
	font-size:11px;
	color:#776753;
	float:right;
	margin:33px 36px 0px 0px;
	_margin:33px 18px 0px 0px;/* IE6 */
} 

#bg_contact_column div.text {
	width:500px;
	font-size:11px;
	line-height:110%;
	color:#556374;
	float:right;
	margin:20px 36px 0px 0px;
	_margin:33px 18px 0px 0px;/* IE6 */
}

#bg_contact div.text div {
	font-size:11px;
	color:#776753;
} 


#bg_contact_column div.text div {
	margin-top:5px;
	font-size:11px;
} 

A.contact:link{
	color: #776753;text-decoration:underline;
}
A.contact:visited {
	color: #776753;text-decoration:underline;
}
A.contact:hover {
	color: #776753;text-decoration:none;
}
A.contact:active {
	color: #776753;text-decoration:none;
}

A.contact_column:link{
	color: #556374;text-decoration:underline;
}
A.contact_column:visited {
	color: #556374;text-decoration:underline;
}
A.contact_column:hover {
	color: #556374;text-decoration:none;
}
A.contact_column:active {
	color: #556374;text-decoration:none;
}

#bg_contact div.btn {
	width:301px;
	height:69px;
	float:left;
	margin:36px 0px 0px 36px;
	_margin:36px 0px 0px 18px;/* IE6 */
} 

#bg_contact_column div.btn {
	width:211px;
	height:49px;
	float:left;
	margin:16px 0px 0px 36px;
	_margin:16px 0px 0px 18px;/* IE6 */
} 

/*-------------------お問い合わせエリア_インデックス-------------------*/
#bg_contact-index {
	width:577px;
	height:116px;
	background:url(../../index/img/bg_contact-index.jpg) no-repeat;
	margin-top:20px;
	_margin-top:40px;/* IE6 */
}

*:first-child+html #bg_contact-index {/* IE7 */
	margin-top:40px;
}

#bg_contact-index div.text {
	width:270px;
	font-size:11px;
	color:#776753;
	line-height:14px;
	float:right;
	margin:31px 20px 0px 0px;
	_margin:31px 10px 0px 0px;/* IE6 */
} 

#bg_contact-index div.btn {
	width:243px;
	height:55px;
	margin:30px 0px 0px 20px;
	_margin:30px 0px 0px 10px;/* IE6 */
	float:left;
} 


/*-------------------ベースの背景-------------------*/
#base_index{
	width:100%;
	padding:0px;
	margin:0px auto;
	background: url(../../index/img/bg_index.gif) repeat-x;
	text-align:center;
}

#base_column{
	width:100%;
	padding:0px;
	margin:0px auto;
	background: url(../../column/img/bg_column.gif) repeat-x;
	text-align:center;
}

#base{
	width:100%;
	padding:0px;
	margin:0px auto;
	background: url(../img/bg_common.gif) repeat-x;
	text-align:center;
}


/*-------------------コンテナクラス-------------------*/
#container{
	width:880px;
	padding:0px;
	margin:0px auto;
	background: #FFFFFFF;
	text-align:center;
}

/*-------------------メインビジュアルクラス-------------------*/
#mainvisual {
	width:800px;
	height:303px;
	margin-left:-3px;
	_margin-left:-443px; /* IE6 */
	position: absolute; top:123px;
	z-index: 0;
}

*:first-child+html #mainvisual {/* IE7 */
	margin-left:-443px;
}

/*-------------------ヘッダクラス-------------------*/
#bg_header{
	width:100%;
	height:84px;
	background: url(../img/bg_header.gif) no-repeat;
} 

#bg_header_column{
	width:100%;
	height:84px;
	background: url(../../column/img/bg_header.gif) no-repeat;
} 

.logo{
	padding:0px;
	margin:17px 20px 18px 21px;
	float:left;
}

.subcaption{
	padding:0px;
	margin:27px 0px 29px 0px;
	float:left;
}

/*-------------------ヘッダナビゲーションクラス-------------------*/
ul#hnavi{
	height:11px;
	float:right;
}

ul#hnavi li{
	margin:11px 10px 0px 0px;
	float:left;
}

/*-------------------ナビゲーションクラス-------------------*/
ul#pulldown-menu li  {
	float: left;
	position: relative;
	z-index: 1;	
}

/*------------------- 下層のメニューを不可視に -------------------*/
#pulldown-menu li ul {
	display: none;
	margin-top:-6px;
	_margin-top:0px;/* IE6 */
}

*:first-child+html #pulldown-menu li ul {/* IE7 */
	margin-top:0px;
}

/*------------------- 疑似要素 :hover で下層のメニューを可視に -------------------*/
#pulldown-menu li:hover ul {
	display: block;
	position: absolute;
	z-index: 2;	
}

ul#pulldown-menu li ul li.navi1 {
	float: none;
	margin: 0;
	_margin: 47px 0 0 -181px; /* IE6 */
	_position: absolute; /* IE6 */
}

ul#pulldown-menu li ul li.navi2 {
	float: none;
	margin: 0;
	_margin: 78px 0 0 -181px; /* IE6 */
	_position: absolute; /* IE6 */
}

ul#pulldown-menu li ul li.navi3 {
	float: none;
	margin: 0;
	_margin: 108px 0 0 -181px; /* IE6 */
	_position: absolute; /* IE6 */
}

*:first-child+html ul#pulldown-menu li ul li {/* IE7 */
	float: none;
	margin: 46px 0px -46px -180px;
}

/*-------------------インデックス-------------------*/
#main_index{
	width:840px;
	margin:360px auto 0px auto;
	_margin:315px auto 0px auto; /* IE6 */
}
#main_left{
	width:577px;
	float:left;
	text-align:center;
}
#main_left_in{
	width:557px;
	padding:0px;
	margin:0px auto;
}

#main_right{
	width:244px;
	float:right;
}

.news1 {
	background: url(../img/ico_arrow.gif) 0px 3px no-repeat;
	padding-left:16px;
}

.news2 {
	background: url(../img/ico_arrow.gif) 0px 3px no-repeat;
	padding-left:16px;
	margin-bottom:5px;
}

/*-------------------インデックス導入事例-------------------*/
.bg_iframe {
	background: url(../img/bg_iframe.gif) repeat-x fixed;
	padding:15px;
	/padding-top:8px;
}

.iframe_cases {
	width:242px;
	_width:240px;/* IE6 */
	height:260px;
	border: 1px solid #99B6CA;
}

.img_cases {
	float:left;
	margin-right:10px;
}

.txt_cases {
	line-height:15px;
}

.txt_cases2 {
	font-size:11px;
	color:#0B60B6;
	line-height:11px;
}

A.cases:link{
	color: #D41E00;text-decoration:none;
}
A.cases:visited {
	color: #D41E00;text-decoration:none;
}
A.cases:hover {
	color: #D41E00;text-decoration:underline;
}
A.cases:active {
	color: #D41E00;text-decoration:underline;
}

/*-------------------インデックス導入実績-------------------*/
.iframe_cases2 {
	width:242px;
	_width:240px;/* IE6 */
	height:445px;
	border: 1px solid #C2C2C2;
}

/*-------------------概要-------------------*/
.btn_popup {
	width:410px;
	text-align:center;
	float:left;
}

#popup {
	padding:25px;
	text-align:left;
}

.btn_close {
	width:100%;
	text-align:center;
	margin-top:30px;
}



/*-------------------機能紹介-------------------*/
ul#funavi2 {
	bakcgound:#FF0000;	
}


ul#funavi {
	width:388px;
	height:271px;
	background:url(../../functions/yoyaku/img/bg_functions.gif) 0 0 no-repeat;
	
}

ul#funavi2 li {
	float:left;
	margin:0px 0px 6px 10px;
}

ul#funavi-sub {
	width:820px;
	height:134px;
	background:url(../../functions/yoyaku/img/bg_functions-sub.gif) 0 0 no-repeat;
}

ul#funavi-sub li {
	float:left;
	margin:12px 40px 0 0;
}

ul#funavi li.fleft {
	float:left;
	margin:13px 0 0 20px;
	_margin:13px 0 0 10px;
}

ul#funavi li.fright {
	float:left;
	margin:13px 0 0 38px;
}

#bg_function_body {
	width:820px;
	padding:55px 20px 20px 20px;
	background:url(../../functions/yoyaku/img/bg_function_body.gif) 0 0 repeat-y;
}

ul#functions li {
	background: url(../../functions/yoyaku/img/li_functions.gif) no-repeat 0px 3px;
	margin-bottom:10px;
	padding:3px 0 2px 30px;
	font-size:120%;
}

#bg_function_bottom {
	width:820px;
	height:5px;
	background:url(../../functions/yoyaku/img/bg_function_bottom.gif) 0 0 no-repeat;
}


h4.chart {
	margin-bottom:5px;
	text-align:center;
}

.chart_manseki {
	margin-left: 40px;
}

.ico_function {
	width:40px;
	float:left;
	margin-top:20px;
}

.bg_function {
	width:770px;
	padding-left:10px;
	background: url(../../functions/img/bg_function.gif) left repeat-y;
	float:right;
	margin-top:20px;
}

.bg_function h4 {
	margin-bottom: 8px;
}

.yoyaku_funavi_txt {
	margin:5px 0px 0px 10px;
	font-size:11px;
}

/*-------------------導入事例-------------------*/
#cases_area {
	width:543px;
}


#cases {
	float:left;
	margin:0px 0px 9px 0;
}

#cases2 {
	float:right;
	margin:0px 0px 9px 0;
}

#cases_detail-left {
	width:577px;
	float:left;
}

#cases_detail-right {
	width:244px;
	float:right;
}

.iframe_cases5 {
	width:242px;
	_width:240px;/* IE6 */
	border: 1px solid #99B6CA;
	height:320px;
}

.iframe_cases6 {
	width:242px;
	_width:240px;/* IE6 */
	height:520px;
	border: 1px solid #C2C2C2;
}

.bg_cases-ttl {
	background:url(../../cases/img/bg_cases.jpg) no-repeat;
	width:247px;
	height:41px;
	float:left;
	line-height:41px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px 10px;
}

.bg_cases-body {
	width:245px;
	height:120px;
	border-top: 1px solid #ECBEA7;
	border-right: 1px solid #ECBEA7;
	border-bottom: 0px solid #FFFFFF;
	border-left: 1px solid #ECBEA7;
	background: url(../img/bg_iframe.gif) top repeat-x;
	padding:10px;
	line-height:15px;
}

.bg_cases-body h4 {
	margin-bottom:10px;
}

#cases h4 {
	font-size:12px;
}

#cases2 h4 {
	font-size:12px;
}

.iframe_cases4 {
	width:570px;
	height:905px;
	border: 0px;
	overflow:hidden;
}

.iframe_cases3 {
	width:242px;
	_width:236px;/*IE6*/
	height:520px;
	border: 1px solid #C2C2C2;
}

.cases_txt {
	width:357px;
	float:left;
}

.cases_txt-long {
	width:575px;
}

.cases_img {
	width:220px;
	float:left;
}

.cases_img-right {
	width:220px;
	float:right;
	text-align:right;
}

.img_thanks {
	text-align:center;
	margin-top:35px;
}

	


/*-------------------フッタクラス-------------------*/
#bg_footer{
	width:100%;
	height:62px;
	background: url(../img/bg_footer.gif) no-repeat;
	margin-top:25px;
}  

.footer1{
	padding:0px;
	margin:22px 15px 0px 20px;
	float:left;
}

.footer2{
	padding:0px;
	margin:23px 0px 0px 0px;
	float:left;
	font-size:11px;
	line-height:12px;
	letter-spacing:-1px;
}

/*-------------------フッタナビゲーションクラス-------------------*/
ul#fnavi{
	float:right;
	margin-right:10px;
}

ul#fnavi li{
	margin:14px 10px 0px 0px;
	float:left;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
}

A.footer:link{
	color: #6D6D6D;text-decoration:none;
}
A.footer:visited {
	color: #6D6D6D;text-decoration:none;
}
A.footer:hover {
	color: #6D6D6D;text-decoration:underline;
}
A.footer:active {
	color: #6D6D6D;text-decoration:underline;
}

/*-------------------コラムクラス-------------------*/
ul.column li {
	background: url(../../column/img/img_li-column.gif) no-repeat 0px 3px;
	margin-bottom:10px;
	padding-left:16px;
	border-bottom:1px solid #D5D8E1;	
}

ul.column li a {
	text-decoration:none;
}

#page_navigator {
	margin-bottom:12px;
}

#page_navigator p {
	width:33%;
	float:left;
	font-weight:bold;
}

#page_navigator p img {
	margin:-2px 5px 0px 0px;
}

/*-------------------スクロール用クラス-------------------*/
#nav-dock {
	position: fixed;
	left: 5px;
	top: 5px;
	overflow:auto;
	wheight:20px;
}


/*-------------------====================================================
■テキストクラス
======================================================-------------------*/
.txt1{
	font-size: 10px;font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.txt2{
	font-size: 12px;
}
.txt3{
	font-size: 14px;
}
.txt4{
	font-size: 16px;
}
.txt5{
	font-size: 18px;
}
.txt1_b{
	font-size: 10px;font-weight: bold;font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.txt2_b{
	font-size: 12px;font-weight: bold;
}
.txt3_b{
	font-size: 14px;font-weight: bold;
}
.txt4_b{
	font-size: 16px;font-weight: bold;
}
.txt5_b{
	font-size: 18px;font-weight: bold;
}
.txt1_e{
	font-size: 10px;font-family: "Arial","Helvetica","sans-serif";	
}
.txt2_e{
	font-size: 12px;font-family: "Arial","Helvetica","sans-serif";
}
.txt3_e{
	font-size: 14px;font-family: "Arial","Helvetica","sans-serif";
}
.txt4_e{
	font-size: 16px;font-family: "Arial","Helvetica","sans-serif";
}
.txt5_e{
	font-size: 18px;font-family: "Arial","Helvetica","sans-serif";
}

/*====================================================
■カラー属性
======================================================*/
#color_white {color: #FFFFFF;}
#color_black {color: #000000;}
#color_red   {color: #FF2222;}
#color_green {color: #00FF00;}
#color_blue  {color: #0000FF;}
#color_yellow{color: #FFFF00;}
#color_gray  {color: #CCCCCC;}

/*------------------- 以下追加カラー -------------------*/
#color_deepred {color:#D41E00;}
#color_deepblue {color:#0B60B6;}
#color_orange {color:#FC9517;}

/*====================================================
■ラインハイト属性
======================================================*/
#lh10{line-height: 10px;}#lh11{line-height: 11px;}
#lh12{line-height: 12px;}#lh13{line-height: 13px;}
#lh14{line-height: 14px;}#lh15{line-height: 15px;}
#lh16{line-height: 16px;}#lh17{line-height: 17px;}
#lh18{line-height: 18px;}#lh19{line-height: 19px;}
#lh20{line-height: 20px;}#lh21{line-height: 21px;}
#lh22{line-height: 22px;}#lh23{line-height: 23px;}
#lh24{line-height: 24px;}#lh25{line-height: 25px;}
#lh26{line-height: 26px;}#lh27{line-height: 27px;}
#lh28{line-height: 28px;}#lh29{line-height: 29px;}
#lh30{line-height: 30px;}