/* CSS Document */
@charset "shift-jis";
/*@import "http://www.mindfield.jp/css/reset.css";/*
/*-------------固定css----------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,a{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

img {
	border:medium none;
}
/*------------------ここまで-------------*/

/*---------------------------
リンク
-----------------------------*/
	a:link    { color: #4f2f18;}    
	a:visited { color: #482b17;} 
	a{text-decoration:none;}
/*------------------------------------
外枠
-------------------------------------*/
#waku{
width:840px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
margin:0 auto;
}

/*-----------------------------------
ヘッダ
-------------------------------------*/
#head{
margin-left:20px;
background-image:url(../images/header_bg1.jpg);
height:115px;
background-repeat:no-repeat;

}

/*------------ロゴ用・電話番号用段組み----------*/
#head .left{
width:205px; height:115px;
float:left;
}
#head .right{
width:500px; height:115px;
float:right;
}

/*-----ロゴ----------*/
#head .left h1{width:205px; height:115px;
}
h1 a{display:block;
width:205px; height:100px!important;  font-size:1%;
padding-top:20px; text-indent:-9999em;
background: url(../images/logo.gif) no-repeat ;
}

/*------------TEL---------------*/
.ten_num{
margin-left:250px;
margin-top:60px;
/*margin-bottom:10px;*/
}

/*------------サイトマップリンク位置------------*/
.header_menu{
margin-left:140px;
}

/*-----------------------
メニュー
-------------------------*/
#menu{
width:800px;
height:35px;
margin-left:20px;
background-image:url(../images/menu_bg.jpg);
background-repeat:no-repeat;
}

/*------ボタン-----------*/
.btn1 {
	width:108px;
	height:35px;
	float: left;
	left: 0px;
	margin-left: 21px;
	background-image: url(../images/btn_home.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn1 a span {
	display:none;
}

.btn1 a {
	display:block;
	width:108px;
	height:35px;
	background-image:url(../images/btn_home.gif);
	background-repeat:no-repeat;
}
.btn1 a:hover {
	background-image: url(../images/btn_home.gif);
}

.btn2 {
	width:108px;
	height:35px;
	float: left;
	left: 0px;
	margin:0px;
	background-image: url(../images/btn_inbound.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn2 a span {
	display:none;
}

.btn2 a {
	display:block;
	width:108px;
	height:35px;
	background-image:url(../images/btn_inbound.gif);
	background-repeat:no-repeat;
}
.btn2 a:hover {
	background-image: url(../images/btn_inbound.gif);
}

.btn3 {
	width:108px;
	height:35px;
	float: left;
	left: 0px;
	margin:0px;
	background-image: url(../images/btn_outbound.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn3 a span {
	display:none;
}

.btn3 a {
	display:block;
	width:108px;
	height:35px;
	background-image:url(../images/btn_outbound.gif);
	background-repeat:no-repeat;
}
.btn3 a:hover {
	background-image: url(../images/btn_outbound.gif);
}
.btn4 {
	width:109px;
	height:35px;
	float: left;
	left: 0px;
	margin:0px;
	background-image: url(../images/btn_company.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn4 a span {
	display:none;
}

.btn4 a {
	display:block;
	width:109px;
	height:35px;
	background-image:url(../images/btn_company.gif);
	background-repeat:no-repeat;
}
.btn4 a:hover {
	background-image: url(../images/btn_company.gif);
}

.btn5 {
	width:108px;
	height:35px;
	float: left;
	left: 0px;
	margin:0px;
	background-image: url(../images/btn_privacy.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn5 a span {
	display:none;
}

.btn5 a {
	display:block;
	width:108px;
	height:35px;
	background-image:url(../images/btn_privacy.gif);
	background-repeat:no-repeat;
}
.btn5 a:hover {
	background-image: url(../images/btn_privacy.gif);
}
.btn6 {
	width:108px;
	height:35px;
	float: left;
	left: 0px;
	margin:0px;
	background-image: url(../images/btn_faq.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn6 a span {
	display:none;
}

.btn6 a {
	display:block;
	width:108px;
	height:35px;
	background-image:url(../images/btn_faq.gif);
	background-repeat:no-repeat;
}
.btn6 a:hover {
	background-image: url(../images/btn_faq.gif);
}
.btn7 {
	width:110px;
	height:35px;
	float: left;
	left: 0px;
	margin:0px;
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
.btn7 a span {
	display:none;
}

.btn7 a {
	display:block;
	width:110px;
	height:35px;
	background-image:url(../images/btn_contact.gif);
	background-repeat:no-repeat;
}
.btn7 a:hover {
	background-image: url(../images/btn_contact.gif);
}

/*-------------------------------------
コンテンツ部分
--------------------------------------*/
#con{
width:780px;
margin-left:30px;
margin-top:10px;
padding-bottom:10px;
}

.waku_780_178{
width:778px;
height:188px;
margin-top:10px;
border:#333333 solid 1px;
background-image:url(../images/bg_headset.jpg);
background-position:right bottom;
background-repeat:no-repeat;

}

.waku_780_178 .left{
margin:5px;
padding:5px;
width:408px;
height:166px;
border-top:#333333 solid 3px;
border-left:#333333 solid 1px;
border-right:#333333 solid 1px;
border-bottom:#333333 solid 1px;
font-size:12px;
line-height:120%;
float:left;
}

.waku_780_178 .right{
width:340px;
float:right;
margin-top:10px;
font-size:12px;
line-height:160%;
}

.casestudy_table{
margin-top:10px;
}


/*firefox*/
.casestudy_table, x:-moz-any-link { margin-top:9px;/* Fx 1.0 以降に適用される */}
.casestudy_table, x:-moz-read-only {margin-top:9px; /* Fx 1.5, 2.0 以降に適用される */}
.casestudy_table, x:-moz-broken { margin-top:9px; /* Fx 3.0 以降に適用される */}


.introduce{
width:780px;
margin-left:30px;
}

.introduce .left{
width:208px;
margin-bottom:10px;
border-top:#000000 solid 3px;
border-bottom:#000000 solid 1px;
border-left:#000000 solid 1px;
border-right:#000000 solid 1px;
float:left;
}


.introduce .right{
width:557px;
margin-left:11px;
margin-bottom:10px;
border-top:#000000 solid 3px;
border-bottom:#000000 solid 1px;
border-left:#000000 solid 1px;
border-right:#000000 solid 1px;
float:left;
}
/*------
# /* safari only \
# html:\66irst-child div {  
#     margin: 0 0 0 18px;  
# } 
-------------*/
.news{
width:398px;
height:137px;
border:#000000 solid 1px;
margin-top:10px;
margin-left:1px;
margin-bottom:10px;


}
.news_sentence{
font-size:13px;
line-height:120%;
margin:10px;
}

.service_left{
width:400px;
margin-top:10px;
margin-left:10px;
float:left;

}

.service_right{
width:130px;
margin-top:10px;
margin-left:10px;
float:left;
}
/*--------------------------------
ふった
---------------------------------*/
#footer{
width:840px;
height:46px;

background-image:url(../images/bg_footer.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

.footertxt{
width:778px;
height:18px;
text-align:center;
font-size:13px;
border:#000000 solid 1px;
margin-left:30px;
}

em{
position:relative;
font-style:normal;
}
#i1{top:2px;}
/*--------------------------------
コピーライト
----------------------------------*/
.copyright{
text-align:center;
font-size:13px;
}
/*-----------------------------------
コンテンツ
--------------------------------------*/
#con_waku{
width:778px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
margin:0px auto;
padding:0px;
}
.title_bn{
margin-top:10px;
}
/*----------会社概要----------------*/
.infomation{
width:759px;
margin:10px auto;
border-top:solid #000000 1px;
}

/*html .infomation{
width:780px;
}
*/
.infomation .left{
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
width:240px;
padding:5px 0px;
font-size:14px;
line-height:145%;

}
.infomation .right{
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
padding:5px;
width:489px;
font-size:14px;
line-height:145%;
}
/* html .infomation .right{
width:531px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
padding:5px 6px 5px 5px;
width:530px;
font-size:13px;
line-height:140%;
}
*/

.president{
width:715px;
margin-top:15px;
margin-left:15px;
margin-right:30px;
margin-bottom:15px;
font-size:14px;
line-height:145%;
}

.president .left{
width:195px;
float:left;
}

.president .right{
width:520px;
float:left;
}
/*----------個人情報--------------------*/
.privacy{
width:739px;
margin:10px auto;

/*
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
*/
}

/**html .privacy{
width:780px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
}
*/
.privacy .left{
width:20px;
padding:5px 0px;
font-size:13px;
line-height:140%;
text-align:center;
vertical-align:top;
}
.privacy .right{
padding:5px 10px;
width:719px;
font-size:13px;
line-height:140%;
}
/** html .privacy .right{
width:750px;
padding:5px 6px 5px 5px;
width:530px;
font-size:13px;
line-height:140%;
}
*/
.privacy .bun{
margin:10px;
font-size:13px;
line-height:140%;
}

.privacy .signature{
text-align:right;
font-size:13px;
line-height:140%;
padding:5px 10px;
}

/*-------------------------------
お客様の声
--------------------------------*/
.waku_760{
width:758px;
border-top:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;

margin:10px auto;
padding:10px 0px;
background-image:url(../images/head_set.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}

.opning10{
margin-top:10px;
}

.voice_waku{
border-top:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
font-size:12px;
line-height:120%;
margin-top:10px;
}

.voice_waku .midashi{
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
font-weight:bold;
text-align:center;
background-color:#D9FFFF;
}
.voice_waku .koumoku1{
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
text-align:center;
}
.voice_waku .koumoku2{
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
text-align:left;
}

/*-------------------------------
インバウンド
--------------------------------*/
.waku_760_nobgimage{
width:758px;
border-top:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;

margin:10px auto;
padding:10px 0px;

background-repeat:no-repeat;
background-position:right bottom;
}
.inbound_waku{
margin-left:10px;
}

/*---------------------------------
お問い合わせ
--------------------------------*/
.agree{
margin:15px;
width:750px;
font-size:12px;
line-height:140%;
text-align:left;

}

.form{
width:758px;
margin:10px auto;
border-top:solid #000000 1px;
}

.form .left{
border-left:solid #000000 1px;
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
width:240px;
padding:5px 0px;
font-size:13px;
line-height:140%;

}
.form .right{
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
padding:5px;
width:489px;
font-size:13px;
line-height:140%;
}

.agree_midashi{
font-weight:bold;
}