/* Suggested order:
   * display
   * list-style
   * position
   * float
   * clear
   * width
   * height
   * margin
   * padding
   * border
   * background
   * color
   * font
   * text-decoration
   * text-align
   * vertical-align
   * white-space
   * other text
   * content
   *
   */

* {
 margin : 0;
 padding : 0;
}

body{
	margin : 0;
	padding: 0;
}

#body{
	margin : 0;
	padding: 0;
}

#body-top{
	margin : 0;
	padding: 0;
	background-color: #000;
}


img {
  border-style : none;
  vertical-align : bottom;
}



li{
	list-style-type : none;
}

a{
	text-decoration : none;
	color : #000;
}

a:visited{
	text-decoration : none;
	color : #003;
}

a:hover{
	text-decoration : none;
	color : #b5100c;
}

.headmenu li{
  display : inline;
}

.top-main{
	margin : 20px auto;
	text-align : center;
}

.top-main p{
	text-align : center;
	padding : 2px;
}

.contens-main{
	margin : 0 auto;
	background-image : url("../img/bg_body.gif");
	background-position : center;
	background-repeat : repeat-y;
	text-align : center;
}

.contens-main2{
	margin : 0 auto;
	background-image : url("../img/bg_body2.gif");
	background-position : center;
	background-repeat : repeat-y;
	text-align : center;
}

.photo img{
  border: 1px #c2c0c0 solid;
}

div.doc {
	width : 860px;
	margin : 0 auto;
	text-align : left;
}


div.doc2 {
	width : 860px;
	margin : 0 auto;
	text-align : left;
}


.list-float{
	float : left;
	width : 141px;	
	margin-left:1px;
}

.float-clear{
	clear : left;
}

.left-contents{
	margin : 0;
	padding: 0;
	background-image : url("../img/bg_sub_l.gif");
	background-repeat : repeat-y;
	width : 138px;
}

.left-contents div{
	margin : 5px;
	width : 120px;
}

.photo-tex{
	font-size : 10px;
	color : #FFF;
	margin-top : 30px;
	padding : 0 5px;
}

.left-contents li{
	margin : 5px 0 5px 5px;
}

.left-contents a:link{
	color : #FFF;
}

.left-contents a:visited{
	color : #FFF;
}

.left-contents a:hover{
	text-decoration : none;
	color : #b5100c;
}


.right-contents{
	margin : 0;
	padding: 0;
	background-image : url("../img/bg_sub_r.gif");
	background-repeat : repeat-y;
	width : 138px;
}

.right-contents h3{
	margin : 10px 0 10px 5px;
	color : #FFF;
	font-size : 16px;
}

.right-contents a{
	text-decoration : none;
	color : #FFF;
}

.right-contents a:visited{
	color : #FFF;
}

.right-contents a:hover{
	text-decoration : none;
	color : #b5100c;
}

.right-contents div{
	border-bottom : dotted 1px #FFF;
}

.right-contents p{
	margin : 0 0 10px 5px;
	color : #999;
	font-size : 10px;
}

.right-text a{
	text-decoration : none;
	color : #999;
}

.right-text a:visited{
	color : #999;
}

.right-text a:hover{
	text-decoration : none;
	color : #b5100c;
}

.center-contents{
	margin: 5px;
	padding : 0 5px;
	height: 300px;
	width: 400px;
	overflow: auto;
	scrollbar-face-color: #666;
}

.center-contents li{
	line-height : 1.5;
	border-bottom: dotted 1px #666;
}

.line-bg1{
	margin : 0;
	padding: 0;
	background-image : url("../img/line_1.gif");
	background-repeat : repeat-x;
	height : 6px;
	overflow:hidden;
}

.line-bg2{
	margin : 0;
	padding: 2px 5px;
	background-image : url("../img/line_1.gif");
	font-size : 12px;
	color : #FFF;
}

.line-bg2 span{
	font-size : 10px;
	color : #FFF;
}

#main-table{
	font-size : 12px;
	margin-top : 5px;
}

#main-table td{
	vertical-align : top;
	text-align : left;
}

#main-table2{
	font-size : 12px;
	margin-top : 5px;
	width: 800px;
}

#main-table2 td{
	vertical-align : top;
	text-align : left;
}

.info-length{
	margin : 10px auto;
	text-align : center;
	padding-bottom : 10px;
	width: 580px;
}

.info-photo{
	text-align : center;
}

#main-table.link-right{
	text-align : right;
}

#main-table .link-right2{
	text-align : right;
	vertical-align : bottom;
}

.text-pad{
	padding : 2px;
	width : 450px;
	margin : auto;
}

.line-up{
	margin : 10px auto;
	text-align : center;
	padding-bottom : 10px;
	font-size : 11px;
}

.line-up img{
	border : solid 1px #666;
}

.order{
	margin : 10px auto;
	text-align : center;
	padding-bottom : 10px;
}

.order span{
	font-size : 10px
}

.order-table1 td{
	padding: 2px 2px;
}

.order-table2{
	margin: 15px 0;
}

.order-table2 td{
	padding: 2px 2px;
}

#footer{
	background-color : #000;
	padding : 2px;
	margin : auto;
}

#footer p{
	font-size : 10px;
	color : #FFF;
}

.backtop{
	text-align : right;
	margin : 10px 0;
}

.link-list p{
	margin : 10px 10px;
	border-bottom : dotted 1px #999;
}

.howorder{
	margin : 2px auto;
}

.howorder h3{
	font-size : 14px;
	padding : 10px 10px;
}

.howorder h4{
	font-size : 12px;
	padding : 5px 0 0 10px;
}

.howorder p{
	font-size : 12px;
	padding : 0 10px;
	color : #333;
}

.howorder li{
	padding : 0 10px;
	font-size : 12px;
	color : #333;
}

.mail-come p{
	font-size : 10px;
	padding : 0 10px;
	color : #333;
}

.mail-table{
	border-top : solid 1px;
	border-left : solid 1px;
	margin : 2px 10px;
}

.mail-table td{
	border-bottom : solid 1px;
	border-right : solid 1px;
	padding : 3px;
	font-size : 10px;
	color : #333;
	vertical-align : top;
}

.mobile-table{
	margin : 2px 10px;
}

.mobile-table td{
	padding : 3px;
	font-size : 10px;
	color : #333;
	vertical-align : top;
}

.close{
	margin : 10px auto;
	text-align : center;
}

.soldout{
	text-decoration : line-through;
	color : #F00;
}

.box-line td{
	border:solid 1px #999;
	font-size:10px;
}

#pickup{
	padding:10px;
	margin:5px;
	line-height:1.5em;
	font-size: 13px;
	font-weight: bolder;
	border-bottom: dotted 1px #666;
}

#pickup h6{
	padding-top: 10px;
	text-align: right;
}

#pickup span{
	color: #F00;
}

#coming{
	padding-top: 20px;
	font-size: 16px;
	text-align: center;
}

/*800*/
.item{
	font-size: 10px;
}
#wrapper {
	width: 550px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}
#left {
	float: left;
	width: 290px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-right: 15px;
	font-size: 11px;
}
#middle {
	width: 535px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: small;
}

#right {
	width: 200px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 30px;
	font-size: 11px;
	float: left;
}
.yohaku {
	float: left;
	padding-right: 10px;
}

#center {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	height: auto;
}
