﻿@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
}
body{ 
	font-size:65%; /* フォントサイズを 10px にする */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.4;
  color: #333333;
  text-align: center;
  /*background: url(../img/back.gif) left top repeat;*/
  background-color: #EEEEEE;
	margin: 0;
	padding: 0;
} 

/*WinIE以外のモダンブラウザ用に上書き*/ 
html>/**/body{ 
	font-size:10px; 
} 

table { 
	font-size:100%; 
}
p { font-size: 105%;}

a {	
	color: #400000;
	text-decoration: none;
	/*border-bottom: 1px #400000 dotted;*/
}
a:visited {
	color: #400000;
}
a:hover {
	color: #FF0000;
	/*border-bottom: 1px #FF0000 dotted;*/

}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  clear:both;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	display:block;
}

#wrapper {
  width: 783px;
  margin: 10px auto;
  text-align: left;
  background-color: #FFFFFF;
	position: relative;
}

#header {
  width: 780px;
  /*height: 25px;  */
	height: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
/*body#ptop #header { height: 334px;}*/
body#ptop #header { height: 300px;}

#header #summary {
  width: 780px;
  /*height: 25px;*/
  margin: 0 0 1px 0;
  padding: 0;
  top: 0;
  left: 0;
	display: none;
  height: 0;
}
#header #summary p strong {
  font-size: 15px;
	font-weight: bold;
  color: #377949;
  padding: 0 10px;
  vertical-align:middle;
	height: 0;
	margin: 0;
	padding: 0;
	display: none;
}

#header #topimg {
  width: 780px;
  height: 0;
  position: absolute;
  left: 0;
  top: 30px;
  padding: 0;
  margin: 0;
  background: url(../img/topimg.jpg) left top no-repeat;
}


body#ptop #header #topimg {
  height: 250px;
  background: url(../img/headimgtop.jpg) left top no-repeat;
}

/*=====================================================================*/
/*  トップページメニュー                                               */
/*=====================================================================*/

#mm {
	position: absolute;
	top:  249px;
	left: 0;
	width: 780px;
	height: 60px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/mm_top.gif) left top no-repeat;
}
#mm ul {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 30px;
	position: relative;
}
#mm li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	height: 21px;
}
#mm li a {
	text-decoration: none;
	display: block;
	height: 21px;
	text-indent: -9999px;
}

#mm li#top		  {left:  37px; top: 0; width: 157px;}
#mm li#osusume  {left: 194px; top: 0; width: 207px;}
#mm li#kaimono  {left: 401px; top: 0; width: 183px;}
#mm li#gift		  {left: 584px; top: 0; width: 178px;}
#mm li#tenpo		{left:  37px; top: 31px; width: 157px;}
#mm li#kaisya	  {left: 194px; top: 31px; width: 207px;}
#mm li#toiawase {left: 401px; top: 31px; width: 183px;}
#mm li#sitemap  {left: 584px; top: 31px; width: 178px;}

#mm li#top    	a:hover {background: url(../img/mm_top.gif)  -37px -60px no-repeat;}
#mm li#osusume  a:hover {background: url(../img/mm_top.gif) -194px -60px no-repeat;}
#mm li#kaimono  a:hover {background: url(../img/mm_top.gif) -401px -60px no-repeat;}
#mm li#gift		  a:hover {background: url(../img/mm_top.gif) -584px -60px no-repeat;}
#mm li#tenpo   	a:hover {background: url(../img/mm_top.gif)  -37px -91px no-repeat;}
#mm li#kaisya  	a:hover {background: url(../img/mm_top.gif) -194px -91px no-repeat;}
#mm li#toiawase a:hover {background: url(../img/mm_top.gif) -401px -91px no-repeat;}
#mm li#sitemap  a:hover {background: url(../img/mm_top.gif) -584px -91px no-repeat;}

body#ptop      #mm li#top    	 a {background: url(../img/mm_top.gif)  -37px -120px no-repeat;}
body#posusume  #mm li#osusume	 a {background: url(../img/mm_top.gif) -194px -120px no-repeat;}
body#pkaimono  #mm li#kaimono  a {background: url(../img/mm_top.gif) -401px -120px no-repeat;}
body#pgift     #mm li#gift 		 a {background: url(../img/mm_top.gif) -584px -120px no-repeat;}
body#ptenpo    #mm li#tenpo  	 a {background: url(../img/mm_top.gif)  -37px -151px no-repeat;}
body#pkaisya   #mm li#kaisya 	 a {background: url(../img/mm_top.gif) -194px -151px no-repeat;}
body#ptoiawase #mm li#toiawase a {background: url(../img/mm_top.gif) -401px -151px no-repeat;}
body#psitemap  #mm li#sitemap  a {background: url(../img/mm_top.gif) -584px -151px no-repeat;}


/*=====================================================================*/
/*  買い物ページメニュー                                               */
/*=====================================================================*/

#salsemenu {
	position: relative;
	width: 560px;
	height: 58px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/mm_sales.gif) left top no-repeat;
}
#salsemenu ul {
	margin: 0;
	padding: 0;
	width: 560px;
	height: 30px;
	position: relative;
}
#salsemenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	height: 25px;
}
#salsemenu li a {
	text-decoration: none;
	display: block;
	height: 25px;
	text-indent: -9999px;
}

#salsemenu li#totop    {left:   0  ; top: 0; width: 104px;}
#salsemenu li#osusume  {left: 104px; top: 0; width: 158px;}
#salsemenu li#kaimono  {left: 262px; top: 0; width: 145px;}
#salsemenu li#gift		 {left: 407px; top: 0; width: 153px;}
#salsemenu li#tenpo		 {left:   0  ; top: 31px; width: 117px;}
#salsemenu li#kaisya	 {left: 117px; top: 31px; width: 146px;}
#salsemenu li#toiawase {left: 263px; top: 31px; width: 136px;}
#salsemenu li#sitemap  {left: 399px; top: 31px; width: 161px;}

#salsemenu li#totop    a:hover {background: url(../img/mm_sales.gif)    0   -58px no-repeat;}
#salsemenu li#osusume  a:hover {background: url(../img/mm_sales.gif) -104px -58px no-repeat;}
#salsemenu li#kaimono  a:hover {background: url(../img/mm_sales.gif) -262px -58px no-repeat;}
#salsemenu li#gift		 a:hover {background: url(../img/mm_sales.gif) -407px -58px no-repeat;}
#salsemenu li#tenpo    a:hover {background: url(../img/mm_sales.gif)    0   -89px no-repeat;}
#salsemenu li#kaisya   a:hover {background: url(../img/mm_sales.gif) -117px -89px no-repeat;}
#salsemenu li#toiawase a:hover {background: url(../img/mm_sales.gif) -263px -89px no-repeat;}
#salsemenu li#sitemap  a:hover {background: url(../img/mm_sales.gif) -399px -89px no-repeat;}

body#ptop     #salsemenu li#totop 	a {background: url(../img/mm_sales.gif)    0px -116px no-repeat;}
body#posusume #salsemenu li#osusume	a {background: url(../img/mm_sales.gif) -104px -116px no-repeat;}
body#pkaimono #salsemenu li#kaimono a {background: url(../img/mm_sales.gif) -262px -116px no-repeat;}
body#pgift    #salsemenu li#gift 		a {background: url(../img/mm_sales.gif) -407px -116px no-repeat;}
body#ptenpo   #salsemenu li#tenpo		a {background: url(../img/mm_sales.gif)    0   -147px no-repeat;}
body#phonsya  #salsemenu li#kaisya  a {background: url(../img/mm_sales.gif) -117px -147px no-repeat;}
body#ptoiawase #salsemenu li#toiawase a {background: url(../img/mm_sales.gif) -263px -147px no-repeat;}
body#psitemap #salsemenu li#sitemap a {background: url(../img/mm_sales.gif) -399px -147px no-repeat;}


/*=====================================================================*/
/*  買い物ページサイドメニュー                                               */
/*=====================================================================*/

#mssales {
	position: relative;
	width: 220px;
	height: 950px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/ms_sales.jpg) left top no-repeat;
}
#mssales ul {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 950px;
	position: relative;
}
#mssales li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 220px;
	left: 0;
}
#mssales li a {
	text-decoration: none;
	display: block;
	width: 220px;
	height: 100%;
	text-indent: -9999px;
}

#mssales li#mskaimono 	{top:   0  ; height:  87px;}
#mssales li#msguide  		{top:  87px; height:  77px;}
#mssales li#msirekata  	{top: 164px; height:  76px;}
#mssales li#mschishiki	{top: 240px; height:  83px;}
#mssales li#mstoiawase	{top: 323px; height:  84px;}
#mssales li#mstenpo  		{top: 407px; height: 211px;}
#mssales li#mshonsya 		{top: 618px; height: 204px;}
#mssales li#mstokutei 	{top: 822px; height:  50px;}

/*
#mssales li#mserabikata	{top: 164px; height:  78px;}
#mssales li#msirekata  	{top: 242px; height:  76px;}
#mssales li#mschishiki	{top: 318px; height:  83px;}
#mssales li#mstoiawase	{top: 401px; height:  84px;}
#mssales li#mstenpo  		{top: 485px; height: 211px;}
#mssales li#mshonsya 		{top: 696px; height: 204px;}
#mssales li#mstokutei 	{top: 900px; height:  50px;}
*/

#mssales li#mskaimono   a:hover {background: url(../img/ms_sales.jpg) -220px    0 no-repeat;}
#mssales li#msguide   	a:hover {background: url(../img/ms_sales.jpg) -220px  -87px no-repeat;}
#mssales li#msirekata  	a:hover {background: url(../img/ms_sales.jpg) -220px -164px no-repeat;}
#mssales li#mschishiki  a:hover {background: url(../img/ms_sales.jpg) -220px -240px no-repeat;}
#mssales li#mstoiawase  a:hover {background: url(../img/ms_sales.jpg) -220px -323px no-repeat;}
#mssales li#mstenpo  		a:hover {background: url(../img/ms_sales.jpg) -220px -407px no-repeat;}
#mssales li#mshonsya 		a:hover {background: url(../img/ms_sales.jpg) -220px -618px no-repeat;}
#mssales li#mstokutei 	a:hover {background: url(../img/ms_sales.jpg) -220px -822px no-repeat;}
/*
#mssales li#mserabikata	a:hover {background: url(../img/ms_sales.jpg) -220px -164px no-repeat;}
#mssales li#msirekata  	a:hover {background: url(../img/ms_sales.jpg) -220px -242px no-repeat;}
#mssales li#mschishiki  a:hover {background: url(../img/ms_sales.jpg) -220px -318px no-repeat;}
#mssales li#mstoiawase  a:hover {background: url(../img/ms_sales.jpg) -220px -401px no-repeat;}
#mssales li#mstenpo  		a:hover {background: url(../img/ms_sales.jpg) -220px -485px no-repeat;}
#mssales li#mshonsya 		a:hover {background: url(../img/ms_sales.jpg) -220px -696px no-repeat;}
#mssales li#mstokutei 	a:hover {background: url(../img/ms_sales.jpg) -220px -900px no-repeat;}
*/


body#pkaimono   #mssales li#mskaimono	  a {background: url(../img/ms_sales.jpg) -440px    0px no-repeat;}
body#pguide     #mssales li#msguide	    a {background: url(../img/ms_sales.jpg) -440px  -87px no-repeat;}
body#pirekata   #mssales li#msirekata   a {background: url(../img/ms_sales.jpg) -440px -164px no-repeat;}
body#pchishiki  #mssales li#mschishiki  a {background: url(../img/ms_sales.jpg) -440px -240px no-repeat;}
body#ptoiawase  #mssales li#mstoiawase  a {background: url(../img/ms_sales.jpg) -440px -323px no-repeat;}
body#ptenpo     #mssales li#mstenpo     a {background: url(../img/ms_sales.jpg) -440px -407px no-repeat;}
body#phonsya    #mssales li#mshonsya    a {background: url(../img/ms_sales.jpg) -440px -618px no-repeat;}
body#ptokutei   #mssales li#mstokutei   a {background: url(../img/ms_sales.jpg) -440px -822px no-repeat;}

/*
body#pkaimono   #mssales li#mskaimono	  a {background: url(../img/ms_sales.jpg) -440px    0px no-repeat;}
body#pguide     #mssales li#msguide	    a {background: url(../img/ms_sales.jpg) -440px  -87px no-repeat;}
body#perabikata #mssales li#mserabikata a {background: url(../img/ms_sales.jpg) -440px -164px no-repeat;}
body#pirekata   #mssales li#msirekata   a {background: url(../img/ms_sales.jpg) -440px -240px no-repeat;}
body#pchishiki  #mssales li#mschishiki  a {background: url(../img/ms_sales.jpg) -440px -323px no-repeat;}
body#ptoiawase  #mssales li#mstoiawase  a {background: url(../img/ms_sales.jpg) -440px -407px no-repeat;}
body#ptenpo     #mssales li#mstenpo     a {background: url(../img/ms_sales.jpg) -440px -485px no-repeat;}
body#phonsya    #mssales li#mshonsya    a {background: url(../img/ms_sales.jpg) -440px0 -618px no-repeat;}
body#ptokutei   #mssales li#mstokutei   a {background: url(../img/ms_sales.jpg) -440px -822px no-repeat;}
*/


/*=====================================================================*/
/*  全体のレイアウト                                                   */
/*=====================================================================*/


#contents {
  width: 780px;
	height: 100%;
  margin: 0;
  padding: 0;
	left: 0;
	position: relative;
	background: url(../img/bg_ms_normal.jpg) left top repeat-y;
}
body#ptop #contents {
}

#main {
  width: 560px;
  float: right;
  padding: 0;
  position: relative;
}

#side {
  width: 220px;
	float: left;
  margin: 0;
  padding: 0;
	background: url(../img/bg_ms_normal.jpg) left top repeat-y;
  position: relative;
}


/*=====================================================================*/
/* メインコンテンツ周り　                                              */
/*=====================================================================*/
#maincontent {
	margin: 0 0 0 10px;
	font-size: 140%;
}

/*=====================================================================*/
/* 商品関係                                                            */
/*=====================================================================*/

.item2col {
	width: 270px;
	height:370px;
	position: relative;
	margin: 10px 0;
	padding: 0;
	background: url(../img/bgitem2col.gif) left top no-repeat;
}
.itemimg01 {
	position: absolute;
	left: 23px;
	top:  27px;
	margin: 0;
	padding: 0;
	border: none;
}



/*=====================================================================*/
/*  トップページ関係                                                   */
/*=====================================================================*/

#toppage {
	clear: both;
	width: 780px;
	height: 465px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#topcatch {
	width: 270px;
	height: 305px;
}
#topcatch p {
	text-indent: -8000px;
}

#topcatch .chaimg {
	position:absolute;
	left: -530px;
	top:  13px;
	width: 300px;
	height:305px;
	background: transparent url(../img/itopcha.png) left top no-repeat !important;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/itopcha.png", sizingMethod="image");
	z-index: 10;
}
#topcatch .chaimg img {
	z-index: 10;
}

#topcatch .toptext {
	width: 270px;
	height: 303px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../img/i_toptext.gif) left top no-repeat;
	z-index: 100;
}
#topcatch .toptext img {
	
	z-index: 100;
}

#topsideimg {
	height: 389px;
	background: url(../img/bg_ms_gradation.jpg) left top no-repeat;
	z-index: 0;
}

#osusumecha {
	width: 270px;
	height: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../img/bg_osusume03.gif) left bottom no-repeat;
}
#osusumecha .osusumehed {
	width: 270px;
	height: 31px;
	margin: 0;
	padding: 0;
	background: url(../img/bg_osusume01.gif) left top no-repeat;
	text-indent: -9000px;
}
#osusumecha .osusumehed p {
	height: 31px;
	margin: 0;
	padding: 0;
}
#osusumecha .oarticle {
	width: 270px;
	margin: 0;
	padding: 0;
	background: url(../img/bg_osusume02.gif) repeat-y;
}
.oarticle ul {
	width: 220px;
	margin: 5px 20px;
	padding: 0;
}
.oarticle li {
	list-style: none;
	text-indent: 0;
}


#sougyou140 {
	width: 270px;
	height: 164px;
}
#news {
	width: 270px;
	height: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../img/bg_news03.gif) left bottom no-repeat;
}
#news .newshead {
	width: 270px;
	height: 31px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/bg_news01.gif) left top no-repeat;
}
#news .newshead p {
	height: 31px;
	margin: 0;
	padding: 0;
}
#news .newsarticle {
	width: 270px;
	margin: 0;
	padding: 0;
	background: url(../img/bg_news02.gif) repeat-y;
	text-indent: -9000px;
}
#news ul {
	width: 220px;
	margin: 5px 20px;
	padding: 0;
}
#news li {
	list-style: none;
}

#newsbox {
	position: absolute;
	top: 200px;
	left: 520px;
	width: 220px;
	margin: 0;
	padding: 0;

}
dl.news {
	font-size: 130%;
}
dl.news dt {
	list-style: none;
	font-weight: bold;
	color:#333333;
}
dl.news dt.newsdate {
	font-weight: bold;
}
dl.news dd {
	color: #400000;
	margin: 5px 0 20px 20px;
}
dl.news dd a {
	color: #400000;
	text-decoration: none;
	border-bottom: 1px dotted #400000;
}
dl.news dd a:hover {
	color: #CC0000;
	border-bottom: 1px dotted #CC0000;
}


#topselect {
	width: 540px;
	height:160px;
	position: relative;
	background: url(../img/bt_top_select.jpg) left top no-repeat;
}
#topselect ul {
	margin: 0;
	padding: 0;
	width: 540px;
	height:160px;
	position: relative;
}
#topselect li {
	list-style: none;
	position:absolute;
	margin: 0;
	padding: 0;
	
}
#topselect li a {
	display: block;
	width 178px;
	height: 151px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	text-decoration:none;
}
#tokaimono {left:    3px; width: 178px;}
#togift    {left:  181px; width: 178px;}
#toguide   {left:  359px; width: 178px;}

#tokaimono a:hover {background: url(../img/bt_top_select.jpg)  -3px -160px no-repeat;}
#togift    a:hover {background: url(../img/bt_top_select.jpg)  -181px -160px no-repeat;}
#toguide   a:hover {background: url(../img/bt_top_select.jpg)  -359px -160px no-repeat;}


div#bttotoya, div#bthonsya {
	width: 270px;
	height: 253px;	
	margin: 0;
	padding: 0;
}
div#bttotoya a, div#bthonsya a {
	display: block;
	width: 270px;
	height: 253px;
	text-indent: -9000px;
	text-decoration: none;
}
div#bttotoya         {background: url(../img/bt_totoya.jpg) left top no-repeat;}
div#bttotoya a:hover {background: url(../img/bt_totoya.jpg) 0 -253px no-repeat;}
div#bthonsya         {background: url(../img/bt_honsya.jpg) left top no-repeat;}
div#bthonsya a:hover {background: url(../img/bt_honsya.jpg) 0 -253px no-repeat;}

#btosusume {
	width: 270px;
	height:140px;
	position: absolute;
	z-index: 100;
	top: 313px;
	left: 230px;
	margin: 0;
	padding: 0;
	background: url(../img/bt_top_osusume.jpg) left top no-repeat;
}
#btosusume a {
	width: 270px;
	height:140px;
	display: block;
	
	text-indent: -9000px;
}
#btosusume a:hover {url(../img/bt_top_osusume.jpg) 0 -140px no-repeat;}

/*=====================================================================*/
/*  h1 見出し                                                          */
/*=====================================================================*/

#h1kaimono, #h1sencha, #h1houjicha, #h1genmaicha, #h1fukamushicha, #h1gyokuro, #h1kariganecha,
#h1tokusen, #h1kaori, #h1maro, #h1ippin, #h1jusyo, #h1tedumi, #h1temomi,
#h1tenpo, #h1kaisya,
#h1irekata,
#h1ichiwan, #h1mame01,
#h1osusume01 {
  width: 540px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}


#h1kaimono {height: 180px; background: url(../img/h1_kaimono.jpg) left top no-repeat;}
#h1sencha {height: 180px; background: url(../img/h1_sencha.jpg) left top no-repeat;}
#h1houjicha {height: 180px; background: url(../img/h1_houjicha.jpg) left top no-repeat;}
#h1genmaicha {height: 180px; background: url(../img/h1_genmaicha.jpg) left top no-repeat;}
#h1fukamushicha {height: 180px; background: url(../img/h1_fukamushicha.jpg) left top no-repeat;}
#h1gyokuro {height: 180px; background: url(../img/h1_gyokuro.jpg) left top no-repeat;}
#h1kariganecha {height: 180px; background: url(../img/h1_karigane.jpg) left top no-repeat;}
/* gift */
#h1tokusen {height: 180px; background: url(../img/h1_gift.jpg) left top no-repeat;}
#h1kaori {height: 180px; background: url(../img/h1_tokusen_kaori.jpg) left top no-repeat;}
#h1maro  {height: 180px; background: url(../img/h1_tokusen_maromi.jpg) left top no-repeat;}
#h1ippin {height: 180px; background: url(../img/h1_ippin.jpg) left top no-repeat;}
#h1jusyo {height: 180px; background: url(../img/h1_jushoucha.jpg) left top no-repeat;}
#h1tedumi {height: 180px; background: url(../img/h1_tezumi.jpg) left top no-repeat;}
#h1temomi {height: 180px; background: url(../img/h1_temomi.jpg) left top no-repeat;}

#h1tenpo   {height: 180px; background: url(../img/h1_tenpo.jpg) left top no-repeat;}
#h1kaisya  {height: 180px; background: url(../img/h1_honsha.jpg) left top no-repeat;}

#h1irekata {height: 180px; background: url(../img/h1_irekata.jpg) left top no-repeat;}
#h1ichiwan {height: 180px; background: url(../img/h1_ichiwan.jpg) left top no-repeat;}
#h1mame01  {height: 120px; background: url(../img/h1_mame_01.jpg) left top no-repeat;}

#h1osusume01 {height: 200px; background: url(../img/h1_osusume_01.jpg) left bottom no-repeat;}


/*=====================================================================*/
/*  h2 見出し                                                          */
/*=====================================================================*/

#h20101, #h20102, #h202a01, #h202a02, #h202a03, #h202a04, #h202a05, #h202a06, #h202a07, 
#h202b01, #h202c01, #h202d01, #h202e01, #h202f01, #h202g01,
#h2sonota, #h20301, #h203a, #h203b, #h203c, #h203d, #h203e,
#h203101, #h203102, #h203103, #h203104, #h203105, #h203106, #h203107,
#h20401, #h20501, #h20502, #h20503,
#h206, #h209, #h20903, #h20904,
#h2ichiwan01, #h2mame011, #h2mame012, #h2mame013,
#h2smap,
#h2osusume01,
#h2tokutei01,
#h2toiawase {
  width: 540px;
  height: 38px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
#h20101 {height: 46px; background: url(../img/h2_01_01.gif) left top no-repeat;}
#h20102 {height: 46px; background: url(../img/h2_01_02.gif) left top no-repeat;}
#h202a01 {background: url(../img/h2_02_a_01.gif) left bottom no-repeat;}
#h202a02 {background: url(../img/h2_02_a_02.gif) left bottom no-repeat;}
#h202a03 {background: url(../img/h2_02_a_03.gif) left bottom no-repeat;}
#h202a04 {background: url(../img/h2_02_a_04.gif) left bottom no-repeat;}
#h202a05 {background: url(../img/h2_02_a_05.gif) left bottom no-repeat;}
#h202a06 {background: url(../img/h2_02_a_06.gif) left bottom no-repeat;}
#h202a07 {background: url(../img/h2_02_a_07.gif) left bottom no-repeat;}

#h202b01 {background: url(../img/h2_02_b_01.gif) left bottom no-repeat;}
#h202c01 {background: url(../img/h2_02_c_01.gif) left bottom no-repeat;}
#h202d01 {background: url(../img/h2_02_d_01.gif) left bottom no-repeat;}
#h202e01 {background: url(../img/h2_02_e_01.gif) left bottom no-repeat;}
#h202f01 {background: url(../img/h2_02_f_01.gif) left bottom no-repeat;}
#h202g01 {background: url(../img/h2_02_g_01.gif) left bottom no-repeat;}

/* gift */
#h20301   {background: url(../img/h2_03_01.gif) left bottom no-repeat;}
#h203a    {background: url(../img/h2_03_a.gif) left bottom no-repeat;}
#h203b    {background: url(../img/h2_03_b.gif) left bottom no-repeat;}
#h203c    {background: url(../img/h2_03_c.gif) left bottom no-repeat;}
#h203d    {background: url(../img/h2_03_d.gif) left bottom no-repeat;}
#h203e    {background: url(../img/h2_03_e.gif) left bottom no-repeat;}
#h2sonota {background: url(../img/h2_sonota.gif) left bottom no-repeat;}

#h203101   {background: url(../img/h2_03_1_01.gif) left bottom no-repeat;}
#h203102   {background: url(../img/h2_03_1_02.gif) left bottom no-repeat;}
#h203103   {background: url(../img/h2_03_1_03.gif) left bottom no-repeat;}
#h203104   {background: url(../img/h2_03_1_04.gif) left bottom no-repeat;}
#h203105   {background: url(../img/h2_03_1_05.gif) left bottom no-repeat;}
#h203106   {background: url(../img/h2_03_1_06.gif) left bottom no-repeat;}
#h203107   {background: url(../img/h2_03_1_07.gif) left bottom no-repeat;}

#h206      {background: url(../img/h2_06_1.gif) left bottom no-repeat;}
#h209      {background: url(../img/h2_09.gif) left bottom no-repeat;}
#h20903    {background: url(../img/h2_09_03.gif) left bottom no-repeat;}
#h20903    {background: url(../img/h2_09_03.gif) left bottom no-repeat;}
#h20904    {background: url(../img/h2_09_04.gif) left bottom no-repeat;}

/* irekata */
#h20401   {height: 46px; background: url(../img/h2_04_01.gif) left bottom no-repeat;}

#h2ichiwan01 {height: 46px; background: url(../img/h2_ichiwan01.gif) left bottom no-repeat;}
#h2mame011 {height: 46px; background: url(../img/h2_mame_01_1.gif) left bottom no-repeat;}
#h2mame012 {background: url(../img/h2_mame_01_2.gif) left bottom no-repeat;}
#h2mame013 {background: url(../img/h2_mame_01_3.gif) left bottom no-repeat;}

#h2smap {background: url(../img/h2_smap_1.gif) left bottom no-repeat;}

#h2osusume01 {background: url(../img/h2_osusume_01.gif) left bottom no-repeat;}
#h2tokutei01 {background: url(../img/h2_tokutei01.gif) left bottom no-repeat;}
#h2toiawase {background: url(../img/h2_toiawase.gif) left bottom no-repeat;}

#h20402, #h20403, #h20404, #h20405, #h20406 {
  width: 540px;
  height: 90px;
  margin: 40px 0 10px 0;
  padding: 0;
  text-indent: -9999px;
}
#h20402   {background: url(../img/h2_04_02.jpg) left bottom no-repeat;}
#h20403   {background: url(../img/h2_04_03.jpg) left bottom no-repeat;}
#h20404   {background: url(../img/h2_04_04.jpg) left bottom no-repeat;}
#h20405   {background: url(../img/h2_04_05.jpg) left bottom no-repeat;}
#h20406   {background: url(../img/h2_04_06.jpg) left bottom no-repeat;}

#h20501   {background: url(../img/h2_05_01.gif) left bottom no-repeat;}
#h20502   {background: url(../img/h2_05_02.gif) left bottom no-repeat;}
#h20503   {background: url(../img/h2_05_03.gif) left bottom no-repeat;}


/*=====================================================================*/
/*  お買い物ページ                                                     */
/*=====================================================================*/

div#bt01osusume, div#bt02tokusen, div#bt03sencha, div#bt04houjicha, div#bt05genmaicha, 
div#bt06fukamushicha, div#bt07gyokuro, div#bt08karigane {
	width: 540px;
	margin: 0;
	padding: 0;
}
div#bt01osusume a, div#bt02tokusen a, div#bt03sencha a, div#bt04houjicha a, div#bt05genmaicha a, 
div#bt06fukamushicha a, div#bt07gyokuro a, div#bt08karigane a {
	display: block;
	width: 540px;
	height: 100%;
	text-indent: -9000px;
	text-decoration: none;
}

div#bt01osusume {height: 125px;}
div#bt01osusume         {background: url(../img/bt_01_osusume.jpg) left top no-repeat;}
div#bt01osusume a:hover {background: url(../img/bt_01_osusume.jpg) 0 -125px no-repeat;}

div#bt02tokusen, div#bt03sencha, div#bt04houjicha, div#bt05genmaicha, 
div#bt06fukamushicha, div#bt07gyokuro, div#bt08karigane {height: 156px;}
div#bt02tokusen         {background: url(../img/bt_02_tokusen.jpg) left top no-repeat;}
div#bt02tokusen a:hover {background: url(../img/bt_02_tokusen.jpg) 0 -156px no-repeat;}
div#bt03sencha         	{background: url(../img/bt_03_sencha.jpg) left top no-repeat;}
div#bt03sencha a:hover 	{background: url(../img/bt_03_sencha.jpg) 0 -156px no-repeat;}
div#bt04houjicha         {background: url(../img/bt_04_houjicha.jpg) left top no-repeat;}
div#bt04houjicha a:hover {background: url(../img/bt_04_houjicha.jpg) 0 -156px no-repeat;}
div#bt05genmaicha         {background: url(../img/bt_05_genmaicha.jpg) left top no-repeat;}
div#bt05genmaicha a:hover {background: url(../img/bt_05_genmaicha.jpg) 0 -156px no-repeat;}
div#bt06fukamushicha         {background: url(../img/bt_06_fukamushicha.jpg) left top no-repeat;}
div#bt06fukamushicha a:hover {background: url(../img/bt_06_fukamushicha.jpg) 0 -156px no-repeat;}
div#bt07gyokuro         {background: url(../img/bt_07_gyokuro.jpg) left top no-repeat;}
div#bt07gyokuro a:hover {background: url(../img/bt_07_gyokuro.jpg) 0 -156px no-repeat;}
div#bt08karigane         {background: url(../img/bt_08_karigane.jpg) left top no-repeat;}
div#bt08karigane a:hover {background: url(../img/bt_08_karigane.jpg) 0 -156px no-repeat;}



/*=====================================================================*/
/*  ギフトカテゴリ一覧ページ                                                     */
/*=====================================================================*/

div#bt01tokusenosusume, div#bt02tokusenkaori, div#bt03tokusenmaromi, 
div#bt04tokusenippin, div#bt05tokusenjusyo, 
div#bt06tokusentedumi, div#bt07tokusentemomi {
	width: 540px;
	margin: 0;
	padding: 0;
}
div#bt01tokusenosusume a, div#bt02tokusenkaori a, div#bt03tokusenmaromi a, 
div#bt04tokusenippin a, div#bt05tokusenjusyo a, 
div#bt06tokusentedumi a, div#bt07tokusentemomi a  {
	display: block;
	width: 540px;
	height: 100%;
	text-indent: -9000px;
	text-decoration: none;
}

div#bt01tokusenosusume {height: 210px;}
div#bt01tokusenosusume         {background: url(../img/bt_01_tokusen_osusume.jpg) left top no-repeat;}
div#bt01tokusenosusume a:hover {background: url(../img/bt_01_tokusen_osusume.jpg) 0 -210px no-repeat;}

div#bt02tokusenkaori, div#bt03tokusenmaromi, div#bt04tokusenippin, div#bt05tokusenjusyo, 
div#bt06tokusentedumi, div#bt07tokusentemomi {height: 156px;}
div#bt02tokusenkaori          {background: url(../img/bt_02_tokusen_kaori.jpg) left top no-repeat;}
div#bt02tokusenkaori  a:hover {background: url(../img/bt_02_tokusen_kaori.jpg) 0 -156px no-repeat;}
div#bt03tokusenmaromi         {background: url(../img/bt_03_tokusen_maromi.jpg) left top no-repeat;}
div#bt03tokusenmaromi a:hover {background: url(../img/bt_03_tokusen_maromi.jpg) 0 -156px no-repeat;}
div#bt04tokusenippin          {background: url(../img/bt_04_tokusen_ippin.jpg) left top no-repeat;}
div#bt04tokusenippin  a:hover {background: url(../img/bt_04_tokusen_ippin.jpg) 0 -156px no-repeat;}
div#bt05tokusenjusyo          {background: url(../img/bt_05_tokusen_jushoucha.jpg) left top no-repeat;}
div#bt05tokusenjusyo  a:hover {background: url(../img/bt_05_tokusen_jushoucha.jpg) 0 -156px no-repeat;}
div#bt06tokusentedumi         {background: url(../img/bt_06_tokusen_tezumicha.jpg) left top no-repeat;}
div#bt06tokusentedumi a:hover {background: url(../img/bt_06_tokusen_tezumicha.jpg) 0 -156px no-repeat;}
div#bt07tokusentemomi         {background: url(../img/bt_07_tokusen_temomicha.jpg) left top no-repeat;}
div#bt07tokusentemomi a:hover {background: url(../img/bt_07_tokusen_temomicha.jpg) 0 -156px no-repeat;}


/*=====================================================================*/
/* giftメニュー                                                        */
/*=====================================================================*/
/* 通常買い物メニュー                                                        */
/*=====================================================================*/

#giftmenu, #salemenu {
	position: relative;
	width: 520px;
	height: 22px;
	margin: 10px auto;
	padding: 0;
	border: 0;
	background: url(../img/ms_gift.gif) left top no-repeat;
}
#giftmenu {background: url(../img/ms_gift.gif) left top no-repeat;}
#salemenu {background: url(../img/ms_sale.gif) left top no-repeat;}

#giftmenu ul, #salemenu ul {
	margin: 0;
	padding: 0;
	width: 520px;
	height: 22px;
	position: relative;
}
#giftmenu li, #salemenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	height: 22px;
}
#giftmenu li a, #salemenu li a {
	text-decoration: none;
	display: block;
	height: 22px;
	text-indent: -9999px;
}

/* 通常買い物 */
#salemenu li#sencha {left:   0  ; top: 0; width: 84px;}
#salemenu li#fuka   {left:  84px; top: 0; width: 89px;}
#salemenu li#houji  {left: 173px; top: 0; width: 87px;}
#salemenu li#genmai	{left: 260px; top: 0; width: 89px;}
#salemenu li#gyoku	{left: 349px; top: 0; width: 88px;}
#salemenu li#kari 	{left: 437px; top: 0; width: 83px;}

#salemenu li#sencha a:hover {background: url(../img/ms_sale.gif)    0   -22px no-repeat;}
#salemenu li#fuka   a:hover {background: url(../img/ms_sale.gif)  -84px -22px no-repeat;}
#salemenu li#houji  a:hover {background: url(../img/ms_sale.gif) -173px -22px no-repeat;}
#salemenu li#genmai a:hover {background: url(../img/ms_sale.gif) -260px -22px no-repeat;}
#salemenu li#gyoku  a:hover {background: url(../img/ms_sale.gif) -349px -22px no-repeat;}
#salemenu li#kari   a:hover {background: url(../img/ms_sale.gif) -437px -22px no-repeat;}

body.psencha #salemenu li#sencha a {background: url(../img/ms_sale.gif)    0   -44px no-repeat;}
body.pfuka   #salemenu li#fuka   a {background: url(../img/ms_sale.gif)  -84px -44px no-repeat;}
body.phouji  #salemenu li#houji	 a {background: url(../img/ms_sale.gif) -173px -44px no-repeat;}
body.pgenmai #salemenu li#genmai a {background: url(../img/ms_sale.gif) -260px -44px no-repeat;}
body.pgyoku  #salemenu li#gyoku  a {background: url(../img/ms_sale.gif) -349px -44px no-repeat;}
body.pkari   #salemenu li#kari   a {background: url(../img/ms_sale.gif) -437px -44px no-repeat;}


/* ギフト　*/
/*#giftmenu li#kaori  {left:   0  ; top: 0; width: 84px;}
  #giftmenu li#maro   {left:  84px; top: 0; width: 89px;} */
#giftmenu li#ippin	{left:  53px; top: 0; width: 103px;}
#giftmenu li#jusyo  {left: 156px; top: 0; width: 103px;}
#giftmenu li#tedumi	{left: 259px; top: 0; width: 103px;}
#giftmenu li#temomi	{left: 362px; top: 0; width: 103px;}

/*#giftmenu li#kaori  a:hover {background: url(../img/ms_gift.gif)    0   -22px no-repeat;}
 #giftmenu li#maro   a:hover {background: url(../img/ms_gift.gif)  -84px -22px no-repeat;}*/
#giftmenu li#ippin  a:hover {background: url(../img/ms_gift.gif)  -53px -22px no-repeat;}
#giftmenu li#jusyo  a:hover {background: url(../img/ms_gift.gif) -156px -22px no-repeat;}
#giftmenu li#tedumi a:hover {background: url(../img/ms_gift.gif) -259px -22px no-repeat;}
#giftmenu li#temomi a:hover {background: url(../img/ms_gift.gif) -362px -22px no-repeat;}

/*body.pkaori  #giftmenu li#kaori  a {background: url(../img/ms_gift.gif)    0   -44px no-repeat;}
 body.pmaro   #giftmenu li#maro	 a {background: url(../img/ms_gift.gif)  -84px -44px no-repeat;}*/
body.pippin  #giftmenu li#ippin  a {background: url(../img/ms_gift.gif)  -53px -44px no-repeat;}
body.pjusyo  #giftmenu li#jusyo  a {background: url(../img/ms_gift.gif) -156px -44px no-repeat;}
body.ptedumi #giftmenu li#tedumi a {background: url(../img/ms_gift.gif) -259px -44px no-repeat;}
body.ptemomi #giftmenu li#temomi a {background: url(../img/ms_gift.gif) -362px -44px no-repeat;}

/*=====================================================================*/
/*  会社概要                                                           */
/*=====================================================================*/

ul.enkaku {
	margin: 20px 5px;	
}
ul.enkaku li {
	list-style: none;
	margin: 0;
	padding: 0;
}

dl.gaiyou {
	margin: 20px 0;	
}
dl.gaiyou dt {
	margin: 0;
	font-weight: bold;
	width: 7em;
	line-height: 1.5;
}
dl.gaiyou dd {
	margin: -1.5em 0 1em 7em;
}

ul.kouza {
	margin: 20px 5px;	
}
ul.kouza li {
	list-style: none;
	margin: 0 0 0 2em;
	padding: 0;
}
p.kouza {
	margin: 5px 0 1em 2em;
}

dl.kouza {
	margin: 20px 2em;	
}
dl.kouza dt {
	margin: 0;
	font-weight: bold;
	width: 3em;
	line-height: 1.5;
}
dl.kouza dd {
	margin: -1.5em 0 0.5em 3.5em;
}

dl.kouzasc {
	margin: 20px 2em;	
}
dl.kouzasc dt {
	margin: 0;
	font-weight: bold;
	width: 5sem;
	line-height: 1.5;
}
dl.kouzasc dd {
	margin: 0 0 0.5em 2em;
	line-height: 1.5;
}
dl.kouzasc dd span.syuryo {
	background:url(../img/i_syuryo.gif) center center no-repeat;
}
img.syuryo {
	display: inline;
	vertical-align:middle;
}

/*=====================================================================*/
/* 汎用                                                                */
/*=====================================================================*/

.article {
  margin: 10px 10px;
  line-height: 1.6;
}

.onebox {
	margin: 0;
	padding: 0;
	width: 100%;
}
.oneboxcol {
	margin: 1em 0 1.5em 0;
	padding: 0;
	width: 540px;
}
.oneboxcol div {
	padding: 1px 10px;
}
.oneboxcol div p {
	margin: 2px 0 1em 0;
	padding: 0;
}
p.coname {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
}
address.company {
	margin: 5px 0 3em 20px;
	padding: 0;
	line-height: 1.3;
  font-style: normal;
  font-size: 100%;
	color: #333333;
}


.fl {float: left;}
.fr {float: right;}

.w270 {
	width: 270px;
	margin: 0;
	padding: 0;
}

.line {
	width: 540px;
	height: 20px;
	margin: 20px 0 0 0;
	vertical-align:middle;
}

.item2col {
	width: 270px;
	height: 384px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../img/bg_item2col.gif) left top no-repeat;
}
.item2col .itemimg {
	position:absolute;
	left: 10px;
	top: 10px;
}
.item2col .itemno {
	position:absolute;
	left: 170px;
	top: 20px;
}
.item2col .itemname {
	position: absolute;
	left: 12px;
	top: 162px;
}
.item2col .itemdesc {
	position: absolute;
	left: 12px;
	top: 210px;
	width: 240px;
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.2;
}
.item2col .itemprice {
	position: absolute;
	left: 12px;
	top: 295px;
	width: 240px;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.item2col .orderbox {
	position: absolute;
	left: 10px;
	top: 323px;
	width: 250px;
	height: 50px;
	margin: 0;
	padding: 0;
	font-size: 110%;
}
.item2col .orderbox .suu {
	position: absolute;
	left: 33px;
	top:   0;
	width: 30px;
	height: 20px;
	margin: 0 5px 10px 0;
	padding: 0;
	font-size: 120%;
	border: 1px solid #333333;
}
.item2col .orderbox .kago {
	position: absolute;
	left: 66px;
	top:   0;
	width: 180px;
	height: 22px;
	margin: 0 10px 10px 2px;
	padding: 0;
	font-size: 120%;
}
.item2col .orderbox .cart {
	position: absolute;
	left: 66px;
	top:   25px;
	height: 22px;
	margin: 0 10px 10px 2px;
	padding: 0;
	font-size: 120%;
}

.item1col {
	width: 550px;
	height: 120px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../img/bg_item_1col.gif) left top no-repeat;
}
.item1col .itemname {
	position: absolute;
	left: 15px;
	top:  12px;
}
.item1col .itemno {
	position: absolute;
	left: 390px;
	top:  10px;
}
.item1col .itemprice {
	position: absolute;
	left: 280px;
	top:   33px;
	width: 250px;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.item1col .orderbox {
	position: absolute;
	left: 280px;
	top:  52px;
	width: 250px;
	height: 50px;
	margin: 0;
	padding: 0;
	font-size: 110%;
}
.item1col .orderbox .suu {
	position: absolute;
	left: 33px;
	top:   3px;
	width: 30px;
	height: 20px;
	margin: 0 5px 10px 0;
	padding: 0;
	font-size: 120%;
	border: 1px solid #333333;
}
.item1col .orderbox .kago {
	position: absolute;
	left: 71px;
	top:   2px;
	width: 180px;
	height: 22px;
	margin: 0 10px 0 2px;
	padding: 0;
	font-size: 120%;
}
.item1col .orderbox .cart {
	position: absolute;
	left: 71px;
	top:   32px;
	height: 22px;
	margin: 0 10px 0 2px;
	padding: 0;
	font-size: 120%;
}


.itemosusume {
	width: 540px;
	height: 214px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../img/bg_item_osusume.gif) left top no-repeat;
}
.itemosusume .itemimg {
	position:absolute;
	left: 10px;
	top: 10px;
}
.itemosusume .itemno {
	position:absolute;
	left: 430px;
	top: 20px;
}
.itemosusume .itemname {
	position: absolute;
	left: 180px;
	top:  20px;
}
.itemosusume .itemdesc {
	position: absolute;
	left: 200px;
	top: 80px;
	width: 240px;
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.2;
}
.itemosusume .itemprice {
	position: absolute;
	left: 200px;
	top: 140px;
	width: 240px;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.itemosusume .orderbox {
	position: absolute;
	left: 200px;
	top: 160px;
	width: 250px;
	height: 50px;
	margin: 0;
	padding: 0;
	font-size: 110%;
}
.itemosusume .orderbox .suu {
	position: absolute;
	left: 33px;
	top:   0;
	width: 30px;
	height: 20px;
	margin: 0 5px 10px 0;
	padding: 0;
	font-size: 120%;
	border: 1px solid #333333;
}
.itemosusume .orderbox .kago {
	position: absolute;
	left: 66px;
	top:   0;
	width: 180px;
	height: 22px;
	margin: 0 10px 10px 2px;
	padding: 0;
	font-size: 120%;
}
.itemosusume .orderbox .cart {
	position: absolute;
	left: 66px;
	top:   25px;
	height: 22px;
	margin: 0 10px 10px 2px;
	padding: 0;
	font-size: 120%;
}

.tel {
	width: 540px;
	height: 110px;
	margin: 20px auto;
}

table.souryou {
	width: 518px;
	margin: 0 5px 20px 8px;
	padding: 0;
	table-layout: fixed;
	border-collapse: collapse;
	
	border: 1px solid #333333;
	font-size: 100%;
	color: #000000;
	caption-sid: top;
}
table.souryou caption {
	text-align: left;
}
table.souryou td {
	border: 1px solid #333333;
}
table.souryou th {
	border: 1px solid #333333;
	padding: 0;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	height: 20px;
	color: #333333;
}
table.souryou th.tiiki {
	width: 345px;
}
table.souryou th.price {
	width: 170px;
}

table.souryou td.price {
	width: 170px;
	padding: 0;
	font-weight: bold;
	color: #CC0033;
	font-size: 21px;
	text-align: center;
}
table.souryou td.tiiki {
	width: 325px;
	font-weight: bold;
	color: #007744;
	padding: 5px 10px;
	font-size: 17px;
	text-align: left;
	line-height: 1.4;
}

span.muryou {
	font-size:16px;
	color:#CC0033;
	font-weight: bold;
}

table.tokutei {
	width: 520px;
	margin: 20px 10px;
	table-layout:fixed;
	border-collapse:collapse;
	border: 1px solid #663300;
	font-size: 100%;
}
table.tokutei td {
	border: 1px solid #663300;
	padding: 5px 10px;
	line-height: 1.4;
}
table.tokutei th {
	border: 1px solid #663300;
	color: #663300;
	font-weight: bold;
	text-align: left;
	font-size: 120%;
	width: 150px;
}
table.tokutei td dl {
	margin: 0;
}
table.tokutei td dl dt {
	margin: 0;
	font-weight: bold;
}
table.tokutei td dl dd {
	margin: -1.4em 0 10px 7em;
}


div.printpage {
	width: 800px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	position: relative;
}
.faxleft {float: left;}

table.faxpersonal {
	width: 690px;
	margin: 20px 0 10px 0;
	padding: 0;
	table-layout:fixed;
	border-collapse:collapse;
	border: 1px solid #333333;
	font-size: 100%;
	float: left;
}
table.faxpersonal caption {
	text-align: left;
	font-size: 110%;
}
table.faxpersonal td {
	margin: 0;
	padding: 0;
	border: 1px solid #333333;
	font-size: 100%;
}
table.faxpersonal td.mtitle {
	width: 50px;
	height:150px;
}
table.faxpersonal td.madd {
	width: 637px;
	height:80px;
}
table.faxpersonal td.mname {
	width: 318px;
	height:69px;
}
table.faxpersonal td.mtel {
	width: 318px;
	height:69px;
}

table.ordertable {
	width: 380px;
	margin: 20px 10px 20px 0;
	padding: 0;
	table-layout:fixed;
	border-collapse:collapse;
	border: 1px solid #333333;
	font-size: 100%;
	float: left;
}
table.ordertable th {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 2px solid #333333;
	border-left:  1px solid #333333;
	border-right: 1px solid #333333;
	color: #000000;
}
table.ordertable td {
	border: 1px solid #333333;
}
.orderno {
	width: 180px;
	height: 2em;
}
.price {
	width: 100px;
	height: 2em;
}
.qty {
	width: 100px;
	height: 2em;
}
span.checkb {
	font-size: 0.4cm;
}
div.sourryoubox {
	float: left;
	width: 275px;
}
table.souryoup {
	margin: 20px 0 10px 0;
	table-layout:fixed;
	border-collapse:collapse;
	border: 1px solid #333333;
	font-size: 100%;
	float: left;
}
table.souryoup td {
	border: 1px solid #333333;
}
table.souryoup th {
	border: 1px solid #333333;
	font-weight: bold;
	text-align: center;
	color:#000000;
}
table.souryoup td.price, table.souryoup th.price {
	font-weight: bold;
	color: #000000;
	font-size: 120%;
	text-align: center;
	width: 50px;
}
table.souryoup td.tiiki, table.souryoup th.tiiki{
	width: 220px;
}

table.souryoup td span.muryou {
	font-size:100%;
	color:#333333;
	text-align: center;
	font-weight: normal;
}
table.souryoup td strong {
	color: #000000;
}

div.paymentp {
	width: 275px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	float: left;
}
div.paymentp p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
div.paymentp ul {
	margin: 0;
}
div.paymentp ul li {
	margin: 0 0 10px 1.5em;
	text-indent: -1em;
	list-style: none;
}

.bigtextbox {
	width: 300px;
	height: 40px;
	font-size: 150%;
	font-weight: bold;
}

/*=====================================================================*/
/*   Side 周り                                                         */
/*=====================================================================*/

.smenu {
  width: 218px;
  margin: 0 0 5px 0;
  padding: 0;
  border-left: 1px solid #CDE2C9;  
  border-right: 1px solid #CDE2C9;  
  border-bottom: 1px solid #CDE2C9;  
}
.smenu p {
  margin: 0 0 0 0;
  padding: 5px 10px 0 10px;
  font-size: 86%;
  line-height: 1.4;
}

.capimg {
  margin: 8px 8px;
}

.smenu .smsyousai {
	width: 218px;
	height: 20px;
	margin: 0;
	padding: 0;
	background:url(../img/bt_smsyousai.gif) left top no-repeat;
}

.smenu .smsyousai a {
	display:block;
	width: 218px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 12px;
}

.smenu .smsyousai a:hover {
	background:url(../img/bt_smsyousai.gif) 0 -20px no-repeat;
}

#side p.sm {
  width: 220px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
#side p.sm a {
  display:block;
  width: 220px;
  height: 30px;
  margin: 0;
  padding: 0;
}


#footer {
  width: 780px;
  margin: 0;
  padding: 0;
  position: float;
  top: 0;
  clear: both;
}

#footer #footmenumain, #footer #footmenusub {
  background:url(../img/wrapperbg.gif) left top repeat;
  line-height: 2;
  margin: 0;
  padding: 0;
  color: #377949;
}

#footer #footmenumain {
  font-size: 14px;
}
#footer #footmenusub {
  font-size: 12px;
}
#footer #footmenumain p, #footer #footmenusub p {
  margin: 0;
  padding: 0;
  text-align: center;
}
#footer #footmenumain a, #footer #footmenusub a {
  margin: 0;
  padding: 5px 10px;
  text-decoration: none;
  font-weight: bold;
  color: #2E5C5C;
}

#footer #footmenumain a:hover, #footer #footmenusub a:hover {
  color: #499494;
}

.catch {
  width: 510px;
  margin: 5px 0 20px 0;
  padding: 0;

}

.voice {
  width: 510px;
  margin: 10px 0;
  padding: 0;
}

.contentarticle {
  width: 738px;
  margin: 0;
  border: 1px solid #CC6666;
  padding: 20px; 
}

#topmain h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 30px 0 30px;
	border-bottom: 1px dotted #C0DDA2;
}

#topmain h3.b {
	font-size: 100%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0 30px 0 30px;
	border-bottom: 1px dotted #572C00;
}
h2#seminarh2 {
  background: url(../img/topsemih2.gif) left top no-repeat;
  text-indent: -9999px
}

h2#hajimeteh2 {
  background: url(../img/hajimeteh2.gif) left top no-repeat;
  text-indent: -9999px
}

.contentarticle h3 {
  font-size: 120%;
  line-height: 1.8;
  border-bottom: 2px dotted #CC6666;
  background:url(../img/semih3head.gif) left center no-repeat;
  padding-left: 40px;
}

.contentarticle h4 {
  font-size: 120%;
  line-height: 1.8;
  width: 500px;
  margin: 10px 20px;
  /*border-left: 20px solid #CC6666;*/
  border-bottom: 1px solid #CC0033;
  background-color:#FFFFFF;
  padding-left: 10px;
  color: #333333;
}
ul.check {
  margin: 10px 20px 10px 30px;
  padding: 0;
  list-style: none;
}
ul.check li {
  margin: 0;
  padding-left: 26px;
  line: 30px;
  line-height: 30px;
  background:url(../img/check_s.gif) left center no-repeat;
}

ul.check2 {
  margin: 10px 20px 10px 30px;
  padding: 0;
  list-style: none;
}
ul.check2 li {
  margin: 0;
  padding-left: 30px;
  line: 26px;
  line-height: 26px;
  background:url(../img/f_check25.gif) left center no-repeat;
  font-size: 120%;
  font-weight: bold;
  color: #111111;
}

ul.pay {
  margin: 10px 0 20px 0;
  padding: 0;
  list-style:none;
  font-size: 110%;
  color:#000000;
}
ul.pay li {
  margin: 0 0 15px 0;
  padding-left: 30px;
  line-height: 1.3;
  height: 1.5;
  text-indent: -1em;
}

ul.menuhajimete {
  margin: 10px 0 20px 0;
  padding: 0;
  list-style:none;
}
ul.menuhajimete li {
  margin: 0 0 5px 0;
  padding: 0;
  width: 510px;
  height: 45px;
}

ul.point {
  margin: 10px 0 20px 0;
  padding: 0;
  list-style:none;
  font-size: 20px;
  color:#CC0000;
  font-weight: bold;
}
ul.point li {
  margin: 0 0 15px 0;
  padding-left: 30px;
  line-height: 1.1;
  height: 1.5;
  text-indent: -1em;
}

ul.point2 {
  margin: 10px 0 20px 0;
  padding: 0;
  list-style:none;
  font-size: 100%;
  color:#000000;
}
ul.point2 li {
  margin: 0 0 10px 0;
  padding-left: 30px;
  line-height: 1.3;
  height: 1.5;
  text-indent: -1.5em;
}

div.sitemap {
	width: 540px;
	margin: 10px 0;
	background: url(../img/bg_smap_waku2.gif) left top repeat-y;
}


h3.sitemap {
	margin: 10px 0 20px 10px;
}

ul.sitemap {
	width: 510px;
  margin: 15px 10px 30px 10px;
	clear: both;
}
ul.sitemap li {
  margin: 5px 5px 5px 10px;
	width: 210px;
	height: 20px;
	display: block;
	float: left;
	padding: 0 0 0 15px;
	background: url(../img/bg_sitemaplist01.gif) left 5px no-repeat;
	list-style: none;
	/*list-style-image: url(../img/bg_sitemaplist01.gif);*/
}
ul.sitemap ul {
  margin: 10px 0 20px 10px;
	width: 400px;
	height: 100%;
	clear: both;
}
ul.sitemap ul li {
  margin: 5px 5px 5px 10px;
	height: 20px;
	width: 160px;
	display: block;
	float: left;
	background: url(../img/bg_sitemaplist02.gif) left 5px no-repeat;
	list-style: none;
}

.headletter {
  color: #397949;
  font-size: 200%;
  font-weight: bold;
}
.red {
  color:#CC0000;
}

.smalltitle {
  color: #377949;
  font-weight: bold;
}

/*
ul.menuhajimete li a {
  display:block;
  width: 510px;
  height: 45px;
}
*/

strong {
  font-size: 120%;
  font-weight: bold;
  color:#CC0000;
}


.articlelist {
  margin: 1em 3em 1em 0;
  line-height: 1.6;
}

.articlekoe {
	margin: 20px;
	padding: 5px 10px;
	background-color:#FEEDBD;
	color: #333333;
}

p.cl {
  margin: 0;
  padding: 0;
  line-height: 0em;
  height: 1px;
  clear: both;
}

img.cl {
	clear:both;
}

.artart {
  margin: 10px 30px;
}

.column {
  width: 450px;
  margin: 1em auto 4em auto;
  padding: 0;
  line-height: 1.6;
  border: 1px dotted #377949;
}
.columnart {
  padding: 10px 15px 10px 15px;
  margin: 0;
  width: 420px;
}

.rimg {
  float: right;
  margin: 5px;
  padding: 0;
}

.limg {
  float: left;
  margin: 5px;
  padding: 0;
}

.cimg {
  text-align: center; 
  margin: 5px auto;
  padding: 0 auto;
}

.l {float: left;}
.r {float: right;}
.c {text-align:center;}


.c130, .c130l {
	width: 130px;
	margin: 0 10px 10px 0;
	padding: 0;
	line-height: 1.6;
}
.c130l {float:left;}

.c200, .c200l {
	width: 200px;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
.c200l {float:left;}

.c288, .c288r {
	width: 286px;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
.c288r {float: right;}

.rbox490 {
  width:490px;
  margin: 10px 10px 10px 10px;
  padding: 0;
  background-color: #F2E3D7;
}
.rbox490 .top {
  width:470px;
  margin: 0;
  padding:5px 10px 0 10px;
  background:url(../img/f_rbox490t.gif) left top no-repeat;
}
.rbox490 .entry {
  width:470px;
  padding:0 10px;
  background: url(../img/f_rbox490m.gif) left top repeat-y;
}
.rbox490 .bottom {
  width:490px;
  background: url(../img/f_rbox490b.gif) left bottom no-repeat;
}

/*
.rbox490 {
  width: 490px;
  margin: 10px;
  padding: 0;
  background: #F2E3D7 url(../img/f_rbox490b.gif) left bottom no-repeat;
}
*/
/*
.rbox490 p {
  padding: 20px;
  margin: 0;
  background-color: #F2E3D7;
}

.rbox490t {
  width: 490px;
  margin: 0 10px 0 10px;
  padding: 0;
  background:url(../img/f_rbox490t.gif) left top no-repeat;
}
.rbox490b {
  width: 490px;
  background:url(../img/f_rbox490b.gif) left bottom no-repeat;
}
*/
p.caption {
	font-size: 80%;
	color:#333333;
	margin: 2px 2px;
	padding: 0;
	line-height: 1.2;
}

p.attention {
	font-weight: bold;
	color:#CC0000;
}


.bigattention {
	font-weight: bold;
	color: #CC0000;
}

.huge {
  font-size: 250%;
  font-weight: bold;
  color:#CC0000;
  font-family: "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝 ", serif;
}

.mlmoushikomi {
  width: 400px;
  margin: 20px auto 30px auto;
  padding: 0;
  border: 1px solid #FF3333;
  background-color: #FFCCCC;
/*
  border: 1px solid #0066FF;
  background-color: #CCCCFF;
*/
}
.mlmoushikomihead {
  font-weight: bold;
  font-size: 120%;
  text-align:center;
  color:#FFFFFF;
  background-color: #FF6633;
/*
  color:#FFFFFF;
  background-color: #3366FF;
*/
}

.mlkaijo {
  width: 400px;
  margin: 20px auto 30px auto;
  padding: 0;
  border: 1px solid #0066FF;
  background-color: #CCCCFF;
/*
  border: 1px solid #FF3333;
  background-color: #FFCCCC;
*/
}
.mlkaijohead {
  font-weight: bold;
  font-size: 120%;
  text-align:center;
  color:#FFFFFF;
  background-color: #3366FF;
/*
  color:#FFFFFF;
  background-color: #FF6633;
*/
}

.mlmoushikomi p, .mlkaijo p {
  margin: 0;
  padding: 2px;
}

.mlart {
  margin: 10px 20px;
  padding: 5px;
}
.mlart input.mail {
  width: 230px;
  height: 20px;
  margin: 0;
}
.mlart input.sbbtn {
  width: 100px;
  margin: 0;
}
.mlart p.mlnote {
  font-size: 90%;
}


pre {
	line-height: 1.1;
	font-size: 90%;
	color: #333333;
	overflow:auto;
	width: 488px;
	margin: 10px 5px;
	padding: 10px 5px;
	border: 1px solid #C0E2C9;
}

table {
	border-collapse: collapse;
	border: 1px solid #9CD99B;
	display:table;
	margin: 10px 0 3em 0;
}

th {
	border: 1px solid #9CD99B;
	padding: 3px;
	color: #377949;
	font-weight: bold;
}

td {
	border: 1px solid #9CD99B;
	padding: 3px;
}


table.consulfee {
	width: 510px;
	margin: 10px 0 3em 0;
}
table.consulfee th {
	border: 1px solid #9CD99B;
}
table.consulfee td {
	border: 1px solid #9CD99B;
}

.feetitle {
	font-size: 160%;
	font-weight:bold;
	padding: 5px;
	color: #377949;
}
.feeprice {
	font-size: 120%;
	font-weight:bold;
	padding: 5px;
	color: #377949;
}

th.tm1 {
	width: 175px;
}

td.td1 {
	width: 308px;
}


table .clubfee {
	width: 500px;
	margin: 10px 0 3em 0;
}

table.schedule, table.schedule2 {
	border-collapse: collapse;
	border: 1px solid #9CD99B;
	display:table;
	background-color: #FBFFEC;
}
table.schedule {
	margin: 10px 0 10px 0;
}
table.schedule2 {
	margin: 10px 0 3em 0;
}
table.schedule td, table.schedule2 td {
	width: 16px;
	height:20px;
	text-align: center;
}
table.schedule th, table.schedule2 th {
	width: 100px;
	height:20px;
	text-align: center;
}

.feeboxdet {
  width: 488px;
  border-top: 1px solid #9CD99B;
  border-left: 1px solid #9CD99B;
  border-right: 1px solid #9CD99B;
  padding: 5px 10px 10px 5px;
  margin: 10px 0 0 0;
}
.feeboxfee {
  width: 488px;
  border-top: 1px solid #9CD99B;
  border-left: 1px solid #9CD99B;
  border-right: 1px solid #9CD99B;
  border-bottom: 1px solid #9CD99B;
  padding: 5px 10px 10px 5px;
  margin: 0 0 40px 0;
}


table.mailform {
	display:table;
	/*width: 500px;*/
	margin: 10px 4px 10px 4px;
	border-collapse: collapse;
	border: 1px solid #9CD99B;
	background-color: #FBFFEC;
}
table.mailform th {
	/*width: 100px;*/
	padding: 4px 10px;
	border-top: 1px solid #9CD99B;
	border-bottom: 1px solid #9CD99B;
	border-right: 2px solid #9CD99B;
	text-align: left;
}
table.mailform td {
	width: 356px;
	padding: 4px 10px;
	border-top: 1px solid #9CD99B;
	border-bottom: 1px solid #9CD99B;
	text-align: left;
}
span.hissu {
  color: #FF0000;
}

.formbox {	padding: 20px 10px 5px 10px;}

.w300 {  width: 300px;}
.w210 {  width: 210px;}
.w200 {  width: 200px;}
.w180 {  width: 180px;}
.w100 {  width: 100px;}
.w60 {  width: 60px;}
.w30 {  width: 30px;}
h80 {  height: 80px;}

.imeon {  imemode: active;}
.imeoff {  ime-mode: disabled;}

dl.rei {	margin: 1em 1em 2em 2.5em;}

dl.rei dt {
	color: #993300;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体",  serif;
	font-weight: nomal;
	font-size: 120%;
	text-indent: -1.5em;
}

dl.rei dd {
	margin: 5px 0 2em 0;
}

ul.note {
	margin: 5px 1em 2em 1em;
	padding: 0;
}

ul.note li {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 20px;
	list-style: none;
	background:url(../img/m_note.gif) left top no-repeat;
}

hr {
  margin: 10px 0 4em 0;
}




p.note, span.note {
  color: #CC0000;
} 


.lsp100 {
  margin-left: 100px;
}

div.hidden {

	display: none;
	visibility:hidden;

}
