﻿/* CSS Document */
@charset "utf-8"; /*utf-8の場合*/
/* ########## ベース ########## */
* {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";/* utf-8対策 */
margin: 0px;
}
body {
background-image: url(../img/header/body-background.gif);
padding: 0px;
}
ul {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
li {
	list-style-type: none;
}
#oshirase {
	font-size: 0.9em;
	color: #000000;
	background-color: #66FF66;
	text-align: center;
	width: 100%;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 5px;
}

body, #container, #contents, #justout, #just_frame {
margin-right: auto;
margin-left: auto;
text-align: center;/* IE */
}	
/* ########## 全体 ########## */
#container {
width:790px;
background-color: #FFFFFF;
padding-top: 3px;
}
/* ####### コンテンツ ####### */
#contents {
	width:760px;
	text-align: center;
}
#header table {
width: 100%;/*#contentsの幅*/
}
#header td {
	padding: 0px;
}
#header .logo {
	text-align: left;
	vertical-align: top;
	height: 50px;
	width: 160px;
}
#header .general ul {
	float: right;
	width: 240px;
}
#header .general li {
background-image: url(../img/header/gray_arrow_right.gif);
background-repeat: no-repeat;
background-position: left center;
float: left;
padding-top: 2px;
padding-left: 10px;
margin-left: 15px;
font-size: 0.75em;
}
#header .general A {
color: #666666;
text-decoration: none;
}
#header .general A:hover {
text-decoration: underline;
}
#header .general .search {
	display: none;
}

#header .general form {
padding: 0px;
margin-top: -1px;
}
#header .general .text{
height: 10px;
background-color: #E3E3E3;
font-size: 11px;
}
#header .general .submit {
height: 16px;
font-size: 11px;
padding: 0px;
width: 40px;
}
#header .general .inquire {
	display: none;
}

#header .start {
	text-align: right;
	vertical-align: bottom;
}
#header .start ul {
	float: right;
}
#header .start li {
	float: left;
	margin-left: 10px;
}
#header .start .howto {
	display: none;
}

#header .navi{
	margin-right: 0px;
	margin-left: 6px;
}
#header .navi ul {
	overflow: hidden;
	margin-right: 0px;
	margin-left: 7px;
}

#header .navi li {
	float: left;
	height: 50px;
	background-position: left top;
	background-repeat: no-repeat;
	}
#header .navi li a{
	display: block;
	text-indent: -9999px;
	height:100%;
	background-repeat: no-repeat;
}
#header .navi li a:hover{
background:none ! important;
}
#header .navi li.sp, li.sl, li.yo {
width: 85px;
}
#header .navi li.jo, li.ot, li.wt, li.ty, li.cn, li.pz, li.fm, li.bg, li.ceo{
width:72px;}

#header .navi li.sp{
background-image:url(../img/header/btn_order2.gif)}
#header .navi li.sp a{
background-image:url(../img/header/btn_order1.gif);}

#header .navi li.sl{
background-image:url(../img/header/btn_shoplist2.gif)}
#header .navi li.sl a{
background-image:url(../img/header/btn_shoplist1.gif);}

#header .navi li.yo{
background-image:url(../img/header/btn_yorder2.gif)}
#header .navi li.yo a{
background-image:url(../img/header/btn_yorder1.gif);}

#header .navi li.jo{
background-image:url(../img/header/btn_justout2.gif)}
#header .navi li.jo a{
background-image:url(../img/header/btn_justout1.gif);}

#header .navi li.ot{
background-image:url(../img/header/btn_out2.gif)}
#header .navi li.ot a{
background-image:url(../img/header/btn_out1.gif);}

#header .navi li.wt{
background-image:url(../img/header/btn_writers2.gif)}
#header .navi li.wt a{
background-image:url(../img/header/btn_writers1.gif);}

#header .navi li.ty{
background-image:url(../img/header/btn_tachi2.gif)}

#header .navi li.ty a{
background-image:url(../img/header/btn_tachi1.gif);}

#header .navi li.cn{
background-image:url(../img/header/btn_corner2.gif)}

#header .navi li.cn a{
background-image:url(../img/header/btn_corner1.gif);}

#header .navi li.pz{
background-image:url(../img/header/btn_prize2.gif)}
#header .navi li.pz a{
background-image:url(../img/header/btn_prize1.gif);}

#header .navi li.fm{
background-image:url(../img/header/btn_mail2.gif)}
#header .navi li.fm a{
background-image:url(../img/header/btn_mail1.gif);}

#header .navi li.bg{
background-image:url(../img/header/btn_blog2.gif)}
#header .navi li.bg a{
background-image:url(../img/header/btn_blog1.gif);}

#header .navi li.ceo{
background-image:url(../img/header/btn_ceo2.gif)}
#header .navi li.ceo a{
background-image:url(../img/header/btn_ceo1.gif);}

#header .navi-btm {
	background-image: url(../img/header/btn_bottom.gif);
	background-repeat: repeat-x;
	height: 20px;
	width: 756px;
	font-size: 1px;
	background-position: left top;
	float: left;
}
/*---ページtop---*/
.pagetop {
	font-size: 0.65em;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.pagetop a {
	color: #1770E8;
}
.pagetop a:hover{
	text-decoration: none;
}
.bnr td {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

