@charset "utf-8";

/* body
----------------------------------------------- */
/*2011年9月14日修正　ATN@Kikuzawa*/
#body_style01 {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #434343;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	background: url("../img/common/bg_header.gif") repeat-x #fff;
	line-height: 1.8;
	font-size: 80%;
}

#body_style02 {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #434343;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	background: url("../img/common/bg_header_sub.gif") repeat-x #fff;
	line-height: 1.8;
	font-size: 80%;
}

/* HTML default
----------------------------------------------- */
a {
	color:#333333;
	text-decoration:underline;
}

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

form {
	margin: 0;
	padding: 0;
}

table,img,p {
	border: 0;
}

em {
	font-style: normal;
	font-weight:bold;
	color:#333333;
}

strong {
	font-style: normal;
	font-weight:bold;
	color:#333333;
}

strong.red {
color: #990000;
}

strong.darkgray {
color: #212121;
}

hr {
	display: none;
}

p {
	margin: 0;
	padding: 0;
}

li {
    list-style-type: none;
}

img {
	vertical-align: top;
    /* vertical-align: bottom; */
}

.hidden {
	display: none;
}

br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

/* font
----------------------------------------------- */
h1,h2,h3,h4,h5 {
	color:#333333;
    font-size: 100%;
    line-height: 150%;
}
.price { color: #990000; font-weight: bold; }

.attention { color: #990000; }

.miniattention { font-size: 90%; color: #990000; margin-top:10px; line-height:110%;}

.mini { font-size: 90%; text-align:left; }

/* table(undercolumn)
----------------------------------------------- */
div#undercolumn_aboutus table,
div#undercolumn_order table,
div#undercolumn_contact table,
div#undercolumn_entry table,
div#undercolumn_privacy table {
    margin-top: 10px;
    margin-left: 1px !important;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-collapse: collapse;
    text-align: left;
}
div#undercolumn_aboutus table th,
div#undercolumn_order table th,
div#undercolumn_contact table th,
div#undercolumn_entry table th,
div#undercolumn_privacy table th {
    padding: 8px;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f0f0f0;
    font-weight: normal;
}
div#undercolumn_aboutus table td,
div#undercolumn_order table td,
div#undercolumn_contact table td,
div#undercolumn_entry table td,
div#undercolumn_privacy table td {
    padding: 8px;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

/* table(under02column)
----------------------------------------------- */
div#under02column_cart table,
div#under02column_customer table,
div#under02column_shopping table,
div#under02column_login table,
div#under02column_error table {
    margin: 10px auto;
    border-top: 1px solid #CCCCCC;
    border-collapse: collapse;
    text-align: left;
}
div#under02column_cart table th,
div#under02column_customer table th,
div#under02column_shopping table th,
div#under02column_login table th,
div#under02column_error table th {
    padding: 8px;
    border-bottom: 1px solid #CCCCCC;
    background-color: #f0f0f0;
    font-weight: normal;
}
div#under02column_cart table td,
div#under02column_customer table td,
div#under02column_shopping table td,
div#under02column_login table td,
div#under02column_error table td {
    padding: 8px;
    border-bottom: 1px solid #CCCCCC;
}

/* table(mypagecolumn)
----------------------------------------------- */
div#mypagecolumn table {
    margin-top: 10px;
    margin-left: 1px !important;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-collapse: collapse;
    text-align: left;
}
div#mypagecolumn table th {
    padding: 8px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #f0f0f0;
    font-weight: normal;
}
div#mypagecolumn table td {
    padding: 8px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* table(windowcolumn)
----------------------------------------------- */
div#windowcolumn table {
    margin-top: 10px;
    margin-left: 1px !important;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-collapse: collapse;
    text-align: left;
}
div#windowcolumn table th {
    padding: 8px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #f0f0f0;
    font-weight: normal;
}
div#windowcolumn table td {
    padding: 8px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* wrapper
----------------------------------------------- */
div#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url("../img/header/bg_white.gif") repeat #FFF;
/*	overflow: hidden; */
}

/* header
----------------------------------------------- */
div#headwrap {
	position:relative;
	margin: 0 auto;
	padding: 0 0 10px;
	overflow: hidden;
}
div#header {
	background: url("../img/common/bg_header.gif") repeat-x;
}

div#header_sub {
	background: url("../img/common/bg_header_sub.gif") repeat-x;
	margin-bottom:20px;
}

div#header h1,#header_sub h1 {
	position:absolute; 
	top:0;
	left:0;
	margin: 0;
	padding: 5px 0 2px;
	clear: both;
	font-weight: lighter;
	text-align: left;
	color: #999999;
	font-size: 85%;
}
div#header strong,#header_sub strong {
	width: 200px;
	height: 33px;
	margin: 0;
	padding: 0 0 28px;
	display: block;
	float: left;
}
div#header strong a,#header_sub strong a {
	width: 195px;
	height: 34px;
	margin: 25px 0 0 0;
	padding: 0;
	background: url("../img/header/img_rogo.gif");
	text-indent: -9999px;
	display: block;
}

/* information
----------------------------------------------- */
div#information {
	width: 710px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
	float: right;
	background:url("../img/header/img_fax.gif")right top no-repeat;
}
form#search-form {
	margin: 0;
	padding: 0;
	clear: both;
}
form#search-form table {
	float: right;
	border-collapse: collapse;
}
form#search-form table td {
	padding: 0 0 0 2px;
	text-align: right;
}
form#search-form input#name {
	width: 190px;
	height: 14px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #F3F3F3;
}

ul#subnavi {
	width: 710px;
	margin: 0;
	padding: 25px 0 0 0;
	list-style: none;
	text-align: right;
	clear: both;
}
ul#subnavi li {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
	text-align: left;
}
ul#subnavi li a {
	color: #BFBFBF;
}
ul#subnavi li a:hover {
	color: #DFDFDF;
}
ul#subnavi li.end {
	padding: 0;
	border-right: none;
	display: inline;
	text-align: left;
}
ul#subnavi img {
	vertical-align: -0.2em;
	margin: 0;
}

/* navigation
----------------------------------------------- */
ul#navi {
	margin: 0 0 2px 0;
	padding: 4px 0 0;
	list-style: none;
	clear: both;
	overflow: hidden;
}
ul#navi li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#navi a,
ul#navi a:link,
ul#navi a:visited {
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	background-position: 0px 0px;
	float: left;
	text-decoration: none;
	outline : 0;
}
ul#navi a:focus,
ul#navi a:hover,
ul#navi a:active {
	background-position: 0px 39px;
	float: left;
	text-decoration: none
}
li#navi01 a {
	width: 189px;
	background-image: url("../img/header/gnavi01.gif");
}
li#navi02 a {
	width: 189px;
	background-image: url("../img/header/gnavi02.gif");
}
li#navi03 a {
	width: 189px;
	background-image: url("../img/header/gnavi03.gif");
}
li#navi04 a {
	width: 189px;
	background-image: url("../img/header/gnavi04.gif");
}
li#navi05 a {
	width: 184px;
	background-image: url("../img/header/gnavi05.gif");
}


/* Flash
----------------------------------------------- */
div#photo-main {
	margin: 0;
    padding: 1px 0 0;
	overflow: hidden;
}

div#photo-main img {
	vertical-align: bottom;
	margin: 0;
}

/* フレーム
----------------------------------------------- */
div#container {
    width: 764px;
    margin: 0 auto;
    padding: 0 8px;
    background-color: #fff;
    text-align: left;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#leftcolumn {
    float: left;
    width: 166px;
}

div#leftcolumn h2 {
    padding: 15px 0 0 0;
}

div#rightcolumn {
    float: left;
    width: 166px;
}

div#rightcolumn h2 {
    padding: 15px 0 0 0;
}

/* contents
----------------------------------------------- */
div#contents {
	margin: 0 auto;
	padding: 0;
	clear: both;
/*    overflow: hidden;*/
}
div#column_left {
	margin: 0 30px 0 0;
	padding: 0;
	float: left;
/*    overflow: hidden;*/
}
div#column_right {
	margin: 0;
	padding: 0;
	float: right;
    overflow: hidden;
}

/* 3カラム設定 */
#column_center_three {
	margin: 0;
	padding: 0;
	float: left;
    overflow: hidden;
}
/* 2カラム設定 */
#column_center_two {
	margin: 0;
	padding: 0;
	float: left;
    overflow: hidden;
}
/* 1カラム設定 */
#column_center_one {
	margin: 0;
	padding: 0;
	float: left;
    overflow: hidden;
}

/* footer
----------------------------------------------- */
div#pagetop {
	margin: 0 auto;
    padding: 30px 0 0;
    text-align: right;
}
div#footerwrap {
	margin: 0 auto;
    padding: 0 0 20px;
    text-align: left;
    clear: both;
	background: none repeat scroll 0 0 #333333;
}

/* footer information
----------------------------------------------- */
div#footer div#footer-info {
	margin: 0;
    padding: 5px 0;
	overflow: hidden;
}
ul#footer-navi {
	margin: 80px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
	float: right;
	font-size:85%;
	}
ul#footer-navi li {
	padding: 0 8px 0 5px;
	border-right: 1px solid #FFFFFF;
	display: inline;
}
ul#footer-navi li.end {
	border-right: none;
}
#copyright {
	background: url("../img/footer/img_fotter_rogo.gif") left center no-repeat;
	margin: 25px 0 5px 0;
	float: left;
	text-align: left;
	color: #999999;
	font-size:85%;
}

/* FLASH
----------------------------------------------- */
div#flasharea {
    width: 400px;
    margin: 0 auto;
}


/* ニュース
----------------------------------------------- */
div#newsarea {
    width: 400px;
    margin: 0 auto;
    font-size: 90%;
}

div#newsarea dl {
    padding: 10px 0;
    background: url("../img/common/line_400.gif") no-repeat bottom;
}

div#newsarea dl.end {
    padding: 10px 0;
    background: url("") no-repeat bottom;
}

div#newsarea dl dt {
    padding: 0 0 0 20px;
    background: url("../img/top/news_icon.gif") no-repeat;
}


/* おすすめ
----------------------------------------------- */
div#recomendarea {
    width: 400px;
    margin: 0 auto;
}

div.recomendblock {
    clear: both;
    width: 400px;
    padding: 10px 0;
    overflow: auto;
    background: url("../img/common/line_402.gif") no-repeat bottom;
}

div.recomendleft {
    float: left;
    margin: 0 5px 0 0;
}

div.recomendleft p {
    margin: 0 0 5px 0;
}

div.recomendright {
    float: right;
    width: 190px;
    position: relative;
}

div.recomendleft img, div.recomendright img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

div.recomendright p {
    margin: 0 0 5px 0;
}

div.recomendleft h3 {
    font-size: 100%;
}

div.recomendright h3 {
    font-size: 100%;
}

/* panlist 2013年5月1日変更@ATN菊澤
----------------------------------------------- */
div#pan {
	/*height: 11px;*/
	margin: 0 0 10px;
	padding: 5px 0 4px 5px;
	line-height: 1.4;
	background:#999;
	font-size: 85%;
	color: #333333;
}

div#under02column div#pan{
	height: 11px;
	margin: 0 0 10px;
	padding: 9px 0 5px 20px;
	line-height: 1.1;
	background: url("../img/common/icon-pan02.gif") left top no-repeat;
	font-size: 85%;
	color: #999999;
}

div#pan strong {
	font-weight: lighter;
}

/* error
----------------------------------------*/
#err {
	margin: 10px 0;
	padding: 10px 15px;
	border: 5px solid #F99;
	background: #FEE;
	text-align: left;
}

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

#err li {
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 1.5;
	color: #C00;
}

#err p {
	margin: 8px 0;
	padding: 0;
}

div.item-icon{
	margin: 0;
	padding: 0 0 2px;
}


/* -------------2010年11月5日追加----------------- */
.txt_red {
	color:#FF3300;
}

.txt_blue {
	color:#3366CC;
}

div#footer {
	background:#333;
}
#copyright p {
	margin:35px 0 0 0;
}
ul#footer-navi li a{
	color: #999999;
}
#shipping_guide {
	border: solid #DDD 3px;
	margin-bottom:60px;
}
#shipping_guide_wrap {
	background:url("../img/footer/bg_shipping.gif") repeat-y;
	margin:10px;
	clear:both;
	overflow:hidden;
}
.shipping_guide_culum {
	margin-right:17px;
	text-align:left;
	float:left;
}
.shipping_guide_end {
	float:left;
	text-align:left;
}
.tabele_border {
	margin-top:10px;
	border-collapse:collapse;
}
.tabele_border tr {
	border-bottom:dotted #CCC 1px;
}

#shipping_guide h2 {
	margin-bottom:13px;
}
#shipping_guide h3 {
	background:url("../img/common/title_h3_bg.gif") left top no-repeat;
	padding:0 0 0 10px;
	margin-bottom:5px;
	color:#666666;
}
.mini_font {
	font-size:80%;
	color:#666666;
	font-weight:bold;
}
.font_bold {
	font-weight:bold;
}
.bnr_text {
	line-height:1.5;
	font-size:12px;
	margin-bottom:15px;
}

.mgtop3 {
	margin:3px 3px 0 0;
}
/*2011年2月9日追加　aratana@kimura*/
span.taxin {
	font-size: 90%;
	font-weight: normal;
}

/*2011年2月19日追加　Diamondmedia@sekido*/
.ul_cart{
}

.ul_cart li{
	margin-right:10px;
	display:inline;
}
.status_margin {
	display:block;
	float:left;
	margin:3px 3px 0 0;
}

/*2013年4月16日修正　ATN@Kikuzawa*/
h2.faq {
   clear:both;
   background:url("../img/faq/h2faq.gif") left top no-repeat;
   font-size:110%;
   padding:0 0 0 18px;
   margin:20px 10px 0 10px; 
   border-style:none none dotted none ;
   border-width:1px; 
   border-color:#bbbbbb; 
   
}

.herf_frame_left {
   clear:both;
   float: left;
   width: 53%;
   padding: 0 5px 0 0;
   margin-bottom:15px; 

}

.herf_frame_right  {
   float: left;
   width: 42%;
}

.solidline  {
   clear:both;
   border-style:none none solid none ;
   border-width:2px; 
   border-color:#959595; 
   margin:15px 0 15px 0;
}

.faqquestion {
   background-color: #CCCCCC;
   margin:5px 15px 0 15px;
   padding:2px 0 2px 20px;
}

.table_faq {
	margin:10px 0px;
	padding:0 10px 0 10px;
    position:relative; left:70px;
}

.table_faq th {
	font-weight:normal;
}

.table_faq td {
	font-weight:bold;
	text-align:right;
}

/*2011年9月29日修正　ATN@Kikuzawa*/
div#sitemap_left  {
   float: left;
   width: 55%;
}

div#sitemap_right  {
   float: left;
   width: 40%;
}

.sitemap_1 {
	border-left:3px solid #900;
	padding-left:7px;
}

.sitemap_2 {
	background:url("../img/sitemap/sitemap2.gif") left top no-repeat;
	padding:0 0 0 20px;
}

.sitemap_3 {
	background:url("../img/sitemap/sitemap3.gif") left top no-repeat;
	padding:0 0 0 27px;
}

.indent_left25px {
	margin:0 0 0 25px;
}

.indent_left50px {
	margin:0 0 0 25px;
}

/*2012年1月31日修正・追加　ATN@Kikuzawa(404 error)*/

.navi_1 {
	margin:20px 0;
}

.navi_1 li{
	background:url("../img/404/404icon_1.gif") left top no-repeat;
	padding:0 0 0 30px;
	margin:5px 20px 0 20px;
}

.navi_info {
	background:#EEE;
	border-style:double;
	border-width:medium;
	border-color:#cccccc;
	padding:20px 0 25px 22px;
	margin:0 40px;
	font-size: 120%;
	}

.navi_info li{
	padding:0 0 0 30px;
	margin:0 50px 0 50px;
	background:url("../img/404/404icon_2.gif") left top no-repeat;
}

.navi_search{
	padding:0 0 0 30px;
	margin:0 50px 0 50px;
	font-size: 120%;
}


.navi_3 {
	margin-top: 30px;
	font-size: 90%;
}

.navi_4 {
	margin: 30px 10px;
	font-size: 90%;
}


/* 関連リンク(20111018) 2013年5月2日修正@ATN菊澤
----------------------------------------------- */
#relation-categoryarea {
	clear: both;
    overflow: hidden;
    padding: 30px 0 0;
    width: 708px;
}

#relation-categoryarea h2 {
	background: url("../img/products/bg_h2.gif") no-repeat left top;
    border-bottom: 1px solid #CCCCCC;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 5px 10px;
}

#relation-categoryarea ul{
	background: #FFF;
	padding: 10px;
}

#relation-categoryarea li{
	background: url("../img/products/icon-arrow.gif") no-repeat left center;
    padding: 0 0 0 13px;
}

#block-news-mypage{
	height: 150px;
	overflow: auto;
	margin: 0 0 30px 0;
}


div#block-news-mypage dl dt {

	margin: 0;

	padding: 0;
	
	font-weight: bold;

}

div#block-news-mypage dl dt.end {

	margin: 0 0 7px;

	padding: 0 0 7px;

	border-bottom: 1px dotted #CCCCCC;

}

div#block-news-mypage dl dt span {

	margin: 0 3px 0 0;

	padding: 3px 3px 0 3px;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 85%;

	background: url("../img/bloc/bg_news_date.gif");

}

div#block-news-mypage dl dd {

	margin: 0 0 7px;

	padding: 0 0 7px;

	border-bottom: 1px dotted #CCCCCC;

	color: #434343;

}

/*2013年3月28日修正・追加　ATN@Kikuzawa(会員登録について)*/

dl.dlTbl {
	margin: 10px;
	border-top: 1px dotted #dddddd;
}

dl.dlTbl dt{
	clear: both;
	float: left;
	width: 10em;
	padding: 5px 0px;
	color: #333333;
	font-weight: bold;
}

dl.dlTbl dd{
	padding: 5px 5px 5px 10.5em;
	border-bottom: 1px dotted #dddddd;
}

dl.memberFlow {
	margin: 10px;
}

dl.memberFlow dt {
	clear: both;
	float: left;
	width: 30px;
	padding: 10px;
	color: #212121;
	font-weight: bold;
}

dl.memberFlow dd {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 10px 10px 10px 50px;
	line-height: 2.0;
}

dl.memberFlow dd.even {
	background: #e6e6e6;
}

dl.memberFlow dd img {
	padding: 0 5px;
	vertical-align: middle;
}

div.membership a:hover img {

	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*2013年4月24日修正・追加　ATN@Kikuzawa(ご来社のお客さまへ)*/

.marginbottom15px {

	margin-bottom:15px;
}

.margin30px {

	margin:30px;
}

.marginleft100px {

	margin-left:100px;
}

.fontsize110% {

	font-size:110px;
}

.fontsize110% {

	font-size:110px;
}

.atnoffice {
	margin: 0 0 30px 30px ;
	padding: 30px 50px;
	font-size: 100%;
	border:1px dotted #999;
	width: 550px;
	float: left;
}

/*2013年4月24日修正・追加　ATN@Kikuzawa(補足)*/
.supplementation {
	font-size:90%;
}

/*2012年3月14日追加　ATN@Kikuzawa(特商法に関する表記 送料のテーブル)*/

table.carriage {
	margin:5px;
    }

table.carriage th.medium {
	text-align:center;
	font-weight:normal;
	font-size:100%;
}

table.carriage th.small {
	text-align:center;
	font-weight:normal;
	font-size:90%;
}

table.carriage td.prefecture {
	text-align:center;
	font-size:80%;

}

table.carriage td.deliverycharge {
	text-align:center;
	font-size:110%;

}


/* 商品サブカテゴリ＆コメント8 2014年8月26日追加@ATN菊澤
----------------------------------------------- */
	
#relation-moresearch {
	clear: both;
    overflow: hidden;
    padding: 30px 0 0;
    width: 708px;
}

#relation-moresearch h2 {
	background: url("../img/products/bg_h2.gif") no-repeat left top;
    border-bottom: 1px solid #CCCCCC;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 5px 10px;
}

#relation-moresearch ul{
	background: #FFF;
	padding: 10px;
}

#relation-moresearch li{
	background: url("../img/products/icon-arrow.gif") no-repeat left center;
    padding: 0 0 0 13px;
}

#relation-moresearch a:hover img {

	opacity: 0.6;
	filter: alpha(opacity=60);
}