@charset "shift_jis";
/* dummy \*/
* html div {
 height:1%;
 }
/* dummy */
/* 基本項目設定 */
*{
margin:0;
padding:0;
}

body{
font:small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;
color:#333;
background:#f5f4eb url(../../images/background.gif) top left repeat-y;
}

img{
border:none;
vertical-align:bottom;
}

a{text-decoration:none;}

ul{
list-style-type:none;
}

hr{
display:none;
clear:both;
}

h1{
padding:5px 0 1px 13px;
}

input,textarea{
font:small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
width:798px;
padding-bottom:30px;
position:relative;
border-right:1px solid #ccc;
}

#header{
background:transparent url(../images/header_bg.gif) top left repeat-x;
border-bottom:9px solid #0b6824;
height:61px;
}

#header ul{
position:absolute;
top:40px;
left:585px;
}

#header li{
display:inline;
padding-right:14px;
}

#design{
background:transparent url(../../images/contents_bg.gif) top left repeat-y;
}

#contents{
float:left;
width:588px;
padding:10px 0 0 12px;
}

#sidemenu{
text-align:center;
padding-top:3px;
float:right;
width:196px;
}

#sidemenu #localnavi{
margin-bottom:4px;
}

#sidemenu #localnavi li{
margin-bottom:1px;
}

#sidemenu #localnavi li li{
margin-bottom:0;
}

/* 通常は閉じた状態 */
#sidemenu ul#localnavi .end ul{
display:none;
}

#sidemenu ul#localnavi .end.active .end ul{
display:none;
}

/* 展開させる場合はクラス属性値に"active"を追加 */
#sidemenu ul#localnavi .end.active ul{
display:block;
}

#sidemenu #localnavi li.downloadbtn{
margin-bottom:4px;
}

#sidemenu .contact li{
margin-bottom:3px;
}

#sidemenu address{
font-size:x-small;
font-style:normal;
color:#333;
background:#fff url(../images/address_bg.gif) bottom left repeat-x;
border:1px solid #d4d4d4;
padding:4px 0;
margin:6px auto 0 auto;
width:185px;
}

#sidemenu address span{
display:block;
padding:0 10px;
text-align:left;
line-height:1.2;
}

#footer{
padding-top:20px;
clear:both;
}

p#notice{
padding:0 0 0 23px;
color:#139237;
font-size:x-small;
}

p#notice a{
color:#333;
}

#footer address{
background:#fff url(../images/footer_bg.gif) left top no-repeat;
text-align:center;
margin-top:5px;
padding-top:10px;
}

#bread{
font-size:x-small;
margin:2px 0 7px 0;
}

#bread a{
color:#4C89C5;
text-decoration:none;
}

.pagetop{
text-align:right;
font-size:x-small;
margin:20px 10px 0 0;
clear:both;
}

.pagetop a,.pagetop02 a,.pagetop03 a{
background:url(../images/arrow01.gif) 0 2px no-repeat;
padding:0 0 1px 12px;
color:#333333;
}

.pagetop03{
text-align:right;
font-size:x-small;
margin:100px 10px 0 0;
}

.hide{
position:absolute;
width:200px;
left:-1000em;
}

.clear{
clear:both;
}

/* テキスト関連 */
.bred{
color:#CC3300;
}

.red{
color:#FF0000;
}

.txt14{
font-size:1.0625em;/* \*/font-size:106.25%;/* */
}

/* margin・padding等 */
.mt15{
margin-top:15px;
}

.mb15{
margin-bottom:15px;
}

.mb30{
margin-bottom:30px;
}

.mb100{
margin-bottom:100px;
}

/* トップページ */
#idxmain{
background:transparent url(../../images/con_bg02.gif);
margin:0 0 15px 0;
padding:10px;
width:555px;
text-align:center;
height:286px;
position:relative;
}

#idxmain ul{
width:556px;
position:absolute;
top:205px;
left:10px;
}

#idxmain li.left{
width:277px;
float:left;
}

#idxmain li.right{
width:278px;
float:left;
}

#idxnew{
width:555px;
clear:left;
margin:0 0 10px 10px;
}

#idxnew dl{
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#9a9a9a;
padding:7px 25px 7px 12px;
line-height:1.4;
}

#idxnew dt{
font-weight:bold;
background:transparent url(../../images/icon01.gif) 0 0.4em no-repeat;
padding-left:12px;
}

.btnbg{
background:transparent url(../../images/con_bg01.gif);
height:74px;
position:relative;
width:575px;
}

.btnbg li.left{
width:270px;
position:absolute;
left:11px;
top:12px;
}

.btnbg li.right{
width:270px;
position:absolute;
left:293px;
top:12px;
}

.gooidx h3{
background-image:none;
margin:0;
padding:0;
}

/* 2007/05/18追加分（index.html） */
.downloadarea{
width:551px;
margin:0 0 10px 10px;
border:1px solid #ccc;
padding:1px;
background:#f7f7f7;
}

.downloadarea ul{
border:1px solid #e6e6e6;
padding:0.5em 10px 0 15px;
height:3.5em;
line-height:4em;
}

.downloadarea li{
background:url(../user/images/arrow01.gif) 0 5px no-repeat;
padding-left:14px;
width:241px;
float:left;
line-height:1.3;
}

.downloadarea li a{
color:#4C89C5;
font-weight:bold;
}

.downloadarea li a span{
font-weight:normal;
}

.adobedl{
margin-top:20px;
padding:20px 0 0;
width:575px;
border-top:1px dashed #ccc;
}

.adobedl dt{
width:108px;
text-align:center;
float:left;
clear:left;
}

.adobedl dd{
font-size:x-small;
line-height:1.3;
margin-left:108px;
}

.adobedl dd a{
color:#4C89C5;
}
/* 2007/05/18追加分（index.html）ここまで */


/* about.html */
#abtmain{
margin-top:20px;
}
.section1{
margin-top:25px;
}

.section1 img{
float:left;
}

.section1 p{
margin-left:20px;
width:450px;
text-align:left;
float:left;
}

.system{
border-top:1px solid #FFCE86;
background-color:#FFF6E9;
width:546px;
height:90px;
clear:left;
font-size:1.0625em;/* \*/font-size:106.25%;/* */
padding:15px;
line-height:1.5;
font-weight:bold;
}

.section2{
margin-top:25px;
width:550px;
min-height:80px;
_height:80px;
padding-bottom:15px;
border-bottom:1px #ccc dashed;
height: 220px;
}

.section2 .left{
float:left;
padding:0 10px;
}

.section2 .right{
padding-bottom:10px;
}

.section3{
margin-top:15px;
width:576px;
min-height:80px;
_height:80px;
padding-bottom:15px;
border-bottom:1px #ccc dashed;
}

.section3 .left{
float:left;
padding:0 10px;
}

.section3 .right{
padding-bottom:10px;
}

.section4{
margin-top:25px;
width:550px;
min-height:80px;
_height:80px;
padding-bottom:25px;
border-bottom:1px #ccc dashed;
height: 250px;
}

.section4 .left{
float:left;
padding:0 10px;
}

h3{
margin-top:15px;
background:transparent url(../images/abt_bg01.gif) no-repeat;
height:25px;
padding:6px 0 0 15px;
font-size:1.0625em;/* \*/font-size:106.25%;/* */
font-weight:bold;
color:#269C3D;
}

.sectxt{
width:555px;
margin:5px;
}

/* contact/index.html */
#privacy{
border:1px solid #CCC;
width:546px;
height:120px;
padding:10px;
margin:10px 0 20px 10px;
overflow:auto;
}

#privacy_link{
text-align:center
}

#privacy h4{
font-size:small;
margin-bottom:15px;
width:515px;
}

#privacy p{
width:515px;
line-height:1.3;
margin-bottom:15px;
}

#privacy p.last{
width:515px;
line-height:1.3;
margin-bottom:30px;
}

#privacy ul{
list-style-type:none;
line-height:1.3;
margin:15px 0 30px 10px;
width:500px;
}

#privacy ul.btmnone{
list-style-type:none;
line-height:1.3;
margin:15px 0 15px 10px;
width:500px;
}

#privacy .word{
width:480px;
border:1px solid #CCC;
background-color:#ECF2F9;
font-size:x-small;
padding:10px;
margin:20px 0 30px 0;
line-height:1.4;
}

#privacy .word h5{
color:#004993;
font-weight:bold;
font-size:small;
margin-bottom:10px;
}

#privacy .jipdec{
width:400px;
margin:15px 0 30px 10px;
}

/* contact/contact.html */
.cnttxt{
width:536px;
margin:5px 0 0 20px;
}

.necessary{
margin:10px 0 0 20px;
}

.entry,.entry02{
margin-left:20px;
text-align:left;
}

.entry table caption{
display:none;
}

.entry02 table caption{
text-align:left;
padding-bottom:5px;
}

.entry table{
margin:20px 0;
border-collapse:collapse;
}

.entry02 table{
margin-bottom:20px;
_margin:20px 0;
border-collapse:collapse;
}

.entry th,.entry td,.entry02 th,.entry02 td{
border:1px solid #ccc;
padding:6px;
}

.entry th,.entry02 th{
background:#F2FAF1;
font-weight:normal;
}

.secom{
width:470px;
margin:20px 0 20px 40px;
}

.secom form{
float:left;
clear:left;
margin-right:10px;
}

.secom .txt{
padding-top:20px;
}

.cntbtn{
width:536px;
text-align:center;
}

.cntbtn img{
margin:0 5px;
_margin:0 5px 2px 5px;/* WINIE用 */
}


/* contact/thanks.html */
.thanks{
background:transparent url(../images/idx_bg.gif);
width:556px;
margin:30px 0 0 8px;
}

.thanks .box{
width:536px;
margin:10px;
border:1px solid #CCC;
background-color:#FFF;
text-align:center;
}

.thanks .box .tit{
background-color:#F4FEF1;
height:25px;
text-align:left;
}

.thanks .box .catch{
text-align:center;
margin:20px 0 30px 0;
}

.thanks .box .btn{
margin:25px;
}

/* エントリーフォーム：テキストフィールド・テキストエリア長さ指定 */
.entry textarea{
width:23em;
}

#wrapper > .entry textarea{
width:20em;
}

.entry input.length1,.entry02 input.length1{
width:6em;
}

.entry input.length2,.entry02 input.length2{
width:8em;
}

.entry input.length3,.entry02 input.length3{
width:16em;
}

.entry input.length4,.entry02 input.length4{
width:14em;
}

.entry input.length5,.entry02 input.length5{
width:12em;
}

.entrybtn{
vertical-align:middle;
margin-left:30px;
}

.entry .experience{
width:280px;
word-break:normall;
}

/* seihin */
.price,.require{
margin-left:10px;
text-align:left;
}

.price table,.require table{
margin:20px 0;
border-collapse:collapse;
}

.price th,.price td,.require th,.require td{
border:1px solid #ccc;
padding:10px 4px;
vertical-align:top;
}

.price th{
background:#47AE49;
font-weight:normal;
color:#FFF;
text-align:center;
}

.price .orange{
text-align:center;
color:#FF6600;
}

.require th{
background:#F7F5EE;
font-weight:normal;
}

.require p{
font-size:x-small;
}

/* seihin/function.html */
.func{
text-align:left;
}

.func table caption{
display:none;
}

.func table{
margin:20px 0;
border-collapse:collapse;
}

.func th{
border:1px solid #ccc;
padding:3px;
text-align:center;
}

.func td{
border:1px solid #ccc;
padding:3px 10px;
}

.func th{
background:#139237;
font-weight:bold;
color:#FFF;
}

/* user/index.html */
.step01,.step04{
width:565px;
min-height:106px;
_height:110px;
background:url(../user/images/idx_arrow01.gif) 7px 38px no-repeat;
}

* html .step01,* html .step04{
height:106px;
}

.step02{
width:565px;
min-height:184px;
_height:188px;
background:url(../user/images/idx_arrow02.gif) 7px 38px no-repeat;
margin:20px 0;
}

* html .step02{
height:184px;
}

.step03{
width:565px;
min-height:124px;
_height:124px;
background:url(../user/images/idx_arrow03.gif) 7px 38px no-repeat;
}

.step04{
margin:20px 0;
}

.step05{
width:565px;
min-height:87px;
_height:87px;
background:url(../user/images/idx_arrow05.gif) 7px 38px no-repeat;
margin-bottom:20px;
}

.steptxt,.steptxt02{
width:530px;
margin:5px 0 0 35px;
}

.steptxt02{
padding-bottom:8px;
border-bottom:1px dashed #CCC;
}

.steptxt03{
width:400px;
_width:390px;
margin:8px 0 0 35px;
_margin:8px 0 0 19px;
padding-top:8px;
font-weight:bold;
color:#004B97;
float:left;
}

.steptxt04{
font-weight:bold;
color:#004B97;
font-size:font-size:1.0625em;/* \*/font-size:106.25%;/* */
float:left;
margin:15px 0 0 20px;
}

.steptxt05{
width:370px;
float:left;
text-align:left;
margin:11px 0 0 15px;
}

.steptxt05 a{
color:#4C89C5;
}

.stepbtn{
margin:10px 0 0 370px;

}

.steplink{
text-align:right;
margin-top:15px;
}

.steplink02{
width:130px;
text-align:right;
margin-top:35px;
float:right;
}

.steplink a,.steplink02 a{
background:url(../user/images/arrow01.gif) 0 3px no-repeat;
padding-left:14px;
color:#4C89C5;
}

.stepbox{
min-height:80px;
width:536px;
border:1px solid #CCC;
background-color:#F2FAF1;
text-align:center;
padding:13px;
margin-left:5px;
}

.stepbox .sec01{
font-size:x-small;
margin-bottom:15px;
line-height:1.3;
}

/* user/order.html */
.package{
width:500px;
height: 80px;
border:1px solid #CCC;
background-color:#F2FAF1;
padding:5px 20px;
margin:5px 0 0 0px;
position:relative;
}

.package img{
vertical-align:middle;
margin-left:240px;
text-align: center;
margin-top: 15px;
}

.pack01{
width:150px;
position:absolute;
float:right;
text-align:left;
left: 55px;
top: 12px;
}

.pack02{
width:170px;
position:absolute;
float:right;
text-align:left;
left: 345px;
top: 12px;
}

.packtxt{
font-size:12px;
font-weight: bold;
color: #139237;
text-align:center;
}

.cnttxt02{
width:536px;
margin:20px 0;
}

.check{
margin-bottom:20px;
font-weight:bold;
color:#004993;
}

/* privacy/index.html */
.policycatch{
margin:15px 0;
font-size:1.0625em;/* \*/font-size:106.25%;/* */
font-weight:bold;
}

.policytxt{
width:550px;
margin:10px;
}

.policytxt a{
color:#4C89C5;
}

/* support/index.html */
.support{
width:549px;
margin-top:10px;
padding:15px 18px 15px 6px;
border:1px solid #CCC;
background-color:#F2FAF1;
}

.sup01{
border-bottom:1px dashed #CCC;
background:url(../support/images/idx_img01.gif) left top no-repeat;
padding-bottom:10px;
margin-bottom:15px;
}

.sup02{
border-bottom:1px dashed #CCC;
background:url(../support/images/idx_img02.gif) left top no-repeat;
padding-bottom:10px;
margin-bottom:15px;
}

.sup03{
background:url(../support/images/idx_img03.gif) left top no-repeat;
}

.bbdr{
padding-bottom:5px;
border-bottom:1px solid #CCC;
margin-left:40px;
}

.bbtxt{
margin:5px 0 0 45px;
width:480px;
}

/* kiyaku/index.html */
.kiyaku h4{
width:555px;
font-size:small;
padding:5px 0 3px 10px;
font-weight:bold;
color:#4EB24C;
border-bottom:1px solid #FFCC00;
}

.kiyakutxt{
width:545px;
margin:15px 0 30px 10px;
line-height:1.3;
}

.kiyakutxt a{
color:#4C89C5;
}

.kiyakutxt02,.kiyaku ul li{
width:545px;
margin:15px 0 15px 10px;
line-height:1.3;
}

.kiyaku ul{
list-style-type:none;
margin-bottom:30px;
}

.kiyakulink{
width:551px;
margin:20px 0 15px 0;
padding:10px;
background-color:#EBF2EB;
text-align:center;
}

.kiyakulink p{
display:inline;
margin:0 50px;
}

.kiyakulink p a{
background:url(../kiyaku/images/kiyaku_arrow.gif) 0 1px no-repeat;
padding-left:15px;
color:#333;
}

/* faq/index.html */
.question01,.question02{
width:564px;
padding:10px 6px;
}

.question01{
background-color:#F5F5F5;
}

.question01 img,.question02 img{
margin-right:8px;
}

.question01 a,.question02 a{
color:#4C89C5;
}

.qa{
width:575px;
border-top:1px dashed #CCC;
padding-top:30px;
margin-top:20px;
}

.qa02{
width:575px;
border-top:1px dashed #CCC;
padding-top:15px;
margin-top:5px;
}

.q img,.a img,.q02 img,.a02 img{
float:left;
margin-right:10px;
}

.q,.a,.q02,.a02{
width:560px;
margin-left:5px;
padding-bottom:15px;
}

.q,.q02{
font-weight:bold;
color:#004E9B;
}

.q p,.a p,.q02 p,.a02 p{
width:520px;
margin-left:30px;
padding-top:2px;
}

.pagetop02{
text-align:right;
font-size:x-small;
margin:5px 10px 0 0;
}

/* sitemap/index.html */
.sitemap{
margin:10px 0 0 20px;
position:relative;
}

.sitemap ul,.sitemap ul li ul{
list-style-type:none;
}

/* dummy \*/
* html div .sitemap ul,* html div.sitemap ul li ul{
 height:1%;
 }
/* dummy */

.sitemap ul li{
padding:0 0 15px 0;
}

.sitemap ul li a{
background:url(../sitemap/images/arrow01.gif) 0 1px no-repeat;
padding-left:20px;
}

.sitemap .position{
position:relative;
}

.sitemap ul li ul.list{
position:absolute;
left:250px;
top:0;
}

.sitemap ul li ul li a{
background:url(../sitemap/images/arrow02.gif) 0 3px no-repeat;
padding-left:20px;
display:block
}

/* telimages */
.tel{
height: 27px;
width: 312px;
margin-left: 120px;
margin-top: 10px;
margin-bottom: 10px;
}

/* seihin/kosei.html */
.kosei{
width:530px;
border:1px solid #CCC;
background-color:#F2FAF1;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 12px;
padding-top: 25px;
padding-bottom: 12px;
padding-left: 12px;
position:relative;
}

.kosei img {
margin-right: 12px;
vertical-align: middle;
}

.kosei p{
font-size: 10px;
margin-top: 5px;
margin-bottom: 3px;
text-align:center;
display:inline;
}

.kosei p.soft{
width:115px;
position:absolute;
left:7px;
top:3px;
}

.kosei p.handy{
width:273px;
position:absolute;
left:120px;
top:3px;
}

.kosei p.ravel{
width:160px;
position:absolute;
left:388px;
top:3px;
}

.txt_b {
font-weight: bold;
}

.txt_g {
color: #168735;
}

.koseibox{
text-align:left;
}

.koseibox table caption{
display:none;
}

.koseibox table{
margin:8px 0 15px 15px;
border-collapse:collapse;
}

.koseibox th,.koseibox td{
border:1px solid #ccc;
padding:3px;
text-align:center;
}

.koseibox th{
background:#139237;
font-weight:bold;
color:#FFF;
}

.seihinbtn{
text-align:center;
margin-top:20px;
}

/* table */

.price td {
text-align: center;
}

.price tdcolor {
background-color: #F9F9F9;
}

.price table caption,.require table caption{
display:none; 
}

.userbox {
width: 530px;
border:1px solid #CCC;
background-color: #F2FAF1;
margin:10px;
padding: 10px;
}

/* case/index.html */
.case{
width:551px;
margin:10px 0 20px 10px;
border:1px solid #CCC;
}

.case h4{
font-weight:bold;
font-size:small;
color:#666;
background-color:#E1F4E2;
border-bottom:1px solid #CCC;
padding:5px;
}

.case01,.case02{
padding:10px 15px;
}

.case01{
border-bottom:1px dashed #CCC;
}

.case01 .caseimg,.case02 .caseimg{
width:121px;
float:left;
text-align:center;
}

.case01 .casetxt,.case02 .casetxt{
width:370px;
float:right;
}

.case01 .casetxt .casebtn,.case02 .casetxt .casebtn{
margin-top:10px;
text-align:right;
}

.otherinfo{
padding-top:20px;
border-top:1px dashed #ccc;
width:551px;
margin:0 0 10px 10px;
line-height:1.5;
}

.otherinfo dt{
font-weight:bold;
}

.otherinfo dt span{
color:#168735;
}

.otherinfo dd{
padding-left:1em;
}

.otherinfo dd a{
color:#4C89C5;
}

.results{
margin-top:20px;
text-align:center;
}

.seihintbtn{
text-align:center;
margin-top:20px;
}

/* 2007/05/18追加分
（case/index.html,case3.html,case4.html） */
.userbox01{
width: 533px;
background-color: #F2FAF1;
margin:10px 0 20px 10px;
padding: 10px;
font-weight:bold;
}

.userbox01 dt{
color:#0b6824;
width:4em;
float:left;
clear:left;
}

.userbox01 dd{
padding-left:4em;
}

.userbox01 dd li{
margin-bottom:4px;
}

.function{
width:545px;
margin-left:18px;
}

.function h4{
font-weight:normal;
font-size:small;
padding-left:2px;
}

.function .line{
border:1px solid #ccc;
padding:1px;
margin-bottom:30px;
}

.function .line dl.case3{
border:1px solid #ebebeb;
padding:10px;
}

.function .line dl.case3 dt{
margin-bottom:3px;
}

.function .line dl.case3 dd{
background:transparent url(../case/images/case3_func_bg.gif) left top repeat-y;
padding-left:18px;
}

.function .line dl.case3 dd.end{
background:none;
}

.function .line dl.case3 dd .image{
margin-top:5px;
padding-left:20px;
}

.function .line dl.case401{
border:1px solid #ebebeb;
padding:4px 5px 10px 4px;
}

.function .line dl.case401 dt{
margin-bottom:5px;
}

.function .line dl.case401 dd{
display:inline-table;
}

/* \*/
.function .line dl.case401 dd{
width:530px;
display:block;
}
/* */

.function .line dl.case401 dd:after{
content:"";
display:block;
clear:both;
visibility:hidden;
overflow:hidden;
height:0;
}

.function .line dl.case401 dd .infotxt{
width:220px;
float:left;
}

.function .line dl.case401 dd .infotxt .image{
padding-left:35px;
margin-top:10px;
}

.function .line dl.case401 dd .infobtxt{
width:286px;
padding:5px;
border:1px solid #ccc;
float:right;
font-weight:bold;
}

.function .line dl.case401 dd .infobtxt li{
padding-left:1em;
text-indent:-0.8em;
line-height:1.4;
}

.function .line dl.case401 dd .infobtxt li p{
font-weight:normal;
padding:1em 0 0 78px;
margin-top:5px;
height:4em;
background:transparent url(../case/images/case4_img02.jpg) 0 0 no-repeat;
}

.function #business{
width:256px;
float:left;
}

.function #business dl{
position:relative;
width:245px;
}

.function #business dl,
.function .inline{
border:1px solid #ebebeb;
padding:4px 5px 5px 4px;
}

.function #business dd{
padding-top:200px;
}

.function #manual,
.function #system{
width:251px;
float:right;
margin-bottom:10px;
}

.function #manual dt,
.function #system dt{
font-weight:bold;
}

.function #manual dt img,
.function #system dt img{
vertical-align:bottom;
}

.function .bussimg{
position:absolute;
top:-44px;
left:16px;
}

.function #manual dd dl,
.function #system dd dl{
margin-top:10px;
}

.function #manual dd dt{
width:100px;
padding-top:35px;
text-align:center;
float:left;
clear:left;
}

.function #manual dd dd{
border:1px solid #ccc;
margin-left:109px;
padding:4px 0 0 7px;
}

.function #manual dd dd img{
display:block;
margin-bottom:5px;
}

.function #system dd dt{
width:72px;
text-align:center;
float:left;
clear:left;
}

.function #system dd dd{
margin-left:79px;
padding:4px 0 15px 0;
}