@charset "UTF-8";

#pagettl{padding:20px 0 10px 0;background:url(../images/bg_h2.gif) repeat-x center top;}
/*#pagettl h2{width:880px;margin:0 auto;padding:30px;text-align:left;line-height:1;font-size:32px;background:url(../images/bg_h2inner.jpg) no-repeat right center;
border:5px solid #fff;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
-webkit-box-shadow: #999 0px 0px 5px;
-moz-box-shadow: #999 0px 0px 5px;
box-shadow: #999 0px 0px 5px;
-webkit-text-shadow:1px 1px 1px #fff;
-moz-text-shadow:1px 1px 1px #fff;
text-shadow:1px 1px 1px #fff;
behavior: url(/common/css/PIE.htc);}
#pagettl h2:first-letter{font-size:140%;}
#pagettl h2 span{font-size:16px;font-family:Verdana, Geneva, sans-serif;font-weight:normal;display:block;padding-bottom:5px;}

#pagettl h2#aboutPT{background-image:url(../../images/about/bg_h2.jpg);}
#pagettl h2#listPT{background-image:url(../../images/list/bg_h2.jpg);}
#pagettl h2#flowPT{background-image:url(../../images/flow/bg_h2.jpg);}
#pagettl h2#pricePT{background-image:url(../../images/price/bg_h2.jpg);}
#pagettl h2#exPT{background-image:url(../../images/example/bg_h2.jpg);}
#pagettl h2#officePT{background-image:url(../../images/office/bg_h2.jpg);}
#pagettl h2#contactPT{background-image:url(../../images/contact/bg_h2.jpg);}*/

#pagettl h2 img{
-webkit-box-shadow: #999 0px 0px 5px;
-moz-box-shadow: #999 0px 0px 5px;
box-shadow: #999 0px 0px 5px;
behavior: url(/common/css/PIE.htc);
}

#maincontents{font-size:116%;}
#maincontents h3{font-size:22px;margin-bottom:20px;padding:5px 0 5px 30px;background:url(../images/icon_h3.gif) no-repeat left center;border-bottom:2px solid #ccc;}
#maincontents h4{font-size:18px;padding:8px 15px;background:#efefef;margin-bottom:20px;line-height:1.2;border-left:5px solid #00762a;}
#maincontents h4 span{font-size:14px;}

.contactArea{padding:20px;margin-bottom:50px;border-top:3px double #00762a;border-bottom:3px double #00762a;background:url(../images/bg_contact.gif) repeat;}
.contactArea ul{margin-bottom:20px;}
.contactArea ul li{float:left;}
.contactArea .contactTxt{padding-right:240px;background:url(../images/contact_img.png) no-repeat right top;}
.contactArea .contactTxt p{margin-bottom:15px;}
.contactArea .contactTxt div p{margin:0;float:left;}
.contactArea .contactTxt div p a{display:block;background:#fff;}

/* about */
#aboutTbl{border:1px solid #ccc;}
#aboutTbl th,
#aboutTbl td{padding:5px 15px;border:1px solid #ccc;}
#aboutTbl th{white-space:nowrap;text-align:center;vertical-align:middle;}
#aboutTbl thead th{background:#00762a;color:#fff;}
#aboutTbl tbody th{background:#e2f3b6;}
#aboutTbl td.alc{text-align:center;vertical-align:middle;}

#aboutList li{width:458px;float:left;margin-bottom:20px;border:1px solid #ccc;min-height:210px;_height:210px;}
#aboutList li:first-child{margin-right:20px;}
#aboutList li.firstChild{margin-right:20px;}
#aboutList li:last-child{width:auto;float:none;clear:both;min-height:inherit;_height:auto;}
#aboutList li.lastChild{width:auto;float:none;clear:both;min-height:inherit;_height:auto;}
#maincontents #aboutList h4{margin-bottom:0;padding:10px 20px;border:none;background:#00762a;color:#fff;}
#aboutList p{padding:20px;}

#aboutList:before, #aboutList:after{content:"\0020";display:block;height:0;visibility:hidden;} 
#aboutList:after{clear:both;}
#aboutList{zoom:1;}

/* list */
#listTbl{border-left:1px solid #ccc;border-top:1px solid #ccc;}
#listTbl th, #listTbl td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 18px;}
#listTbl th{/*background:#f2f2f2;*/background:#00762a;color:#fff;white-space:nowrap;font-weight:bold;text-align:center;vertical-align:middle;}

#listCase{}
#listCase ul li{display:table;background:url(../images/bg_paper.gif) repeat;padding:5px;margin-bottom:10px;position:relative;
-webkit-box-shadow: #999 0px 0px 3px inset;
-moz-box-shadow: #999 0px 0px 3px inset;
box-shadow: #999 0px 0px 3px inset;
behavior: url(/common/css/PIE.htc);}
#listCase ul li:after{position:absolute;left:315px;top:50%;margin-top:-6px;width:10px;height:12px;content:" ";background:url(../images/bg_arrow.png) no-repeat left center;}
#maincontents #listCase h4{display:table-cell;width:280px;background:#00762a;border:none;margin-bottom:10px;color:#fff;vertical-align:middle;text-align:center;*display:inline;*zoom:1;}
#listCase p{display:table-cell;*display:inline;*zoom:1;padding:5px 10px 5px 25px;}

/* flow */
#flowList{padding:20px 0 0 0;margin:0 0 50px 0;}
#flowList li{list-style:none;padding:0 0 70px 0;margin:0 0 10px 0;background:url(../../images/flow/flow_arrow.gif) no-repeat center bottom;}
#flowList li:last-child{padding:0 0 10px 0;background:none;}
#flowList li.lastChild{padding:0 0 10px 0;background:none;}
#flowList .flowPh{float:right;margin-left:20px;}
#flowList .flowPh img{border:1px solid #ccc;padding:2px;}
#maincontents #flowList h4{padding:0;background:none;border:none;margin-bottom:10px;}
#flowList h4 img{vertical-align:middle;padding-right:15px;}
#maincontents #flowList h4 span{dfont-size:12px;isplay:inline-block;margin-left:15px;padding:2px 8px;background:#cc0000;color:#fff;vertical-align:middle;}
#maincontents #flowList em{background:none;padding:0;margin:0;color:#00762a;}

#flowList li:before, #flowList li:after{content:"\0020";display:block;height:0;visibility:hidden;} 
#flowList li:after{clear:both;}
#flowList li{zoom:1;}

/* price */
.priceBox{position:relative;padding-top:20px;}
.priceBox .priceTtl{width:150px;position:absolute;top:0;left:-20px;}
/*.priceBox .priceTxt{padding:20px 20px 20px 190px;border:5px solid #efefcc;background:url(../images/bg_slash.gif) repeat;min-height:110px;_height:110px;}*/
/*.priceBox .priceTxt{padding:20px 20px 20px 200px;background:url(../images/bg_paper.gif) repeat;min-height:110px;_height:110px;
-webkit-box-shadow: #999 0px 0px 3px inset;
-moz-box-shadow: #999 0px 0px 3px inset;
box-shadow: #999 0px 0px 3px inset;
behavior: url(/common/css/PIE.htc);}*/
.priceBox .priceTxt{padding:20px 20px 20px 150px;min-height:100px;_height:100px;border-top:5px solid #efefef;border-bottom:5px solid #efefef;
-webkit-box-shadow: #ccc 0px 0px 3px inset;
-moz-box-shadow: #ccc 0px 0px 3px inset;
box-shadow: #ccc 0px 0px 3px inset;
behavior: url(/common/css/PIE.htc);}
.priceBox .priceTxt .linkSelf{padding-top:10px;text-align:right;}

.noteNum{font-size:93%;}

#priceSelect{padding:10px 0 30px 0;}
#priceSelect li{width:350px;padding:5px 0;float:left;margin-right:20px;text-align:center;font-size:22px;background:#c00;color:#fff;font-weight:bold;border-bottom:5px solid #900;}
#priceSelect li:last-child{margin-right:0;}

#priceSupport{padding:10px 0 0 1em;letter-spacing:0.05em;}
#priceSupport li{padding-left:20px;background:url(../images/icon_check.png) no-repeat left .4em;}

#priceTbl{width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;margin:10px 0 20px 0;}
#priceTbl th, #priceTbl td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 10px;}
#priceTbl th{background:#00762a;color:#fff;white-space:nowrap;font-weight:bold;text-align:center;vertical-align:middle;}
#priceTbl td strong{font-size:116%;color:#c00;}
#priceTbl td ul{padding-left:1em;}

/* example */
.exBox{padding:30px 30px 20px 30px;margin-bottom:30px;background:url(../images/bg_paper.gif) repeat;
-webkit-box-shadow: #999 0px 0px 3px inset;
-moz-box-shadow: #999 0px 0px 3px inset;
box-shadow: #999 0px 0px 3px inset;
behavior: url(/common/css/PIE.htc);}
#maincontents .exBox h4{padding:10px 0 10px 45px;font-size:22px;border:none;background:url(../images/icon_pencil.png) no-repeat left center;color:#00762a;}
#maincontents .exBox h5{font-size:16px;}
.exBox table{width:100%;background:#fff;margin-bottom:26px;}
.exBox table th,
.exBox table td{padding:5px 10px;border:2px solid #ece8d7;}
.exBox table th{white-space:nowrap;background:#00762a;color:#fff;}
.exBox p{margin-bottom:10px;}

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

.gaiyo{margin-bottom:20px;}
.gaiyo h5 span{padding:5px 10px;background:#00762a;color:#fff;display:inline-block;*display:inlie;*zoom:1;}
#maincontents .exBox .gaiyo h5{margin-bottom:5px;}

.clientComment{padding:20px;background:#fff;background:rgba(255,255,255,0.6);}
.exBox .clientComment p{margin-bottom:0;}
#maincontents .exBox .clientComment h5{color:#00762a;padding-bottom:5px;margin-bottom:15px;border-bottom:1px dotted #00762a;}

.exComment{padding:20px;border:5px solid #f2f2f2;}

#exList{line-height:1.6em;margin-bottom:30px;}
#exList dt{width:8em;}
#exList dd{margin:-1.6em 0 .3em 0;padding:0 0 .3em 9em;border-bottom:1px dotted #ccc;}
#exList dd:last-child{margin-bottom:0;}
#exList dd.lastChild{margin-bottom:0;}


/* office */
#officeTop{padding-top:10px;}
#officePh{width:200px;float:left;font-weight:bold;}
#officePh img{display:block;border:1px solid #ccc;}
#officePh span{display:block;padding:5px 0 0 0;font-size:11px;font-weight:normal;}
#officeList{width:680px;float:right;margin:0;padding:0;line-height:1.8em;}
#officeList dt{width:5em;font-weight:bold;color:#666;}
#officeList dd{padding:0 0 .3em 8em;margin:-1.8em 0 .3em 0;border-bottom:1px dotted #ccc;}
#officeList dd:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
#officeList dd ul{padding-left:1.5em;}
#officeList dd ul li{list-style:disc;padding-left:.5em;}

#Access iframe{padding:4px;border:1px solid #ccc;margin-bottom:20px;}

#HowtoAccess{display:table;width:100%;position:relative;}
#HowtoAccess h4, #HowtoAccess ul{display:table-cell;vertical-align:middle;*display:inline;*zoom:1;}
#maincontents #HowtoAccess h4{border:none;background:#00762a;color:#fff;width:200px;text-align:center;}
#HowtoAccess h4:after{position:absolute;left:230px;top:50%;margin-top:-6px;width:10px;height:12px;content:" ";background:url(../images/bg_arrow.png) no-repeat left center;}
#HowtoAccess ul{padding:5px 20px;border:1px solid #ccc;}
#HowtoAccess ul li{padding-left:20px;background:url(../images/icon_check.png) no-repeat left .4em;}


/* contact */
#leadList{margin-bottom:20px;}
#leadList li{padding-left:20px;background:url(../images/icon_check.png) no-repeat left .4em;}
span.need{color:#c00;font-weight:bold;font-size:93%;}
.contactH5{font-size:108%;margin-bottom:5px;padding-left:20px;background:url(../images/icon_check.png) no-repeat left .4em;}
#mailformpro dl{padding:0;margin-bottom:20px;background:url(../../images/contact/bg_slash.gif) repeat-y left top;line-height:1.8em;border-top:1px dotted #ccc;}
#mailformpro dl dt{width:180px;padding:1em 0 0 20px;}
#mailformpro dl dd{padding:0 20px .8em 230px;margin:-1.8em 0 0 0;border-bottom:1px dotted #999;}
#mailformpro dl dd .ex{font-size:85%;color:#999;}
#mailformpro dl dd .caution{font-size:93%;padding-top:5px;}
#mailformpro dl dd span.ex{display:inline-block;padding-left:10px;*display:inline;*zoom:1;}

#mailformpro dl dd .radioSet{letter-spacing:-0.4em;}
#mailformpro dl dd .radioSet li{display:inline-block;white-space:nowrap;margin-right:20px;letter-spacing:normal;*display:inline;*zoom:1;}
#mailformpro dl dd .radioSet li label{margin-left:5px;}

#mailformpro input,
#mailformpro textarea{padding:5px;border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: #dedede 0px 0px 3px inset;
-moz-box-shadow: #dedede 0px 0px 3px inset;
box-shadow: #dedede 0px 0px 3px inset;
behavior: url(/common/css/PIE.htc);}
#mailformpro textarea{width:100%;}

.select{margin-bottom:10px;}
.select select{padding:5px;border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: #dedede 0px 0px 3px inset;
-moz-box-shadow: #dedede 0px 0px 3px inset;
box-shadow: #dedede 0px 0px 3px inset;
behavior: url(/common/css/PIE.htc);}
.select optgroup{background:#f2f2f2;border-top:1px solid #ccc;}
.select option{background:#fff;padding-left:10px;border-top:1px dotted #ccc;}

#privacyPolicy{padding:10px 30px 0 30px;margin-bottom:20px;border:2px solid #efefef;height:250px;overflow-y:scroll;
-webkit-box-shadow: #999 0px 0px 5px inset;
-moz-box-shadow: #999 0px 0px 5px inset;
box-shadow: #999 0px 0px 5px inset;
behavior: url(/common/css/PIE.htc);}
#maincontents #privacyPolicy h3{font-size:18px;}
#maincontents #privacyPolicy h4{font-size:16px;margin-bottom:0;}
#privacyPolicy ul li{padding-bottom:10px;}
#privacyPolicy p{font-size:90%;padding:10px 20px;}

#formAgree{text-align:center;margin-bottom:20px;}
#formAgree input{margin-right:10px;vertical-align:middle;}

.formBtn{text-align:center;}
#mailformpro .formBtn button{font-size:130%;padding:.3em 1.5em;letter-spacing:0.1em;margin:0 5px;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url("/common/css/PIE.htc");}
#mailformpro .formBtn button#cSubmit{background:#00762a;color:#fff;border:1px solid #00762a;}
#mailformpro .formBtn button#cSubmit[disabled]{background:#f2f2f2;color:#999;border:1px solid #ccc;}

div#mfp_hidden { overflow: hidden; width: 1px; height: 1px; padding: 0px; margin: 0px; }
div#mfp_hidden input { margin: 10px; }
table#mfp_confirm_table { border-spacing: 0px; border-collapse: collapse; width: 100%; font-size: 108%; margin-bottom: 20px; }
table#mfp_confirm_table tr.mfp_colored { background-color: #e2f3b6; }
table#mfp_confirm_table tr.mfp_achroma { background-color: #FFF; }
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td { text-align: left; border-top: solid 1px #CCC; padding: 5px 10px; }
table#mfp_confirm_table tr th { white-space: nowrap; width: 200px; }
table#mfp_confirm_table tr td { line-height: 1.5em; word-break: break-all; }
div#mfp_overlay { position: absolute; display: none; z-index: 10001; }
div#mfp_overlay_inner { background-color: #FFF; padding: 15px; margin: 0px auto; border-radius: 5px; box-shadow: 0px 0px 10px #000; width: 640px; }
div#mfp_overlay_inner h4{font-size:133%;color:#00762a;margin-bottom:.5em;}
div#mfp_overlay_background { background-color: #000; position: absolute; display: none; z-index: 10000; }
div#mfp_loading_screen { z-index: 20000; opacity: 0.8; display: none; background-color: #000; position: absolute; }
div#mfp_loading { z-index: 20001; position: absolute; display: none; width: 40px; height: 40px; background-image: url(../images/mfp_loading.gif); }
div.mfp_err { clear: both; display: none; text-align: left; margin: 5px 0px 0px 0px; padding: 3px 0px 5px 17px; color: #F00; font-size: 12px; line-height: normal; background-image: url(../images/mfp_error.gif); background-repeat: no-repeat; background-position: 0px 1px; }
.mfp_parent_error { border: solid 2px #F00; }
.problem { background-color: #FFE9E9; }
div#mfp_error { background-color: #FEE; border: solid 1px #F00; padding: 10px; display: none; }
div#mfp_error p { padding: 0px; margin: 0px; font-size: 14px; text-align: center; }
div#mfp_error p strong { font-size: 18px; color: #F00; }
div#mfp_warning { background-color: #FEE; border: solid 1px #F00; padding: 10px; display: none; }
div#mfp_warning p { padding: 0px; margin: 0px; font-size: 14px; text-align: center; }
div#mfp_warning p strong { font-size: 18px; color: #F00; }
.mfp_buttons button{padding:.5em 1.5em;font-size:108%;background:#00762a;border:1px solid #fae6ec;color:#fff;font-weight:bold;letter-spacing:0.1em;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url("/common/css/PIE.htc");}

/* link */
.linkList{border-top:1px solid #ccc;}
.linkList li{display:table;width:940px;border-bottom:1px solid #ccc;}
.linkList li p{display:table-cell;border-left:1px dotted #999;padding:10px 10px 10px 20px;*display:inline;*zoom:1;}
.linkList li p.linkName{width:40%;padding-left:40px;background:url(../../images/contact/icon_link.gif) no-repeat 10px .75em #f8f8f8;border-left:none;}
.linkList li p.linkName a{padding-right:15px;background:url(../images/icon_linkblank.gif) no-repeat right .45em;}

/* -------------------------
  media print  
------------------------- */
@media print{
}