@charset "UTF-8";
/* CSS Document */

/*INIT*/
*{
margin:0;
padding:0;
}
img{
border:none;
behavior: url(http://www.design-glamour.com/js/iepngfix.htc);
}
a{
text-decoration:none;
}
ul{
list-style:none;
}

body{
background-image: url(../images/bg_body_01.gif);
margin-top:20px;
text-align:center;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
}
#sticker{
position:absolute;
left:0;
top:0;
z-index:100;
behavior: url(http://www.design-glamour.com/js/iepngfix.htc);
}

#container{
width:808px;
margin:0 auto;
padding:0 4px 0 4px;
text-align:left;
}
#header{
height:24px;
background-image: url(../images/bg_body_01.png);
background-repeat: no-repeat;
background-position: center top;
behavior: url(http://www.design-glamour.com/js/iepngfix.htc);
}
#contents{
padding:0 4px 0 4px;
background-image: url(../images/bg_body_02.png);
background-repeat: no-repeat;
background-position: right top;
behavior: url(http://www.design-glamour.com/js/iepngfix.htc);
}
#left-box{
float:left;
width:220px;
}

#right-box{
float:right;
width:510px;
padding-right:20px;
*margin-right:10px;
}
#right-box h1{
font-size:0.8em;
line-height:1.5;
text-align:right;
margin-bottom:30px;
padding-right:5px;
color:#99cc33;
border-right:5px solid #99cc33;
}
#right-box h2{
font-size:1em;
line-height:1.5;
margin-bottom:15px;
border-bottom:5px solid #99cc33;
}
#right-box h3{
font-size:1em;
line-height:1.5;
}
#right-box h4{
font-size:0.9em;
line-height:1.5;
}
#right-box h5{
font-size:0.8em;
line-height:1.5;
}
#right-box h6{
font-size:0.8em;
line-height:1.5;
}
#right-box p{
font-size:0.8em;
line-height:1.6;
margin-top:5px;
margin-bottom:30px;
color:#3c3c3c;
}
#right-box ul{
margin-bottom:30px;
}
#right-box li{
font-size:0.8em;
line-height:1.5;
}

/*FOOTER LINK*/
#footer-link{
height:40px;
padding:0 4px;
background-image: url(../images/bg_body_03.png);
background-repeat: no-repeat;
background-position: center top;
text-align:right;
behavior: url(http://www.design-glamour.com/js/iepngfix.htc);
}
#footer-link ul{
margin-right:20px;
}
#footer-link li{
display:inline;
font-size:12px;
}
#footer-link li a{
padding:0 10px 0 15px;
background-image: url(../images/bg_footer-link_li.gif);
background-repeat: no-repeat;
background-position: left center;}


/*FOOTER*/
#footer{
height:104px;
padding-left:274px;
background-image: url(../images/bg_body_04.png);
background-repeat: no-repeat;
background-position: center top;
behavior: url(http://www.design-glamour.com/js/iepngfix.htc);
}
#footer h3{
padding-top:20px;
font-size:12px;
}
#footer p{
margin-top:10px;
font-size:11px;
}
#footer a{
color:#000000;
}

/*LEFT NAVI*/
ul#navi1{
margin:221px 30px 0 10px;
font-size:14px;
padding-left:5px;
border-top:5px solid #ffffff;
width:195px;
}
ul#navi1 li{
margin:3px 0;
_font-weight:bold;
}
ul#navi1 li a{
display:block;
width:190px;
padding-left:20px;
}
ul#navi1 li a:link{
color:#ffffff;
background-image: url(../images/bg_navi1_li.gif);
background-repeat: no-repeat;
background-position: left center;}
ul#navi1 li a:hover{
color:#000000 !important;
background-image: url(../images/bg_navi1_li_on.gif) !important;
background-repeat: no-repeat;
background-position: left center;
}
ul#navi1 li a:visited{
color:#ffffff;
background-image: url(../images/bg_navi1_li.gif);
background-repeat: no-repeat;
background-position: left center;
}

ul#navi2{
margin-top:20px;
font-size:13px;
padding-left:20px;
}
ul#navi2 li a{
display:block;
width:190px;
padding-left:15px;
}
ul#navi2 li a:link{
color:#ffffff;
background-image: url(../images/bg_navi2_li.gif);
background-repeat: no-repeat;
background-position: left center;
}
ul#navi2 li a:hover{
color:#000000 !important;
background-image: url(../images/bg_navi2_li_on.gif) !important;
background-repeat: no-repeat;
background-position: left center;
}
ul#navi2 li a:visited{
color:#ffffff;
background-image: url(../images/bg_navi2_li.gif);
background-repeat: no-repeat;
background-position: left center;
}

/*agilesuite.html*/
.outline{
clear:both;
font-size:small;
background-color: #ececec;
margin: 5px 0px 10px 0px;
border: 1px solid #cccccc;
border-top: none;
}
.outline dt{
font-weight: normal;
color: black;
margin: 0;
padding: 0.5em 0 0.5em 1em;
border-top: 1px solid #cccccc;
width: 10em;
float: left;
}
.outline dd {
background-color: #ffffff;
margin: 0 0 0 10em;
padding: 0.5em 1em 0.5em 1em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

/*privacy.html*/
dl#privacy{
height:500px;
overflow:auto;
margin-top:20px;
margin-bottom:40px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}
dl#privacy dt{
font-size:0.7em;
margin-bottom:5px;
padding:3px;
border-bottom:1px solid #999999;
background-color:#eaeaea;
}
dl#privacy dd{
font-size:0.7em;
line-height:1.5;
margin-bottom:30px;
padding:0 10px;
}

/*order.html*/
#form-order legend{
font-size:14px;
}
#form-order fieldset{
margin-bottom:10px;
padding:10px;
border:1px solid #cccccc;
background-color:#f3f3f3;
}
.inputform dt{
float:left;
font-size:0.7em;
padding:3px;
width:140px;
}
.inputform dd{
font-size:0.8em;
padding:3px;
}
.required{
font-size:0.6em;
color:#cc0000;
}
.example{
font-size:0.7em;
margin-left:145px;
}

/*process.html*/
table#process{
width:510px;
margin-bottom:30px;
}
table#process tr{
border-bottom:1px solid #cccccc;
}
table#process th{
font-size:12px;
padding:5px 0;
white-space:nowrap;
text-align:left;
vertical-align:top;
border-bottom:1px solid #cccccc;
}
table#process td{
font-size:12px;
line-height:1.4;
padding:5px 0 5px 10px;
border-bottom:1px solid #cccccc;
}

table#estimate{
width:510px;
}
table#estimate th{
font-size:0.75em;
text-align:left;
padding:10px 5px;
white-space:nowrap;
border-bottom:1px solid #cccccc;
}
table#estimate td{
font-size:0.75em;
text-align:left;
padding:10px 5px;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


.clear{
clear:both;
}

.dl-option{
margin-bottom:30px;
}
.dl-option dt{
font-size:0.8em;
font-weight:bold;
}
.dl-option dd{
font-size:0.8em;
line-height:1.5;
}

.img-fl01{
float:left;
padding:5px;
}
.img-fl02{
float:left;
padding:5px 20px 0 20px;
}
.img-fr01{
float:right;
padding:5px;
}
#left-navi{
position:absolute;
top:101px;
}

.sitemap li{
padding-left:17px;
background-image: url(../images/bg_li_01.gif);
background-repeat: no-repeat;
background-position: left center;
}
.sitemap li a:visited{
text-decoration:line-through
}