@charset "UTF-8";

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

.spec {
font-size: 11px;
}

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


/*トップ、ノートリンク用見出し
*************************************************/

.toplabel {
font-weight: bold;
margin: 0px 0px 10px 0px;
padding:4px 5px 4px 5px ;
border-left: #FFD700 5px solid;
}

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

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


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

.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;
}

.box p{
	line-height:150%;
	letter-spacing: 0.1em; 
}


.left{
text-align:left;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.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;
}

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

.alert {
color: #ff6600;
}

.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: 98%;
}

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


.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: 90%;
}


/* ベーシックリスト */
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:150%;
}

p.caseCatch {
margin: 5px 0px;
font-size:130%;
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:590px;
border-top:#bbb 1px solid;
border-left:#bbb 1px solid;
background-color:#cccccc;
font-size:12px;
_line-height:140%;
}

.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:110px;
_width:120px;
}

.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:110px;
}

.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:110px;
}

.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:110px;
}
.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:110px;
}

.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:110px;
}

.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%;
height:10px;
text-align:center;
}

.orderSheet{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
}
.orderSheet table{
width:100%;
}

.box .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:0px 0px 10px 0px;
float:left;
width:270px;
height:150px;
padding:10px 5px 0px 5px;
border:#CCCCCC 1px solid;
}

.manualDlBox_r{
margin:0px 0px 10px 0px;
float:right;
width:270px;
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;
}

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


.caseExampleBox{
padding:10px 0px 0px 0px;
border-bottom:#CCCCCC 1px dotted;
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;
}

.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:#FFFACD;
padding:10px;
}

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

.caseComment{
padding:5px 10px 5px 10px;
margin:15px 10px;
border-left:#CCCCCC 5px solid;
background-color:#f5f5f5;
}

.common_table table, .common_table tr, .common_table th, .common_table td {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.common_table tbody tr td {
	background: #c4c9ce url(http://plusedu.net/img/bg_cell.gif) no-repeat left top;
}

.common_table tbody tr th, .common_table tbody tr td {
	padding: 0.3em;
	border: 1px solid #B9BDA9;

	background: #F2F3EF url(http://plusedu.net/img/bg_cell.gif) no-repeat left top;
}
.common_table tbody tr th {
	padding-right: 0.5em;
	font-weight: bold;
	text-align:left;
	background: #D9DEBB url(http://plusedu.net/img/bg_cell.gif) no-repeat left top;
	padding-top: 0.5em;	
}

.common_table .subnead
 {
	
	background: #deeaae;
	padding-top: 0.5em;	
}

.wrapBox{
	margin-bottom:8px;
}

#oshirase li{
margin-left:1em;
text-indent:-1em;
}

.wrapTit{
padding-right:4px;
background:url(../img/wrapbox_tit_r.gif) right top no-repeat #f4f4f4;
}

.wrapTit h2{
color:#fff;
font-size:small;
padding:4px 10px 2px 27px ;
background:url(../img/wrapbox_tit_l.gif) left top no-repeat;
}

.wrapTit h2 a:link,
.wrapTit h2 a:visited{
color:#fff;
text-decoration:none;
}

.wrapTit h2 a:active,
.wrapTit h2 a:hover{
color:#fff;
text-decoration:underline;
}

.wrapBoxBody h3{
padding:2px 10px;
font-size:small;
font-weight:normal;
background-color:#d0d0d0;
}


.wrapBoxBody{
background:#f4f4f4;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
font-size:0.9em;
padding:8px 8px;
}

.wrapFoot{
font-size:1px;
line-height:0;
padding-right:4px;
height:7px;
background:url(../img/wrapbox_foot_r.gif) right top no-repeat;
}

.wrapFoot div{
font-size:1px;
line-height:0;
height:7px;
background:url(../img/wrapbox_foot_l.gif) left top no-repeat;
}

.txtList{
padding:8px 8px;
font-size:0.9em;
}