@charset "utf-8";
/* ************************************************ 
 *	共通設定
 * ************************************************ */
body {
margin: 0px;
padding: 0px 0px;
color: #666;
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size: 12px;
line-height: 18px;
background:#2A2A2A;
text-align:center;
}

h1 {
margin:0px 0px 20px 0px;
padding:0px;
}
h2 {
margin:0px 0px 25px 0px;
padding:0px;
}
h3 {
font-size:16px;
line-height:24px;
margin:0px 0px 12px 10px;
padding:0px;
color:#753E4E;
}
h4 {
font-size:14px;
line-height:21px;
margin:0px 0px 12px 10px;
padding:0px;
color:#333;
}
h5 {
font-size:12px;
line-height:18px;
margin:0px 0px 7px 10px;
padding:0px;
color:#666;
}

img {
margin:0px;
padding:0px;
vertical-align: middle;
border:none;
}

p {
margin:0px 0px 15px 10px;
padding:0px;
}

/* リスト */
ol {
padding:0px;
margin:0px 0px 15px 15px;
list-style: decimal outside;
}

ol li {
margin:0px 0px 0px 15px;
padding:0px 0px 5px 0px;
background: none;
line-height:21px;
color:#333;
}


/* リスト */
ul {
padding:0px;
margin:0px 0px 20px 10px;
list-style: none;
}

ul li {
margin:0px;
padding: 0px 0px 0px 25px;
background:url(../images/common/ic_allowblack.gif) no-repeat 10px 7px;
line-height:21px;
}


/* テーブル */
table {
width:770px;
border:1px solid #d6d6d6;
border-collapse: collapse;
background:#fff;
padding:0px;
margin:0px auto 15px auto;
}

th {
border:1px solid #d6d6d6;
border-collapse: collapse;
padding:5px 5px;
background:#EEE9EB;
color:#333;
text-align:left;
line-height:15px;
}

td {
border:1px solid #d6d6d6;
border-collapse: collapse;
padding:5px 5px;
text-align:left;
line-height:15px;
}

td.title {
background:#C9B8BE;
font-weight:bold;
color:#fff;
line-height:18px;
}

/* リンク */
a {
color: #2B4787;
text-decoration:none;
}
a:hover {
color: #333;
text-decoration:underline;
text-decoration:none;
}
 /* フォーム */
form {
padding:0px;
margin:0px;
}

/* ************************************************ */
/**** 大枠ID ****/
/* ************************************************ */
/* summit */
#summit {
background:#000 url(../images/common/summit_bg.gif) repeat-x top left;
padding:15px 0px;
}
div#summit:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/* wrap */
#wrap {
clear:both;
background:#fff url(../images/common/wrap_bg.gif) repeat-x top left;
width:auto;
padding:0px;
margin:0px auto;
}
div#wrap:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/* header */
#header {
clear:both;
width:1000px;
padding:8px 0px 0px 0px;
margin:0px auto;
text-align:left;
background:#fff url(../images/common/wrap_bg.gif) repeat-x top left;
}

/* content */
#content {
clear:both;
width:1000px;
margin:0px auto;
padding:0px 0px 30px 0px;
text-align:center;
background:#fff;
}
div#content:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/* main */
#main {
float:left;
width:770px;
margin:0px 0px 0px 0px;
padding:0px 0px;
text-align:left;
}

/* right */
#right {
float:right;
width:215px;
margin:0px 0px 0px 0px;
padding:0px 0px;
text-align:left;
}

/* footer */
#footer {
clear:both;
background: url(../images/common/footer_bg.gif) repeat-x top left;
width:auto;
display:block;
padding:15px 0px 10px 0px;
margin:0px 0px 0px 0px ;
}


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

.clear {
clear:both;
font-size:0px;
line-height:0px;
}

.dsp_none {
display:none;
font-size:0px;
line-height:0px;
}


.flt_left {
float:left;
margin:0px 0px 15px 0px;
}

.flt_right {
float:right;
margin:0px 0px 15px 15px;
}

.al_center {
text-align:center;
}
.al_left {
text-align:left;
}
.al_right {
text-align:right;
}


.f10 {
font-size:10px;
line-height:15px;
}

.f12 {
font-size:12px;
line-height:18px;
}

.f14 {
font-size:14px;
line-height:21px;
}

.f_normal {
font-weight:normal;
}

.f_orange {
color:#B87501;
}

.w100 {
width:100px;
margin:0px;
padding:2px;
}
.w200 {
width:200px;
margin:0px;
padding:2px;
}
.w350 {
width:350px;
margin:0px;
padding:2px;
}
.w590 {
width:590px;
margin:0px;
padding:2px;
}

/* アイコン */
.ic_pagetop {
background: url(../images/common/ic_pagetop.gif) no-repeat center left;
padding:3px 0px 1px 12px;
margin: 0px 10px 0px 0px;
}
.ic_help {
background: url(../images/common/ic_help.gif) no-repeat center left;
padding:3px 0px 1px 21px;
margin: 0px 10px 0px 0px;
font-size:12px;
line-height:22px;
font-weight:normal;
}

/* ************************************************ */
/**** 最上部関係 ****/
/* ************************************************ */


.logout {
background:url(../images/common/btn_logout.gif) no-repeat top left;
width:72px;
height:21px;
display:block;
float:right;
}

/* ************************************************ */
/**** ヘッダ関係 ****/
/* ************************************************ */

.login {
float:right;
height:21px;
width:72px;
cursor: hand;
cursor: pointer;
display: block;
}
.login:hover {
}

.login .statusicon {
height:21px;
width:72px;
display: block;
border: none;
}

.header_lead {
float:left;
background:url(../images/common/header_lead.gif) no-repeat top left;
width:455px;
height:21px;
display:block;
padding:0px 0px 15px 0px;
}

.logo a {
float:left;
background:url(../images/common/logo.gif) no-repeat top left;
width:253px;
height:45px;
display:block;
margin:18px 0px;
}

.ufitlogo a {
float:right;
background:url(../images/img/cmn/img-header_002.gif) no-repeat top left;
width:177px;
height:45px;
display:block;
margin:18px 0px;
}



/* ************************************************ */
/**** メイン関係 ****/
/* ************************************************ */
.flasharea {
margin:0px 0px 10px 0px;
height:210px;
}
.mainimgarea {
margin:0px 0px 10px 0px;
}

/* gmenu（横幅770px） */
.gmenu {
clear:both;
margin:0px 0px 30px 0px;
background:#420C1F;
line-height:5px;
font-size:1px;
}
.gmenu ul {
list-style:none;
padding:0px;
margin:0px 0px 0px 0px;
height:45px;
background:#885969 url(../images/common/gmenu_bg.gif) repeat-x top left;
}
.gmenu ul li {
float:left;
padding:0px;
margin:0px 0px 0px 0px;
}
.gmenu ul li a {
width:154px;
height:45px;
display:block;
padding:0px;
margin:0px;
}
.gmenu ul li a#here {
background-position: bottom left;
}
.gmenu ul li a.home {
background:url(../images/common/gmenu_home.gif) no-repeat top left;
}
.gmenu ul li a.home:hover {
background-position: center left;
}
.gmenu ul li a.service {
background:url(../images/common/gmenu_service.gif) no-repeat top left;
}
.gmenu ul li a.service:hover {
background-position: center left;
}
.gmenu ul li a.function {
background:url(../images/common/gmenu_function.gif) no-repeat top left;
}
.gmenu ul li a.function:hover {
background-position: center left;
}
.gmenu ul li a.partner {
background:url(../images/common/gmenu_partner.gif) no-repeat top left;
}
.gmenu ul li a.partner:hover {
background-position: center left;
}
.gmenu ul li a.estimate {
background:url(../images/common/gmenu_estimate.gif) no-repeat top left;
}
.gmenu ul li a.estimate:hover {
background-position: center left;
}


/* gmenu2（横幅1000px） */
.gmenu2 {
margin:0px 0px 15px 0px;
background:#420C1F;
line-height:5px;
font-size:1px;
}
.gmenu2 ul {
list-style:none;
padding:0px;
margin:0px 0px 0px 0px;
height:45px;
background:#885969 url(../images/common/gmenu_bg.gif) repeat-x top left;
}
.gmenu2 ul li {
float:left;
padding:0px;
margin:0px 0px 0px 0px;
}
.gmenu2 ul li a {
width:200px;
height:45px;
display:block;
padding:0px;
margin:0px;
}
.gmenu2 ul li a#here {
background-position: bottom left;
}
.gmenu2 ul li a.home {
background:url(../images/common/gmenu2_home.gif) no-repeat top left;
}
.gmenu2 ul li a.home:hover {
background-position: center left;
}
.gmenu2 ul li a.service {
background:url(../images/common/gmenu2_service.gif) no-repeat top left;
}
.gmenu2 ul li a.service:hover {
background-position: center left;
}
.gmenu2 ul li a.function {
background:url(../images/common/gmenu2_function.gif) no-repeat top left;
}
.gmenu2 ul li a.function:hover {
background-position: center left;
}
.gmenu2 ul li a.partner {
background:url(../images/common/gmenu2_partner.gif) no-repeat top left;
}
.gmenu2 ul li a.partner:hover {
background-position: center left;
}
.gmenu2 ul li a.estimate {
background:url(../images/common/gmenu2_estimate.gif) no-repeat top left;
}
.gmenu2 ul li a.estimate:hover {
background-position: center left;
}


/**** h1 ****/


h1.service {
background:url(../images/service/h1_service.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}
h1.function {
background:url(../images/function/h1_function.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}
h1.partner {
background:url(../images/partner/h1_partner.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}
h1.estimate {
background:url(../images/common/h1_estimate.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

/* 申し込み系 */
h1.order {
background:url(../images/common/h1_order.gif) no-repeat top left;
width:800px;
height:65px;
display:block;
}
h1.order_adv {
background:url(../images/common/h1_order_adv.gif) no-repeat top left;
width:800px;
height:65px;
display:block;
}
h1.inquiry {
background:url(../images/common/h1_inquiry.gif) no-repeat top left;
width:800px;
height:65px;
display:block;
}
h1.demo {
background:url(../images/common/h1_demo.gif) no-repeat top left;
width:800px;
height:65px;
display:block;
}

/* 契約者ポータル系 */
h1.contractor {
background:url(../images/common/h1_contractor.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.companyinfo {
background:url(../images/common/h1_companyinfo.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.est_contract {
background:url(../images/common/h1_est_contract.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.est_option {
background:url(../images/common/h1_est_option.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.order_contract {
background:url(../images/common/h1_order_contract.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.order_option {
background:url(../images/common/h1_order_option.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.password {
background:url(../images/common/h1_password.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.contractor_login {
background:url(../images/common/h1_contractor_login.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}
h1.inquiry_contractor {
background:url(../images/common/h1_inquiry.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.est_excontract {
background:url(../images/common/h1_est_excontract.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}

h1.order_excontract {
background:url(../images/common/h1_order_excontract.gif) no-repeat top left;
width:770px;
height:65px;
display:block;
}


/**** h2 ****/
h2.top_tit {
margin:0px;
padding:0px;
}

h2.toptab1lead {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/top/toptab1lead.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}

h2.toptab2lead {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/top/toptab2lead.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}

h2.servicelead {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/service/servicelead.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}

h2.functionlead {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/functionlead.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}


h2.partnerlead {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/partner/partnerlead.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}

h2.service_saas {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/service/h2_saas.gif) no-repeat left top;
width:770px;
height:45px;
display:block;
}

h2.service_inhouse {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/service/h2_inhouse.gif) no-repeat left top;
width:770px;
height:45px;
display:block;
}

h2.service_housing {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/service/h2_housing.gif) no-repeat left top;
width:770px;
height:45px;
display:block;
}



h2.function_mypo {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_mypo.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_grpo {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_grpo.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_copo {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_copo.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_topi {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_topi.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_sche {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_sche.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_repo {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_repo.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_bord {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_bord.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_file {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_file.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_wofl {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_wofl.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_mail {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_mail.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}
h2.function_othr {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/function/h2_othr.gif) no-repeat left top;
width:770px;
height:61px;
display:block;
}

h2.concept1_01 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept1_01.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}
h2.concept1_02 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept1_02.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}

h2.concept2_01 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept2_01.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}
h2.concept2_02 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept2_02.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}
h2.concept2_03 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept2_03.gif) no-repeat 10px top;
width:770px;
height:30px;
display:block;
}

h2.concept3_01 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept3_01.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}
h2.concept3_02 {
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/concept/h2_concept3_02.gif) no-repeat 10px top;
width:770px;
height:18px;
display:block;
}






/* リード */
.lead {
font-size:14px;
line-height:21px;
font-weight:normal;
text-align:left;
color:#333;
}


/*.stage {
clear:both;
background:url(../images/common/stage_bg.gif) repeat-x top left;
margin:15px 0px;
min-height:120px;
height: auto !important;
height: 120px;
}
.stage:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}*/

/**** トップページ ****/
.topsaas {
float:left;
width:250px;
height:275px;
margin:0px 10px 30px 0px;
padding:0px;
}
.topinhouse {
float:left;
width:250px;
height:275px;
margin:0px 10px 30px 0px;
padding:0px;
}
.tophousing {
float:left;
width:250px;
height:275px;
margin:0px 0px 30px 0px;
padding:0px;
}

/* トップタブメニュー */
#top_tabmenu {
clear: both;
margin: 0px 0px 20px 0px;
padding: 0px;
display: block;
width: 770px;
height: 24px;
background: url(../images/top/toptab_bg.gif) repeat-x top left;
}
#top_tabmenu:after { /* clearfix */
content:".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0px;
line-height: 0;
clear: both;
}

#top_tabmenu table {
float: left;
width:auto;
border:0px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
height: 24px;
}

#top_tabmenu table td {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 24px;
height: 24px;
border:0px;
}

#top_tabmenu table td.tableft {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 3px;
height: 24px;
display: block;
background: url(../images/top/toptab_left.gif) no-repeat top left;
}

#top_tabmenu table td.tabright {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 3px;
height: 24px;
display: block;
background: url(../images/top/toptab_right.gif) no-repeat top right;
}


#top_tabmenu a {
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 15px;
line-height: 24px;
height: 24px;
color: #666;
display: block;
background: url(../images/top/toptab_center.gif) repeat-x top left;
}

#top_tabmenu a:hover {
height: 24px;
color: #333;
text-decoration: none;
background: url(../images/top/toptab_center.gif) repeat-x center left;
}

#top_tabmenu table.here td.tableft {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 3px;
height: 24px;
display: block;
background: url(../images/top/toptab_left_here.gif) no-repeat bottom left;
}

#top_tabmenu table.here td.tabright {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 3px;
height: 24px;
display: block;
background: url(../images/top/toptab_right_here.gif) no-repeat bottom right;
}
#top_tabmenu table.here a , #top_tabmenu table.here a:hover {
height: 24px;
color: #333;
background: url(../images/top/toptab_center.gif) repeat-x bottom left;
}

/**** サービス概要 ****/

/* サービス概要タブメニュー */
#service_tabmenu {
clear: both;
margin: 0px 0px 25px 0px;
padding: 0px;
display: block;
width: 770px;
height: 76px;
background: url(../images/service/servicetab_bg.gif) repeat-x top left;
}

#service_tabmenu ul {
list-style:none;
padding:0px;
margin:0px 0px 0px 0px;
height:76px;
}
#service_tabmenu ul li {
float:left;
padding:0px;
margin:0px 0px 0px 0px;
}
#service_tabmenu ul li a {
width:250px;
height:76px;
display:block;
padding:0px;
margin:0px;
}
#service_tabmenu ul li a.saas {
margin:0px 10px 0px 0px;
background:url(../images/service/servicetab_saas.gif) no-repeat top left;
}
#service_tabmenu ul li a.saas:hover {
background-position: center left;
}
#service_tabmenu ul li.here a.saas , #service_tabmenu ul li.here a.saas:hover {
background:url(../images/service/servicetab_saas.gif) no-repeat bottom left;
}

#service_tabmenu ul li a.inhouse {
margin:0px 10px 0px 0px;
background:url(../images/service/servicetab_inhouse.gif) no-repeat top left;
}
#service_tabmenu ul li a.inhouse:hover {
background-position: center left;
}
#service_tabmenu ul li.here a.inhouse , #service_tabmenu ul li.here a.inhouse:hover {
background:url(../images/service/servicetab_inhouse.gif) no-repeat bottom left;
}

#service_tabmenu ul li a.housing {
background:url(../images/service/servicetab_housing.gif) no-repeat top left;
}
#service_tabmenu ul li a.housing:hover {
background-position: center left;
}
#service_tabmenu ul li.here a.housing , #service_tabmenu ul li.here a.housing:hover {
background:url(../images/service/servicetab_housing.gif) no-repeat bottom left;
}


/* サービス概要タブメニュー */
#function_tabmenu {
clear: both;
margin: 0px 0px 25px 0px;
padding: 0px;
display: block;
width: 770px;
height:210px;
}

#function_tabmenu ul {
list-style:none;
padding:0px;
margin:0px 0px 0px 0px;
}
#function_tabmenu ul li {
float:left;
padding:0px;
margin:0px 0px 0px 0px;
}
#function_tabmenu ul li a {
width:185px;
height:60px;
display:block;
padding:0px;
margin:0px 10px 10px 0px;
}
#function_tabmenu ul li a.mypo {
background:url(../images/function/functiontab_mypo.gif) no-repeat top left;
}
#function_tabmenu ul li a.mypo:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.mypo , #function_tabmenu ul li.here a.mypo:hover {
background:url(../images/function/functiontab_mypo.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.grpo {
background:url(../images/function/functiontab_grpo.gif) no-repeat top left;
}
#function_tabmenu ul li a.grpo:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.grpo , #function_tabmenu ul li.here a.grpo:hover {
background:url(../images/function/functiontab_grpo.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.copo {
background:url(../images/function/functiontab_copo.gif) no-repeat top left;
}
#function_tabmenu ul li a.copo:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.copo , #function_tabmenu ul li.here a.copo:hover {
background:url(../images/function/functiontab_copo.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.topi {
margin:0px 0px 10px 0px;
background:url(../images/function/functiontab_topi.gif) no-repeat top left;
}
#function_tabmenu ul li a.topi:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.topi , #function_tabmenu ul li.here a.topi:hover {
background:url(../images/function/functiontab_topi.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.sche {
background:url(../images/function/functiontab_sche.gif) no-repeat top left;
}
#function_tabmenu ul li a.sche:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.sche , #function_tabmenu ul li.here a.sche:hover {
background:url(../images/function/functiontab_sche.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.repo {
background:url(../images/function/functiontab_repo.gif) no-repeat top left;
}
#function_tabmenu ul li a.repo:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.repo , #function_tabmenu ul li.here a.repo:hover {
background:url(../images/function/functiontab_repo.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.bord {
background:url(../images/function/functiontab_bord.gif) no-repeat top left;
}
#function_tabmenu ul li a.bord:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.bord , #function_tabmenu ul li.here a.bord:hover {
background:url(../images/function/functiontab_bord.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.file {
margin:0px 0px 10px 0px;
background:url(../images/function/functiontab_file.gif) no-repeat top left;
}
#function_tabmenu ul li a.file:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.file , #function_tabmenu ul li.here a.file:hover {
background:url(../images/function/functiontab_file.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.wofl {
background:url(../images/function/functiontab_wofl.gif) no-repeat top left;
}
#function_tabmenu ul li a.wofl:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.wofl , #function_tabmenu ul li.here a.wofl:hover {
background:url(../images/function/functiontab_wofl.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.mail {
background:url(../images/function/functiontab_mail.gif) no-repeat top left;
}
#function_tabmenu ul li a.mail:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.mail , #function_tabmenu ul li.here a.mail:hover {
background:url(../images/function/functiontab_mail.gif) no-repeat bottom left;
}

#function_tabmenu ul li a.othr {
margin:0px 0px 10px 0px;
width:380px;
background:url(../images/function/functiontab_othr.gif) no-repeat top left;
}
#function_tabmenu ul li a.othr:hover {
background-position: center left;
}
#function_tabmenu ul li.here a.othr , #function_tabmenu ul li.here a.othr:hover {
background:url(../images/function/functiontab_othr.gif) no-repeat bottom left;
}



.paragraph {
margin:0px 0px 45px 0px;
}


ul li.ic_o {
margin:0px;
padding: 0px 0px 0px 25px;
background:url(../images/service/ic_o.gif) no-repeat 5px 5px;
line-height:21px;
}
ul li.ic_x {
margin:0px;
padding: 0px 0px 0px 25px;
background:url(../images/service/ic_x.gif) no-repeat 5px 5px;
line-height:21px;
}

/* ボタンエリア */
.service_btnarea {
text-align:center;
margin:0px auto 45px auto;
}

a.saas_btn {
width:380px;
height:50px;
display:block;
padding:0px;
margin:0px auto;
background:url(../images/service/saas_btn.gif) no-repeat top left;
}
a.saas_btn:hover {
background:url(../images/service/saas_btn.gif) no-repeat bottom left;
}

a.inhouse_btn {
width:380px;
height:50px;
display:block;
padding:0px;
margin:0px auto;
background:url(../images/service/inhouse_btn.gif) no-repeat top left;
}
a.inhouse_btn:hover {
background:url(../images/service/inhouse_btn.gif) no-repeat bottom left;
}

a.housing_btn {
width:380px;
height:50px;
display:block;
padding:0px;
margin:0px auto;
background:url(../images/service/housing_btn.gif) no-repeat top left;
}
a.housing_btn:hover {
background:url(../images/service/housing_btn.gif) no-repeat bottom left;
}



/* ～～についてエリア */
.service_abouterea {
clear:both;
background:#f5f5f5;
padding:20px;
height:60px;
}
.service_abouterea:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

.service_abouterea h3 {
font-size:12px;
line-height:18px;
margin:0px 0px 7px 0px;
font-weight:normal;
}

.service_abouterea p {
font-size:12px;
line-height:18px;
margin:0px 0px 0px 0px;
padding:0px;
}



.service_abouterea .regulation {
float:left;
width:355px;
margin:0px 20px 0px 0px;
}
.service_abouterea .privacy {
float:left;
width:355px;
margin:0px 0px 0px 0px;
}
.service_abouterea .sla {
float:left;
width:230px;
margin:0px 0px 0px 0px;
}

/**** パートナー ****/
/* ボタンエリア */
.partner_btnarea {
text-align:center;
margin:0px auto 45px auto;
}

a.partner_btn {
width:640px;
height:150px;
display:block;
padding:0px;
margin:0px auto;
background:url(../images/partner/partner_btn.jpg) no-repeat top left;
}
a.partner_btn:hover {
background:url(../images/partner/partner_btn.jpg) no-repeat bottom left;
}

/* ************************************************ */
/**** 右カラム関係 ****/
/* ************************************************ */
/* バナーエリア */
.bannerarea {
padding:0px 0px 5px 0px;
}
.bannerarea p {
margin:0px 0px 5px 0px;
}

a.demo {
background:url(../images/common/bnr_demo.gif) no-repeat top left;
width:215px;
height:70px;
display:block;
margin:0px 0px;
}
a.demo:hover {
background:url(../images/common/bnr_demo.gif) no-repeat bottom left;
}

a.subscription {
background:url(../images/common/bnr_subscription.gif) no-repeat top left;
width:215px;
height:70px;
display:block;
margin:0px 0px;
}
a.subscription:hover {
background:url(../images/common/bnr_subscription.gif) no-repeat bottom left;
}

a.inquiry {
background:url(../images/common/bnr_inquiry.gif) no-repeat top left;
width:215px;
height:50px;
display:block;
margin:0px 0px;
}
a.inquiry:hover {
background:url(../images/common/bnr_inquiry.gif) no-repeat bottom left;
}

a.seminar {
background:url(../images/common/semn01.jpg) no-repeat top left;
width:216px;
height:52px;
display:block;
margin:0px 0px;
}

/* ブログエリア */
h2.blog {
background:url(../images/common/blog_title.gif) no-repeat top left;
width:215px;
height:30px;
display:block;
margin:5px 0px 0px 0px;
}

.blogarea {
padding:10px;
margin:0px 0px 15px 0px;
background:url(../images/common/blog_bg.gif) no-repeat top center;
border-right:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
min-height:99px;
height: auto !important;
height: 99px;
}

/*.blogarea ul {
padding:0px;
margin:0px 0px 0px 0px;
list-style: none;
}

.blogarea ul li {
margin:0px;
padding: 5px 0px 5px 0px;
background:url(../images/common/dotline.gif) repeat-x bottom left;
line-height:18px;
color:#333;
}*/

.blogarea dl {
padding: 0px;
margin: 0px 0px 0px 0px;
line-height:18px;
}

.blogarea dl dt {
padding: 0px 0px 0px 61px;
margin: 0px 10px 0px 0px;
font-weight:normal;
}
	
.blogarea dl dd {
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
background:url(../images/common/dotline.gif) repeat-x bottom left;
}

.blogarea dt.ic_release {
background:url(../images/common/ic_release.gif) no-repeat top left;
}
.blogarea dt.ic_support {
background:url(../images/common/ic_support.gif) no-repeat top left;
}
.blogarea dt.ic_event {
background:url(../images/common/ic_event.gif) no-repeat top left;
}
.blogarea dt.ic_press {
background:url(../images/common/ic_press.gif) no-repeat top left;
}
.blogarea dt.ic_info {
background:url(../images/common/ic_info.gif) no-repeat top left;
}
.blogarea dt.ic_column {
background:url(../images/common/ic_column.gif) no-repeat top left;
}



h2.contractor {
background:url(../images/common/contractor_title.gif) no-repeat top left;
width:215px;
height:30px;
display:block;
margin:5px 0px 0px 0px;
}

.contractorarea {
padding:10px;
background:url(../images/common/blog_bg.gif) no-repeat top left;
min-height:99px;
height: auto !important;
height: 99px;
}

.contractorarea ul {
padding:0px;
margin:0px 0px 20px 0px;
list-style: none;
}

.contractorarea ul li {
margin:0px;
padding: 5px 0px 5px 0px;
background:url(../images/common/dotline.gif) repeat-x bottom left;
line-height:18px;
color:#333;
}

/* ************************************************ */
/**** オーダー関係 ****/
/* ************************************************ */
#order {
width:800px;
margin:30px auto 0px auto;
padding:0px 0px;
text-align:left;
}


#order p {
margin:0px 0px 15px 0px;
padding:0px;
}


#order table {
width:800px;
}

#order .lead {
font-size:14px;
line-height:21px;
font-weight:bold;
text-align:left;
color:#333;
}


.submitarea {
clear:both;
background:#EEE9EB;
border:1px solid #d6d6d6;
text-align:center;
margin:0px auto 20px auto;
padding:15px 0px;
}
.submitarea:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}
/* フォームボタン */
.btn_160 {
color:#fff;
text-align:center;
background:#5F0302 url(../images/common/btn_bg.gif) top left repeat-x;
border:1px solid #710000;
padding:0px 0px 3px 0px;
margin:0px 5px 0px 5px;
line-height:21px;
height:24px;
width:158px;
cursor:pointer;
}
.btn2_160 {
color:#333;
text-align:center;
background:#EBEBEB url(../images/common/btn2_bg.gif) top left repeat-x;
border:1px solid #ccc;
padding:0px 0px 3px 0px;
margin:0px 5px 0px 5px;
line-height:21px;
height:24px;
width:158px;
cursor:pointer;
}
.btn3_160 {
color:#fff;
text-align:center;
background:#EBEBEB url(../images/common/btn3_bg.gif) top left repeat-x;
border:1px solid #E3CCCC;
padding:0px 0px 3px 0px;
margin:0px 5px 0px 5px;
line-height:21px;
height:24px;
width:158px;
cursor:pointer;
}


/* 注意事項 */
.attention {
border:1px solid #d6d6d6;
border-right:0px solid #d6d6d6;
font-size: 10px;
line-height:15px;
height:150px;
overflow:auto;
padding:10px;
margin:0px 0px 15px 0px;
background:#f5f5f5;
text-align:left;
}

.attention h2 {
float:none;
font-size: 12px;
line-height:15px;
margin:0px 0px 10px 0px;
padding:0px;
text-align:left;
color:#333;
display:block;
}

.attention h3 {
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size: 10px;
line-height: 15px;
text-align:left;
color:#333;
font-weight:bold;
background:none;
}

.attention h4 {

margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size: 10px;
line-height: 15px;
text-align:left;
color:#333;
font-weight:normal;
}

.attention ol {
padding:0px;
margin:0px 0px 15px 15px;
list-style: decimal outside;
}

.attention ol li {
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
background: none;
}

.attention ul {
padding:0px;
margin:0px 0px 0px 0px;
list-style: none;
}

.attention ul li {
margin:0px;
padding: 2px 0px 2px 12px;
background:url(../images/common/ic_allowblack.gif) no-repeat 0px 7px;
}


/* エラーメッセージエリア */
.alert {
border:5px solid #D1A65B;
background:#FDF5E7 url(../images/common/ic_alert.gif) no-repeat 15px 15px;
padding:15px 15px 15px 41px;
margin:0px 0px 15px 0px;
font-size:14px;
line-height:21px;
text-align:left;
font-weight:bold;
color:#000;
}

/* お見積り合計金額 */
.estimate_total {
text-align:right;
padding:5px 5px 5px 5px;
margin:0px 0px 15px 0px;
border-bottom:1px solid #ccc;
}

.estimate_total .pricetitle {
float:left;
text-align:right;
width:555px;
line-height:24px;
}

.estimate_total .price {
text-align:right;
font-size:21px;
line-height:24px;
font-weight:bold;
color:#333;
}

/* 送信完了画面 */
.send_comp {
padding:70px 25px;
}

.send_comp p {
text-align:center;
margin-bottom:30px;
}



/* ************************************************ */
/**** フッタ関係 ****/
/* ************************************************ */
.fmenu {
width:1000px;
text-align: center;
margin: 0px auto 0px auto;
padding: 0px;
height:45px;
}
.fmenu ul {
padding: 0px;
margin: 0px 0px 0px 0px;
list-style: none;
}

.fmenu ul li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;

/*Routing Errorが発生してしまうので修正*/
/*background:url(none) repeat-x bottom left;*/
background: none;
line-height: 18px;
color: #333;
}
.fmenu ul li a {
color:#ccc;
}
.fmenu ul li a:hover {
color:#fff;
}


#footer .productlogo {
clear:both;
/*width: 1000px;*/
height: 41px;
display: block;
padding: 0px;
margin: 0px auto 10px auto;
text-align: center;
font-size: 10px;
text-indent: -9999px;
background: url(../images/common/productlogo.gif) no-repeat top center;
}


.copyright {
clear:both;
/*width: 1000px;*/
height: 17px;
display: block;
padding: 0px;
margin: 0px auto 0px auto;
text-align: center;
font-size: 10px;
line-height: 150%;
color: #bbb;
font-family: 'Century Gothic','MS Sans Serif', sans-serif;
}



/* 別ウインドウページ */
.otherwin {
margin:30px auto;
text-align:left;
width:800px;
}

.otherwin h1 {
font-size:16px;
line-height:24px;
margin:0px 0px 12px 0px;
padding:0px;
color:#753E4E;
}
.otherwin h2 {
font-size:14px;
line-height:21px;
margin:0px 0px 12px 0px;
padding:0px;
color:#333;
}
.otherwin h3 {
font-size:12px;
line-height:18px;
margin:0px 0px 7px 0px;
padding:0px;
color:#666;
}