/*
** グローバルセレクタでmargin/paddingなどを初期化する
*/
*
{
  margin: 0;
  padding: 0;
/* border: none; */
/* color: #000000; */
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
/*line-height: 1.0; */
/* vertical-align: baseline; */
}

/*
** 要素を指定してmargin/paddingを初期化する
*/
html, body, div, 
h1, h2, h3, h4, h5, h6, 
p, pre, blockquote, address, 
ul, ol, dl, dt, dd, 
table, th, td, 
form, fieldset, input, textarea
{
  margin: 0;
  padding: 0;
}

/* 
** ブラウザのスクロールバー表示の違いを解決する 
*/ 
html
{
  overflow: scroll;
  overflow: -moz-scrollabars-vertical;
  overflow-x: scroll;
}
/*
** focus時のアウトラインを非表示可  
*/
:focus {
	outline:0;
} 
/*
** 表(テーブル)のボーダー表示方法の違いを解決する  
*/
table
{
  border-collapse: collapse;
  border-spacing: 0;
}

/*
** グループ化の枠線とイメージのリンクボーダーの非表示化
*/
fieldset, img {
 border: 0;
}
/*
**リストの記号を非表示可
*/
ol, ul {   
list-style:none;   
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
 @charset "EUC-JP";
/*
**  Mac OS X, Win Vista, Win XP, Win 2000のフォントを指定
*/

body {
	font-size: 76%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}

#container {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}

#header {
	width: 960px;
}

#site-id {
	float: left;
	width: 220px;
	height: 85px;
}

/* グローバルナビ */
#gnavi {
	float: right;
	width: 740px;
	height: 85px;
}

#gnavi ul {
	margin-top:4px;
	list-style-type: none;
	text-indent: 280px;	
}

#gnavi ul li {
	display:inline;
	font-size: 12px;
}

#gnavi ul li.tgnavi-txt {
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

#gnavi ul li.gnavi-txt {
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 5px;
	padding-left: 5px;
}


#gnavi ul.ignavi {
	text-indent: -9999px;
	list-style-type: none;
}


#gnavi ul li.ignavi01 a {
	display: block;
	text-decoration:none;
	outline:none;
	height: 22px;
	width: 99px;
	float: right;
	background-image:url(../images/template/login_off.gif);
	background-repeat: no-repeat;
	
}

#gnavi ul li.ignavi01 a:hover {
	background-image: url(../images/template/login_on.gif);
	outline:none;
	background-repeat: no-repeat;
}

#gnavi ul li.ignavi01off a {
	display: block;
	text-decoration:none;
	outline:none;
	height: 22px;
	width: 99px;
	float: right;
	background-image:url(../images/template/logout_off.gif);
	background-repeat: no-repeat;
	
}

#gnavi ul li.ignavi01off a:hover {
	background-image: url(../images/template/logout_on.gif);
	outline:none;
	background-repeat: no-repeat;
}

#gnavi ul li.ignavi01-yahoo a {
        display: block;
        text-decoration:none;
        outline:none;
        height: 22px;
        width: 99px;
        float: right;
        background-image:url(../images/template/yahoologin3.gif);
        background-repeat: no-repeat;
}

#gnavi ul li.ignavi02 a {
	display: block;
	overflow: hidden;
	text-decoration:none;
	outline:none;
	background-repeat: no-repeat;
	height: 22px;
	width: 108px;
	background-image:url(../images/template/customer_off.gif);
	float: right;
}

#gnavi ul li.ignavi02 a:hover {
	background-image: url(../images/template/customer_on.gif);
	outline:none;
}

#gnavi ul li.ignavi03 a {
	display: block;
	overflow: hidden;
	text-decoration:none;
	outline:none;
	background-repeat: no-repeat;
	height: 22px;
	width: 108px;
	background-image:url(../images/template/corp_off.gif);
	float: right;
}

#gnavi ul li.ignavi03 a:hover {
	background-image: url(../images/template/corp_on.gif);
	outline:none;
}

#gnavi ul li.ignavi03-kojin a {
        display: block;
        overflow: hidden;
        text-decoration:none;
        outline:none;
        background-repeat: no-repeat;
        height: 22px;
        width: 108px;
        background-image:url(../images/template/btn_person_off.gif);
        float: right;
}

#gnavi ul li.ignavi03-kojin a:hover {
        background-image: url(../images/template/btn_person_on.gif);
        outline:none;
}

#gnavi ul li.ignavi04 a {
	display: block;
	overflow: hidden;
	text-decoration:none;
	outline:none;
	background-repeat: no-repeat;
	height: 22px;
	width: 106px;
	background-image:url(../images/template/kaimono_off.gif);
	float: right;
}

#gnavi ul li.ignavi04 a:hover {
	background-image: url(../images/template/kaimono_on.gif);
	outline:none;
}

#gnavi ul li.ignavi05-order a {
        display: block;
        overflow: hidden;
        text-decoration:none;
        outline:none;
        background-repeat: no-repeat;
        height: 22px;
        width: 106px;
        background-image:url(../images/template/btn_order_off.gif);
        float: right;
}

#gnavi ul li.ignavi05-order a:hover {
        background-image: url(../images/template/btn_order_on.gif);
        outline:none;
}

#gnavi ul li.ignavilogname {
        text-indent: 0px;
        list-style-type: none;
	font-size: 12px;
	height: 22px;
}

#gnavi ul div.ignavilogname {
        text-indent: 0px;
        list-style-type: none;
	font-size: 13px;
	height: 22px;
	text-align: center;
}


#primary-topics {
	width: 960px;
	clear: right;
	padding-top: 5px;
}


#mainbanner {
	float: left;
	width: 740px;
}

#mainsearch {
	width: 200px;
	float: left;
}

td.mainsearch_title{
        font-size: 14px;
        font-weight:bold;
        color: #4D3E1F;
}

#topcontent {
	clear: both;
}

#wrapper {
	overflow: hidden;
	clear: both;
	padding-top: 10px;
	width: 960px;
	text-align: left;
}

#content1 {
	float: left;
	width: 160px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6A6A6;
}

#menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 160px;
	z-index: 100;
	float: left;
	height: auto;
	background-color: #F00;
}

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

#menu li {
  float: left;
  background: #fff url(../images/template/menu01.gif) no-repeat;
}

#menu li.sub {
  background: #fff url(../images/template/menu01.gif) no-repeat;
}

#menu li, #menu li a {
	display: block;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 31px;
	width: 160px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}

#menu table {
  border-collapse: collapse;
  padding: 0;
  margin: 0 -1px -1px;
}


#menu ul, #menu li.clicked ul ul, #menu li.clicked ul :hover ul ul {
  position: absolute;
  left: -9999px;
  width: 160px;
}

#menu :hover, #menu :active {
	color: #AA5994;
	/* background: #fff url(../images/template/menu01.gif) no-repeat;*/
	z-index: 500;
	/* white-space: nowrap; */
}

#menu :hover > a {
	color: #AA5994;
	background: #fff url(../images/template/menu01.gif) no-repeat;
	z-index: 500;
	/* white-space: nowrap; */
}

#menu li.clicked ul {
	position: static;
	height: auto;
	margin-top: -1px;
	background-color: #FFF;
}

#menu li.clicked ul :hover ul, #menu li.clicked ul :hover ul :hover ul {
	display: block;
	position: absolute;
	left: 160px;
	top: 0;
	height: auto;
	z-index: 500;
	border: 1px solid #fff;
}

#menu li.clicked ul li, #menu li.clicked ul li a {
	text-align: left;
	text-indent: 10px;
	background-image: url(../images/template/leftnavi_li.gif);
	font-size: 12px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 12px;
	color: #5F5F5F;
}

#menu li.clicked ul li.fly a {
	background-color: #FFF;
	background-image: url(../images/template/arrow.gif);
	background-repeat: no-repeat;
	background-position: 120px center;
}

#menu li.clicked ul :hover {
	position: relative;
	z-index: 100;
	background-color: #EEDEEA;
}

#menu li.clicked ul li.fly a:hover {
	background: #EEDEEA url(../images/template/arrow.gif) no-repeat 120px center;
	color: #AA5994;
}

#menu li.clicked ul li.fly:hover > a {
	/* background: #255fa3 url(../images/template/arrow.gif) no-repeat 120px center; */
  color: #AA5994;
}

#menu li.clicked ul :hover ul li, #menu li.clicked ul :hover ul li a {
	background-color: #FFF;
}

#menu li.clicked ul :hover ul :hover ul li {
	z-index: 500;
	background-color: #FFF;
}

#menu li.clicked ul :hover ul li.fly a {
	background-color: #FFF;
	background-image: url(../images/template/arrow.gif);
	background-repeat: no-repeat;
	background-position: 120px center;
}

#menu li.clicked ul :hover ul :hover {
	z-index: 500;
	color: #AA5994;
	background-color: #EEDEEA;
}

#menu li.clicked ul a:hover ul li.fly a:hover {
  /* background: #0d72c0 url(../images/template/arrow.gif) no-repeat 120px center; */
  color: #AA5994;
}

#menu li.clicked ul :hover ul li.fly:hover > a {
  /* background: #0d72c0 url(../images/template/arrow.gif) no-repeat 120px center; */
  color: #AA5994;
}

#menu li.clicked ul :hover ul :hover ul li, #menu li.clicked ul :hover ul :hover ul li a {
	background-color: #FFF;
}

#menu li.clicked ul :hover ul :hover ul :hover {
  background: #EEDEEA;
  color: #ff0;
}

#menu li.clicked ul :hover ul :hover ul :hover a {
  color: #AA5994;
}

#menu li.highlight{
  background: #EEDEEA;
  color: #ff0;
}

:focus {
	outline: none;
}
/* メインコンテンツ　*/
#content2 {
	width: 590px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6A6A6;

}

.topbread {
	font-size: 10px;
	text-decoration: none;
	text-align: left;

}

.bread {
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a6a6a6;
	width: 580px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 7px;

}



/*　ミニバナー用トッピクス */
#secondary-topics {
	width: 580px;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: auto;
}

#boxline-top {
	height: 20px;
	margin-top: 0px;
	text-align: center;
}

#boxline-middle {
	width: 580px;
	background-image: url(../images/template/box_line_middle.gif);
	background-repeat: repeat-y;
} 

#boxline-bottom {
	height: 22px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#secondary-topics #leftstbox {
	float: left;
	width: 188px;
	
}

#secondary-topics #centerstbox {
	float: left;
	width: 188px;
	
}

#secondary-topics #rightstbox {
	float: left;
	width: 188px;
	
}

ul.st01{
	width:178px;
 	list-style-type: none;
	padding-left: 10px;
}


ul.st01 li {
	width:178px;
	text-align: left;

}

ul.st01 li.stimg {
	border:#b6af83 solid 1px;
	background-color:#fff;
	width: 178px;
}

ul.st01 li.stcat h2 a {
	color: #AA5994;
	width: 178px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

ul.st01 li.stcat stlead {
	font-size:11px;
}
	

ul.st01 li.stcat h2 :hover {
	color: #CC3399;
}

/* ニュース&お知らせ　*/
#articles {
	width:570px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
			
#left-articles {
	background-color: #F6F3EE;
	width: 270px;
	float: left;
	padding: 5px;
	margin-top: 5px;
	display:inline;
    text-align:left;
}

#articles #left-articles h2 {
	font-size: 14px;
	font-weight: bold;
	color: #4D4D4D;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #4D4D4D;
}

#right-articles {
	background-color: #F7F6F5;
	width: 270px;
	float: right;
	padding: 5px;
	margin-top: 5px;
	display: inline;
    text-align:left;
}

#articles #right-articles h2 {
	font-size: 14px;
	font-weight: bold;
	color: #4D4D4D;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #4D4D4D;
}

/* トップ下部バナー用 */
#bottom-topics {
	width: 580px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 5px;
}

/* ライトコンテンツ　*/

#content3 {
	float: right;
	width: 200px;
    text-align: center;
}

#content1, #content2, #content3 {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

/*　フッター　*/
#footer {
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#footer ul.fnavi {
	list-style-type: none;
}

#footer ul.fnavi li {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	display: inline;
	font-size: 10px;
	height: 14px;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

#footer ul.fnavi li.endfnavi {
	border-right-style: none;
	border-right-width: medium;
}

#footer ul.fnavi li a:link, #footer ul.footnavi li a:visited {
  color: #AA5994;
}

#footer ul.fnavi li a:hover { 
  color: #666666;
  text-decoration: underline;
}

#footer ul.footnavi li a:active {
  color: #666666;
  text-decoration : none;
}

#footer a:hover {
  text-decoration: none;
}

#footer p, #header p {
	color: #707070;
}


.content {
  padding: 10px;
}

address {
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	height: 14px;
	padding-top: 10px;
}





/*-*-*-*-*-*-*-回り込み解除-*-*-*-*-*-*-*/
.clear{
	clear: both;
	font: 1px/1px monospace;
}
/*---回り込み解除---*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.clearfix { 
	display: inline-block;
}
/* Hides from IE 4-6 \*/
* html .clearfix { 
	height: 1%;
}
.clearfix { 
	display: block;
	position: relative;
} 
*:first-child+html .clearfix {
	position:static;
}
/* End hide from IE 4-6 */

/* tab CSS Document */
/* CREAR FIX Module */
.fix       { min-height: 1%; }
.fix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.fix       { display: inline-table; }
/* Hides from Mac IE \*/
* html .fix { height: 1px; }
.fix { display: block; }
/* Hides from Mac IE */

div#tabNavi {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}

/*Tabs*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px;
	width: 100%;
	display: inline;
}

ul.tabs li {
	float: left;
	padding: 0;
	width: 190px;
	line-height: 31px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/template/tab_off.jpg);
	background-repeat: no-repeat;
	display: inline;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 15px;
	outline: none;
	overflow: hidden;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	font-weight: bold;	
}

ul.tabs li a:hover {
	background-image: url(../images/template/tab_on.jpg);
	background-repeat: no-repeat;
}

ul.tabs li.active {
	background-image:url(../images/template/tab.jpg);
	background-repeat: no-repeat;
}
	
ul.tabs li.active a:hover {
	background-image: url(../images/template/tab_on.jpg);
	background-repeat: no-repeat;
}

/* Tab Content */
.tab_container {
	border: 1px solid #A6A6A6;
	border-top: 1px solid #CACACA;
	overflow: hidden;
	clear: both;
	float: left;
	width: 570px;
	background-color: #CACACA;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	position: relative;
}

.tab_content {
	font-size: 11px;
	margin-top: 4px;
	margin-left: 4px;
}

.tabtopics {
	list-style: none;
	width: 182px;
	background-color: #FFF;
	border: 1px solid #B8B2A5;
	/*height: 100%; */
	height: 152px;
	float: left;
	display: inline;
	margin-right: 4px;
	margin-bottom: 4px;
        position:relative; top:0px; left:0px;
}

.tabimg {
	border: 1px solid #333;
	width: 86px;
	float: left;
	margin-top: 6px;
	margin-left: 4px;
	display: inline;
}

.tablead {
	float: left;
	width: 84px;
	/*height: 108px;*/
	margin-left:4px;
	display: inline;
	overflow: hidden;
        position:absolute; top:0px; left:88px;
}

.tablead h3 a {
	font-size: 12px;
	color: #AA5994;
}

.tablead p {
	font-size: 10px;
	color: #5F5F5F;
}

.tabprice {
	list-style-type: none;
	font-size: 12px;
	/*float: left; */
	/*width: 86px; */
	float: clear
	padding-left: 5px;
	padding-bottom: 5px;
        position:absolute; top:100px; left:5px;
}

.tabtax {
	list-style-type: none;
	font-size: 9px;
	width: 86px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.tabdetails {
	float: right;
	width: 88px;
	display: inline;
        position:absolute; top:120px; left:88px;
}

.tabdetails a {
	width: 88px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
}


@charset "euc-jp";
/* CSS Document */


a:link {
	color:#AA5994;
	text-decoration:none;
}

a:visited {
	color: #AA5994;
	text-decoration: none;
}
a:hover {
	color: #AA5994;
	text-decoration: underline;
}
a:active {
	color: #AA5994; 
	text-decoration: none;
}


.line_gr{background-color:#04A700;}
.line_w{background-color:#ffffff;}

.top_menu_bg{background-color:#B1F176;}
.left_menu_bg{background-color:#DFF4D7;}
.left_menu_bg_tp{background-color:#DFF4D7;}
.left_menu_bg2{background-color:#CFEEC1;}

.whatnew_line_bg{background-color:#FFC274;}
.whatnew_bg{background-color:#FFFED1;}

.information_line_bg{background-color:#FFC274;}
.information_bg{background-color:#FFF0DD;}

.birthday_line_bg{background-color:#B2E894;}
.birthday_bg{background-color:#FFFFFF;}

.maintenance_line_bg{background-color:#A3E17C;}
.maintenance_bg{background-color:#DFF4D7;}


.size10     {font-size:11px; line-height:13px; color:#424242;}
.size10_red {font-size:11px; line-height:13px; color:#751732;}
.size10_br  {font-size:11px; line-height:13px; color:#AA5994;}
.goods_title{font-size:14px; line-height:17px; color:#AA5994; font-weight:bold;}
.goods_title a:link {font-size:14px; line-height:17px; color:#AA5994; text-decoration: none; font-weight:bold;}
.goods_title a:visited {font-size:14px; line-height:17px; color:#AA5994; text-decoration: none; font-weight:bold;}
.goods_title a:hover {font-size:14px; line-height:17px; color:#AA5994; text-decoration: underline; font-weight:bold;}

.size12      {font-size:14px; line-height:17px; color:#424242;}
.size12_bld  {font-size:14px; line-height:17px; color:#424242; font-weight:bold;}
.size12_br   {font-size:14px; line-height:17px; color:#AA5994; font-weight:bold;}
.size12_br_hb{font-size:14px; line-height:17px; color:#751732;}
.size12_red  {font-size:14px; line-height:17px; color:#751732;}
.size12_red2  {font-size:14px; line-height:17px; color:red;}

.kago_total   {font-size:14px; line-height:17px; font-weight:bold; color:#751732;}
.kago_total_bg{background-color:#F5EFEA;}

.maintenance_title{font-size:14px; line-height:17px; color:#03502C; font-weight:bold;}
.maintenance_guide{font-size:14px; line-height:17px; color:#03502C;}
.maintenance_text{font-size:14px; line-height:17px; color:#3B3836;}
.maintenance_now{font-size:14px; line-height:17px; color:#3B3836;}
.maintenance_next{font-size:14px; line-height:17px; color:#7B4200;}
.maintenance_sub_title{font-size:14px; line-height:17px; color:#209C1D;}

.error{font-size:16px; line-height:19px; color:#DE5411; font-weight:bold;}
.error_text{font-size:14px; line-height:17px; color:#751732; font-weight:bold;}

.text80 {  width: 500px; height: 130px}

.waku_pink {  border-color: #DDC9B9 DDC9B9 DDC9B9 #ddc9b9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}.size12_pink {  font-size:11px; color: #DDC9B9}
.size10_pink {  font-size:11px; color: #9A765B}

#header #gnavi h1 {
	font-size: 11px;
	margin: 0;
	padding: 10px 0;
	color: #AA5994;
	text-align: right;
}

h3 {
  font-size: 18px;
  margin: 0;
  padding: 8px 0;
}

p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0;
	text-align: left;
}

s {
  text-decoration: line-through;
}
鏤侵*
**  IE, Firefox, Safari, Google Chrome・・SS・xビ"・・
*/

/* IE・・SS・xビ"・・*/

body {
  word-wrap: break-word;
}