@charset "UTF-8";

.clearfix:after {
content: "";
display: block;
clear: both; 
}

/* テーブル */

/* プランページ一覧表 */
.plantable{
width:100%;
border-bottom:#aaaaaa 1px solid;
border-right:#aaaaaa 1px solid;
margin:0px;
padding:0px;
}

.plantable th{
width:125px;
text-align:right;
border-top:#cccccc 1px solid;
border-left:#cccccc 1px solid;
padding:5px;
background-image:url(../img/img_bg_tableOptionTd.gif);
font-weight:normal;
}

.plantable td{
text-align:center;
vertical-align:middle;
border-top:#cccccc 1px solid;
border-left:#cccccc 1px solid;
padding:5px;
}

.planBasic_head{
text-align:center;
border-top:#999999 1px solid;
border-left:#999999 1px solid;
padding:5px;
background-image:url(../img/img_bg_tableOptionTh.gif);
}

.planSup_head{
text-align:center;
border-top:#999999 1px solid;
border-left:#999999 1px solid;
padding:5px;
background-image:url(../img/img_bg_tableOptionThGreen.gif);
}

.planBasic_lot{
background-color:#E7EFFF;
}

.planSup_lot{
background-color:#EDF6DE;
}

.planOptionList{
margin:0px;
padding:0px;
text-align:left;
}

.planOptionList li{
padding:2px;
margin:0px;
}

.plantableTitle{
background-image:url(../img/img_bg_tableOptionThGray.gif);
color:#FFFFFF;
}

.planOptionTable{
width:100%;
text-align:left;
border:none;
}

.planOptionTable td {
width:50%;
border:none;
}


/*
endwise:ベーシックデザイン？
price:料金表
otherList:機能一覧などのテーブル
 */
table.tableBasic,
table.price {
width: 100%;
margin: 0px 0px 1em 0px;
clear: right;
background: #fff;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.box .box .tableBasic,
.box .box .table.price {
width: 100%;
margin: 0px 0px 1em 0px;
clear: right;
background: #fff;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.tableBasic th,
table.price th {
width: auto;
margin: 0px;
padding: 5px 5px;
color:#fff;
font-weight: normal;
background: #555;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
text-align: center;
}

table.tableBasic td,
table.price td {
width: auto;
margin: 0px;
padding: 5px 10px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: none;
word-break:keep-all;
}

td.formbuttonarea{
background-color: #B3B3B3;
text-align: center;
padding: 5px;
}

.spec {
font-size: 11px;
}

.spec li {
margin-bottom: 0.5em;
}

table.price td.priceText{
text-align:right;
}

.tableBasic h4{
font-size:14px;
padding:5px 0px 0px 0px;
border-bottom: #ccc 1px solid;
font-weight: bold;
}


table.otherList
{
width: 100%;
    margin:2px;
    padding:2px;
    border-collapse: collapse;
    border:1px solid gray;
}
table.otherList th
{
/*
    margin:2px;
    padding:2px;
	*/
    margin:0px;
    padding:5px;
	text-align:center;
    background-color:#eee;
    border:1px solid gray;
    width:150px;
}

table.otherList td
{
/*
    margin:2px;
    padding:2px;
	*/
    margin:0px;
    padding:5px;
    border:1px solid gray;
}
table.otherList td#tdSmallLine
{
    background-color:beige;
    font-weight:bold;
    font-size:10px;
}

table.orderList
{
width: 100%;
    margin:0px;
    padding:0px;
    border:1px solid gray;
    border-collapse:collapse;
}

table.orderList th
{
/*
    margin:2px;
    padding:2px;
	*/
    margin:0px;
    padding:5px;
    background-color:#eee;
    border:1px solid gray;
    border-collapse:collapse;
    width:150px;
}
table.orderList td
{
/*
    margin:2px;
    padding:2px;
	*/
    margin:0px;
    padding:5px;
    border:1px solid gray;
    border-collapse:collapse;
}

table.orderList2
{
width: 100%;
    margin:0px;
    padding:0px;
    border:1px solid gray;
    border-collapse:collapse;
}

table.orderList2 th
{
    margin:0px;
    padding:5px;
    background-color:#ddd;
    border:1px solid gray;
    border-collapse:collapse;
}

table.orderList2 td
{
margin:0px;
padding:5px;
border:1px solid gray;
border-collapse:collapse;
}

.tableExample{
width: 100%;
font-size:10px;
margin: 0px 0px 20px 0px;
clear: right;
background: #fff;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.tableExample th{
width: auto;
margin: 0px;
padding: 5px 5px;
color:#333;
font-weight: normal;
background: #eee;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
text-align: center;
}

.tableExample td{
width: auto;
margin: 0px;
padding: 5px 10px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: none;
}

table.browser{
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
width: 100%;
}

table.browser th{
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
background-color:#eeeeee;
padding:10px;
width:50%;
}

table.browser td{
border-right:#CCCCCC 1px solid;
padding:10px;
width:50%;
}

*html table.browser{
border-bottom:#CCCCCC 1px solid;
border-left: 1px solid #ccc;
_width:560px;
}

table.formList{
width: 100%;
margin:2px;
padding:2px;
border-collapse: collapse;
border:1px solid #ccc;
}

table.formList th{
margin:0px;
padding:5px;
text-align:left;
background-color:#f5f5f5;
border:1px solid gray;
font-size:12px;
width:50%;
}

table.formList td{
margin:0px;
padding:5px;
border:1px solid gray;
_font-size:12px;
}





/*見出し
*************************************************/

.contentTitle {
margin-bottom: 10px;
padding:6px 5px 10px 10px;
_padding:10px 5px 10px 10px;
font-size: 18px;
font-weight: none;
background-image: url('../img/h2_bg.gif');
background-repeat: no-repeat;
clear:both;
}

.label {
font-weight: bold;
margin: 0px 0px 10px 0px;
padding:5px 5px 5px 5px ;
border-bottom: #999 1px dashed;
border-left: #999 5px solid;
}

.voice {
font-size:14px;
_font-size: 12px;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding:5px 5px 5px 50px;
background-image: url('../img/img_case_icon.gif');
background-repeat: no-repeat;
background-position:left;
border-bottom: #999 1px dashed;
}

.contentTitleWeak {
font-size:14px;
font-weight:bold;
color:#003300;
background-image:none;
padding:15px 5px 20px 15px;
background-image:url(../img/img_h3_bg.gif);
background-repeat:no-repeat;
background-position:top;
clear:both;
}

/*h4.contentTitleVeryWeak{
padding:5px;
border-left: 8px solid #ccc;
border-bottom: 1px dotted #ccc;
border-right: 0px dashed #fff;
}
*/
.contentTitleVeryWeak{
font-size:12px;
font-weight:bold;
margin:15px 0px 0px 0px;
padding:5px;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
background-color:#f5f5f5;
clear:both;
}

.exampleCatch{
font-size:18px;
font-weight:normal;
margin:20px 0px 20px 0px;
_line-height:140%;
}

.caseExampleH3{
font-size:14px;
font-weight:bold;
line-height:140%;
}

.relationalContent{
font-size:14px;
font-weight:bold;
padding:0px 0px 5px 0px;
border-bottom:#222 1px dotted;
} 

/* 下線、装飾等をつけないタイトル */
.subtitle {
font-weight: bold;
}


/*汎用クラス
*************************************************/

.clear{
clear:both;
}

.clearfix:after {  
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix {/* forIE7 */
zoom: 1;
min-height: 1%;
 }

.box{
	padding:5px 20px 20px 20px;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.cut{
float: right;
margin: -20px 0px 0px 20px;
}

.pointLarge {
font-size:18px;
font-weight: bold;
}

.pointMedium {
font-size:14px;
font-weight: bold;
}

.contentsMenu {
margin:0px;
padding:10px 10px 10px 10px;
background-color:#f5f5f5;
border:#CCCCCC 1px solid;
}

.contentsMenu li{
float:left;
display: inline;
margin:0px 20px 0px 0px;
}

ol.priceFlow {
margin:0px;
padding:10px;
}

ol.priceFlow li{
float:left;
display: inline;
margin:0px 20px 0px 0px;
}

.contentsList {
margin:10px 0px 0px 0px;
}

.contentsList li{
margin:10px 0px 0px 20px;
list-style:disc;
}

/* カット挿絵 */
.cutStandard {
float: left;
width: 140px;
margin-right: 10px;
}

.cutLeft {
float: left;
}

.cutRight {
float: right;
}

.text_cutStandard {
width: 448px;
_width: 438px;
margin-left: 150px;
}

/* 図解 キャプチャ（拡大なし） */
.illustStandard {
text-align: center;
padding-bottom: 1.5em;
}

.illustStandard img{
border: 1px #dedede solid;
}

.illustRight {
float: right;
margin-left: 10px;
border: 1px #cccccc solid;
}

/* その他装飾系
*************************************************/
p.exe {
color: #006699;
/*******  ↓加藤追加↓  *******/
margin: 0px;
line-height: 12px;
}

.alert {
color: #ff6600;
}

/* 文章中のアピールポイント（注意事項には使用しない→alert） */
.appeal{
color: #DC8229;
font-size: 12px;
font-weight: bold;
}



.required,
.requiredRight{
margin:0px 0px 0px 5px;
color:#990000;
}

.requiredRight{
margin: 0px;
padding: 0px;
text-align: right;
}

.explain{
margin:10px 0px 0px 0px;
padding:0px;
color:#444444;
font-size:10px;
}

.resultPrice{
font-size:18px;
font-weight:bold;
}

.result{
font-weight:bold;
}

.resultTitle{
background-color:#EEEEEE;
font-weight:bold;
text-align:center;
}

.priceTitle{
background-color:#CCCCCC;
font-weight:bold;
text-align:center;
}


/* 補足テキスト、タイトル下概要（SEO） */
.summary {
color: #444444;
font-size: 10px;
}


/* ベーシックリスト */
ul.list_basic li {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 0;
margin-left: 2em;
}

/* 手順、番号 */
ol.list_number li {
list-style-type: decimal;
list-style-position: inside;
}

/* 項目のリスト類 */
ol.list_item li {
list-style-type: lower-alpha;
list-style-position: inside;
}

.list_item li .guide {
display: block;
text-indent: 1.5em;
font-weight: bold;
}

/* マークなし */
ul.list_nomark li,
ol.list_nomark li {
list-style-type: none;
list-style-position: inside;
}

.screenThumbnail{
float:right;
border:#88ACAA 3px solid;
margin:0px 0px 20px 20px;
width:180px;
}

.screenThumbnailFullSize {
border:#88ACAA 3px solid;
width:630px;
}


/* 下記ページ毎の単発要素 */

.caseBox{
width:420px;
background-image: url('../img/img_case_bg.gif');
background-repeat: no-repeat;
height:50px;
_height:100px;
margin: 0px 0px 0px 10px;
padding: 30px 10px 10px 120px
}

.exampleTitle {
padding-left: 5px;
border-left: 8px solid #888888;
border-bottom: 1px solid #888888;
font-size:14px;
}

p.caseCatch {
margin: 5px 0px;
font-size:14px;
font-weight:normal;
}

.thumb{
border:#e9e9e9 5px  solid;
}

ul.sitemapOneRank{
}

ul.sitemapOneRank li{
margin-top:1px;
margin-bottom:1px;
list-style:disc;
list-style-position:inside;
}

ul.sitemapTwoRank{
}

ul.sitemapTwoRank li{
margin-left:30px;
margin-top:1px;
margin-bottom:1px;
}

ul.sitemapThreeRank{
}

ul.sitemapThreeRank li{
margin-left:60px;
margin-top:1px;
margin-bottom:1px;
}


/* プラン/オプションページ内表要素 */

#planTitleBasic{
width:630px;
background-image:url(../img/img_title_basicPlan.gif);
background-repeat:no-repeat;
margin:-5px 0px 0px 0px;
padding:0px;
line-height:140%;
border:#EEEEEE 5px solid;
}



#planTitleStartup{
width:630px;
background-image:url(../img/img_title_startupPlan.gif);
background-repeat:no-repeat;
margin:-5px 0px 0px 0px;
padding:0px;
line-height:140%;
border:#EEEEEE 5px solid;
}

#planLeadText{
margin:0px;
padding:135px 30px 10px 30px;
color:#FFFFFF;
line-height:120%;
overflow:hidden;
}


.tableBasicPlan,
.tableStartupPlan{
width:590px;
border-top:#bbb 1px solid;
border-left:#bbb 1px solid;
background-color:#cccccc;
font-size:12px;
_line-height:140%;
margin:10px 0px 0px 0px ;
}

.tableBasicPlanFunctionTitle{
width:590px;
border-top:#bbb 1px solid;
border-left:#bbb 1px solid;
background-color:#cccccc;
font-size:12px;
_line-height:140%;
margin:10px 0px -10px 0px ;
}

.tableBasicPlanFunctionTitle th{
border-right:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThGray.gif);
background-repeat:repeat-x;	
color:#FFFFFF;
text-align:center;
}

.tableOption{
width:100%;
border-top:#bbb 1px solid;
border-left:#bbb 1px solid;
background-color:#cccccc;
font-size:12px;
_line-height:140%;
}

/*kato add*/
.tableOption_aandd{
width:590px;
border-top:#bbb 1px solid;
border-left:#bbb 1px solid;
border-right:#bbb 1px solid;
background-color:#cccccc;
font-size:12px;
_line-height:140%;
}

.tableOption_aandd th{
/*border-right: #bbb 1px solid;*/
border-bottom: #bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
background-color:#ffffff;
text-align:center;
}

.tableOption_aandd .stateLabel{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThYellow.gif);
background-repeat:repeat-x;
background-color:#ddd8c2;
text-align:center;
width:110px;
}

.tableOption_aandd .orderNew{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThGreen.gif);
background-repeat:repeat-x;
background-color: #DEE3CC;
text-align:center;
width:110px;
}

.tableOption_aandd .orderAddition{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThRed.gif);
background-repeat:repeat-x;
text-align:center;
width:110px;
}


table.tableOption_aandd .spec{
/*border-right:#bbb 1px solid;*/
border-bottom:#bbb 1px solid;
padding:10px;
background-color:#ffffff;
font-size:12px;
}

/*end kato add*/

/* asakawa add */
.tableScalable {
width: 100%;
border-top: 1px grey solid;
border-right: 1px grey solid;
}

.tableScalable p{
margin: 0px;
padding: 0px;
}

.tableScalable thead {
text-align: center;
font-weight: bold;
}

#ScalableBasicPlan {
background-image:url(../img/img_bg_tableOptionTh.gif);
background-repeat: repeat;
color: #222222;
}

#ScalableStartPlan {
background-image:url(../img/img_bg_tableOptionThGreen.gif);
background-repeat: repeat;
color: #222222;
}

.ScalableBasicPlan {
/*
background-image:url(../img/img_bg_tableBasicTd.jpg);
background-repeat: repeat;*/
}

.ScalableStartPlan {
/*
background-image:url(../img/img_bg_tableStartTd.jpg);
background-repeat: repeat;*/
}

.tableScalable th {
border-bottom: 1px grey solid;
border-left: 1px grey solid;
padding: 10px;
text-align: center;
vertical-align: middle;
}


/***上下セット*********************/
.scalableBasic th {
background-image:url(../img/img_bg_tableOptionThSmoke.gif);
background-repeat: repeat;
color: #222222;
}

.scalableOption th {
background-image:url(../img/img_bg_tableOptionThYellow.gif);
background-repeat: repeat;
color: #222222;
}

/*
.scalableBasic th.scalableSubTh,
.scalableOption th.scalableSubTh {
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat: repeat;
}*/

/****end 上下セット**************************/

.tableScalable td {
border-bottom: 1px grey solid;
border-left: 1px grey solid;
padding: 10px;
vertical-align: middle;
}

.specSign {
font-size: 130%;
text-align: center;
}

/* end asakawa add */


.tableBasicPlan th,
.tableOption th,
.tableStartupPlan th{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
background-color:#ffffff;
text-align:center;
width:150px;
}

.tableBasicPlan .basicPlanTabNameTh,
.tableStartupPlan .startupPlanTabNameTh,
.tableOption .basicPlanTabNameTh{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThGray.gif);
background-repeat:repeat-x;
color:#FFFFFF;
text-align:center;
}

.tableBasicPlan .basicPlanTitleTh,
.tableOption .basicPlanTitleTh{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionTh.gif);
background-repeat:repeat-x;
text-align:center;
}

.tableBasicPlan .basicFunctionLabel,
.tableStartupPlan .basicFunctionLabel,
.tableOption .basicFunctionLabel{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThPurple.gif);
background-repeat:repeat-x;	
background-color:#ddd8c2;
text-align:center;
width:150px;
}

.tableBasicPlan .adminFunctionLabel,
.tableStartupPlan .adminFunctionLabel,
.tableOption .adminFunctionLabel{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThPink.gif);
background-repeat:repeat-x;
background-color:#ddd8c2;
text-align:center;
width:150px;
}

.tableBasicPlan .stateLabel,
.tableStartupPlan .stateLabel,
.tableOption .stateLabel{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThYellow.gif);
background-repeat:repeat-x;
background-color:#ddd8c2;
text-align:center;
width:150px;
}
.tableBasicPlan .orderNew,
.tableOption .orderNew,
.tableStartupPlan .startupPlanTitleTh{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThGreen.gif);
background-repeat:repeat-x;
text-align:center;
width:150px;
}

.tableBasicPlan .orderAddition,
.tableStartupPlan .orderAddition,
.tableOption .orderAddition{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThRed.gif);
background-repeat:repeat-x;
text-align:center;
width:150px;
}

.tableBasicPlan .spec,
.tableStartupPlan .spec,
.tableOption .spec{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px;
background-color:#ffffff;
font-size:12px;
}

.contentsLeadText{
margin:10px 10px 10px 10px;
line-height:140%;
}

.attention{
font-size:11px;
_font-size:10px;
color:#990000;
line-height:140%;
}

.attentionOptionPage{
font-size:11px;
_font-size:10px;
color:#990000;
line-height:140%;
padding:3px;
margin:5px 0px 0px 0px;
background-color:#ffdddd;
border:#990000 1px dotted;
}

.telNumberBox{
padding:0px;
margin:20px 0px 0px 0px;
border:#cccccc 1px solid;
background-color:#eeeeee;
_line-height:200%;
text-align:center;
font-weight:bold;
}

/* 補足的お知らせ */
.noticeBox{
padding:10px 15px 0px 15px;
margin:20px 0px 0px 0px;
border:#cccccc 1px solid;
background-color:#eeeeee;
text-align:center;
text-align: left;
font-size: 10px;
color: #444444;
}

.noticeBox p{
padding-bottom: 0;
}

.orderSheet{
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
text-align:left;
}
.orderSheet table{
width:100%;
}

.orderSheet table td{
text-align:left;
}

.orderType{
font-weight:bold;
padding:3px;
margin:10px 0px 5px 0px;
border-bottom:#ccc 1px dotted;
}

.orderSheet .getAcrobatReader{
float:right;
margin:10px 0px 0px 20px;
}

.planPickUpFunction{
width:300px;
padding:10px 20px 0px 0px ;
color:#FFFFFF;
}

.planPickUpFunction img {
float:left;
margin-right:20px;
}

.planBasicSpecDiv{
padding:10px;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
}

.planBasicSpecDiv td{
width:290px;
}

.planBasicSpecDiv img{
float:left;
margin:0px 5px 20px 0px;
}

.tableTabs{
margin:0px 0px -10px 0px;
padding:0px;
}



.flowOfEntryTable{
width:590px;
font-size:12px;
_line-height:140%;
margin:10px 0px 0px 0px ;
}

.flowOfEntryTable .cliantPart{
border-right:#339933 1px dotted;
width:64px;
}

.flowOfEntryTable .cliantPartTask{
background-color:#E9FFD9;
border-top:#339933 1px dotted;
border-right:#339933 1px dotted;
border-bottom:#339933 1px dotted;
}

.flowOfEntryTable .feedpathPart{
border-right:#3399CC 1px dotted;
}

.flowOfEntryTable .feedpathPartTask{
background-color:#E6FFF3;
border-top:#3399CC 1px dotted;
border-right:#3399CC 1px dotted;
border-bottom:#3399CC 1px dotted;
}

.cliantPartTaskTitle{
font-size:14px;
font-weight:bold;
color:#006600;
margin:0px;
padding:2px 5px 2px 5px;
border-bottom:#009900 1px dotted;
border-left:#009900 3px solid;
}

.feedpathPartTaskTitle{
font-size:14px;
font-weight:bold;
color:#006699;
margin:0px;
padding:2px 5px 2px 5px;
border-bottom:#006699 1px dotted;
border-left:#006699 3px solid;
}



.tablePlatform{
border-top:#999 1px solid;
border-left:#999 1px solid;
background-color:#cccccc;
_line-height:120%;
margin:10px 0px 0px 0px ;
}

.tablePlatform .platform{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionThYellow.gif);
background-repeat:repeat-x;	
background-color:#ddd8c2;
text-align:center;
width:120px;
font-size:10px;
}

.tablePlatform .osLabel{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px 5px 10px 5px;
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
background-color:#ffffff;
text-align:center;
width:120px;
_width:130px;
font-size:10px;
}

.tablePlatform .browser{
border-right:#bbb 1px solid;
border-bottom:#bbb 1px solid;
padding:10px;
background-color:#ffffff;
font-size:10px;
text-align:left;
}

.innerPageNavi{
margin:0px 1px;
padding:3px 15px 3px 15px;
font-size:12px;
border-bottom:#CCCCCC 1px dotted;
background-color:#f5f5f5;
}

.downloadBox{
padding:0px;
}

.manualDlBox{
margin:5px;
float:left;
width:278px;
height:150px;
padding:10px 5px 0px 5px;
border:#CCCCCC 1px solid;
}
.manualDlBoxUser{
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
}

.manualDlBoxAdmin{
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
}

.manualDlBox .manualType{
font-weight:bold;
padding:3px;
margin:0px 0px 5px 0px;
border-bottom:#ccc 1px dotted;
}

.caseExampleBox{
padding:10px 0px 0px 0px;
clear:both;
}

.caseExampleBoxBodyL{
float:left;
margin:5px;
padding:10px;
width:275px;
border-right:#CCCCCC 1px dotted;
}

.caseExampleBoxBodyR{
float:left;
margin:5px;
padding:10px;
width:260px;
}

.caseUserScale{
width:100px;
float:right;
padding:2px;
font-size:10px;
background-color:#eeeeee;
border:#CCCCCC 1px dotted;
text-align:center;
white-space:nowrap;
}

.caseLeadText{
font-size:12px;
line-height:140%;
}

.tableCaseSpec{
width:inherit;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
}

.tableCaseSpec th{
padding:3px 10px 3px 10px;
background-image:url(../img/img_bg_tableOptionTh.gif);
background-repeat:repeat-x;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
font-size:12px;
text-align:center;
}

.tableCaseSpec td{
padding:3px 10px 3px 10px;
background-color:#FFFFFF;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
font-size:12px;
text-align:center;
}

.caseExampleLatest{
padding:10px 0px 10px 0px;
border-bottom:#CCCCCC 1px dotted;
}

.caseExampleClipArt{
padding:0px 10px 0px 10px;
float:right;
}

.caseExampleCompanyName{
padding:2px;
margin:5px 0px 5px 0px;
line-height:140%;
font-weight:bold;
border:#CCCCCC 1px solid;
background-color:#f5f5f5;
}

.pagerBody{
text-align:right;
}

.pageList{
}

.pageList li{
float:right;
}

.pageNumLink{
padding:3px;
margin:5px;
border:#CCCCCC 1px solid;
background-color:#f5f5f5;
}

.caseExamplePointBox{
border:#FFCC00 1px dotted;
background-color:#FEFFD1;
padding:10px;
}

.caseExampleValueBox{
border:#66CCFF 1px dotted;
background-color:#E6FCFF;
padding:10px;
}

.caseComment{
padding:10px 15px 10px 90px;
margin:15px 10px;
background-color:#f5f5f5;
background-image:url(../img/img_caseUserVoice.gif);
background-repeat:no-repeat;
}

.caseCommentFp{
padding:10px 90px 10px 15px;
margin:15px 10px;
background-color:#f5f5f5;
background-image:url(../img/img_caseFpVoice.gif);
background-repeat:no-repeat;
background-position:right top;
}

.caseCommentA{
padding:10px 15px 10px 90px;
margin:15px 10px;
background-color:#f5f5f5;
background-image:url(../img/img_caseUserVoiceA.gif);
background-repeat:no-repeat;
}

.caseCommentB{
padding:10px 15px 10px 90px;
margin:15px 10px;
background-color:#f5f5f5;
background-image:url(../img/img_caseUserVoiceB.gif);
background-repeat:no-repeat;
}

.caseCommentC{
padding:10px 15px 10px 90px;
margin:15px 10px;
background-color:#f5f5f5;
background-image:url(../img/img_caseUserVoiceC.gif);
background-repeat:no-repeat;
}

.function_cellphone_carrier{
width:100%;
}

.function_cellphone_carrier td{
background-image:url(../img/img_carrier_td.gif);
background-repeat:no-repeat;
padding:7px;
padding-bottom:15px;
padding-right:10px;
font-size:10px;
}

.function_cellphone_box {
}

.function_cellphone_boxBody {
background-image:url("/img/img_bg_tableOptionTd.gif");
background-repeat:repeat-x;
border:1px dotted #CCCCCC;
float:left;
margin:5px;
padding:10px 5px 0;
width:175px;
}

.function_ipad_box {
}

.function_ipad_boxBody {
background-image:url("/img/img_bg_tableOptionTd.gif");
background-repeat:repeat-x;
border:1px dotted #CCCCCC;
float:left;
margin:5px;
padding:5px 5px;
width:275px;
}

.function_ipad_boxBody_sync {
background-image:url("/img/img_bg_tableOptionTd.gif");
background-repeat:repeat-x;
border:1px dotted #CCCCCC;
float:left;
margin:5px;
padding:5px 5px;
width:485px;
}

.functionType {
border-bottom:1px dotted #CCCCCC;
border-left:#000000 3px solid;
font-weight:bold;
background-color:#f0f0f0;
margin:0px 0px 10px 0px;
padding:3px 3px 3px 5px;
}

.mobileType {
width:180px;
float:left;
margin:10px;
text-align:center;
}

.case_title_icon {
font-size:18px;
font-weight:bold;
margin:20px 0px 20px 0px;
padding:0px 0px 0px 60px;
background-image:url(../img/img_icon_caseTitle.gif);
background-repeat:no-repeat;
background-position:left;
_line-height:140%;
}

.case_title_icon_point {
font-size:18px;
font-weight:bold;
margin:20px 0px 20px 0px;
padding:0px 0px 0px 60px;
background-image:url(../img/img_icon_caseTitlePoint.gif);
background-repeat:no-repeat;
background-position:left;
_line-height:140%;
}

/* 以下製品情報内 、ソリューション、リニューアル後TOP*/

.title_point {
border-bottom:#666666 1px dotted;
font-size:16px;
line-height:140%;
font-weight:bold;
padding:3px 0px 5px 60px;
background-image:url(../img/img_icon_caseTitlePoint.gif);
background-repeat:no-repeat;
background-position:left;
}

.title_dottedLine{
border-bottom:#666666 1px dotted;
font-size:14px;
font-weight:bold;
padding-bottom:5px;
}

.pruduct_icon{
float:left;
margin-right:15px;
}

.top_pruduct_icon{
float:left;
margin:0px 15px 30px 0px;
}


.pruduct_icon80{
float:left;
}

.functionText{
float:left;
padding-left:15px;
width:450px;
margin-bottom:30px;
}

.functionBoxGray{
background-image:url(../img/img_bg_tableOptionTd.gif);
background-repeat:repeat-x;
padding:10px 10px 0px 10px;;
}

.functionBoxWh{
padding:10px 10px 0px 10px;;
}

.innerBox_2col {
float:left;
width:280px;
padding:10px;
}

.innerBox_2col h3 {
border-bottom:1px dotted #CCCCCC;
border-left:#000000 3px solid;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:3px 3px 3px 5px;
}

.top_innerBox_2col {
float:left;
width:305px;
padding:10px 10px 0px 10px;
}

.top_innerBox_2col h3 {
border-bottom:1px dotted #CCCCCC;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:3px 3px 3px 5px;
}


.titile_bgColor {
font-weight:bold;
margin:0px 0px 10px 0px;
padding:5px 5px 5px 10px;
background-image:url(../img/img_bg_tableOptionThGray.gif);
background-repeat:repeat-x;
border:#cccccc 1px solid;
color:#FFFFFF;
}

.product_planTitle {
border-bottom:1px dotted #CCCCCC;
border-left:#000000 3px solid;
background-color:#f0f0f0;
font-weight:bold;
margin:0px -10px 10px -10px;
padding:5px 3px 3px 5px;
}

.title_topOwn {
font-weight:bold;
margin:0px -5px 10px -5px;
padding:5px 5px 5px 10px;
background-image:url(../img/img_bg_tableOptionTh.gif);
background-repeat:repeat-x;
border:#cccccc 1px solid;
}

.title_topHosting {
font-weight:bold;
margin:0px -5px 10px -5px;
padding:5px 5px 5px 10px;
background-image:url(../img/img_bg_tableOptionThGreen.gif);
background-repeat:repeat-x;
border:#cccccc 1px solid;
}

.top_solution_own {
width:336px;
height:170px;
margin:10px 0px 10px 0px;
float:left;
overflow:hidden;
background-image:url(../img/img_top_own.gif);
background-repeat:no-repeat;
}

.top_solution_hosting {
width:336px;
height:170px;
margin:10px 0px 10px 0px;
float:right;
overflow:hidden;
background-image:url(../img/img_top_hosting.gif);
background-repeat:no-repeat;
}

.top_solution_body {
margin:20px 20px 10px 20px;
color:#FFFFFF;
}

.top_solution_body a:link    {color:#f5f5f5; text-decoration: none;}
.top_solution_body a:visited {color:#cccccc; text-decoration: none;}
.top_solution_body a:hover   {color:#ffffff; text-decoration:underline}
.top_solution_body a:active  {color:#ffffff; text-decoration:underline}

.top_solution_problem_own {
list-style-image:url(../img/img_top_solution_dottedOwn.gif);
list-style-position:inside;
line-height:120%;
padding:0px;
margin:3px 6px 3px 6px;
}

.top_solution_problem_hosting {
list-style-image:url(../img/img_top_solution_dottedHosting.gif);
list-style-position:inside;
line-height:120%;
padding:0px;
margin:3px 6px 3px 6px;
}

.top_pruduct_detail {
float:right;
margin-top:5px;
}

.product_sc_s {
border:#666666 1px solid;
margin-top:0px;
}

.bannerArea{
text-align:center;
background-image:url(../img/img_bg_top_bannerArea.gif);
padding:10px 0px;
}

/*タブメニュー
*************************************************/
#demo-container{padding:0px 15px 0 15px;margin:0 0 15px 0;background:#eeeeee; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid;}
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#aaaaaa;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#cccccc;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}