@charset "UTF-8";

/********************
  base 1
********************/

body {
	margin:0;
	padding:0;
	line-height:150%;
	color:#333333;
	background:#FFFFFF url('../images/bg.gif') top center repeat-y;
	font-family:Meiryo, メイリオ, verdana, Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	font-size:80%;
	text-align:center;
}

img {
	border:0;
}

td {
	line-height:150%;
	font-size:90%;
}

a:link {
	text-decoration:underline;
	color:#03007b;
}

a:visited {
	text-decoration:underline;
	color:#03007b;
}

a:hover {
	text-decoration:none;
	color:#0033CC;
}

a.head:link {
	text-decoration:none;
	color:#333399;
	font-size:120%;
}

a.head:visited {
	text-decoration:none;
	color:#333399;
	font-size:120%;
}

a.head:hover {
	text-decoration:underline;
	color:#333399;
	font-size:120%;
}

div#wrap {
	margin:0 auto;
	padding:0;
	width:800px;
	background:url('../images/bg_wrap.gif') repeat-y;
	text-align:center;
}

div#header {
	margin:0;
	padding:0;
	width:800px;
	height:86px;
	background:url('../images/head.gif') no-repeat;
	text-align:left;
}

div#top_header {
	margin:0;
	padding:0;
	width:800px;
	height:86px;
	background:url('../images/top-head.gif') no-repeat;
	text-align:left;
}

div#header_bar {
	color:#333399;
	font-weight:bold;
	margin:45px 0 0 210px;
}

div#head_logo {
	float:left;
	height:86px;
}

div#head_navi {
	margin:0 0 0 210px;
	/*padding:67px 0 0 0;*/
	color:#333399;
	font-weight:bold;
	vertical-align:top;
}

div#main {
	margin:0;
	padding:0;
	width:800px;
}

div#navi_left {
	margin:0;
	padding:0;
	width:206px;
	float:left;
}

div#contents {
	margin:0;
	padding:0;
	float:right;
	width:594px;
}

div#footer {
	margin:0;
	padding:0;
	clear:both;
	color:#666666;
	text-align:center;
	background:#FFFFFF;
	width:800px;
}

b {
	background-color:yellow;
}

/********************
  base 2
********************/

h1 {
	margin:0;
	padding:0;
	color:#333333;
	font-size:120%;
}

h2 {
	margin:0;
	padding:0;
	color:#333333;
	font-size:110%;
}

h3 {
	margin:0;
	padding:0;
	color:#333333;
	font-size:100%;
}

/********************
  header
********************/

/********************
  left
********************/

div#left ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#left li {
	margin:0;
	padding:0;
	float:left;
}

div#left li a {
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	text-decoration: none;
}

div#left #menu1 a:link {
	width:206px;
	height:59px;
	background: url(../images/b01.jpg) no-repeat;
	margin:0;
}

div#left #menu2 a:link {
	width:206px;
	height:55px;
	background: url(../images/b02.jpg) no-repeat;
	margin:0;
}

div#left #menu3 a:link {
	width:206px;
	height:55px;
	background: url(../images/b03.jpg) no-repeat;
	margin:0;
}

div#left #menu4 a:link {
	width:206px;
	height:56px;
	background: url(../images/b04.jpg) no-repeat;
	margin:0;
}

div#left #menu5 a:link {
	width:206px;
	height:55px;
	background: url(../images/b05.jpg) no-repeat;
	margin:0;
}

div#left #menu1 a:visited {
	width:206px;
	height:59px;
	background: url(../images/b01.jpg) no-repeat;
	margin:0;
}

div#left #menu2 a:visited {
	width:206px;
	height:55px;
	background: url(../images/b02.jpg) no-repeat;
	margin:0;
}

div#left #menu3 a:visited {
	width:206px;
	height:55px;
	background: url(../images/b03.jpg) no-repeat;
	margin:0;
}

div#left #menu4 a:visited {
	width:206px;
	height:56px;
	background: url(../images/b04.jpg) no-repeat;
	margin:0;
}

div#left #menu5 a:visited {
	width:206px;
	height:55px;
	background: url(../images/b05.jpg) no-repeat;
	margin:0;
}

div#left #menu1 a:hover {
	width:206px;
	height:59px;
	background: url(../images/b01_.jpg) no-repeat;
	margin:0;
}

div#left #menu2 a:hover {
	width:206px;
	height:55px;
	background: url(../images/b02_.jpg) no-repeat;
	margin:0;
}

div#left #menu3 a:hover {
	width:206px;
	height:55px;
	background: url(../images/b03_.jpg) no-repeat;
	margin:0;
}

div#left #menu4 a:hover {
	width:206px;
	height:56px;
	background: url(../images/b04_.jpg) no-repeat;
	margin:0;
}

div#left #menu5 a:hover {
	width:206px;
	height:55px;
	background: url(../images/b05_.jpg) no-repeat;
	margin:0;
}

div#left #menu1_self a:link {
	width:206px;
	height:59px;
	background: url(../images/b01_.jpg) no-repeat;
	margin:0;
}

div#left #menu2_self a:link {
	width:206px;
	height:55px;
	background: url(../images/b02_.jpg) no-repeat;
	margin:0;
}

div#left #menu3_self a:link {
	width:206px;
	height:55px;
	background: url(../images/b03_.jpg) no-repeat;
	margin:0;
}

div#left #menu4_self a:link {
	width:206px;
	height:56px;
	background: url(../images/b04_.jpg) no-repeat;
	margin:0;
}

div#left #menu5_self a:link {
	width:206px;
	height:55px;
	background: url(../images/b05_.jpg) no-repeat;
	margin:0;
}

div#left #menu1_self a:visited {
	width:206px;
	height:59px;
	background: url(../images/b01_.jpg) no-repeat;
	margin:0;
}

div#left #menu2_self a:visited {
	width:206px;
	height:55px;
	background: url(../images/b02_.jpg) no-repeat;
	margin:0;
}

div#left #menu3_self a:visited {
	width:206px;
	height:55px;
	background: url(../images/b03_.jpg) no-repeat;
	margin:0;
}

div#left #menu4_self a:visited {
	width:206px;
	height:56px;
	background: url(../images/b04_.jpg) no-repeat;
	margin:0;
}

div#left #menu5_self a:visited {
	width:206px;
	height:55px;
	background: url(../images/b05_.jpg) no-repeat;
	margin:0;
}

div#left #menu1_self a:hover {
	width:206px;
	height:59px;
	background: url(../images/b01_.jpg) no-repeat;
	margin:0;
}

div#left #menu2_self a:hover {
	width:206px;
	height:55px;
	background: url(../images/b02_.jpg) no-repeat;
	margin:0;
}

div#left #menu3_self a:hover {
	width:206px;
	height:55px;
	background: url(../images/b03_.jpg) no-repeat;
	margin:0;
}

div#left #menu4_self a:hover {
	width:206px;
	height:56px;
	background: url(../images/b04_.jpg) no-repeat;
	margin:0;
}

div#left #menu5_self a:hover {
	width:206px;
	height:55px;
	background: url(../images/b05_.jpg) no-repeat;
	margin:0;
}

/********************
  次階層
********************/

div#left #menux1 a:link {
	width:206px;
	height:58px;
	background: url(../images/bb01.jpg) no-repeat;
	margin:0;
}

div#left #menux2 a:link {
	width:206px;
	height:55px;
	background: url(../images/bb02.jpg) no-repeat;
	margin:0;
}

div#left #menux3 a:link {
	width:206px;
	height:56px;
	background: url(../images/bb03.jpg) no-repeat;
	margin:0;
}

div#left #menux4 a:link {
	width:206px;
	height:55px;
	background: url(../images/bb04.jpg) no-repeat;
	margin:0;
}

div#left #menux05 a:link {
	width:206px;
	height:57px;
	background: url(../images/bb005.jpg) no-repeat;
	margin:0;
}

div#left #menux1 a:visited {
	width:206px;
	height:58px;
	background: url(../images/bb01.jpg) no-repeat;
	margin:0;
}

div#left #menux2 a:visited {
	width:206px;
	height:55px;
	background: url(../images/bb02.jpg) no-repeat;
	margin:0;
}

div#left #menux3 a:visited {
	width:206px;
	height:56px;
	background: url(../images/bb03.jpg) no-repeat;
	margin:0;
}

div#left #menux4 a:visited {
	width:206px;
	height:55px;
	background: url(../images/bb04.jpg) no-repeat;
	margin:0;
}

div#left #menux05 a:visited {
	width:206px;
	height:57px;
	background: url(../images/bb005.jpg) no-repeat;
	margin:0;
}

div#left #menux1 a:hover {
	width:206px;
	height:58px;
	background: url(../images/bb01_.jpg) no-repeat;
	margin:0;
}

div#left #menux2 a:hover {
	width:206px;
	height:55px;
	background: url(../images/bb02_.jpg) no-repeat;
	margin:0;
}

div#left #menux3 a:hover {
	width:206px;
	height:56px;
	background: url(../images/bb03_.jpg) no-repeat;
	margin:0;
}

div#left #menux4 a:hover {
	width:206px;
	height:55px;
	background: url(../images/bb04_.jpg) no-repeat;
	margin:0;
}

div#left #menux05 a:hover {
	width:206px;
	height:57px;
	background: url(../images/bb005_.jpg) no-repeat;
	margin:0;
}

div#left #menux1_self a:link {
	width:206px;
	height:58px;
	background: url(../images/bb01_.jpg) no-repeat;
	margin:0;
}

div#left #menux2_self a:link {
	width:206px;
	height:55px;
	background: url(../images/bb02_.jpg) no-repeat;
	margin:0;
}

div#left #menux3_self a:link {
	width:206px;
	height:56px;
	background: url(../images/bb03_.jpg) no-repeat;
	margin:0;
}

div#left #menux4_self a:link {
	width:206px;
	height:55px;
	background: url(../images/bb04_.jpg) no-repeat;
	margin:0;
}

div#left #menux05_self a:link {
	width:206px;
	height:57px;
	background: url(../images/bb005_.jpg) no-repeat;
	margin:0;
}

div#left #menux1_self a:visited {
	width:206px;
	height:58px;
	background: url(../images/bb01_.jpg) no-repeat;
	margin:0;
}

div#left #menux2_self a:visited {
	width:206px;
	height:55px;
	background: url(../images/bb02_.jpg) no-repeat;
	margin:0;
}

div#left #menux3_self a:visited {
	width:206px;
	height:56px;
	background: url(../images/bb03_.jpg) no-repeat;
	margin:0;
}

div#left #menux4_self a:visited {
	width:206px;
	height:55px;
	background: url(../images/bb04_.jpg) no-repeat;
	margin:0;
}

div#left #menux05_self a:visited {
	width:206px;
	height:57px;
	background: url(../images/bb005_.jpg) no-repeat;
	margin:0;
}

div#left #menux1_self a:hover {
	width:206px;
	height:58px;
	background: url(../images/bb01_.jpg) no-repeat;
	margin:0;
}

div#left #menux2_self a:hover {
	width:206px;
	height:55px;
	background: url(../images/bb02_.jpg) no-repeat;
	margin:0;
}

div#left #menux3_self a:hover {
	width:206px;
	height:56px;
	background: url(../images/bb03_.jpg) no-repeat;
	margin:0;
}

div#left #menux4_self a:hover {
	width:206px;
	height:55px;
	background: url(../images/bb04_.jpg) no-repeat;
	margin:0;
}

div#left #menux05_self a:hover {
	width:206px;
	height:57px;
	background: url(../images/bb005_.jpg) no-repeat;
	margin:0;
}

/********************
  contents top
********************/

.mainphoto {
	vertical-align: bottom;
}

#pic_new_style02p {
	height:49px;
	background:url('../images/main02.jpg') no-repeat;
}

#pic_new_style02p p {
	margin-left:325px;
	margin-top:0;
	font-size:15px;
	color:#FFFFFF;
	letter-spacing:1pt;
	line-height:18px;
	text-align:left;
}

#pic_new_style03p {
	height:auto;
	background:url('../images/main02-02.jpg') no-repeat;
}

#pic_new_style03p p {
	margin-left:380px;
	font-size:2em;
	color:#0099FF;
	letter-spacing:normal;
	line-height:16px;
	text-align:left;
	margin-top: 0px;
	padding-top: 8px;
}

#pic_new_style04p {
	height:50px;
	background:url('../images/main03.jpg') no-repeat;
	margin-top:0;
	padding-top:0;
}

#pic_new_style04p a:link {
	text-decoration: none;
}

#pic_new_style04p a:visited {
	text-decoration: none;
}

#pic_new_style04p a:hover {
	text-decoration: underline;
}

#pic_new_style04p a:active {
	text-decoration: underline;
}

#pic_new_style04p p {
	margin-left:175px;
	margin-top:0px;
	font-size:1.5em;
	color:#0099FF;
	letter-spacing:inherit;
	line-height:1.25em;
	padding-top: 5px;
}

.day {
	padding:5px 0px 0px 25px;
	float:left;
	width:80px;
	text-align:left;
}

.topic {
	padding:5px 0px 0px 0px;
	float:left;
	width:460px;
	text-align:left;
}

/********************
  contents others
********************/

.contents_text {
	margin:0;
	padding:0 10px 20px 22px;
	text-align:left;
}

.voice_text {
	margin:0;
	padding:0 10px 30px 22px;
	text-align:left;
}

.upto {
	margin:0 10px 0 0;
	text-align:right;
}

#ul_q {
	margin:0;
	padding:10px 0 0 0;
}

.li_q {
	margin:0 0 0 0;
	padding:12px 0 0 40px;
	background-image:url(../images/q.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style: none;
	height:20px;
}

.p_goods {
	margin:0 10px 0 0;
	float:left;
}

.box_goods {
	padding:0 10px 20px 0;
	text-align:left;
}

.syousai {
	margin:20px 10px 20px 0;
	text-align:right;
}

.title_goods {
	padding:40px 0 0 0;
	clear:both;
}

.bottomspase {
	margin:0 0 20px 30px;
	padding:0 0 0 0;
}

div#title_area {
	margin:40px 0 0 0;
	font-weight:bold;
	font-size:150%;
}

/* 配送曜日テーブル */
table.area {
	margin:0 0 10px 0;
	padding:0;
	width:260px;
	font-size:120%;
}

td.white {
	margin:0;
	padding:3px;
	background:#FFFFFF;
}

td.white1 {
	margin:0;
	padding:3px;
	background:#FFFFFF;
	width:80px;
}

td.yellow {
	margin:0;
	padding:3px;
	background:#b3daff;
}

td.r_yellow {
	margin:0;
	padding:3px;
	background:#c7ebff;
}

td.orange {
	margin:0;
	padding:3px;
	background:#adf6d8;
}

td.r_orange {
	margin:0;
	padding:3px;
	background:#c6fcef;
}

.box_area {
	padding:0 20px 0 0;
	float:left;
}

div#text_area {
	margin:20px 0 0 0;
	clear:both;
}

p#font_orange {
	color:#ff9900;
}

.whiteb {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

/* about */

div#miryoku4 {
	margin:0 0 20px 20px;
	text-align:left;
}

div.kirei {
	margin:0 0 5px 0;
	padding:0 0 0 0;
}

div.kirei_r {
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	float:right;
}

div.kirei_l {
	margin:10px 0 0 0;
	float:left;
}

div#oisisa_r {
	margin:10px 0 0 0;
	padding:0;
	float:right;
	width:270px;
}

div#oisisa_l {
	margin:10px 0 0 0;
	float:left;
	width:285px;
}

/********************
  footer
********************/

div#copy {
	margin:0;
	padding:0;
	color:#333333;
	font-size:100%;
}

/********************
  form
********************/

.form_text {
	margin:0;
	padding:20px 10px 20px 20px;
	text-align:left;
}

.form_text2 {
	margin:0;
	padding:5px 10px 20px 20px;
	text-align:left;
}

input {
	margin:3px;
	padding:0;
}

/* 流れ・説明 */
table.state {
	margin:10px;
	padding:0;
	font-size:90%;
	text-align:center;
}

table.state td.b {
	margin:0;
	padding:5px;
	background-color:#F2F2F2;
	width:100px;
	border:1px #999999 solid;
}

table.state td.r {
	margin:0;
	padding:5px;
	background-color:#FFCCCC;
	width:100px;
	border:1px #FF6666 solid;
}

/* 必須項目の「※」 */
span.hissu {
	color:#CC0000;
}

/* 入力案内 */
div.guide_t {
	margin:2px;
	padding:0;
	color:#333333;
	font-size:90%;
}

div.guide_b {
	margin:2px;
	padding:0;
	color:#333333;
	font-size:80%;
}

/* エラーメッセージ */
div.error {
	color:#CC0000;
	font-size:90%;
}

/* テーブル */
table.form {
	margin:0 0 10px 0;
	padding:0;
	width:540px;
	font-size:90%;
}

/* 通常 */
td.t {
	margin:0;
	padding:5px;
	border-bottom:1px #999999 solid;
	background:#CAE4FF;
	font-weight:bold;
}

td.l {
	margin:0;
	padding:3px;
	width:140px;
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
	background:#E8F0FF;
}

td.r {
	margin:0;
	padding:3px;
	border-bottom:1px #999999 solid;
	background:#FFFFFF;
}

/* エラー時 */
td.lr {
	margin:0;
	padding:3px;
	width:140px;
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
	background:#FFCCCC;
}

td.rr {
	margin:0;
	padding:3px;
	border-bottom:1px #999999 solid;
	background:#FDF3F2;
}

/*--- content ---*/

#content {
	width:590px;
	float:right;
	text-align:left;
}