/*---------------------------------------------------------
title: antichoke style
Description: update.06.09.21
Version: 1.0
Author: s.tsuchiya
Author URI: http://web.fourier.jp/
------------------------------------------------------------*/
html{
	margin:0; padding:0;
	background: #000;
}
body{
	margin:0; padding:0;
	font: 76% arial,sans-serif,"‚l‚r ƒSƒVƒbƒN";
	text-align:center;
	background: url(../images/h-bg.jpg) repeat-x;
	font-size:0.8em;
}
/*---------------------------------------------------size --*/
h1 { font-size:1.6em; }
h2 {text-align:left; font-size:1.3em;}
h3 {text-align:left; font-size:1.0em;}
table,table th,table td{ text-align:left; font-size:1em;}

p{margin:0 10px 5px 0;}

img, a { margin:0; padding:0; border:none; }

a { text-decoration: none; }
a:link { color: #4190aa; }
a:visited { color: #4190aa; }

hr{ margin:5px;border:1px dotted #ccc;}

address{ font-style:normal;}

#footer a{ color:#fff; }
#footer a:hover{color:#333;}

/*---------------------------------------------------struct --*/
#container{
	width:750px;
	margin:0 auto;
}

#header{
	position:relative;
	height:94px;
}

div#topnavi ul{
	clear:both;
	margin:0 0 0 35px;
	padding:0;
	text-decoration: none;
	list-style-type: none;
	background: url(../images/tn/tn-bottom.gif) repeat-x bottom;
	height:40px;
	text-align:center;
}
div#topnavi ul li{
	margin:0;
	padding:0;
	display:inline;
}
div#topnavi ul li a{
	float:left;
	text-indent:-5000px;
	display:block;
	height:40px;
	width:85px;
}
div#topnavi a.Home 		{background:url(../images/tn/tn_01.gif) top center no-repeat;}
div#topnavi a.HairMake 	{background:url(../images/tn/tn_02.gif) top center no-repeat;}
div#topnavi a.CareCosme {background:url(../images/tn/tn_03.gif) top center no-repeat;}
div#topnavi a.PickUp 	{background:url(../images/tn/tn_04.gif) top center no-repeat;}
div#topnavi a.ShopInfo	{background:url(../images/tn/tn_05.gif) top center no-repeat;}
div#topnavi a.Ask 		{background:url(../images/tn/tn_06.gif) top center no-repeat;}
div#topnavi a.Links 	{background:url(../images/tn/tn_07.gif) top center no-repeat;}
div#topnavi a.Blog 		{background:url(../images/tn/tn_08.gif) top center no-repeat;}

div#topnavi a.Home:hover,a.Home-On 			{background:url(../images/tn/tn_01_on.gif) top center no-repeat;}
div#topnavi a.HairMake:hover,a.HairMake-On 	{background:url(../images/tn/tn_02_on.gif) top center no-repeat;}
div#topnavi a.CareCosme:hover,a.CareCosme-On{background:url(../images/tn/tn_03_on.gif) top center no-repeat;}
div#topnavi a.PickUp:hover,a.PickUp-On 		{background:url(../images/tn/tn_04_on.gif) top center no-repeat;}
div#topnavi a.ShopInfo:hover,a.ShopInfo-On 	{background:url(../images/tn/tn_05_on.gif) top center no-repeat;}
div#topnavi a.Ask:hover,a.Ask-On 			{background:url(../images/tn/tn_06_on.gif) top center no-repeat;}
div#topnavi a.Links:hover,a.Links-On 		{background:url(../images/tn/tn_07_on.gif) top center no-repeat;}
div#topnavi a.Blog:hover,a.Blog-On 			{background:url(../images/tn/tn_08_on.gif) top center no-repeat;}



#content-wrap{
	clear:both;
	background: #fff;
	background: url(../images/bg-grade1a.jpg) center repeat-y;
	/*background: url(../images/bg-grade6.jpg) center top repeat-x;*/
}
#wrapper{
	margin:0 auto;
	width:750px;
	background: #fff;
}
#content{
	margin: 0px auto;
	padding: 20px 0;
	width:700px;
}

#footer-wrap {
	clear:both;
	background-color: #000;

}
#footer {
	margin: 10px auto;
	width:750px;
	font-size: 1em;
	text-align: right;
	color:#fff;
	position:relative;
}

/*------------------------------------------------absolute image --*/
div.logo {
	position:absolute;
	top:0px; left:10px;
}
*+html body div.logo, * html body div.logo{
	position:absolute;
	top:10px; left:10px;
}

.flower1 {
	position:absolute;
	top:10px; left:700px;
}

.flower2 {
	position:absolute;
	bottom:0px; left:-100px;
}
/*.flower2 img{width:60%;}*/


/*------------------------------------------------ul li --*/
#content ul {
margin:10px; padding:0;
list-style: disc inside;
}
/*------------------------------------------------swf --*/
#swfbox{
width:700px;
height:340px;
	background: url(../images/swf.gif) no-repeat;
}

/*------------------------------------------------------whatsnew --*/
.c-clear{ clear:both; }
.c-2block{ float:left; text-align:left;}
.c-2block h2 {
	font-family:  Verdana, Arial, sans-serif;
	font-weight:normal;
	margin:0px;
	border-left: 3px solid #000;
}
.c-2block ul{
}
.c-2block li{
line-height:180%;
/*text-indent:-40px;*/
border-bottom: 1px dotted #ccc;
}

/*------------------------------------------------------hx --*/
#content h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin:0 0 5px 0; padding-left:10px;
	background: #f1f1ed;
	line-height:180%;
	border-left: 3px solid #000;
	letter-spacing:0.2em;
}
h3{
	margin:0 0 0px 0;
	padding:10px 0 0 35px;
	font-size:1.1em;
	background: url(../images/h3-bg30.jpg) no-repeat left top;
	height:30px;
}
h3.biglogo{
	margin:0 0 0px 0;
	padding:13px 0 0 40px;
	background: url(../images/h3-bg37.jpg) no-repeat left top;
	height:37px;
}
/*------------------------------------------------------hari-make --*/
.c-3block{
float:left;
width:230px;
}

.c-3block table {width:215px; }
.c-3block table th{width:125px; }
.c-3block table td{width:80px; }

table {
	border-collapse: collapse;
	border-bottom: 1px dotted #ccc;
	margin:5px;
	text-align:left;
}
table th{
	font-weight: normal;
	border-top: 1px dotted #ccc;
	letter-spacing:0.2em;
}
table td{
	border-top: 1px dotted #ccc;
}

table.goodslist {
	border-collapse: collapse;
	border-bottom: 1px dotted #ccc;
}
table.goodslist th{
	font-weight: normal;
	border-top: 1px dotted #ccc;
	letter-spacing:0.1em;
	background: #f1f1ed;
	padding:2px;
}
table.goodslist td{
	border-top: 1px dotted #ccc;
	padding:2px 5px;
}

.es-w1{
width:290px;
}
.es-w2{
width:62px;
}
.es-w3{
width:48px;
}

.shopinfo {
line-height:180%;
border-bottom: 1px dotted #ccc;
}

#questionnaire{text-align:left;}
.abox{
	margin:0 0 5px 0; padding-left:10px;
	background: #f1f1ed;
	line-height:180%;
	border-left: 3px solid #000;
	letter-spacing:0.2em;
}

.pick {
line-height:150%;
border-top: 1px dotted #ccc;
}

/*------------------------------------------------------shop --*/

table.com {
	margin:20px 0;
	width:100%;
}
table.com th{
	text-align:right;
	width:200px;
	padding-right:20px;
	border-bottom:1px solid #ddd;
	line-height:200%;
	vertical-align:top;
	color:#FFF;
	background:#000;
	font-weight: bold; 
}
table.com td{
	padding-left:10px;
	border-bottom:1px solid #ddd;
	line-height:200%;
}
/*------------------------------------------------------form --*/

input, textarea, select {
	border: 1px solid #ccc;
	background: #f1f1ed;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	color: #000;
	padding:3px;
}
input:focus, select:focus, textarea:focus {
  background: #ffffff;
}

#submit input {
  margin: 2px 5px 2px 20px;
  border-width: 2px;
  border-color: #ffb87c #d26000 #d26000 #ffb87c;
  width: 6em;
  vertical-align: middle;
  color: #ffffff;
  background: #ff7400;
}
.aprint input {
  margin: 2px 5px 2px 280px;
  border-width: 2px;
  border-color: #ffb87c #d26000 #d26000 #ffb87c;
  vertical-align: middle;
  color: #ffffff;
  background: #ff7400;
}
.red-must {
color:#ff0000
}

#map {
	border: 1px outset #ccc;
}

.h-sub{
font-size:10px;
}