/* CSS Document */
/* browser format
---------------------------------------------------------- */
*{
margin: 0;
padding:0;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
}

/* body
---------------------------------------------------------- */
body {
background-color: #000000;
font-size: 0.83em;
line-height: 1.4;
}
/* h1
---------------------------------------------------------- */
h1{
text-indent: -1000em;
color: #FFFFFF;
line-height: 15px;
}
/* strong
---------------------------------------------------------- */
strong{
font-size: 115%;
}
/* img
---------------------------------------------------------- */
img{
border: 0;
}
/* hr(clear)
---------------------------------------------------------- */
.clear{
display: none;
clear: both;
}
/* ul
---------------------------------------------------------- */
ul{
list-style: none;
}
/* a
---------------------------------------------------------- */
a:link{
color: #000000;
text-decoration: none;
}
a:visited{
color: #000000;
text-decoration: none;
}
a:hover{
color: #990000;
text-decoration: none;
}
a:active{
color: #990000;
text-decoration: none;
}
/* background
---------------------------------------------------------- */
.background{
background-image: url(img/bg-img.jpg);
background-repeat: repeat-x;
background-position: top;
height: 550px;
width: 100%;
}
/* container
---------------------------------------------------------- */
.container{
width: 680px;
margin: 20px auto;
background-color: #FFFFFF;
}
/* main
---------------------------------------------------------- */
.main{
clear: both;
width: 620px;
padding-top: 18px;
margin: auto;
overflow: hidden;
}
.main:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .main{
    height: 1em;
    overflow: visible;
}
/**/
/* header
---------------------------------------------------------- */
.header{
text-indent: -1000em;
line-height: 26px;
background-position: center;
background-color: #000000;
background-image: url(img/header-title.jpg);
background-repeat: no-repeat;
}
/* index > h1 title
---------------------------------------------------------- */
#top-title{
background-image:url(img/title.jpg);
width:550px;
height:42px;
margin-left: 62px;
margin-top: 12px;
}
/* menu
---------------------------------------------------------- */
.menu{
margin-left: 10px;
}
/* back-top
---------------------------------------------------------- */
.back-top{
float: left;
background-image: url(img/mark-back.jpg);
background-position: 0px;
background-repeat: no-repeat;
}
.back-top a{
font-size: 12px;
margin-left: 20px;
line-height: 24px;
}
/* go-to-order
---------------------------------------------------------- */
.go-to-order a{
float: right;
display: block;
text-indent: -9999em;
background-image:url(img/button-order-s.gif);
width: 146px;
height: 24px;
}
.go-to-order a:hover{
background-image:url(img/button-order-s-on.gif);
}
/* page-title
---------------------------------------------------------- */
.page-title{
margin-bottom: 20px;
}
/* sample-image
---------------------------------------------------------- */
.sample-image ul li{
margin-right:20px;
float: left;
}
#margin-r-4,
#margin-r-8,
#margin-r-12{
margin-right: 0px;
}
/* order
---------------------------------------------------------- */
.order{
text-align: center;
}
/* form
---------------------------------------------------------- */
.form,
.privacy{
text-align:left;
border: #666666 1px solid;
width: 480px;
margin: 15px auto;
}
.form div{
width: 445px;
padding-bottom: 3px;
padding-top: 3px;
}
.form form,
.privacy dl{
margin-top: 10px;
margin-left: 35px;
margin-bottom: 10px;
}
.form-left{
/*
width: 120px;
*/
float: left;
}
.button{
margin-left: 150px;
}
.privacy dt{
font-size: 110%;
font-weight:bold;
margin-left: 80px;
}
/* thanks
---------------------------------------------------------- */
.message{
text-align: center;
padding-top: 100px;
padding-bottom: 400px;
}

/* footer
---------------------------------------------------------- */
.footer{
text-align: center;
clear: both;
background-image: url(img/footer-bg.jpg);
background-repeat: repeat-x;
height: 100px;
}
.footer-navi ul li a:hover,
.footer-navi ul li a:visited{
color: #FFFFFF;
}
.footer-navi{
text-align: center;
padding-top: 8px;
margin: auto;
}
.footer-navi ul li{
color: #FFFFFF;
display: inline;
margin-right: 0.7em;
padding-left: 0.7em;
border-left: 1px solid #FFFFFF;
}
#footer-navi-r{
padding-right: 0.7em;
border-right: 1px solid #FFFFFF;
}
#address{
padding-top: 8px;
font-size: 11px;
clear: both;
color: #FFFFFF;
text-align: center;
}
#top-image{
margin-bottom: 10px;
}
#profile-photo{
padding-left: 13px;
padding-right: 13px;
float: left;
}
.profile{
margin-bottom: 20px;
overflow: hidden;
}
.profile:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .profile{
    height: 1em;
    overflow: visible;
}
/**/

/* 081112 */
a.blog:link{
color: #0000CC;
text-decoration: underline;
}
a.blog:visited{
color: #0000CC;
text-decoration: underline;
}
a.blog:hover{
color: #990000;
text-decoration: underline;
}
a.blog:active{
color: #990000;
text-decoration: underline;
}