/*
  style
*/

body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object { 
    margin: 0; 
    padding: 0; 
    vertical-align: baseline; 
}
*{
    margin: 0; 
    padding: 0; 
}
h1,h2,h3,h4,h5,h6 { 
    font-style: normal; 
    font-weight: normal; 
    font-size: 1.0em; 
}

ul {
    list-style: none;
} 
body { 
    color: #000; 
    background: #77715C;
    font-size: 77%; 
    font-family : Arial, '‚l‚r ‚oƒSƒVƒbƒN', san-serif; 
    line-height: 1.7; 
    text-align: center; 
    width: 100%;
    padding-bottom:10px;
} 
table{
    font-size: 100%; 
}
/* --- link --- */ 
  
a:link { 
    color: #000;
    text-decoration: none;
}
a:visited { 
    color: #000;
    text-decoration: none;
}
a:active {
    color: #333;
    text-decoration: underline; 
}
a:hover { 
    color: #333;
    text-decoration: underline;
}

a img{
    border:0;
}

/* --- /link --- */ 

/* --- layout --- */ 

#wrap{
    width:780px;
    margin:10px auto;
    border-right:1px solid #958E74;
    background: #958E74;
}


#header{
    width:780px;
    height:70px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#hwrap{
    position:relative;
    width:780px;
    height:70px;
}

#left{
    float: left; 
    width:580px;
}

/*    margin-left:580px;*/
#right{
    float: left; 
    width:190px;
}

#foot{
    width:780px;
    clear:both;
    margin-top: 30px;
    padding-bottom: 30px;
}

.line{
    width:780px;
    margin: 10px auto;
}

/* --- /layout --- */ 

/* header  */

#header #logo{
    position:absolute;
    float:left;
    width:128px;
    top:10px;
    left:30px;
    height:60px;
}

#header #sitename{
    position:absolute;
    top:10px;
    right:10px;
    font-size:12px;
}

#header #contents{
    position:absolute;
    top:40px;
    left:200px;
    width:580px;
    font-size:12px;
}

#header #contents li{
    float:left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
}
#header #contents .maru{
    padding-right: 5px;
}

/* /header  */

/* footer */

/* /footer */

/* right */

#link{
    text-align: left; 
}

#link dt{
}

#link dd{
    font-size: 0.9em; 
}
#link dd ul ,#link dd ul li{
    list-style-type:square; 
}
#link dd ul {
    padding-left:1.2em; 
}

#right ul.itemlist {
    text-align: left;
}
#right a.itemimage {
    display: block;
    text-align: center;
}
#right p.price {
    text-align: center;
}


/* /right */


/* index */

#top_image {
    margin: 10px auto;
    margin-bottom: 30px ;
}

#whatsnew {
    margin: 10px auto;
}

#whatsnew #whatsnew_image{
    margin: 10px auto;
}

#whatsnew #whatsnew_body{
    width:480px;
    text-align: left; 
    margin: 10px auto;
}

/* /whatsnew */

/* photo */

#photo_image li{
    float:left;
}

#photo_image{
    margin: 10px auto;
    width:500px;
}

#photo_image a{
    display:block;
    border:1px solid #958E74;
}

#photo_image a:hover {
    border:1px solid #FFF;
}

/* /photo */

/* info */

#info td{
    text-align: left; 
}
#info .form_button{
    text-align: center; 
}
#info #info_form{
    margin: 10px auto;
}

/* /info */

/* bbs */

#bbs_form{
    text-align: left; 
    margin: 10px auto;
    width:480px;
}
#bbs_form label{
    text-align: right; 
    width:100px;
    float:left;
    clear:both;
    padding-right:5px;
}
#bbs_form div{
    width:380 px;
    margin: 0 auto;
    margin-bottom:2px;
}
#bbs .form_button{
    text-align: center; 
}
#bbs #bbs_form,#bbs #bbs_form table{
    margin: 10px auto;
}

#bbs .hr{
    margin: 10px auto;
    width:480px;
    border-top:2px dashed #77715C;
}
/*    background-color:#543;*/

.bbs_paging .current_page{
    font-size:1.2em;
}

#bbs .bbs_line{
    text-align: left; 
    width:480px;
    margin: 10px auto;
}

#bbs .bbs_line_head{
    margin-left: 10px;
    height:30px;
    color:#333;
}

#bbs .bbs_line .bbs_no{
    float: left; 
    margin-right: 10px;
}

#bbs .bbs_line .bbs_title{
    float: left; 
    margin-right: 10px;
}

#bbs .bbs_line .bbs_name{
    float: left; 
    margin-right: 10px;
}

#bbs .bbs_line .bbs_date{
    margin-right: 10px;
}

#bbs .bbs_line .bbs_comment{
    margin-left: 20px;
}

#bbs_msg{
    margin: 10px auto;
    width:240px;
    text-align: left; 
}

#bbs_confirm{
    margin: 10px auto;
    width:400px;
    text-align: center; 
}

#bbs_confirm dl{
    margin: 0 auto;
    text-align: center; 
}

#bbs_confirm dt{
    float:left;
    padding-right: 5px;
    width:95px;
    text-align: right; 
}

#bbs_confirm dd{
    margin-left: 100px;
    padding-left: 5px;
    text-align: left; 
    border:1px solid #77715C;
}

/* /bbs */

/* tool */

#left #tool{
    text-align: left; 
    margin: 10px auto;
    width:480px;
}

/* /tool */

/* rand */

#rand{
    margin: 10px auto;
    width:480px;
    text-align: center; 
}

#rdwrap{
    margin:10px auto;
    width:300px;
    position:relative;
}

#rand dl dd{
    font-family:monospace;
}

#rand dl dt{
    margin-bottom: 10px ;
}

#rand_data,#rand_htpasswd{
    position:relative;
    float:left;
    font-size:1.2em;
    background:#A59E84;
}

#rand_data{
    margin-right: 20px;
}

/* /rand */

/* htpasswd */

#htpasswd{
    margin: 10px auto;
    width:480px;
    text-align: center; 
}

#hdwrap{
    position:relative;
    margin:10px auto;
    width:300px;
    margin-top:20px;
}

#htpasswd dl dt{
    margin-bottom: 10px ;
}

#htpasswd_data{
    position:relative;
    font-size:1.2em;
    font-family:monospace;
}

/* /htpasswd */


/*  */

#timestampwrap{
    margin: 10px auto;
    width:480px;
    text-align: center; 
}

#timestampform{
    width:380px;
    text-align: left; 
    margin:0 auto;
}

#dateform dl dt{
    margin-bottom: 10px ;
}

#timestamp_data{
    width:380px;
    text-align: left; 
    margin:20px auto;
}

#timestampwrap .column{
    float: left; 
    width:100px;
}

#timestampwrap .input_data{
    margin:5px 0;
}

#timestampwrap .input_data input{
    width:180px;
}


/* /date */