/* ------------------------------------------
Style Sheet
	grpmail/
------------------------------------------ */


a:link {
	color:#0e76b6;
	text-decoration:none;
}
a:visited {
	color:#0e76b6;
	text-decoration:none;
}

a:hover {
	color:#cc0000;
	text-decoration:underline;
}

a:active {
	color:#cc0000;
	text-decoration:underline;
}




/*  サブページ　メニュー  */

#sub-menu ul {
    margin-top:0px;
    padding: 0;
}

#sub-menu li {
    list-style-type: none;
    width: 155px;
    height: 46px;
    padding: 0;
    margin: 0;
}

/*  サブページ　製品概要  */
#sub-menu li.sub-summary a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/grpmail/sub-menu_online.gif') 0 0 no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-summary a:hover { background-position: -155px 0; }

/*  サブページ 機能詳細  */
#sub-menu li.sub-function a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/grpmail/sub-menu_online.gif') 0 -46px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-function a:hover { background-position: -155px -46px; }

/*  サブページ　導入実績  */
#sub-menu li.sub-achivement a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/grpmail/sub-menu_online.gif') 0px  -92px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-achivement a:hover { background-position: -155px -92px; }


/*  サブページ　料金表  */
#sub-menu li.sub-price a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/grpmail/sub-menu_online.gif') 0 -138px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-price a:hover { background-position: -155px -138px; }


/*  メニュー よくある質問  */

#sub-menu li.sub-faq a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/webfile/sub-menu_webfile.gif') 0 -184px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-faq a:hover { background-position: -155px -184px; }


/* /\*  メニュー お問い合わせ  *\/ */
/* #sub-menu li.sub-contact a { */
/*     display: block; */
/*     width: 155px; */
/*     height: 46px; */
/*     background: url('../images/webfile/sub-menu_webfile.gif') 0 -230px no-repeat; */
/*     text-decoration: none; */
/* } */
/* #sub-menu li.sub-contact a:hover { background-position: -155px -230px; } */


/*  メニュー お問い合わせ・お申し込み  */
#sub-menu li.sub-contact2 a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/grpmail/sub-menu_grpmail.gif') 0 -230px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-contact a:hover { background-position: -155px -230px; }



#sub-menu span {
	visibility : hidden;
	text-indent:-9999px;
}
.read span.leader {
	color:#0066FF;
}

/*  タイトル  h1 p などbase.cssファイルに */
h2.point1 {
    background: url('../images/grpmail/point1.gif') no-repeat;
    width:471px;
    height:79px;
    margin-left: 25px;
    padding: 0;
    text-indent: -999999px;
}

h2.point2 {
    margin-top: 30px !important;
    background: url('../images/grpmail/point2.gif') no-repeat;
    width:471px;
    height:79px;
    margin-left: 25px;
    padding: 0;
    text-indent: -999999px;
}

h2.point3 {
    margin-top: 30px !important;
    background: url('../images/grpmail/point3.gif') no-repeat;
    width:471px;
    height:79px;
    margin-left: 25px;
    padding: 0;
    text-indent: -999999px;
}

h2.point4 {
    margin-top: 30px !important;
    background: url('../images/grpmail/point4.gif') no-repeat;
    width:471px;
    height:79px;
    margin-left: 25px;
    padding: 0;
    text-indent: -999999px;
}

h2.point5 {
    margin-top: 30px !important;
    background: url('../images/grpmail/point5.gif') no-repeat;
    width:471px;
    height:79px;
    margin-left: 25px;
    padding: 0;
    text-indent: -999999px;
}



.read h2 {
    font-size:15px;
    color:#0A336F;
    background-color:#ECF0F6;
    border-top:1px solid #9BB6DD;
    border-right:1px solid #9BB6DD;
    border-bottom:1px solid #9BB6DD;
    border-left:7px solid #9BB6DD;
    line-height:130%;
    margin:0 0 3px 0 ;
    padding:2px 5px;
    background-image:none;
    font-weight:bold;
}

.read h2.no-style {
        border: 0 !important;
        background-color: #ffffff !important;
}


.read span.leader {
	color:#0066FF;
}





/*新価格の料金表*/

table.price_table {
    border-collapse: collapse;
    margin-left:50px;
}

table.price_table th {
    width:100px !important;
    text-align:center;
    border-right:1px dotted #ffffff;
    border-bottom:1px dotted #ffffff;
    font-size:22px;
    color: #000000;
}


table.price_table th.short {
    font-size: 80%;
    height: 70px;
    border-right: 1px dotted #ffffff;
    border-bottom: 1px dotted #dddddd;
    border-top: 1px dotted #dddddd;
    color: #333333;
    padding:0px 6px;
    white-space: nowrap;
}

table.price_table th.short2 {
    font-size:80%;
    height: 70px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px dotted #dddddd;
    color: #333333;
    background-color: #f7f7f7;
    padding:0px 6px;
    white-space: nowrap;
}


table.price_table th.no {
    border: 0px !important;
}

table.price_table th.price1-bg {
    height: 90px;
    width: 280px;
    background:url('../images/grpmail/price.gif') no-repeat center bottom;
    text-indent: -9999px;
}





table.price_table td {
    width: 280px !important;
    text-align:center;
    border-bottom:1px dotted #ffffff;
    border-left:1px solid #ffffff;
    border-right:2px solid #ffffff;
    font-size:14px;
    color:#000000;
}



.price1 { background-color: #d4f1c4; }
.price2 { background-color: #f9f9f9; }
.price3 { background-color: #f9f9f9; }

.price1a { background-color: #b2d49f; }
.price2a { background-color: #f0f0f0; }
.price3a { background-color: #f0f0f0; }



.ee { background-color: #eeeeee !important;}
.bottom-color { background-color: #ffff00 !important;}


.font-s {
    font-size: 11px !important;
    color: #5a5a5a;
 }


div.font-s-price {
    font-size: 75% !important;
    margin-left: 20px !important;
    width: 470px;
 }


.font-ss {
    font-size: 10px;
    color: #5a5a5a;
    font-weight: bold;
 }



.font-b {
    font-size: 100% !important;
    color:#000000;
    font-weight:bold;
 }

.font-l {
    font-size: 110% !important;
 }


.font-large {
    font-size: 30px !important;
 }


.white { color: #ffffff; }


/*料金表：チラシ風*/
div.plan {
    padding: 0 15px;
    margin: 20px 10px;
    background:#FFFFFF url(../images/grpmail/bg-list.gif) repeat-y;
    clear: both;
    _height: 280px;
}

div.plan p.title {
    font-size: 110%;
    color:#f3702c;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 5px;
}

div.plan p.title {
    font-size: 110%;
    color:#f3702c;
    font-weight: bold;
    margin-left: 0px;
    padding: 0 5px;
}

p.plan-ex1 {
    height: 45px;
    font-size: 100%;
    color:#333333;
    font-weight: bold;
    margin-left: 10px;
    padding: 10px 5px;
    _padding: 13px 5px;
    *padding: 13px 5px;
    background-color: #f3faee;
    background: url(../images/grpmail/title_plan-ex1.gif) no-repeat;
}

p.plan-ex2 {
    height: 45px;
    font-size: 100%;
    color:#333333;
    font-weight: bold;
    margin-left: 10px;
    padding: 10px 5px;
    _padding: 13px 5px;
    *padding: 13px 5px;
    background-color: #f3faee;
    background: url(../images/grpmail/title_plan-ex2.gif) no-repeat;
}

p.plan-ex3 {
    height: 45px;
    font-size: 100%;
    color:#333333;
    font-weight: bold;
    margin-left: 10px;
    padding: 10px 5px;
    _padding: 13px 5px;
    *padding: 13px 5px;
    background-color: #f3faee;
    background: url(../images/grpmail/title_plan-ex3.gif) no-repeat;
}


div.plan p.plan-content {
    font-size: 100%;
    color:#558f36;
    font-weight: bold;
    padding: 5px 0px;
    margin-left: 3px;
    margin-top: -10px;
}

span.plus {
    color:#f3702c;
    font-weight: bold;
}



.ico-h3 {
    background:transparent url(../images/grpmail/ico-plan.gif) no-repeat scroll 0 50%;
    padding-left:23px;
}




/*料金表：料金詳細table*/

table.price_detail {
    width:380px;
    margin: 4px 0px 10px 15px !important;
    border-collapse: collapse;
    border:1px solid #cccccc;
    font-size: 80%;
}

table.price_detail tr {
    border-bottom: 1px dotted #cccccc;
    background-color: #f9f9f9;
}

table.price_detail td.green {
    padding: 6px 20px;
    color: #558F36;
}

table.price_detail td.orange {
    padding: 8px 20px;
    color: #f3702c;
    font-size: 110% !important;
    border-top: 3px double #aaaaaa;
}

table.price_detail th.orange {
    color: #f3702c;
    width:120px !important;
    font-size: 110% !important;
    border-top: 3px double #aaaaaa;
}

table.price_detail tr.blue {
    padding: 8px 20px;
    color: #2b4d9b;
    background-color: #f0f0f0;
}


table.price_detail th {
    padding: 8px 20px;
    text-align:left;
    border-right: 1px dotted #cccccc;
    width: 150px;
    padding: 5px 10px;
}



table.price_detail td {
    padding: 8px 20px;
    text-align:center;
    padding: auto 20px;
    border-right: 1px dotted #cccccc;
}







/*料金表：オプション機能*/

table.price_table-option {
    width:98%;
    margin: -10px 0px 10px 10px !important;
    border-collapse: collapse;
    border:1px solid #d6d6d6;
}

table.price_table-option th {
    text-align:left;
    font-size:14px;
    color: #000000;
    padding: 10px 10px;
    border-right: 1px dotted #d6d6d6;
}

table.price_table-option th.option-th {
    font-size:14px;
    text-align: center;
    color: #333333;
    background:url('../images/webfile/option-th.gif') repeat-x right top;
}

table.price_table-option th.option-th2 {
    font-size:14px;
    text-align: center;
    color: #333333;
    background:url('../images/webfile/option-th2.gif') repeat-x right top;
}


table.price_table-option th.no {
    border: 0px !important;
}

table.price_table-option td.no {
    border: 0px !important;
}

table.price_table-option td {
    text-align:center;
    font-size:14px;
    color:#000000;
    padding: auto 20px;
    border-right: 1px dotted #d6d6d6;
}

.font-s-ex {
    font-size:11px !important;
    font-weight:normal !important;
}


.ico-tri {
    background:transparent url(../images/ico-tri.gif) no-repeat scroll 5px 60%;
    padding-left:15px;
}

.ico-tri2 {
    background:transparent url(../images/ico-tri.gif) no-repeat scroll 5px 20%;
    padding-left:15px;
}


.space {
    margin-top: 50px;

 }





/* price-table other */
.bg-gray { background-color:#f8f8f8;}
.bg-gray2 { background-color:#f9f9f9;}
.userDisk { color:#24658d; font-weight:bold; }
.delDisk { color:#000; font-weight:bolder; }
table.price_table td.ll { text-align:left; }
table.price_table td.rr { text-align:right; }
table.price_table td .capacity { font:20px bolder Arial,sans-serif; color:#24658d; }
table.price_table td .capacity2 { font:20px bolder Arial,sans-serif; color:#000; }
table.price_table td sup { font-size:13px; }
table.price_table caption {
    color:#393939;
    width:90%;
    text-align:left;
}




/*  導入実績  */

h3.case-kadai {
    margin: 0;
    width:530;
    height:38px;
    background-image: url('../images/grpmail/case_kadai.gif');
    background-repeat:no-repeat;
    padding:5px 5px 0px 135px;
    font-size:13px;
}

h3.case-kekka {
    margin: 0;
    width:530;
    height:38px;
    background-image: url('../images/grpmail/case_kekka.gif');
    background-repeat:no-repeat;
    padding:5px 5px 0px 135px;
    font-size:13px;
}

h3.case-genzai {
    margin: 0;
    width:530;
    height:38px;
    background-image: url('../images/grpmail/case_genzai.gif');
    background-repeat:no-repeat;
    padding:5px 5px 0px 135px;
    font-size:13px;
}

h3.case-kaisha {
    background-image: url('../images/grpmail/case_company.gif');
    background-repeat:no-repeat;
    text-indent:-9999px;
    width:510px;
    height:30px;
    margin: 0;
}

div.kaisha-data {
    background-color:#E8E8E8;
    padding:10px;
    margin: 0;
}



/*  機能詳細  */

div.Function {
	margin-bottom: 10px !important;
	padding:0;
}

#function h2 {
	font-size:14px;
	height:65px;
	font-weight:bold;
	color:#00970B;
	background-color:#ffffff;
	text-indent:-9999px;
}

#function_point {
    margin: 0 0 20px 10px;
}

#function_point img{
    margin:10px 0px 0px 0px;
}

/*  他ページとp統一させるためコメントアウト  */
#function_point p{
/*     font-size:0.9em; */
/*     line-height:120%; */
}

#function_point{ text-align:left;}

#function_point h2 a:hover, #function_point h2 a:active{
    text-decoration:none;
    color:#000000;
}

h1{
    margin:0px 0px 0px 0px;
    text-align:left;
}

h2{
    font-size:0.9em;
    font-weight:normal;
    background:url('../images/grpmail/titleicon.gif') no-at scroll left center;
    padding-left:9px;
    margin:15px 0px 0px 5px;
    text-align:left;
}

.new{
    font-size:0.9em;
    text-align:left;
    padding:20px 0px 2px 0px;
}

.padding20{ padding-top:20px;}

/* 機能詳細テーブル  */
table.function_table {
    border:1px solid #cecece;
    border-collapse:collapse;
    color:#1b1b1b;
    font-size:90%;
    margin:0px;
    width:80%;
    margin-bottom:20px;
}

table.function_table img{
    text-align:center;
    padding:0px 0px 2px 0px;
}

table.function_table td.ll{
    text-align:left;
}


table.function_table td{
    border:1px dotted #cecece;
    padding:0px 0px 2px 7px;
}

.w25{ width:25px;}


/* その他の機能  */
#function_others{
    padding:0px;
    margin:10px 0px 0px 10px;
    width:500px;
}

#function_others .box{
    width:210px;
    height:260px;
    margin:0px 10px 0px 5px;
    padding:0px 2px 0px 7px;
    float:left;
    font-size:100%;
    background-image: none;
}

#function_others .box h3 {
    color:#333;
    font-size:14px;
    margin:0px 5px 10px 0px !important;
    padding:5px 0 2px 10px !important;
    width: 200px !important;
}




ul.FunctionList {
    margin-bottom:20px;
}

ul.ListIcon {
    width: 500px;
/*     height: 80px; */
/*     display: block; */
}

ul.ListIcon li {
    line-height:150%;
    list-style-type: none !important;
    padding-left: 15px;
    padding-right: 10px;
    margin: 3px 10px 3px 0;
    background: url('../images/webfile/icon-link.gif') 4px 5px no-repeat;
    float: left;
    font-size: 80% !important;
    white-space: nowrap;
}

.font80{ font-size:80%;}



/*  PRエリア  */
.pr {
	margin:10px 0 10px 0 ;
	font-size:95%;
	color:#cc0000;
	font-weight:bold;
}


/*  製品概要の枠  */

#summary {
	margin:0;
	padding:0;
}

#summary img{
    margin:10px 0px 0px;
}

#summary h1{
    margin:0px;
    padding:0px;
}

#summary h2{
    margin: 0px;
    padding-left: 0px;
    text-align:center;
    background-image:none;
}


#summary a:link {
	color:#333333;
	text-decoration:none;
}

#summary a:visited {
	color: #333333;
	text-decoration:none;
}

#summary a:hover {
	color:#000000;
	text-decoration:underline;
}

#summary a:active {
	color:#000000;
	text-decoration:underline;
}


/*  フォーム  */
#inquiry th {
    border-right:5px solid #CBD8EB;
    color:#006699;
    font-weight:bold;
    padding:5px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
    clear: both;
}


/*
#inquiry { margin:20px 0;}

#inquiry table {
	border-collapse:separate;
	border-spacing: 5px;
	font-size:85%;
}

#inquiry th {
	color:#0A336F;
	font-weight:bold;
	padding:5px 5px;
	text-align:right;
	border-right:5px solid #CBD8EB;
	white-space:nowrap;
	vertical-align:top;
}

#inquiry td {
	font-weight:normal;
	padding:5px 5px;
	text-align:left;
}

#inquiry div.button {
	margin: 20px 10px 10px 0;
	text-align:right;
}

#inquiry button.go-confirm , #inquiry button.go-send , #inquiry button.go-top {
	background-color:#2E67D1;
	width:140px;
	height:27px;
	cursor: pointer;
}

#inquiry button.back {
	background-color:#cccccc;
	width:140px;
	height:27px;
	cursor: pointer;
}


#inquiry input.go-confirm , #inquiry input.go-send , #inquiry input.go-top {
	background-color:#2E67D1;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}

#inquiry input.back {
	background-color:#cccccc;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}
*/

/*  強調  */
.point {
	color:#0033ff;
}
.notes { color:#ff0000; font-weight:bold; }
.f-small { font-size:11px; }
.f-bold { font-weight:bolder; }


<<<<<<< .working
.remark {
	padding-left:1em;
	font-size:75% !important;
	line-height:1.4em;
	color:#666666;
	text-indent:0 !important;
}

/*  導入実績  */
#interview-box {
     display: block;
     background: url('../images/grpmail/interviewer.gif') 0% 50% no-repeat ;
     height: 51px;
     margin-top:5px;
     margin-left:0px;
}

#interview-box p {
    font-weight: bold;
    color: #333333;
    width: 400px;
    margin: 30px 0 10px 70px;
    _margin: 0px 0 10px 70px;
    padding: 8px 5px;
    background-color: #eeeeee;
}



#answer-box {
     margin-top: -30px !important;
     display: block;
     background: url('../images/grpmail/answer.gif') 0% 25% no-repeat ;
     height: 280px;
}

#answer-box p {
    color: #333333;
    width: 415px;
    margin: 30px 0 10px 70px;
    padding: 10px;
    background-color: #d7f3cd;
    line-height: 160%;
}

#answer-box span.point {
    text-indent: 0px !important;
    font-weight: bold;
    font-size: 110%;
    color: #005c04;
    line-height: 160%;
    margin-top: 10px;
}



#answer-box1 {
     margin-top: -30px !important;
     display: block;
     background: url('../images/grpmail/answer.gif') 0% 25% no-repeat ;
     height: 370px;
}

#answer-box1 p {
    color: #333333;
    width: 415px;
    margin: 30px 0 10px 70px;
    padding: 10px;
    background-color: #d7f3cd;
    line-height: 160%;
}

#answer-box1 span.point {
    text-indent: 0px !important;
    font-weight: bold;
    font-size: 110%;
    color: #005c04;
    line-height: 160%;
    margin-top: 10px;
}




#answer-box2 {
     margin-top: -30px !important;
     display: block;
     background: url('../images/grpmail/answer.gif') 0% 25% no-repeat ;
     height: 430px;
}

#answer-box2 p {
    color: #333333;
    width: 415px;
    margin: 30px 0 10px 70px;
    padding:10px;
    background-color: #d7f3cd;
    line-height: 160%;
}

#answer-box2 span.point {
    text-indent: 0px !important;
    font-weight: bold;
    font-size: 110%;
    color: #005c04;
    line-height: 160%;
    margin-top: 10px;
}

span.accent {
    color: #004783;
    font-size: 105%;
    font-weight: bold;
}

/* Crearfix モダンブラウザ（Firefox Opera Safari）対策------------------------ */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* /\* Win版IE7とMac版I5対策 *\/ */
/* .clearfix{ */
/* 	display:inline-block; */
/* } */

/* /\* Win版IE5および6対策 *\/ */
/* /\* Hides from IE-mac \*\/ */
/* * html .clearfix{ */
/* 	height:1px; */
/* } */
.clearfix{
	display:block;
}
/* End hide from IE-mac */

.R20 { margin-right: 20px; }
.L20 { margin-left: 20px; }
.fleft { float: left; }
.fright { float: right; }


.zoomLink {
    padding-left: 15px;
    background: url("../images/wfl/ico-zoom.gif") no-repeat left 0;
    font-size:12px ;
    text-decoration: underline !important;
}