@charset "shift_jis";

body{
margin: 0;
padding: 0;
height: 100%;
/*background: #c0c0c0;*/
background: #ffffff;
}

#base{
position: absolute;
top: 0px;
left:0px;
width: 100%;
height: auto;
}

img{
border: 0;
}

#container{
position: relative;
top: 0;
left: 50%;
margin-left: -432px;
width: 864px;
background: #d8d8d6;
}

#header{
height: 168px;
background: #4b4d47;
}

#search {
position: absolute;
width: 754px;
height: 35px;
top: 75px;
right: 0px;
margin: 0;
padding: 0 110px 0 0;
}


#search form{
margin: 0;
}

#title{
border-top: 4px solid #4b4d47;
border-bottom: 4px solid #4b4d47;
}

#title-print h2{
position: absolute;
overflow: hidden;
visibility: hidden;
}

/*
#top-title-print h2, #top-title-print span, #top-title-print h4{
position: absolute;
overflow: hidden;
visibility: hidden;
}
*/

#menu{
position: absolute;
top: 125px;
left: 0;
width: 864px;
height: 45px;
}

#main{
position: relative;
width: 864px;
background: #d8d8d6;
margin: 0;
padding: 0;
}

#contents{
position: relative;
top: 0;
left: 0;
width: 768px;
margin: 30px auto;
padding: 0;
}

#top-contentsarea{
position: relative;
top: 0;
left: 0;
width: 768px;
margin: 0;
padding: 0;
}

#contents #copy1{
margin: 17px 0 0 0;
padding: 0;
width: 768px;
line-height: 1.4em;
}

#copy2{
margin: 17px 0 0 0;
padding: 0;
width: 768px;
line-height: 1.4em;
}

#btm-contentsarea{
position: relative;
width: 768px;
height: 120px;
margin: 25px 0 15px 0;
padding: 0;
background: #4b4d47;
}

#btm-contentsarea2{
position: relative;
width: 768px;
height: 65px;
margin: 25px 0 15px 0;
padding: 0;
background: #4b4d47;
}

/*============== TOPページ のみ ▼=============*/
#topheader{
height: 125px;
background: #4b4d47;
}

#topheader img.logo, #header img.logo{
margin: 18px 0 0 23px;
}

#topheader img.mark, #header img.mark{
position: absolute;
top: 23px;
left: 775px;
}

#mainswf{
position: relative;
width: 864px;
height: 575px;
background: #4b4d47;
margin: 0;
}
/*============== TOPページ のみ ▲=============*/

/*============== 「ご利用手順」のみ ▼ =============*/
#leftcontents01{
float: left;
display: block;
margin: 17px 0 0 0;
padding: 0 10px 0 0;
width: 420px;
}

#rightcontents01{
float: right;
display: block;
margin: 17px 0 0 0;
padding: 0 0 0 0;
width: 331px;
clear: right;
}

#rightcontents01-print{
display: none;
/*position: absolute;
overflow: hidden;
visibility: hidden;*/
}
/*============== 「ご利用手順」のみ ▲ =============*/

/*============== 「ストック内容」のみ ▼ ===========*/
#stock-menu{
margin: 17px 0 0 0;
height: 43px;
}

table#stocktoptable{
margin: 45px 0 0 0;
}

.subtitle{
display: block;
width: 200px;
margin: 7px auto;
padding: 18px 0;
}

#listcopy1{
display: block;
/*width: 375px;*/
padding: 2px 0;
}


#listcopy2{
display: block;
width: 440px;
padding: 0 15px;
}

#listcopy3{
display: block;
width: 580px;
padding: 0 15px 0 0;
}

table.listable{
float: left;
margin: 17px 0 0 0;
}

table.listable h1{
padding: 2px 0;
}

table.listable h4{
padding: 2px 0;
background: #666;
}

table.imgtable{
float: right;
margin: 24px 0 0 0;
}

img.forprint-unit{
padding: 225px 0 0 0;
}

/*============== 「ストック内容」のみ ▲ ===========*/

/*============= 「料金表」のみ ▼ ================*/
table td.textline1{
padding: 5px;
background: #000;
border-right: 1px solid #FFF;
text-align: center;
}

table td.textline1r{
padding: 5px;
background: #000;
text-align: center;
}

table td.textline3{
padding: 5px 0 5px 25px;
background: #FFF;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}

table td.textline4{
padding: 5px 0 5px 25px;
background: #FFF;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

#copy3{
display: block;
width: 768px;
margin: 17px 0;
}

#copy3 ul{
margin: 0;
padding: 0 0 0 5px;
}

#copy3 li{
list-style-type: none;
line-height: 2em;
}
/*============= 「料金表」のみ ▲ ================*/

/*============= 「料金表」・「フォーム（末尾_thanks.html以外すべて）」▼ ====*/
table td.textline2{
padding: 5px 0 5px 10px;
background: #FFF;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
/*============= 「料金表」・「フォーム（末尾_thanks.html以外すべて）」▲ ====*/

/*============= 「フォーム（末尾_thanks.html以外すべて）」▼ ================*/
#formtitle{
width: 438px;
text-align: center;
}

#formbody{
background: #FFF;
}

#formcontainer{
position: relative;
top: 0;
left: 0;
width: 470px;
background: #FFF;
margin: 0 auto;
}

#formheader{
height: 40px;
background: #4b4d47;
}

#formheader img.logo{
margin: 5px 0 5px 10px;
}

#formmain{
position: relative;
width: 470px;
background: #FFF;
margin: 20px auto;
}

#formcontents{
position: relative;
top: 0;
left: 0;
width: 438px;
margin: 0 auto;
}

#formtop-contentsarea{
position: relative;
top: 0;
left: 0;
width: 438px;
margin: 0 auto;
}

table td.textline5{
padding: 5px 0 5px 5px;
background: #FFF;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
/*============= 「フォーム（末尾_thanks.html以外すべて）」▲ ================*/

/*============== 「ダウンロード」のみ ▼ ===========*/
#leftcontents02{
float: left;
display: block;
padding: 0 0 0 60px;
width: 440px;
}

#rightcontents02{
float: right;
margin: 70px 0 0 0;
width: 340px;
}

#downloadbox01, #downloadbox02{
display: block;
width: 440px;
margin: 25px 0 0 0;
}

#downloadsmalltext{
display: block;
width: 320px;
margin: -20px 0 0 120px;
}

img.getreader{
margin: 20px 0 0 85px;
}

a.list1{
display: block;
margin: -26px 0 0 50px;
}

a.list2{
display: block;
width: 320px;
}
/*============== 「ダウンロード」のみ ▲ ===========*/

/*============== 「CONTACT US」のみ ▼ ===============*/
#leftcontents03{
float: left;
margin: 0;
padding: 28px 0 0 0;
width: 443px;
}

html>body #leftcontents03{
float: left;
margin: 0;
padding: 9px 0 0 0;
width: 443px;
}

#rightcontents03{
float: right;
padding: 28px 0 0 0;
width: 320px;
clear: right;
}

body#company-map{
margin: 0;
padding: 0;
background: #FFF;
}

#maparea{
width: 320px;
}

#maparea-text{
width: 300px;
text-align: left;
margin: 0;
padding: 10px;
background: #FFF;
}

#maparea span.cmt{
display: block;
width: 300px;
margin: 10px;
}
/*============== 「CONTACT US」のみ ▲ ===============*/




/*===================== 下部ボタン ▼ =====================*/
#btmbtn-area{
width: 768px;
/*height: 120px;*/
background: #4b4d47;
margin: 0;
padding: 0;
}

#btmbtn-area ul{
margin: 0;
padding: 0;
}

#btmbtn-area li a:hover{
background: #6f6f6f;
}
/*============ ３つの場合 ▽ ===========*/
#btmbtn-area li{
float: left;
}

#btmbtn-area li.leftbtn3{
width: 224px;
border: 2px solid #FFF;
margin: 15px 0 0 16px;
}
html>body #btmbtn-area li.leftbtn3{
width: 224px;
border: 2px solid #FFF;
margin: 15px 0 0 32px;
}

#btmbtn-area li.leftbtn4{
width: 224px;
border: 2px solid #FFF;
margin: 15px 10px 0 10px;
}

#btmbtn-area li.leftbtn5{
width: 224px;
border: 2px solid #FFF;
margin: 15px 16px 0 0;
}
html>body #btmbtn-area li.leftbtn5{
width: 224px;
border: 2px solid #FFF;
margin: 15px 32px 0 0;
}

#btmbtn-area li a{
float: left;
width: 224px;
background: #4b4d47;
padding: 7px 0;
}

.btmbtn-area-cmt{
display: block;
float: left;
width: 768px;
background: #4b4d47;

padding: 0;
}

span#cmt1{
display: block;
float: left;
margin: 5px 0 0 18px;
padding: 0;
width: 224px;
color: #c0c0c0;
line-height: 1.4em;
}

html>body span#cmt1{
display: block;
float: left;
margin: 5px 0 10px 34px;
padding: 0;
width: 224px;
color: #c0c0c0;
line-height: 1.4em;
}

span#cmt2{
display: block;
float: left;
margin: 5px 14px 10px 14px;
padding: 0;
width: 224px;
color: #c0c0c0;
line-height: 1.4em;
}

span#cmt3{
display: block;
float: left;
margin: 5px 0 10px 0;
padding: 0;
width: 224px;
color: #c0c0c0;
line-height: 1.4em;
}

/*============ ３つの場合 △ ===========*/
/*============ ２つの場合 ▽ ===========*/
#btmbtn-area li.btn2{
float: left;
width: 348px;
border: 2px solid #FFF;
margin: 30px 0 0 73px;
}

#btmbtn-area li.leftbtn2{
float: left;
width: 348px;
border: 2px solid #FFF;
margin: 30px 5px 0 20px;
}

html>body #btmbtn-area li.leftbtn2{
float: left;
width: 348px;
border: 2px solid #FFF;
margin: 30px 5px 0 40px;
}

#btmbtn-area li.btn2 a, #btmbtn-area li.leftbtn2 a{
float: left;
width: 348px;
background: #4b4d47;
padding: 10px 0;
}
/*============ ２つの場合 △ ===========*/
/*============ １つの場合 ▽ ===========*/
#btmbtn-area li.btn1{
float: left;
width: 230px;
border: 2px solid #FFF;
margin: 13px 0 0 134px;
}

html>body #btmbtn-area li.btn1{
float: left;
width: 230px;
border: 2px solid #FFF;
margin: 13px 0 0 267px;
}

#btmbtn-area li.btn1 a{
float: left;
width: 230px;
background: #4b4d47;
padding: 10px 0;
}

#btmbtn-area li.btn1 a:hover{
background: #6f6f6f;
}
/*============ １つの場合 △ ===========*/
/*===================== 下部ボタン ▲ =====================*/



/*==================== 「検索結果」 ▼ ====================*/
span.copy2text{
display: block;
width: 500px;
float: right;
margin: -18px 0 0 0;
text-align:right;
}

.resulttext{
position: absolute;
top: 4px;
left: 140px;
display: block;
width: 620px;
height: 68px;
}

.resulttext2{
float: right;
display: block;
width: 370px;
}

span.resulttext3{
float: right;
display: block;
width: 300px;
margin: 12px 0 7px 0;
}

span.resulttext3 form{
float: right;
display: block;
margin: 0;
}

span.resulttext4{
float: right;
display: block;
width: 350px;
margin: 0 0 10px 0;
text-align: right;
}

span.resulttext4 a{
text-decoration: none;
}

table.searchresult{
margin: 20px 0 30px 0;
}

table.searchresult td{
text-align: center;
}
/*==================== 「検索結果」 ▲ ====================*/

/*==================== 「このページの上に戻る」 ▼ ========*/
#pagetop{
width: 183px;
margin: 0 auto;
}
/*==================== 「このページの上に戻る」 ▲ ========*/

/*======================== FOOTER ▼ ======================*/
#footer{
/*position: relative;*/
height: 70px;
width: 864px;
background: #4b4d47;
margin: 0 0 0 0;
}
/*======================== FOOTER ▲ ======================*/