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

/*INIT*/

body{
margin:0;
padding:0;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック';
color:#3e0609;
background-color:#f2f5f5;
}
ul{
list-style:none;
margin:0;
padding:0;
}
li{
list-style:none;
margin:0;
padding:0;
}

/*PNG処理*/
img{
behavior: url(http://www.agilesuite.co.jp/js/iepngfix.htc);
border:0;
}

a{
text-decoration:none;
}
ul{
list-style:none;
}

/*LAYOUT*/
#wrapper{
margin:10px auto 0 auto;
width:800px;
position: relative;
}
#header{
width:800px;
height:98px;
background-image: url(../images/bg_header_01.jpg);
background-repeat: no-repeat;
position: relative;
}
#header-l{
float:left;
width:200px;
}
#header-l img{
margin:40px 0 0 30px;
}
#header-r{
float:right;
width:600px;
text-align:right;
}
#header-r h1{
font-size:12px;
font-weight:normal;
margin:0;
padding:20px 15px 0 0;
line-height:1;
color:#ddb3b8;
}
#header-r h2{
font-size:9px;
margin:0;
padding:5px 20px 0 0;
font-weight:normal;
}
#header-r a{
color:#3e0609;
}
#header-r p{
font-size:10px;
margin:0;
padding:2px 10px 0 0;
color:#3e0609;
}

#keyvisual-1{
width:800px;
background-image: url(../images/bg_contents_01.jpg);
background-repeat: repeat-y;
}
#keyvisual-1 object{
margin:0 0 0 10px;
}

#keyvisual-2{
width:800px;
height:170px;
}
#keyvisual-3{
width:800px;
height:140px;
}
#globalnavigation{
width:800px;
height:36px;
padding:0 0 20px 0;
background-image: url(../images/bg_contents_01.jpg);
background-repeat: repeat-y;
}
#globalnavigation ul{
margin:0 0 0 10px;
padding:0;
list-style:none;
}
#globalnavigation li{
margin:0;
padding:0;
display:inline;
}

#contents{
width:800px;
margin:0;
padding:0;
}
#contents1{
clear:both;
width:800px;
background-image: url(../images/bg_contents_01.jpg);
background-repeat: repeat-y;
}
#contents2{
clear:both;
width:800px;
background-image: url(../images/bg_contents_02.jpg);
background-repeat: repeat-y;
}
#contents3{
clear:both;
width:800px;
background-image: url(../images/bg_contents_03.jpg);
background-repeat: repeat-y;
}

#footer{
clear:both;
width:800px;
height:120px;
background-image: url(../images/bg_footer_01.jpg);
background-repeat: no-repeat;
background-position:center bottom;
}
#footer-l{
float:left;
width:200px;
}
#footer-l img{
margin:20px 0 0 30px;
}
#footer-r{
float:right;
width:600px;
}
#footer-r a{
color:#ddb3b8;
}
#footer-r h3{
font-size:12px;
margin:0;
padding:10px 0 0 20px;
color:#ddb3b8;
}
#footer-r p{
font-size:11px;
margin:0;
padding:5px 0 0 20px;
line-height:1.6;
color:#ddb3b8;
}


#footer-link{
font-size:11px;
text-align:center;
line-height:2;
}
#footer-link a{
color:#6c6c6c;
}

#whatsnew{
float:right;
width:260px;
padding:0 0 20px 0;
background-image:url(../images/bg_whatsnew.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#up{
display:inline;
padding:0 0 32px 0;
background-image: url(../images/bg_update_footer.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
dl#update{
font-size:x-small;
height:260px;
margin:0 15px 0 15px;
padding:0 0 0 0;
background-color:#d9e2bb;
overflow:auto;
}
dl#update dt{
margin:0 0 0 10px;
padding:5px 0 0 10px;
font-weight:bold;
background-image: url(../images/bg_update_dt.gif);
background-repeat: no-repeat;
background-position: left 7px;
}
dl#update dd{
margin:0 0 10px 0;
padding:0 0 0 10px;
}

dl#form-a dt{
float:left;
font-size:8px;
}
dl#form-a dd{
font-size:12px;
margin:0 0 0 20px;
}

.collum-1{
padding:20px 0;
}
.collum-1 h3{
margin:0 40px;
padding:0 0 15px 0;
}
.collum-1 h4{
margin:0 40px 10px 40px;
padding:0 0 0 10px;
border-left:5px solid #8e0011;
}
.collum-1 p{
font-size:80%;
line-height:1.5;
margin:0 40px 20px 40px;
}

.box1{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1 h3{
font-size:medium;
margin:0;
padding:0;
}
.box1 h4{
font-size:90%;
margin:0;
padding:5px 10px 0 30px;
}
.box1 p{
font-size:70%;
padding:0 10px 0 30px;
}
.box1a{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1a h3{
font-size:medium;
margin:0;
padding:0;
}
.box1a h4{
font-size:90%;
margin:0;
padding:5px 10px 0 30px;
color:#fff;
}
.box1a p{
font-size:75%;
line-height:1.5;
padding:0 10px 0 30px;
color:#fff;
}
.box1b{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1b h3{
font-size:medium;
margin:0;
padding:0;
}
.box1b h4{
font-size:90%;
margin:0;
padding:5px 10px 0 20px;
color:#fff;
}
.box1b p{
font-size:75%;
line-height:1.5;
padding:0 10px 0 20px;
color:#fff;
}
.box1c{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1c h3{
font-size:medium;
margin:0;
padding:0;
}
.box1c h4{
font-size:90%;
margin:0;
padding:5px 10px 0 10px;
color:#fff;
}
.box1c p{
width:236px;
font-size:75%;
line-height:1.5;
padding:0 10px 0 10px;
color:#fff;
}
.box1d{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1d h3{
font-size:medium;
margin:0;
padding:0;
}
.box1d h4{
font-size:90%;
margin:0;
padding:5px 10px 0 30px;
color:#fff;
}
.box1d p{
font-size:75%;
line-height:1.5;
padding:0 10px 0 30px;
color:#fff;
}
.box1e{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1e h3{
font-size:medium;
margin:0;
padding:0;
}
.box1e h4{
font-size:90%;
margin:0;
padding:5px 10px 0 20px;
color:#fff;
}
.box1e p{
font-size:75%;
line-height:1.5;
padding:0 10px 0 20px;
color:#fff;
}
.box1f{
float:left;
width:266px;
margin:10px 0 20px 0;
}
.box1f h3{
font-size:medium;
margin:0;
padding:0;
}
.box1f h4{
font-size:90%;
margin:0;
padding:5px 10px 0 10px;
color:#fff;
}
.box1f p{
width:236px;
font-size:75%;
line-height:1.5;
padding:0 10px 0 10px;
color:#fff;
}

.box2-3{
float:left;
width:540px;
}
.box2-3 h3{
font-size:80%;
line-height:1.5;
padding:0 20px 0 20px;
}
.box2-3 h5{
margin:10px 0 0 0;
padding:0 20px 0 0px;
}
.box2-3 p{
font-size:80%;
line-height:1.5;
margin:10px 0 20px 0;
padding:0 20px 0 20px;
}
.box2-3reverse{
float:right;
width:540px;
}
.box2-3reverse h3{
font-size:80%;
padding:0 20px 0 10px;
}
.box2-3reverse p{
font-size:80%;
line-height:1.5;
text-indent: 1em;
padding:0 20px 0 10px;
}

.box1-3{
float:left;
width:260px;
display:inline;
}
.box1-3 h3{
font-size:80%;
padding:10px;
margin:0 20px 0 20px;
}
.box1-3 h4{
font-size:80%;
padding:10px 0;
margin:0 20px 0 20px;
}
.box1-3 h5{
font-size:80%;
padding:10px 0;
margin:0 0px 0 15px;
}
.box1-3 p{
font-size:80%;
line-height:1.5;
padding:5px;
margin:0 10px 0 10px;
word-wrap: break-word;
}

.box1-2{
float:left;
width:400px;
padding:20px 0 0 0;
}
.box1-2 h4{
font-size:80%;
padding:10px;
margin:10px 20px 0 20px;
}
.box1-2 h5{
font-size:75%;
padding:10px;
margin:0 20px 0 20px;
}
.box1-2 p{
font-size:80%;
line-height:1.5;
padding:0 10px 0 10px;
margin:0 20px 20px 20px;
}
.box1-2 ul{
margin:0 30px;
border:1px solid #8e0011;
}
.box1-2 li{
font-size:90%;
font-weight:bold;
margin:5px 0 5px 10px;
padding:0 0 0 0px;
color:#c40916;
}

.box2-5{
float:left;
width:320px;
}
.box2-5 h3{
font-size:80%;
padding:0 10px 0 10px;
}
.box2-5 h4{
font-size:80%;
padding:20px 10px 0 10px;
}
.box2-5 p{
font-size:x-small;
line-height:1.5;
padding:0 20px 0 10px;
}
.box3-5{
float:left;
width:480px;
}
.box3-5 h3{
font-size:80%;
padding:20px 10px 0 20px;
}
.box3-5 p{
font-size:80%;
line-height:1.5;
padding:0 10px 0 20px;
}
.box3-5 ul{
margin:0 30px;
border:1px solid #8e0011;
}
.box3-5 li{
font-size:90%;
font-weight:bold;
margin:5px 0 5px 10px;
padding:0 0 0 20px;
color:#c40916;
background-image: url(../request/images/bg_li_01.gif);
background-repeat: no-repeat;
background-position: left center;
}

.clear{
clear:both;
}
.form-a{
float:left;
width:530px;
}
.form-a h3{
margin:0 0 0 10px;
padding:0
}
.form-a p{
font-size:75%;
line-height:1.5;
margin:5px 0 20px 30px;
padding:0
}
.form-a table{
margin:0 0px 0 30px;
border-top:2px solid #8e0011;
}
.form-a th{
font-size:70%;
text-align:left;
padding:4px 10px;
white-space:nowrap;
background-color:#ecf0db;
border-bottom:1px solid #c9d5a2;
}
.form-a td{
text-align:left;
padding:4px 20px;
white-space:nowrap;
}
.form-a-input{
background-color:#f2f5e7;
border-bottom:1px solid #c9d5a2;
}
.form-bottomline-th{
border-bottom:2px solid #8e0011 !important;
background-color:#ecf0db;
}
.form-bottomline-td{
background-color:#f2f5e7;
border-bottom:2px solid #8e0011 !important;
}
.necessary{
font-size:10px;
color:#8e0011;
}
.link-pagetop{
clear:both;
padding:10px;
}
.link-pagetop img{
margin:0 0 0 660px;
}
.get-flash{
margin:0 0 10px 223px;
}

ul#category-menu{
text-align:center;
margin:0 40px;
padding:10px 0;
border-top:1px solid #4c4c4c;
border-bottom:1px solid #4c4c4c;
}
ul#category-menu li{
display:inline;
font-size:12px;
margin-right:10px;
}
ul#category-menu li a:link{
color:#8e0011;
padding-left:13px;
background-image: url(../images/bg_category-menu_off.gif);
background-repeat: no-repeat;
background-position: left center;
}
ul#category-menu li a:hover{
color:#c40916 !important;
padding-left:13px;
background-image: url(../images/bg_category-menu.gif) !important;
background-repeat: no-repeat;
background-position: left center;
}
ul#category-menu li a:visited{
color:#8e0011;
padding-left:13px;
background-image: url(../images/bg_category-menu_off.gif);
background-repeat: no-repeat;
background-position: left center;
}

.sitemap-ul{
margin:0 20px 50px 20px;
padding:0 0 15px 20px;
}
.sitemap-ul li{
font-size:12px;
clear:both;
}
.sitemap-ul li a{
display:block;
float:left;
width:280px;
font-weight:bold;
}

.sitemap-ul li a:link{
padding:5px 0 5px 15px;
}
.sitemap-ul li a:hover{
color:#fff !important;
padding:5px 0 5px 15px;
background-image: url(../images/bg_sitemap_li.gif);
background-repeat: no-repeat;
background-position: left center;
}
.sitemap-ul li a:visited{
padding:5px 0 5px 15px;
}

#box1 h3{
color:#8e0011;
font-size:16px !important;
margin:0px 20px 10px 20px !important;
padding:5px 0 5px 20px !important;
border:1px solid #8e0011 !important;
}
.box-l1{
float:left;
width:499px;
margin:20px 0;
border-right:1px solid #8c8c8c;
}
.box-l1 h3{
font-size:medium;
line-height:1.5;
padding:0 20px;
}

.box-l1 p{
font-size:small;
line-height:1.5;
padding:0 20px;
}
.box-r1{
float:right;
width:300px;
margin:20px 0;
}
.box-r1 h4{
font-size:small;
line-height:1.5;
padding:0 20px;
}
.box-r1 p{
font-size:75%;
line-height:1.5;
padding:0 20px;
}

dl#privacy{
margin:60px;
}

dl#privacy dt{
font-size:small;
line-height:1.5;
padding:0 10px;
font-weight:bold;
border-bottom:1px solid #4c4c4c;
}
dl#privacy dd{
font-size:x-small;
line-height:1.5;
margin:10px 0 30px 0;
padding:0 10px;
}

.outline{
font-size:small;
background-color: #ececec;
margin: 5px 40px 30px 40px;
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: 13em;
float: left;
}
.outline dd {
background-color: #ffffff;
margin: 0 0 0 13em;
padding: 0.5em 1em 0.5em 1em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

.plugin{
font-size:x-small;
background-color: #ececec;
margin: 5px 10px 10px 10px;
border: 1px solid #cccccc;
border-top: none;
}

.plugin dt{
font-weight: normal;
color: black;
margin: 0;
padding: 0.5em 0 0.5em 0.5em;
border-top: 1px solid #cccccc;
width: 8em;
float: left;
}
.plugin dd {
background-color: #ffffff;
margin: 0 0 0 8em;
padding: 0.5em 1em 0.5em 0.5em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.sauce{
font-size:10px !important;
}

.introduce{
width:500px;
margin:0 150px;
}
.introduce h3{
text-align:center;
font-size:100%;
}
.introduce p{
font-size:small;
margin:0;
padding:0 0 20px 0;
}

.table1{
margin:0 0 0 15px;
border-top:1px solid #3e0609;
border-left:1px solid #3e0609;
}
.table1 th{
font-size:x-small;
text-align:left;
padding:3px;
border-right:1px solid #3e0609;
border-bottom:1px solid #3e0609;
}
.table1 td{
font-size:x-small;
padding:3px;
border-right:1px solid #3e0609;
border-bottom:1px solid #3e0609;
}

.process{
margin:0 40px;
}
.process th{
font-size:small;
text-align:left;
white-space:nowrap;
}
.process td{
font-size:small;
}


.voice1{
margin:0px 100px;
}

.voice1 h4{
font-size:small;
line-height:1.5;
padding:5px 10px;
color:#3e0609;
font-weight:bold;
border-bottom:1px solid #4c4c4c;
}
.voice1 p{
font-size:small;
line-height:1.5;
margin:10px 0 30px 0;
padding:10px;
}

#form1{
background-image: url(../images/bg_contents_02.jpg);
background-repeat: repeat-y;
padding:20px 0 20px 0;
}
#form1 form{
width:600px;
padding:0 0 0 180px;
}
#form1 fieldset {
border:1px solid #8e0011;
margin:0 0 50px 0;
padding:0 0 0 0;
}
#form1 legend{
margin:20px 0 0 5px;
}

#form1 dt{
float:left;
width:140px;
margin:0;
padding:3px 0 3px 3px;
font-size:small;
border-top:1px solid #b9c888;
}
#form1 dd{
font-size:x-small;
margin:0 0 0 143px;
padding:3px 3px 3px 0;
border-top:1px solid #b9c888;
}
#form1 p{
font-size:small;
line-height:1.5;
}
.required{
font-size:xx-small;
color:#cc0000;
}

table#process{
border-spacing:5px;
}
table#process th{
padding:0 5px 0 0;
text-align:center;
border-right:1px solid #8e0011;
}
.table-process-reset{
padding:5px 0 !important;
background-color:transparent !important;
border:none !important;
}
table#process td{
padding:0 10px;
background-color:#f2f5e7;
border:1px solid #8e0011;
}
.image0-0-0-20{
margin:0 0 0 20px;
}
.image20-0-0-20{
margin:20px 0 0 20px;
}
.image0-0-0-10{
margin:0 0 0 15px;
}
.image0-0-10-30{
margin:0 0 10px 30px;
}
.image10-0-0-0{
margin:10px 0 0 0;
}
.image0-0-0-120{
margin:0 0 0 120px;
}
.image10-0-10-60{
margin:10px 0 10px 60px;
}
.image10-0-10-15{
margin:10px 0 10px 15px;
}
.image-fl{
float:left;
padding:0 2px 2px 0;
}

.box60sec{
background-image: url(../agilesuite/images/bg_60sec.jpg) !important;
background-repeat: no-repeat;
background-position: 10px top;
}
.box60sec h3{
padding:20px 20px 0 260px;
font-size:80%;
}
.box60sec p{
font-size:80%;
text-indent: 1em;
padding:0 20px 0 260px;
}

#mailmagazine h3{
font-size:small;
margin:0 20px 10px 20px;
padding:5px;
border:1px solid #3d0607;
}
#mailmagazine p{
font-size:small;
line-height:1.5;
margin:0 20px 10px 20px;
}
#mailmagazine table{
font-size:small;
line-height:1.5;
margin:0 20px 10px 20px;
}
.img-float-left1{
float:left;
}
.img-contact{
margin:0 0 0 76px;
}