@charset "UTF-8";

/*--------------- base setting ---------------*/


*{
margin:0px;
padding:0px;
}


html,body{
height: 100%;
}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kakku Gothic Pro", Osaka,"メイリオ", Meiryo,  "ＭＳ Ｐゴシック", sans-serif;
font-size:85%;
color:#666666;
background-color:#ffffff;
background-image:url(../img/bg/header_bg01.jpg);
background-repeat: repeat-x;
background-position: left top;
line-height: 1.4;
margin:0;
paddign:0;
text-align:center;
}

h1, h2, h3, h4, h5, h6 { 
font-weight: normal;
margin:0;
padding:0; 
}

p{
margin:0px;
/*padding:5px 5px 15px 5px;*/
}

.red{
color:#FF0000;
}


.clearfix{
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;

}


/* -----------------------------------------------　base link setting　*/

a {text-decoration:none;font-weight:bold;color:#B6B691;}
a:link {text-decoration:none;font-weight:bold;color:#B6B691;}
a:link:hover {text-decoration:underline;font-weight:bold;color:#9C9D7F;}
a:link:active {text-decoration:none;font-weight:bold;color:#B6B691;}
a:visited {text-decoration:none;font-weight:bold;color:#B6B691;}
a:visited:hover {text-decoration:underline;font-weight:bold;color:#9C9D7F;}
a:visited:active {text-decoration:none;font-weight:bold;color:#B6B691;}

/* -----------------------------------------------　main contents　*/

#container{
width:780px;
height:100%;
margin:0 auto 0 auto;
clear:both;
/*
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;*/
}

/* -----------------------------------------------　header area　*/


#header{
height:60px;
text-align:center;
clear:both;
font-family:Verdana;

}

#header-menu{
text-align:right;
height:25px;
}

#header-menu ul{
padding-left:5px;
}

#header-menu li{
display:inline;
padding:5px;
letter-spacing:1px;
}


/* -----------------------------------------------　main-body　*/

#main-body{
margin:0 auto 0 auto;
padding:0;
width:780px;
clear:both;
}


/* -----------------------------------------------　footer area　*/


#footer{
height:30px;
width:100%;
/*background-image:url(../img/bg/footer.jpg);
background-repeat:repeat-x;
background-position:top left;*/
font-family:Verdana"ヒラギノ角ゴ Pro W3", "Hiragino Kakku Gothic Pro", Osaka,"メイリオ", Meiryo,  "ＭＳ Ｐゴシック", sans-serif;
clear:both;
}



.footer-link{
text-align:left;
height:25px;
margin-bottom:30px;
}

.footer-link ul{
padding:20px 5px 0 0;
}

.footer-link li{
display:inline;
list-style-type:none;
padding:5px;
letter-spacing:1px;
}




.footer-copy{
font-size:12px;
letter-spacing:1px;
font-weight:bold;
font-family:Verdana;
padding-top:10px;
text-align:center;
}


/* -----------------------------------------------　login　*/

#login{
margin:20px auto 0px auto;
}

#login td.left{
text-align:right;
width:140px;
padding:5px 10px 5px 5px;
background-color:#D4D4BD;
font-weight:bold;
}

#login td.right{
width:240px;
padding:5px;
background-color:#D4D4BD;
text-align:left;
}

#login th{
text-align:center;
padding:0;
font-weight:normal;
}


/* -----------------------------------------------　main menu　*/

#menu{
width:210px;
margin:50px auto 0 auto;
text-align:left;
font-size:120%;
letter-spacing:1px;
line-height:1.5;
color:#B6B691;
font-weight:bold;
}


#menu ul{
margin-left:20px;
}

#menu li{
margin-bottom:15px;
list-style-type:none;
background-image:url(../img/client/arrow01.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}



/* -----------------------------------------------　contents upper left　*/

.contents-upper-left{
text-align:left;
margin:0;
width:780px;
font-size:120%;
letter-spacing:1px;
line-height:1.5;
color:#B6B691;
clear:both;
}

.base-info th{
width:120px;
padding:1px 3px 1px 5px;
text-align:left;
font-size:85%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border-bottom:1px solid #cccccc;
}

.base-info td{
width:180px;
padding:1px 3px 1px 5px;
text-align:left;
font-size:85%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border-bottom:1px solid #cccccc;
}

.contents-upper-left h2{
margin:0 0 15px 0;
padding:1px 0 0 30px;
font-size:97%;
font-weight:bold;
background-image:url(../img/client/arrow01.gif);
background-repeat:no-repeat;
background-position:left;
}



.left-area{
float:left;
}

.right-area{
float:right;
padding-top:120px;
}

/* -----------------------------------------------　contents upper right　*/


.price-info th{
width:80px;
padding:1px 3px 1px 5px;
text-align:right;
font-size:85%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border-bottom:1px solid #cccccc;
}

.price-info td{
width:120px;
padding:1px 3px 1px 5px;
text-align:right;
font-size:85%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border-bottom:1px solid #cccccc;
}




/* -----------------------------------------------　detail area　*/

.detail-area{
text-align:left;
margin:20px 0 0 0;
width:780px;
/*font-size:120%;*/
letter-spacing:1px;
line-height:1.5;
color:#666666;
clear:both;
}

/* -----------------------------------------------　detail01　*/

.detail01{
/*margin:0 auto 0 auto;*/
border:1px solid #9C9D7F;
border-collapse:collapse;
}

.detail01 th{
/*width:120px;*/
text-align:center;
padding:1px 3px 1px 5px;
font-size:97%;
letter-spacing:1px;
line-height:1.2;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
background-color:#D4D4BD;
}

.detail01 td{
/*width:180px;*/
padding:1px 3px 1px 5px;
text-align:left;
font-size:97%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
}


.detail01 td.right{
text-align:right;
}

.detail01 td.center{
text-align:center;
}

/* -----------------------------------------------　detail02　*/

.detail02{
/*margin:0 auto 0 auto;*/
border:1px solid #9C9D7F;
border-collapse:collapse;
}

.detail02 th{
/*width:120px;*/
text-align:center;
padding:1px 3px 1px 5px;
font-size:97%;
letter-spacing:1px;
line-height:1.2;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
background-color:#D4D4BD;
}

.detail02 td{
/*width:180px;*/
padding:1px 3px 1px 5px;
text-align:center;
font-size:110%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
}

.detail02 td.right{
text-align:right;
}

.detail02 td.left{
text-align:left;
}





/* -----------------------------------------------　detail03 s_orderlist.html　*/

.detail03{
/*margin:0 auto 0 auto;*/
border:1px solid #9C9D7F;
border-collapse:collapse;
}

.detail03 th{
/*width:120px;*/
text-align:center;
padding:1px 3px 1px 5px;
font-size:97%;
/*letter-spacing:1px;*/
line-height:1.2;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
background-color:#D4D4BD;
}

.detail03 td{
/*width:180px;*/
padding:1px 3px 1px 5px;
text-align:center;
font-size:97%;
/*letter-spacing:1px;*/
line-height:1.5;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
}


.detail03 td.right{
text-align:right;
}

.detail03 td.left{
text-align:left;
}

.detail03 a {text-decoration:underline;font-weight:bold; color:#990000;}
.detail03 a:link {text-decoration:underline;font-weight:bold;color:#990000;}
.detail03 a:link:hover {text-decoration:underline;font-weight:bold; color:#FF0000;}
.detail03 a:link:active {text-decoration:underline;font-weight:bold;color:#990000;}
.detail03 a:visited {text-decoration:underline;font-weight:bold;color:##990000;}
.detail03 a:visited:hover {text-decoration:underline;font-weight:bold;color:#FF0000;}
.detail03 a:visited:active {text-decoration:underline;font-weight:bold;color:##990000;}




/* -----------------------------------------------　detail04　*/

.detail04{
/*margin:0 auto 0 auto;*/
border:1px solid #9C9D7F;
border-collapse:collapse;
}

.detail04 th{
/*width:120px;*/
text-align:center;
padding:1px 3px 1px 5px;
font-size:97%;
letter-spacing:1px;
line-height:1.2;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
background-color:#D4D4BD;
}

.detail04 td{
/*width:180px;*/
padding:1px 3px 1px 5px;
text-align:right;
font-size:110%;
letter-spacing:1px;
line-height:1.5;
color:#666666;
border:1px solid #9C9D7F;
border-collapse:collapse;
}

.detail04 td.center{
text-align:center;
}

.detail04 td.left{
text-align:left;
}


/* -----------------------------------------------　bottom-link-area s_orderlist.html　*/

#bottom-link-area{
margin:10px 0 10px 0;
}

.next-link{
margin-top:15px;
text-align:right;
height:25px;
float:right;
}

.back-link{
margin-top:15px;
text-align:left;
height:25px;
float:left;
}


/* -----------------------------------------------　bottom-price-area　*/
.bottom-price-area{
margin:10px 0 10px 0;
text-align:right;
width:780px;
}

.order-price-info{
border-bottom:1px solid #cccccc;
font-size:97%;
letter-spacing:1px;
color:#666666;
text-align:right;
float:right;
}

.order-price-info th{
width:60px;
padding:1px 3px 1px 5px;
}

.order-price td{
width:120px;
padding:1px 3px 1px 5px;
}