@charset "utf-8";


/*  for All
==================================================================================*/
body{
	position:relative;
	background-color:#FFFFFF;
}
body.scrool{
	padding-bottom:105px;
}

.item{
	clear:both;
}
.colL,
.itemL{
	display:block;
	float:left;
}
.colR,
.itemR {
	display:block;
	float:right;
}
small{
	font-size:0.8em !important;
}
strong{
	font-weight:bold !important;
}
.clr{
	clear:both;
}
.aC{
	text-align:center;
}
.aR{
	text-align:right;
}
.mt0{
	margin-top:0 !important;
}
.mt20{
	margin-top:20px !important;
}
.mt40{
	margin-top:40px !important;
}
.pt5{
	padding-top:5px !important;
}
.pt10{
	padding-top:10px !important;
}
.pl20{
	padding-left:20px !important;
}
.relative{
	position:relative;
}

/* a、a:hover */
a.comBtn01 {
	display:block;
	width:91px;
	height:29px;
	background:url(../img-base/common/com_bt001.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn01:hover {
	background:url(../img-base/common/com_bt001on.gif) no-repeat left top;
}


a.comBtn02 {
	display:block;
	float:right;
	width:66px;
	height:21px;
	background:url(../img-base/common/com_bt002.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn02:hover {
	background:url(../img-base/common/com_bt002on.gif) no-repeat left top;
}

a.comBtn03 {
	display:block;
	width:111px;
	height:26px;
	background:url(../img-base/common/com_bt003.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn03:hover {
	background:url(../img-base/common/com_bt003on.gif) no-repeat left top;
}

a.comBtn04 {
	display:block;
	width:117px;
	height:25px;
	background:url(../img-base/common/com_bt004.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn04:hover {
	background:url(../img-base/common/com_bt004on.gif) no-repeat left top;
}

a.comBtn05 {
	display:block;
	width:55px;
	height:20px;
	margin-top:1px;
	background:url(../img-base/common/com_bt005.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn05:hover {
	background:url(../img-base/common/com_bt005on.gif) no-repeat left top;
}

a.comBtn06 {
	display:block;
	width:51px;
	height:23px;
	background:url(../img-base/common/com_bt006.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn06:hover {
	background:url(../img-base/common/com_bt006on.gif) no-repeat left top;
}

a.comBtn07 {
	display:block;
	width:121px;
	height:22px;
	background:url(../img-base/common/com_bt007.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn07:hover {
	background:url(../img-base/common/com_bt007on.gif) no-repeat left top;
}

a.comBtn08 {
	display:block;
	width:111px;
	height:25px;
	background:url(../img-base/common/com_bt008.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn08:hover {
	background:url(../img-base/common/com_bt008on.gif) no-repeat left top;
}

a.comBtn09 {
	display:block;
	width:44px;
	height:25px;
	background:url(../img-base/common/com_bt009.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn09:hover {
	background:url(../img-base/common/com_bt009on.gif) no-repeat left top;
}

a.comBtn10 {
	display:block;
	width:93px;
	height:30px;
	background:url(../img-base/common/com_bt010.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn10:hover {
	background:url(../img-base/common/com_bt010on.gif) no-repeat left top;
}

a.comBtn11 {
	display:block;
	width:93px;
	height:30px;
	background:url(../img-base/common/com_bt011.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn11:hover {
	background:url(../img-base/common/com_bt011on.gif) no-repeat left top;
}

a.comBtn12{
	display:block;
	width:134px;
	height:30px;
	background:url(../img-base/common/com_bt012.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.comBtn12:hover {
	background:url(../img-base/common/com_bt012on.gif) no-repeat left top;
}
a.comBtn13 {
	display:block;
	width:95px;
	height:30px;
	background:url(../img-base/common/com_bt013.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	float: left;
}
a.comBtn13:hover {
	background:url(../img-base/common/com_bt013on.gif) no-repeat left top;
}
a.comBtn14 {
	display:block;
	width:95px;
	height:30px;
	background:url(../img-base/common/com_bt014.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	float: right;
}
a.comBtn14:hover {
	background:url(../img-base/common/com_bt014on.gif) no-repeat left top;
}


/* h2、h3、h4 */
.sttlType01 {
	clear:both;
	background:url(../img-base/common/com_hr001.gif) repeat-x left bottom;
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:10px;
	width:820px;
}
.sttlType01 span {
	background-color:#FFFFFF;
	padding-right:1em;
	font-weight:bold;
}

.sttlType02 {
	clear:both;
	background:url(../img-base/generation_bg002.gif) no-repeat left bottom;
	color:#4C4C4C;
	font-size:1em;
	line-height:1.1;
	margin-bottom:10px;
	width:715px;
	height:37px;
	padding:12px 0 0 105px;
}


/*  wrap
==================================================================================*/
/* wrap */
#wrap {
	position:relative;
	clear:both;
	width: 820px;
	margin: 0 auto;
	z-index:0;
}


/*  SubNavi
==================================================================================*/
/* SubNavi */
#SubNavi {
	position:relative;
	clear:both;
	height:42px;
	background:url(../img-base/common/com_bg003.gif) repeat-x left top;
	z-index:99;
}
#SubNavi li {
	float:left;
	height:22px;
	padding-top:20px;
}
#SubNavi li.sub01on,
#SubNavi li.sub02on,
#SubNavi li.sub03on,
#SubNavi li.sub04on,
#SubNavi li.sub05on,
#SubNavi li.sub06on,
#SubNavi li.sub07on,
#SubNavi li.sub08on,
#SubNavi li.sub09on,
#SubNavi li.sub10on,
#SubNavi li.sub11on,
#SubNavi li.sub12on,
#SubNavi li.sub13on {
	background:url(../img-base/common/com_bg002.gif) repeat-x left bottom;
}
#SubNavi li.sub09 {
	height:42px;
	padding-top:0;
}
#SubNavi li.sub10 {
	height:13px;
	padding-top:19px;
}
#SubNavi li.sub12 {
	height:13px;
	padding-top:18px;
}
#SubNavi li.sub13 {
	height:39px;
	padding-top:3px;
}


#CategorySlide{
	position: relative;
}
#CategorySlide ul{
	height:214px;
}
#CategorySlide ul li{
	display:none;
}
#CategorySlide .category{
	position: absolute;
	display:block;
	top:17px;
	right:17px;
}

#Area h2 {
	clear:both;
	margin:20px 0 0 2px;
}


#Area #SubNavi {
	background:url(../img-base/common/com_bg001.gif) repeat-x left top;
}

#Area #SubNavi li {
	float:left;
	height:22px;
	padding-top:20px;
}
#Area #SubNavi li.sub01on,
#Area #SubNavi li.sub02on,
#Area #SubNavi li.sub03on,
#Area #SubNavi li.sub04on,
#Area #SubNavi li.sub05on,
#Area #SubNavi li.sub06on,
#Area #SubNavi li.sub07on,
#Area #SubNavi li.sub08on,
#Area #SubNavi li.sub09on,
#Area #SubNavi li.sub10on,
#Area #SubNavi li.sub11on,
#Area #SubNavi li.sub12on,
#Area #SubNavi li.sub13on {
	background:url(../img-base/common/com_bg002.gif) repeat-x left top;
}
#Area #SubNavi li.sub09 {
	height:42px;
	padding-top:0;
}
#Area #SubNavi li.sub10 {
	height:13px;
	padding-top:19px;
}
#Area #SubNavi li.sub12 {
	height:13px;
	padding-top:18px;
}
#Area #SubNavi li.sub13 {
	height:35px;
	padding-top:7px;
}

#SubNavi li a {
	clear:both;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#SubNavi li.sub01 a {
	width:37px;
	height:10px;
	background:url(../img-base/common/nav001.gif) no-repeat left top;
}
#SubNavi li.sub01on a {
	background:url(../img-base/common/nav001ot.gif) no-repeat left top !important;
}
#SubNavi li.sub01 a:hover {
	background:url(../img-base/common/nav001on.gif) no-repeat left top;
}

#SubNavi li.sub02 a {
	width:63px;
	height:10px;
	background:url(../img-base/common/nav002.gif) no-repeat left top;
}
#SubNavi li.sub02on a {
	background:url(../img-base/common/nav002ot.gif) no-repeat left top !important;
}
#SubNavi li.sub02 a:hover {
	background:url(../img-base/common/nav002on.gif) no-repeat left top;
}

#SubNavi li.sub03 a {
	width:79px;
	height:10px;
	background:url(../img-base/common/nav003.gif) no-repeat left top;
}
#SubNavi li.sub03on a {
	background:url(../img-base/common/nav003ot.gif) no-repeat left top !important;
}
#SubNavi li.sub03 a:hover {
	background:url(../img-base/common/nav003on.gif) no-repeat left top;
}

#SubNavi li.sub04 a {
	width:68px;
	height:10px;
	background:url(../img-base/common/nav004.gif) no-repeat left top;
}
#SubNavi li.sub04on a {
	background:url(../img-base/common/nav004ot.gif) no-repeat left top !important;
}
#SubNavi li.sub04 a:hover {
	background:url(../img-base/common/nav004on.gif) no-repeat left top;
}

#SubNavi li.sub05 a {
	width:57px;
	height:10px;
	background:url(../img-base/common/nav005.gif) no-repeat left top;
}
#SubNavi li.sub05on a {
	background:url(../img-base/common/nav005ot.gif) no-repeat left top !important;
}
#SubNavi li.sub05 a:hover {
	background:url(../img-base/common/nav005on.gif) no-repeat left top;
}

#SubNavi li.sub06 a {
	width:65px;
	height:10px;
	background:url(../img-base/common/nav006.gif) no-repeat left top;
}
#SubNavi li.sub06on a {
	background:url(../img-base/common/nav006ot.gif) no-repeat left top !important;
}
#SubNavi li.sub06 a:hover {
	background:url(../img-base/common/nav006on.gif) no-repeat left top;
}

#SubNavi li.sub07 a {
	width:67px;
	height:10px;
	background:url(../img-base/common/nav007.gif) no-repeat left top;
}
#SubNavi li.sub07on a {
	background:url(../img-base/common/nav007ot.gif) no-repeat left top !important;
}
#SubNavi li.sub07 a:hover {
	background:url(../img-base/common/nav007on.gif) no-repeat left top;
}

#SubNavi li.sub08 a {
	width:44px;
	height:10px;
	background:url(../img-base/common/nav008.gif) no-repeat left top;
}
#SubNavi li.sub08on a {
	background:url(../img-base/common/nav008ot.gif) no-repeat left top !important;
}
#SubNavi li.sub08 a:hover {
	background:url(../img-base/common/nav008on.gif) no-repeat left top;
}

#SubNavi li.sub09 a {
	padding-top:20px;
	width:87px;
	height:10px;
}
#SubNavi li.sub09 a:hover {
	background:url(../img-base/common/com_bg002.gif) repeat-x left top;
}
#SubNavi li.sub09 a span {
	display:block;
	width:87px;
	height:10px;
	background:url(../img-base/common/nav009.gif) no-repeat left top;
}
#Area #SubNavi li.sub09 a {
	padding-top:20px;
}
#SubNavi li.sub09 ul.sub {
	position:absolute;
	clear:both;
	width:152px;
	border:3px solid #B4B4B4;
	border-top:0;
	background-color:#FFFFFF;
	z-index:100;
	display:none;
	filter: "alpha(opacity=95)";
	filter: alpha(opacity=95); 
	opacity:0.95;
}
#SubNavi li.sub09 ul.sub li,
#SubNavi li.sub09 ul.sub a,
#SubNavi li.sub09 ul.sub img {
	display:block;
	width:152px !important;
	height:24px !important;
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
}


#SubNavi li.sub09on a span {
	background:url(../img-base/common/nav009ot.gif) no-repeat left top !important;
}
#SubNavi li.sub09 a:hover span {
	background:url(../img-base/common/nav009on.gif) no-repeat left top;
}

#SubNavi li.sub10 a {
	width:102px;
	height:13px;
	background:url(../img-base/common/nav010.gif) no-repeat left top;
}
#SubNavi li.sub10on a {
	background:url(../img-base/common/nav010ot.gif) no-repeat left top !important;
}
#SubNavi li.sub10 a:hover {
	background:url(../img-base/common/nav010on.gif) no-repeat left top;
}

#SubNavi li.sub11 a {
	width:65px;
	height:10px;
	background:url(../img-base/common/nav011.gif) no-repeat left top;
}
#SubNavi li.sub11on a {
	background:url(../img-base/common/nav011ot.gif) no-repeat left top !important;
}
#SubNavi li.sub11 a:hover {
	background:url(../img-base/common/nav011on.gif) no-repeat left top;
}
#SubNavi li.sub11 img {
	position:absolute;
	left:618px;
	bottom:22px;
}

#SubNavi li.sub12 a {
	width:74px;
	height:13px;
	background:url(../img-base/common/nav012.gif) no-repeat left top;
}
#SubNavi li.sub12on a {
	background:url(../img-base/common/nav012ot.gif) no-repeat left top !important;
}
#SubNavi li.sub12 a:hover {
	background:url(../img-base/common/nav012on.gif) no-repeat left top;
}

#SubNavi li.sub13 a {
	width:77px;
	height:32px;
	background:url(../img-base/common/nav013.gif) no-repeat left top;
}
#SubNavi li.sub13on a {
	background:url(../img-base/common/nav013ot.gif) no-repeat left top !important;
}
#SubNavi li.sub13 a:hover {
	background:url(../img-base/common/nav013on.gif) no-repeat left top;
}


/*  Contents
==================================================================================*/
/* Contents */
#Contents {
	position:relative;
	clear:both;
	padding-bottom:20px;
}

/*  footer
==================================================================================*/
/* footer */
#footer {
	clear:both;
}

/*  for /index.html
==================================================================================*/
#Index #Contents {
	width:820px;
}

/* Main */
#Index #Main {
	float:left;
	width:621px;
	padding-top:7px;
	overflow:hidden;
	z-index:0;
}

/* Slides */
#Index #slideShow {
	position:relative;
	float:left;
	width:404px;
	height:217px;
	padding:0 10px 10px 0;
	z-index:1;
}
#Index #slideShow .slides {
	width:404px;
	height:217px;
}

#Index #slideShow ul.navigation {
	position:absolute;
	top:11px;
	left:7px;
	width:126px;
	z-index:10;
}
#Index #slideShow ul.navigation li {
	display:block;
	height:18px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position:left top;
}
#Index #slideShow ul.navigation li span {
	display:block;
	height:18px;
	background-repeat:no-repeat;
	background-position:left top;
	filter: "alpha(opacity=80)";
	filter: alpha(opacity=80); 
	opacity:0.8;
	text-indent:-9999px;
	overflow:hidden;
}
#Index #slideShow ul.navigation li a {
	display:block;
	height:18px;
	background-repeat:no-repeat;
	background-position:left top;
	filter: "alpha(opacity=80)";
	filter: alpha(opacity=80); 
	opacity:0.8;
	text-indent:-9999px;
	overflow:hidden;
}
#Index #slideShow ul.navigation li a:hover,
#Index #slideShow ul.navigation li a.selected {
	filter: "alpha(opacity=100)";
	filter: alpha(opacity=100); 
	opacity:1;
}
#Index #slideShow ul.navigation li.no00 {
	width:58px;
}
#Index #slideShow ul.navigation li.no01 {
	width:39px;
}
#Index #slideShow ul.navigation li.no02 {
	width:126px;
}
#Index #slideShow ul.navigation li.no03 {
	width:87x;
}
#Index #slideShow ul.navigation li.no04 {
	width:87px;
}
#Index #slideShow ul.navigation li.no05 {
	width:113px;
}
#Index #slideShow ul.navigation li.no06 {
	width:120px;
}
#Index #slideShow ul.navigation li.no07 {
	width:74px;
}
#Index #slideShow ul.navigation li.no00 span,
#Index #slideShow ul.navigation li.no00 a {
	width:58px;
	background-image:url(../img-base/slides_bt001.gif);
}
#Index #slideShow ul.navigation li.no01 span,
#Index #slideShow ul.navigation li.no01 a {
	width:39px;
	background-image:url(../img-base/slides_bt002.gif);
}
#Index #slideShow ul.navigation li.no02 span,
#Index #slideShow ul.navigation li.no02 a {
	width:126px;
	background-image:url(../img-base/slides_bt003.gif);
}
#Index #slideShow ul.navigation li.no03 span,
#Index #slideShow ul.navigation li.no03 a {
	width:87x;
	background-image:url(../img-base/slides_bt004.gif);
}
#Index #slideShow ul.navigation li.no04 span,
#Index #slideShow ul.navigation li.no04 a {
	width:87px;
	background-image:url(../img-base/slides_bt005.gif);
}
#Index #slideShow ul.navigation li.no05 span,
#Index #slideShow ul.navigation li.no05 a {
	width:113px;
	background-image:url(../img-base/slides_bt006.gif);
}
#Index #slideShow ul.navigation li.no06 span,
#Index #slideShow ul.navigation li.no06 a {
	width:120px;
	background-image:url(../img-base/slides_bt007.gif);
}
#Index #slideShow ul.navigation li.no07 span,
#Index #slideShow ul.navigation li.no07 a {
	width:74px;
	background-image:url(../img-base/slides_bt008.gif);
}

/* items */
#Index .items {
	float:left;
	width:200px;
	height:250px;
	margin-top:-33px;
	padding:0 7px 7px 0;
}

/* a.border */
#Index a.border {
	display:block;
	width:198px;
	height:248px;
	border:1px solid #D9D9D9;
}
#Index a.border:hover {
	border:1px solid #858585;
}
#Index a.border .cat01,
#Index a.border .cat02,
#Index a.border .cat03,
#Index a.border .cat04 {
	display:block;
	padding:2px 8px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
}
#Index a.border .cat01 {
	background-color:#89067e;
}
#Index a.border .cat02 {
	background-color:#c9cf32;
}
#Index a.border .cat03 {
	background-color:#A89CA8;
}
#Index a.border .cat04 {
	background-color:#443290;
}
#Index a.border .img {
	display:block;
	width:184px;
	padding:7px 7px 0 7px;
	overflow:hidden;
}
#Index a.border .name {
	display:block;
	padding:5px 7px 0 7px;
	color:#303030;
	font-size:1.2em;
	font-weight:bold;
}

#Index a.border .discount {
	display:block;
	padding:0 7px 0 7px;
	color:#00219F;
	font-size:1.6em;
	font-weight:bold;
	line-height: 1.1em;
}
#Index a.border .discountTxt {
	display:block;
	padding:0 7px 0 7px;
	color:#000000;
	font-weight:bold;
}
#Index a.border .txt {
	display:block;
	padding:5px 7px 0 7px;
	color:#303030;
}

/* div.border */
#Index .items div.border {
	position:relative;
	width:198px;
	height:248px;
	border:1px solid #D9D9D9;
}
#Index .items div.border .name {
	padding:7px 7px 0 7px;
	color:#94256C;
	line-height:1.1;
	font-weight:bold;
}
#Index .items div.border .txt {
	padding:5px 7px 0 7px;
	color:#303030;
	line-height:1.1;
}
#Index .items div.border .btn {
	position:absolute;
	bottom:10px;
	width:184px;
	padding:0 7px 0 7px;
}
/* Side */
#Index #Side {
	float:right;
	width:199px;
	padding-top:3px;
	overflow:hidden;
}
#Index #Side li {
	margin-bottom:6px;
}
#Index #Side li .txt01 {
	position:absolute;
	top:10px;
	left:15px;
	color:#303030;
	font-size:1em;
	font-weight:bold;
}
#Index #Side li a:hover .txt01 {
	color:#595959;
}
#Index #Side a.border {
	display:block;
	width:197px;
}
#Index #Side a.border .img {
	width:179px;
	padding:7px 7px 0 7px;
}
#Index #Side a.border .name {
	padding:5px 9px 0 9px;
}

#Index #Side a.border .discount {
	padding:0 9px 0 9px;
}
#Index #Side a.border .discountTxt {
	padding:0 9px 0 9px;
}
#Index #Side a.border .txt {
	padding:5px 9px 0 9px;
}




/*  for /area.html
==================================================================================*/
/* topArea */
#Area .topArea {
	clear:both;
	padding:7px 0 0 0;
}
#Area .topArea .colL {
	width:445px;
}
#Area .topArea .colL .itemL {
	width:95px;
}
#Area .topArea .colL .itemR {
	width:340px;
}
#Area .topArea .colL .itemR p {
	line-height:1.1;
}
#Area .topArea .colL .itemR p {
	width:325px;
	padding-top:10px;
}
#Area .topArea .colL #HideTxt {
	display:none;
}
#Area .topArea .colR {
	width:370px;
}

/* listType01 */
#Area .listType01 {
	clear:both;
	width:820px;
	padding:7px 0 0 0;
}
#Area .listType01 li {
	float:left;
	display:inline;
	width:158px;
	/*height:194px;*/
	height:172px;
	margin:0 3px 6px 3px;
}
#Area .listType01 li a {
	position:relative;
	clear:both;
	display:block;
	width:144px;
	/*height:177px;*/
	height:155px;
	padding:6px;
	border:1px solid #D9D9D9;
	cursor:pointer;
}
#Area .listType01 li a:hover {
	border:1px solid #858585;
}

#Area .listType01 li a.line01,
#Area .listType01 li a.line01:hover {
	border-top:3px solid #89067e;
}
#Area .listType01 li a.line02,
#Area .listType01 li a.line02:hover {
	border-top:3px solid #c9cf32;
}
#Area .listType01 li a.line03,
#Area .listType01 li a.line03:hover {
	border-top:3px solid #A89CA8;
}
#Area .listType01 li a.line04,
#Area .listType01 li a.line04:hover {
	border-top:3px solid #443290;
}
#Area .listType01 li img.line01 {
	display:block;
	border-top:3px solid #B4B4B4;
}
#Area .listType01 li .name {
	color:#333333;
	display:block;
	font-size:1.0em;
	line-height:1.0;
	padding:4px 0 0 3px;
	width:141px;
}
#Area .listType01 li .box {
	position:absolute;
	clear:both;
	width:144px;
	top:144px;
}

#Area .listType01 li .box .offer {
	display:block;
	clear:both;
	width:144px;
	border-top:1px solid #EDEDED;
	padding-top:4px;
}
#Area .listType01 li .box .discount {
	float:left;
	padding-bottom:2px;
	color:#0023A0;
	font-size:1.3em;
	line-height:1.2;
	font-weight:bold;
}
#Area .listType01 li .box .icon {
	float:right;
	text-align:right;
}
#Area .listType01 li .box .icon img {
	padding-left:6px;
}

#Area #Slides {
	position:relative;
	clear:both;
	height:83px;
}
#Area #Slides .prev {
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}
#Area #Slides .next {
	position:absolute;
	top:0;
	right:0;
	z-index:99;
}
#Area #Slides .prev img,
#Area #Slides .next img {
	display:block;
}

#Area #Slides ul li {
	position:relative;
	display:inline;
	margin:0 11px;
}
#Area #Slides ul li .txt01 {
	position:absolute;
	top:45px;
	left:5px;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	line-height:1;
}
#Area #Slides ul li .txt02 {
	position:absolute;
	top:6px;
	left:10px;
	color:#000000;
	line-height:1.2;
}
#Area #Slides ul li .txt03 {
	position:absolute;
	top:6px;
	left:175px;
	color:#000000;
	line-height:1.1;
}
#Area #Slides ul li .txt04 {
	position:absolute;
	top:10px;
	left:10px;
	color:#000000;
	font-size:1.6em;
	font-weight:bold;
}
#Area #Slides ul li .comBtn10 {
	position:absolute;
	top:48px;
	left:10px;
	color:#000000;
}
#Area #Slides ul li .comBtn11 {
	position:absolute;
	top:48px;
	left:175px;
	color:#000000;
}
#Area #Slides ul li .comBtn12 {
	position:absolute;
	top:48px;
	left:13px;
	color:#000000;
}

/*  for /other.html
==================================================================================*/
#Area .prdList {
	clear:both;
	width:820px;
	padding-top:7px;
}
#Area .prdList li {
	float:left;
	padding-right:6px;
}
#Area .prdList li a {
	display:block;
	padding:2px 6px;
	font-size:1em;
	font-weight:bold;
	color:#4C4C4C;
	background-color:#DDDDDD;
}
#Area .prdList li a:hover {
	color:#707070;
	background-color:#E4E4E4;
}


/*  for /mytokyostyle.html
==================================================================================*/
/* map */
#Mytokyostyle .map {
	clear:both;
	width:820px;
	padding:7px 0 0 0;
}

/* topArea */
#Mytokyostyle .topArea {
	clear:both;
	margin:25px 0 10px 0;
	padding-left:90px;
	color:#4C4C4C;
	background:url(../img-base/mytokyostyle_bg001.gif) no-repeat left top;
}
#Mytokyostyle .topArea .item {
	padding-bottom:10px;
}
#Mytokyostyle .topArea img {
	display:block;
}
#Mytokyostyle .topArea .itemL {
	width:330px;
}
#Mytokyostyle .topArea .itemR {
	width:300px;
}
#Mytokyostyle .topArea .itemR li {
	float:left;
	margin-right:6px;
}
#Mytokyostyle .topArea .itemR input {
	float:left;
	width:175px;
	margin-right:6px;
	padding:3px 2px;
	border:1px solid #B4B4B4;
}
#Mytokyostyle .topArea .itemR img {
	float:left;
}

/* listType01 */
#Mytokyostyle .listType01 {
	clear:both;
	width:820px;
	padding:7px 0 0 0;
}
#Mytokyostyle .listType01 li {
	float:left;
	display:inline;
	width:158px;
	height:194px;
	margin:0 3px 6px 3px;
	_margin:0 2px 6px 2px;
}
#Mytokyostyle .listType01 li a {
	position:relative;
	clear:both;
	display:block;
	width:144px;
	height:177px;
	padding:6px;
	border:1px solid #D9D9D9;
	cursor:pointer;
}
#Mytokyostyle .listType01 li a:hover {
	border:1px solid #858585;
}

#Mytokyostyle .listType01 li a.line01,
#Mytokyostyle .listType01 li a.line01:hover {
	border-top:4px solid #89067e;
}
#Mytokyostyle .listType01 li a.line02,
#Mytokyostyle .listType01 li a.line02:hover {
	border-top:4px solid #c9cf32;
}
#Mytokyostyle .listType01 li a.line03,
#Mytokyostyle .listType01 li a.line03:hover {
	border-top:4px solid #A89CA8;
}
#Mytokyostyle .listType01 li a.line04,
#Mytokyostyle .listType01 li a.line04:hover {
	border-top:4px solid #443290;
}
#Mytokyostyle .listType01 li .name {
	color:#333333;
	display:block;
	font-size:1.0em;
	line-height:1.0;
	padding:4px 0 0 3px;
	width:141px;
}
#Mytokyostyle .listType01 li .box {
	position:absolute;
	clear:both;
	width:144px;
	top:144px;
}

#Mytokyostyle .listType01 li .box .offer {
	display:block;
	clear:both;
	width:144px;
	border-top:1px solid #EDEDED;
	padding-top:4px;
}
#Mytokyostyle .listType01 li .box .discount {
	float:left;
	padding-bottom:2px;
	color:#9A9A9A;
	font-size:1.3em;
	line-height:1.2;
	font-weight:bold;
}
#Mytokyostyle .listType01 li .box .icon {
	float:right;
	text-align:right;
}
#Mytokyostyle .listType01 li .box .icon img {
	padding-left:6px;
}

/* Steps */
#Mytokyostyle #Steps {
	position:relative;
	clear:both;
	width:694px;
	height:130px;
	margin:0 63px;
	background:url(../img-base/generation_bg001.gif) no-repeat left top;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
}
#Mytokyostyle #Steps .step01 {
	position:absolute;
	top:21px;
	left:94px;
}
#Mytokyostyle #Steps .step02 {
	position:absolute;
	top:21px;
	left:316px;
}
#Mytokyostyle #Steps .step03 {
	position:absolute;
	top:21px;
	left:512px;
}

/* sttlType03 */
#Mytokyostyle .sttlType03 {
	clear:both;
	margin-bottom:10px;
	padding:60px 0 10px 0;
	background:url(../img-base/common/com_hr003.gif) no-repeat left bottom;
	font-weight:bold;
	color:#4C4C4C;
}

/* mytokyostyleBtn01 */
.mytokyostyleBtn01 {
	clear:both;
	width:404px;
	height:54px;
	padding:0 208px;
}
.mytokyostyleBtn01 a {
	display:block;
	width:332px;
	height:36px;
	padding:18px 0 0 72px;
	background:url(../img-base/mytokyostyle_bt005.gif) no-repeat left top;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.1;
	color:#FFFFFF !important;
}
.mytokyostyleBtn01 a:hover {
	background:url(../img-base/mytokyostyle_bt005on.gif) no-repeat left top;
}


/*  for /shop/mt.html
==================================================================================*/
#ShopMt h2 {
	clear:both;
	margin:20px 0 0 2px;
}

/* topArea */
#ShopMt .topArea {
	position:relative;
	clear:both;
	margin:18px 25px 0 25px;
}
#ShopMt .topArea .colL {
	width:289px;
	padding:12px;
	border:1px solid #DADADA;
	background:url(../img-base/shop_mt_bg001.gif) no-repeat right top;
}
#ShopMt .topArea .colL .name {
	padding-top:5px;
	color:#4D4D4D;
	font-size:1.4em;
	font-weight:bold;
}
#ShopMt .topArea .colL .item {
	padding-top:10px;
}
#ShopMt .topArea .colL .itemL {
	width:111px;
	padding-left:26px;
	/*padding-left:90px;*//*For COMING SOON*/
}
#ShopMt .topArea .colL .itemR {
	width:139px;
}
#ShopMt .topArea .colL .txt {
	clear:both;
	border-top:1px solid #6C3F4F;
	padding-top:4px;
	font-weight:bold;
	/*4.11Add*/
	line-height: 1.0;

}
#ShopMt .topArea .colL .box {
	clear:both;
	padding-top:10px;
}
#ShopMt .topArea .colL .box .discount {
	float:left;
	padding-bottom:2px;
	color:#0023A0;
	font-size:1.6em;
	line-height:1.1;
	font-weight:bold;
}
#ShopMt .topArea .colL .box .icon {
	float:right;
	text-align:right;
}
#ShopMt .topArea .colL .box .icon img {
	padding-left:6px;
}
#ShopMt .topArea .colR {
	width:440px;
}
#ShopMt .topArea .colR p {
	line-height:1.3;
}
#ShopMt .topArea .colR ul {
	position:absolute;
	right:0;
	bottom:0;
}
#ShopMt .topArea .colR ul li {
	float:left;
	padding-left:7px;
}

/* listType01 */
#ShopMt .listType01 {
	clear:both;
	width:824px;
	margin-right:-4px;
	padding:20px 0 0 0;
}
#ShopMt .listType01 li {
	float:left;
	padding:0 4px 13px 0;
}
#ShopMt .listType01 li img {
	display:block;
	border:1px solid #D9D9D9;
}

/* contactBox */
#ShopMt .contactBox {
	clear:both;
	margin-bottom:30px;
	padding:7px;
	border:1px solid #D9D9D9;
}
#ShopMt .contactBox .colL {
	width:330px;
	padding:5px 0 0 15px;
}
#ShopMt .contactBox .colL dt {
	font-weight:bold;
	padding-bottom:5px;
	font-size:1.1em;
}
#ShopMt .contactBox .colL ul {
	clear:both;
	padding:10px 0 20px 0;
}
#ShopMt .contactBox .colL ul li {
	float:left;
	padding-right:5px;
}
#ShopMt .contactBox .colR {
	width:399px;
}

/* listType02 */
#ShopMt .listType02 {
	clear:both;
	width:825px;
	margin-right:-5px;
}
#ShopMt .listType02 li {
	float:left;
	width:270px;
	height:67px;
	padding:0 5px 3px 0;
	overflow:hidden;
}
#ShopMt .listType02 li a {
	position:relative;
	clear:both;
	display:block;
	width:268px;
	height:62px;
	border:1px solid #D9D9D9;
	cursor:pointer;
	overflow:hidden;
}
#ShopMt .listType02 li a:hover {
	border:1px solid #858585;
}

#ShopMt .listType02 li a.line01,
#ShopMt .listType02 li a.line01:hover {
	border-top:2px solid #89067e;/*Fashion*/
}
#ShopMt .listType02 li a.line02,
#ShopMt .listType02 li a.line02:hover {
	border-top:2px solid #c9cf32;/*Food*/
}
#ShopMt .listType02 li a.line03,
#ShopMt .listType02 li a.line03:hover {
	border-top:2px solid #A89CA8;/*Other*/
}
#ShopMt .listType02 li a.line04,
#ShopMt .listType02 li a.line04:hover {
	border-top:2px solid #443290;/*Nightspot*/
}
#ShopMt .listType02 li .img {
	display:block;
	padding:2px 0 0 4px;
}
#ShopMt .listType02 li .name {
	color:#333333;
	position:absolute;
	top:5px;
	left:95px;
	width:170px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.0;
}
#ShopMt .listType02 li .box {
	position:absolute;
	clear:both;
	bottom:3px;
	left:95px;
	width:170px;
}

#ShopMt .listType02 li .box .discount {
	float:left;
	width:110px;
}
#ShopMt .listType02 li .box .icon {
	float:right;
	text-align:right;
}
#ShopMt .listType02 li .box .icon img {
	padding-left:6px;
}

/* botArea */
#ShopMt .botArea {
	position:relative;
	clear:both;
	height:154px;
	margin-top:25px;
	margin-left:140px;/*For COMING SOON*/
	background:url(../img-base/shop_mt_ph018.jpg) no-repeat left top;
}
#ShopMt .botArea .ttl {
	position:absolute;
	width:135px;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1;
}
#ShopMt .botArea .txt {
	position:absolute;
	width:135px;
	color:#333333;
	font-size:1.1em;
	line-height:1.1;
}
#ShopMt .botArea .btn {
	position:absolute;
	width:135px;
}
#ShopMt .botArea .col01 .ttl {
	position:absolute;
	top:16px;
	left:20px;
}
#ShopMt .botArea .col01 .txt {
	top:60px;
	left:20px;
}
#ShopMt .botArea .col01 .btn {
	top:110px;
	left:20px;
}
#ShopMt .botArea .col02 .ttl {
	top:16px;
	left:293px;
}
#ShopMt .botArea .col02 .txt {
	top:60px;
	left:293px;
}
#ShopMt .botArea .col02 .btn {
	top:110px;
	left:293px;
}
#ShopMt .botArea .col03 .ttl {
	top:16px;
	left:562px;
}
#ShopMt .botArea .col03 .txt {
	top:60px;
	left:562px;
}
#ShopMt .botArea .col03 .btn {
	top:110px;
	left:562px;
}


/*  for /tips.html
==================================================================================*/
#Tips h2 {
	clear:both;
	margin:20px 0 0 2px;
}




/* topArea */
#Tips .topArea {
	padding:5px 0 0 4px;
}
#Tips .topArea .colL {
	width:540px;
	padding:20px 0 0 0;
}
#Tips .topArea .colL .itemL {
	width:460px;
}
#Tips .topArea .colL .itemL p {
	padding:10px 0 0 20px;
	line-height:1.2;
}
#Tips .topArea .colL .itemR {
	width:70px;
}
#Tips .topArea .colR {
	width:195px;
}

/* MainArea */
#Tips #MainArea {
	clear:both;
}

/* Main */
#Tips #Main {
	float:left;
	width:550px;
	padding:0 0 0 30px;
}
#Tips #Main .section{
	clear:both;
	padding-top:30px;
}
#Tips #Main .section p{
	line-height:1.2;
}
#Tips #Main h3 {
	clear:both;
	height:17px;
	margin-bottom:15px;
	padding:3px 0 0 0;
	font-size:1.2em;
	background:url(../img-base/tips_bg001.gif) no-repeat left top;
}
#Tips #Main h3 span{
	background-color:#FFFFFF;
	padding:0 15px 0 10px;
}
#Tips #Main h4 {
	font-size:1.1em;
	color:#000000;
}
/* twoCol01 */
#Tips .twoCol01 {
	clear:both;
	padding-left:20px;
}
#Tips .twoCol01 .colL {
	width:354px;
}
#Tips .twoCol01 .colR {
	width:305px;
}

/* twoCol02 */
#Tips .twoCol02 {
	clear:both;
	padding-left:20px;
}
#Tips .twoCol02 .colL {
	width:305px;
}
#Tips .twoCol02 .colR {
	width:354px;
}

/* twoCol03 */
#Tips .twoCol03 {
	clear:both;
	padding-left:20px;
}
#Tips .twoCol03 .colL {
	width:156px;
}
#Tips .twoCol03 .colR {
	width:510px;
}

/* twoCol04 */
#Tips .twoCol04 {
	clear:both;
}
#Tips .twoCol04 .colL {
	width:335px;
}
#Tips .twoCol04 .colR {
	width:335px;
}

/* Side */
#Tips #Side {
	position:relative;
	float:right;
	width:50px;
}
#Tips #Side #TipsList {
	position:absolute;
	top:0;
	left:-170px;
	width:165px;
	margin-top:40px;
	padding:10px;
	border:3px solid #B4B4B4;
	background:url(../img-base/tips_bg002.gif) repeat-x left top;
}
#Tips #Side #TipsList ul {
	margin-top:4px;
	padding-top:10px;
	border-top:1px solid #B4B4B4;
}
#Tips #Side #TipsList ul li {
	padding-bottom:10px;
}
#Tips #Side #TipsList ul li a {
	color:#4C4C4C;
	line-height:1.1em;
}
#Tips #Side #TipsList ul li a:hover {
	color:#707070;
}

/*  for /ikituke.html
==================================================================================*/
#Ikituke h2 {
	clear:both;
	margin:20px 0 0 2px;
}
/* topArea */
#Ikituke .topArea {
	padding:5px 0 12px 20px;
}
#Ikituke .topArea .colL {
	width:535px;
	padding:20px 0 0 0;
}
#Ikituke .topArea .colL .itemL {
	width:450px;
	line-height:1.3;
}
#Ikituke .topArea .colL .itemR {
	width:70px;
}
#Ikituke .topArea .colR {
	width:195px;
}

/* listType01 */
#Ikituke .listType01 {
	clear:both;
	width:810px;
	padding:12px 0 0 10px;
}
#Ikituke .listType01 li {
	float:left;
	width:189px;
	height:240px;
	padding:0 11px 12px 0;
}
#Ikituke .listType01 li a .img {
	display:block;
	border-left-width:5px;
	border-left-style:solid;
	border-right:1px solid  #D9D9D9;
	border-top:1px solid  #D9D9D9;
	border-bottom:1px solid  #D9D9D9;
}
#Ikituke .listType01 li a:hover .img {
	border-right:1px solid  #858585;
	border-top:1px solid  #858585;
	border-bottom:1px solid  #858585;
}
#Ikituke .listType01 li p.line01 .img {
	border-left-color:#7A3D4F;
}
#Ikituke .listType01 li p.line02 .img {
	border-left-color:#c9cf32;
}
#Ikituke .listType01 li p.line03 .img {
	border-left-color:#A89CA8;
}
#Ikituke .listType01 li p.line04 .img{
	border-left-color:#443290;
}
#Ikituke .listType01 li p.items .txt {
	display:block;
	margin-top: -19px;
	padding-right:4px;
	height:16px;
	text-align:right;
}
#Ikituke .listType01 li p.items a {
	display:block;
	width:189px;
	height:130px;
}

#Ikituke .listType01 li p.name {
	display:block;
	margin-top:5px;
	font-size:1em;
	font-weight:bold;
}
#Ikituke .listType01 li p.cat {
	display:block;
	padding-top:3px;
	font-size:1em;
	font-weight:bold;
	border-top:2px solid #EDEDED;
    line-height: 1.6;
}

/* listType02 */
#Ikituke .listType02 {
	clear:both;
	float:right;
}
#Ikituke .listType02 li {
	float:left;
	display:inline;
	margin-left:5px;
}
#Ikituke .listType02 li.line01,
#Ikituke .listType02 li.line02,
#Ikituke .listType02 li.line03,
#Ikituke .listType02 li.line04 {
	width:34px;
	margin-left:10px;
	text-indent:-9999px;
	overflow:hidden;
}
#Ikituke .listType02 li.line01 {
	background-color:#7A3D4F;
}
#Ikituke .listType02 li.line02 {
	background-color:#c9cf32;
}
#Ikituke .listType02 li.line03 {
	background-color:#A89CA8;
}
#Ikituke .listType02 li.line04 {
	background-color:#443290;
}

a.ikitukeBtn01 {
	display:block;
	width:195px;
	height:94px;
	background:url(../img-base/ikituke_bt001.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.ikitukeBtn01:hover {
	background:url(../img-base/ikituke_bt001on.gif) no-repeat left top;
}


/*  for /ikitukeColum.html
==================================================================================*/
#IkitukeColum h2 {
	clear:both;
	margin:20px 0 0 2px;
}
/* topArea */
#IkitukeColum .topArea {
	padding:5px 0 12px 20px;
}
#IkitukeColum .topArea .colL {
	width:535px;
	padding:20px 0 0 0;
}
#IkitukeColum .topArea .colL .itemL {
	width:450px;
	line-height:1.3;
}
#IkitukeColum .topArea .colL .itemR {
	width:70px;
}
#IkitukeColum .topArea .colR {
	width:195px;
}

/* itemDetail */
#IkitukeColum .itemDetail {
	padding:25px 35px 35px 38px;
}
#IkitukeColum .itemDetail .colL {
	width:325px;
}
#IkitukeColum .itemDetail .colL img.line01 {
	border-left:5px solid #4f4b57;
}
#IkitukeColum .itemDetail .colL .txt {
	margin-top: -20px;
	padding-right:4px;
	height:16px;
	text-align:right;
}
#IkitukeColum .itemDetail .colR {
	width:400px;
}
#IkitukeColum .itemDetail .colR h3 {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:2px solid #ECECEC;
}
#IkitukeColum .itemDetail .colR .txt {
	margin-top:10px;
	color:#000000;
}
#IkitukeColum .itemDetail .colR ul {
	margin-top:45px;
	text-align:center;
}
#IkitukeColum .itemDetail .colR ul li {
	display:inline;
	margin:0 4px 0 3px;
}
#IkitukeColum .itemDetail .colR ul img {
	vertical-align:top;
}

.favList{text-align:left; padding:15px 15px 0 15px;}
.favList p{ margin-bottom:5px;}

.favList a,.favList a:visited{
    color: #FF9A00;
}
.favList a:hover{
    color: #FFD18C;
    text-decoration: none;
}
/* listType01 */
#IkitukeColum .listType01 {
	clear:both;
	width:820px;
	padding:7px 0 0 0;
}
#IkitukeColum .listType01 li {
	float:left;
	display:inline;
	width:158px;
	height:194px;
	margin:0 3px 6px 3px;
}
#IkitukeColum .listType01 li a {
	position:relative;
	clear:both;
	display:block;
	width:144px;
	/*height:177px;*/
	height:155px;
	padding:6px;
	border:1px solid #D9D9D9;
	cursor:pointer;
}
#IkitukeColum .listType01 li a:hover {
	border:1px solid #858585;
}

#IkitukeColum .listType01 li a.line01,
#IkitukeColum .listType01 li a.line01:hover {
	border-top:4px solid #be2fa8;
}
#IkitukeColum .listType01 li a.line02,
#IkitukeColum .listType01 li a.line02:hover {
	border-top:4px solid #c9cf32;
}
#IkitukeColum .listType01 li a.line03,
#IkitukeColum .listType01 li a.line03:hover {
	border-top:4px solid #A89CA8;
}
#IkitukeColum .listType01 li a.line04,
#IkitukeColum .listType01 li a.line04:hover {
	border-top:4px solid #443290;
}
#IkitukeColum .listType01 li .name {
	color:#333333;
	display:block;
	font-size:1.0em;
	line-height:1.0;
	padding:4px 0 0 3px;
	width:141px;
}
#IkitukeColum .listType01 li .box {
	position:absolute;
	clear:both;
	width:144px;
	top:144px;
}
#IkitukeColum .listType01 li .box .offer {
	display:block;
	clear:both;
	width:144px;
	border-top:1px solid #EDEDED;
	padding-top:4px;
}
#IkitukeColum .listType01 li .box .discount {
	float:left;
	padding-bottom:2px;
	color:#0023A0;
	font-size:1.3em;
	line-height:1.2;
	font-weight:bold;
}
#IkitukeColum .listType01 li .box .icon {
	float:right;
	text-align:right;
}
#IkitukeColum .listType01 li .box .icon img {
	padding-left:6px;
}




/* note */
#IkitukeColum .note {
	clear:both;
	padding:50px 130px 30px 130px;
	color:#000000;
}

/* ikitukeColumTxt01 */
.ikitukeColumTxt01 {
	clear:both;
	width:269px;
	height:32px;
	margin:25px 275px 13px 276px;
	padding-top:10px;
	text-align:center;
	background:url(../img-base/ikitukeColum_bg001.gif) no-repeat left top;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1;
	color:#FFFFFF;
}


/*  for /getbooklet.html
==================================================================================*/
#Getbooklet {
	clear:both;
	margin:40px 0 0 0;
}

/* section */
#Getbooklet .section {
	clear:both;
	width:560px;
	margin:15px 84px 0 84px;
	padding:40px 45px 70px 45px;
	border:1px solid #DADADA;
}
#Getbooklet .section h3 {
	color:#4D4D4D;
	font-size:1.3em;
}
#Getbooklet .section ul {
	margin:5px 0 15px 0;
	padding-top:20px;
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
}
#Getbooklet .section li {
	padding-bottom:15px;
	text-align:center;
	vertical-align:middle;
}

#Getbooklet .section li label {
	display:inline-block;
	width:118px;
	margin-right:15px;
	padding:4px 0;
	vertical-align:middle;
	color:#333333;
	font-weight:bold;
	background-color:#CDCDCD;
}
#Getbooklet .section li select {
	width:118px;
	vertical-align:middle;
}

/* getbookletBtn01 */
#Getbooklet .getbookletBtn01 {
	padding-top:15px;
	text-align:center;
}
#Getbooklet .getbookletBtn01 a {
	text-align:center;
	padding-left:11px;
	color:#FF9900;
	font-size:1.2em;
	font-weight:bold;
	background:url(../img-base/common/com_ic002.gif) no-repeat left center;
}

/* getbookletBtn02 */
#Getbooklet .getbookletBtn02 {
	width:316px;
	height:47px;
	padding:30px 122px 0 122px;
}
#Getbooklet .getbookletBtn02 a {
	display:block;
	width:232px;
	height:35px;
	padding:12px 0 0 84px;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	background:url(../img-base/getbooklet_bg001.gif) no-repeat left top;
}
#Getbooklet .getbookletBtn02 a:hover {
	background:url(../img-base/getbooklet_bg001on.gif) no-repeat left top;
}

/* Getbooklet div */
#Getbooklet .section div#getguidebook {
	width:550px;
	height:115px;
	margin:40px 10px 0 10px;
	padding-top:15px;
	padding-left:35px;
	text-align:center;
	background:url(../img-base/getbooklet_il002.gif) no-repeat left top;
}

/* getbookletBtn03 */
#Getbooklet .getbookletBtn03 {
	text-align:center;
	padding-top:10px;
}
#Getbooklet .getbookletBtn03 a {
	display:inline-block;
	width:200px;
	height:22px;
	padding-top:2px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	background:url(../img-base/getbooklet_bg002.gif) no-repeat left top;
}
#Getbooklet .getbookletBtn03 a:hover {
	background:url(../img-base/getbooklet_bg002on.gif) no-repeat left top;
}




/*  for /generation.html
==================================================================================*/
#Generation h2 {
	clear:both;
	margin:20px 0 0 2px;
}

/* topArea */
#Generation .topArea {
	padding:23px 12px 12px 20px;
}
#Generation .topArea .colL {
	width:535px;
}
#Generation .topArea .colL h3 {
	width:535px;
	padding-left:45px;
	clear:both;
	line-height:25px;
	background:url(../img-base/generation_il001.gif) no-repeat 4px center;
}
#Generation .topArea .colL .item {
	padding-top:10px;
}
#Generation .topArea .colL .itemL {
	width:450px;
	line-height:1.3;
}
#Generation .topArea .colL .itemR {
	width:70px;
}
#Generation .topArea .colR {
	width:200px;
}

/* Steps */
#Generation #Steps {
	position:relative;
	clear:both;
	width:694px;
	height:130px;
	margin:0 63px;
	background:url(../img-base/generation_bg001.gif) no-repeat left top;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
}
#Generation #Steps .step01 {
	position:absolute;
	top:21px;
	left:94px;
}
#Generation #Steps .step02 {
	position:absolute;
	top:21px;
	left:316px;
}
#Generation #Steps .step03 {
	position:absolute;
	top:21px;
	left:512px;
}

/* listType02 */
#Generation .listType02 {
	clear:both;
	width:825px;
	margin-right:-5px;
	padding-bottom:20px;
}
#Generation .listType02 li {
	position:relative;
	float:left;
	width:270px;
	height:66px;
	padding:0 5px 3px 0;
}
#Generation .listType02 li a {
	position:relative;
	clear:both;
	display:block;
	width:268px;
	height:62px;
	border:1px solid #D9D9D9;
	border-top:0;
	cursor:pointer;
	overflow:hidden;
	z-index:10;
}
#Generation .listType02 li span.select {
	position:absolute;
	left:0;
	bottom:2px;
	width:275px;
	height:76px;
	z-index:9999;
}
#Generation .listType02 li a:hover {
	border:1px solid #858585;
	z-index:10;
}

#Generation .listType02 li a.line01,
#Generation .listType02 li a.line01:hover {
	border-top:3px solid #be2fa8;
}
#Generation .listType02 li a.line02,
#Generation .listType02 li a.line02:hover {
	border-top:3px solid #c9cf32;
}
#Generation .listType02 li a.line03,
#Generation .listType02 li a.line03:hover {
	border-top:3px solid #A89CA8;
}
#Generation .listType02 li a.line04,
#Generation .listType02 li a.line04:hover {
	border-top:3px solid #443290;
}
#Generation .listType02 li .img {
	display:block;
	padding:2px 0 0 4px;
}
#Generation .listType02 li .name {
	color:#333333;
	position:absolute;
	top:5px;
	left:95px;
	width:170px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.0;
	z-index:11;
}
#Generation .listType02 li .box {
	position:absolute;
	clear:both;
	bottom:3px;
	left:95px;
	width:170px;
	z-index:12;
}

#Generation .listType02 li .box .discount {
	float:left;
	width:110px;
}
#Generation .listType02 li .box .icon {
	float:right;
	text-align:right;
}
#Generation .listType02 li .box .icon img {
	padding-left:6px;
}

/* botArea */
#Generation .botArea {
	position:relative;
	clear:both;
	height:154px;
	margin-top:25px;
	background:url(../img-base/shop_mt_ph018.jpg) no-repeat left top;
}
#Generation .botArea .ttl {
	position:absolute;
	width:135px;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1;
}


/* ScroolBox */
#ScroolBox {
	position:fixed;
	bottom:0;
	width:100%;
	min-width:820px;
	height:105px;
	background:url(../img-base/common/com_hr002.gif) repeat-x 0 11px;
	z-index:10001;
}
*html #ScroolBox {
	position:absolute;
	top:expression(eval(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)));
	left:0;
}
#ScroolBox div.item {
	position:relative;
	width:810px;
	margin:0 auto;
}
#ScroolBox div.itemL {
	width:575px;
}
#ScroolBox div.itemR {
	width:222px;
	height:48px;
	margin-top:32px;
	text-align:center;
}
#ScroolBox div.itemR a {
	display:block;
	width:222px;
	height:33px;
	padding-top:15px;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	background:url(../img-base/common/com_bg005.gif) no-repeat left top;
}
#ScroolBox div.itemR a:hover {
	filter: "alpha(opacity=80)";
	filter: alpha(opacity=80); 
	opacity:0.8;

}
#ScroolBox div.itemL dl {
	clear:both;
	height:45px;
	padding-left:2px;
	font-weight:bold;
}
#ScroolBox div.itemL dt {
	float:left;
	width:66px;
	height:35px;
	margin-right:8px;
	padding-top:10px;
	text-align:center;
	background:url(../img-base/generation_bg003.png) no-repeat left top;
	color:#FFFFFF;
}
#ScroolBox div.itemL dd {
	float:left;
	padding:25px 10px 0 0;
}
#ScroolBox div.itemL dd a {
	color:#4D4D4D;
}
#ScroolBox div.itemL dd a:hover {
	color:#707070;
}

#ScroolBox div.itemL ul {
	clear:both;
	width:575px;
	height:34px;
	padding-top:10px;
	font-weight:bold;
	background:url(../img-base/generation_bg004.gif) no-repeat left top;
	color:#000000;
}
#ScroolBox div.itemL ul li {
	float:left;
}
#ScroolBox div.itemL ul li label,
#ScroolBox div.itemL ul li input {
	vertical-align:middle;
}
#ScroolBox div.itemL ul li label {
	vertical-align:middle;
	padding:0 3px 0 17px;
}
#ScroolBox div.itemL ul li input.short {
	width:105px;
	padding:1px;
	border:1px solid #B4B4B4;
}
#ScroolBox div.itemL ul li input.long {
	width:290px;
	padding:1px;
	border:1px solid #B4B4B4;
}




/*  extra
==================================================================================*/
/* clearfix */
#SubNavi:after,
#Contents:after,
#Tips #MainArea:after,
.topArea:after,
.contactBox:after,
.itemDetail:after,
.twoCol01:after,
.twoCol02:after,
.twoCol03:after,
.twoCol04:after,
.listType01:after,
.listType02:after,
.item:after,
.prdList:after,
.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

#SubNavi,
#Contents,
#Tips #MainArea,
.topArea,
.contactBox,
.itemDetail,
.twoCol01,
.twoCol02,
.twoCol03,
.twoCol04,
.listType01,
.listType02,
.item,
.prdList,
.box {
	zoom: 1;
}

/*IDE Add*/
#ShopMt .discount {
    width:237px;
}
.FindATMs{
    margin-top: 10px;
    padding-top: 4px;
    float: right;
    height: 22px;
	display:block;
	background:url(../img-base/area_findAtm.gif) no-repeat left top;
	text-indent:25px;
	overflow:hidden;
}
.FindATMs a,.FindATMs a:visited{
    font-size: 1.2em;
    font-weight: bold;
    color: #FF9A00;
}
.FindATMs a:hover{
    color: #FFD18C;
    text-decoration: none;
}
#Getbooklet {
	clear:both;
	margin: 0;
}
#Getbooklet h2 {
    clear: both;
    margin: 20px 0 0 2px;
    }
	
	

/*----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
column
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------*/

/*--columnTopArea----------------------------------------------------------------------------------*/
div.columnTopArea {
	width: 728px;
	margin: 16px auto 34px;
	background: url(../img-base/columnTop_bg.gif) repeat-y;
}
div.columnTopMonth {
	width: 724px;
	background: url(../img-base/columnTop_bgtop.gif) no-repeat;
	padding: 26px 2px 0;
}
div.columnTopMonth h2 {
	display:block;
	_display:inline-block;
	width: 660px;
	padding: 0 32px 28px;
	border-bottom: 5px solid #bb206e;
	color: #333;
	font-size: 1.3em;
}
*:first-child+html div.columnTopMonth h2 {
	display:inline-block;
}
div.columnTopMonth h2:after {
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
	visibility: hidden;
	clear: both;
}
div.columnTopMonth h2 img {
	display: block;
	width: 87px;
	height: 87px;
	margin: 0 6px 0 0;
	float: left;
	
}
div.columnTopMonth h2 span {
	display: block;
	width: 567px;
	margin: 5px 0 0 5px;
	float: left;
}
div.columnTopCont {
	width: 724px;
	background: url(../img-base/columnTop_bgbtm.gif) no-repeat left bottom;
	padding: 40px 2px 10px;
}
div.columnTopCont h3 {
	width: 652px;
	margin: 35px 36px 35px;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}

div.columnTopbox01,
div.columnTopbox02 {
	display:block;
	_display:inline-block;
	width: 652px;
	margin: 0 36px 22px;
}
*:first-child+html div.columnTopbox01,
*:first-child+html div.columnTopbox02 {
	display:inline-block;
}
div.columnTopbox01:after,
div.columnTopbox02:after {
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
	visibility: hidden;
	clear: both;
}

/*--columnTopbox01--*/
div.columnTopbox01 div.left {
	width: 326px;
	float: left;
	margin-right:20px;
}
div.columnTopbox01 div.right {
	width: 309px;
	padding: 0 0 0 17px; 
	float: left;
}
div.columnTopbox01 div.right2 {
	width: 326px;
	float: right;
	margin-left:20px;
}
div.columnTopbox01 div.right p {
	line-height: 1.6;
	font-size: 1.1em;
	color: #333;
}
/*--columnTopbox02--*/
div.columnTopbox02 div.left {
	width: 309px;
	padding: 0 17px 0 0; 
	float: left;
}
div.columnTopbox02 div.right {
	width: 326px;
	float: left;
}
div.columnTopbox02 div.left p {
	line-height: 1.6;
	font-size: 1.1em;
	color: #333;
}
img.columnTopbox {
	margin: 0 0 15px;
}
dl.columnTopbox {
	color: #000;
}
dl.columnTopbox dt {
	margin: 0 0 10px;
	font-weight: bold;
}
dl.columnTopbox dd {

}
img.column_arrowDown {
	display: block;
	width: 724px;
	height: 51px;
}
p.columnTopCont_btmTxt {
	width: 652px;
	margin: 0 36px 24px;
	padding-top: 24px; 
	text-align: right;
	font-weight: bold;
	color: #333;
}
/*--columnList----------------------------------------------------------------------------------*/
div.columnList {
	width: 751px;
	margin: 0 0 96px 52px;
}
h3.columnList {
	width: 716px;
	margin-bottom: 11px;
	background: url(../img-base/mt_ttl_otherLine.gif) repeat-x left center;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}
h3.columnList span {
	background-color: #fff;
	padding-right: 1em;
}

table.columnList {
	width: 751px;
	border-collapse: collapse;
	border: none;
}
table.columnList td {
	width: 340px;
	padding-right: 35px; 
}
table.columnList tr.img td {
	heighth: 118px;
	padding-bottom: 3px; 
	vertical-align: top;
}
table.columnList tr.ttl td {
	padding-bottom: 3px; 
	vertical-align: bottom;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}
table.columnList tr.txt td {
	vertical-align: top;
}
table.columnList tr.txt td p{
	padding-top: 6px; 
	padding-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	font-size: 1.3em;
	color: #333;
}
table.columnList tr.btn td {
	padding-bottom: 22px; 
	vertical-align: top;
}

table.columnList tr.btn td a {
	display: block;
	width: 66px;
	height: 21px;
	background: url(../img-base/area_btn_more.jpg) no-repeat;
	text-indent: -9999px;
	float: right;
}
table.columnList tr.btn td a:hover {
	background-position: 0 -21px;
}



/*--terms----------------------------------------------------------------------------------*/



.tmtl01 { padding:5px 0px; margin:0;}
.termsDisc { padding:10px 55px;}
ul.tm_list li { list-style-type: disc; padding:3px;font-size: 1em;}



/*table.columnList tr.txt td p border-color*/
p.columnListTxt01 {
	border-color: #bb206e;
}
p.columnListTxt02 {
	border-color: #519047;
}
p.columnListTxt03 {
	border-color: #00859f;
}
p.columnListTxt04 {
	border-color: #e78d91;
}


/*yamagchAdd*/

#pg_column h2 {
	clear:both;
	margin:20px 0 0 2px;
}

div.edColum {
	width: auto;
	padding: 0 0 0 17px; 
}

div.edRight{ margin-left:100px;}

div.edLeft{ text-align:left;}


.edEntry {width:660px; margin:0 auto; border-bottom:1px dotted #ccc; padding:30px 0; clear:fix;}
.edWrap{ width:550px;}
.edMT { font-size:12px; margin:10px 0; padding:0px;}
.edItem { width:145px; float:left; height:}
.edItem img { margin-bottom:5px;}
.edArticle { width:350px;margin-left:170px;}
.edShibuyaR{ background:url(../img-base/edShibuya.gif) no-repeat bottom right;}
.edShibuyaL{ background:url(../img-base/edShibuya.gif) no-repeat bottom left;}
.edAoyamaR{ background:url(../img-base/edAoyama.gif) no-repeat bottom right;}
.edAoyamaL{ background:url(../img-base/edAoyama.gif) no-repeat bottom left;}
.edDaikanyamaR{ background:url(../img-base/edDaikanyama.gif) no-repeat bottom right;}
.edDaikanyamaL{ background:url(../img-base/edDaikanyama.gif) no-repeat bottom left;}
.edHarajukuR{ background:url(../img-base/edHarajuku.gif) no-repeat bottom right;}
.edHarajukuL{ background:url(../img-base/edHarajuku.gif) no-repeat bottom left;}
.edGinzaR{ background:url(../img-base/edGinza.gif) no-repeat bottom right;}
.edGinzaL{ background:url(../img-base/edGinza.gif) no-repeat bottom left;}
.edRoppongiR{ background:url(../img-base/edRoppongi.gif) no-repeat bottom right;}
.edRoppongiL{ background:url(../img-base/edRoppongi.gif) no-repeat bottom left;}
.edShinjukuR{ background:url(../img-base/edShinjuku.gif) no-repeat bottom right;}
.edShinjukuL{ background:url(../img-base/edShinjuku.gif) no-repeat bottom left;}
.edShop{ border: 1px solid #CCC; padding:15px; margin:10px 0;}

.edList li{ list-style:disc; padding:5px; margin-left:30px;}

#edProfile{ width:500px; margin:50px auto;}
#edAcv { margin:0 auto; width:725px;}

#edAcvWrap { width:606px; margin:40px auto;}
.edAcvItem { margin:0 auto;width:606px;}

.underline { margin:0 0 10px 0; border-bottom:1px solid #ccc;}
.edOutlink { color:#999999 ;}
a.getInfo {
	display: block;
	width: 126px;
	height: 32px;
	text-indent: -9999px;
	background: url(../img-base/edInfo.jpg) no-repeat;
	margin-left:10px;
}
a.getInfo:hover {
	background-position: 0 -32px;
}

div.topTopLeft_innerRt p.june {
	border-bottom: 2px solid #0079B8;
}
div.topTopLeft_innerRt p.july {
	border-bottom: 2px solid #5EC144;
}
div.topTopLeft_innerRt p.aug {
	border-bottom: 2px solid #5F397D;
}
div.topTopLeft_innerRt p.sept {
	border-bottom: 2px solid #C13F4B;
}
div.topTopLeft_innerRt p.oct {
	border-bottom: 2px solid #90391D;
}
div.topTopLeft_innerRt p.nov {
	border-bottom: 2px solid #FA3C21;
}
div.topTopLeft_innerRt p.dec {
	border-bottom: 2px solid #003300;
}
div.topTopLeft_innerRt p.feb {
	border-bottom: 2px solid #75C0CD;
}
div.topTopLeft_innerRt p.mar {
	border-bottom: 2px solid #ffcccc;
}
div.topTopLeft_innerRt p.apr {
	border-bottom: 2px solid #FF6D3C;
}
.edBold{
 	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #CCC;
}
.edBold2{
 	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px dotted #CCC;
    margin-top: 20px;
}

.clear{ clear:both;}

div#topLeft {
	display:block;
	_display:inline-block;
	width: 617px;
	float: left;
	margin-top: 11px;
	overflow: hidden;
}
div.topTopLeft {
	display:block;
	_display:inline-block;
	width: 604px;
	padding: 0 0 15px;
	margin: 0 13px 11px 0;
	position: relative;
	background: url(../img-base/menu_line_dot.gif) repeat-x left bottom;
}
*:first-child+html div.topTopLeft {
	display:inline-block;
}
div.topTopLeft:after {
	display: block;
	height: 0;
	line-height: 0;
	content: ".";
	visibility: hidden;
	clear: both;
}

div.topTopLeft p.img {
	display: block;
	width: 340px;
	margin: 0 15px 0 0;
	float: left;
}
div.topTopLeft_innerRt {
	width: 235px;
	float: left;
	margin: 0 0 0 14px;
}
div.topTopLeft_innerRt p.ttl {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #bb206e;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl05 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #bb206e;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl06 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #0079B8;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl07 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #5EC144;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl08 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #5F397D;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl09 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #C13F4B;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl10 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #90391D;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl11 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #FA3C21;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl12 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #003300;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl02 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #75C0CD;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl03 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #ffcccc;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.ttl04 {
	width: 235px;
	padding: 7px 0 3px;
	margin-bottom: 6px;
	border-bottom: 2px solid #FF6D3C;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
div.topTopLeft_innerRt p.txt {
	color: #333;
	font-size: 1.3em;
}
div.topTopLeft p.top_btn_more {
	width: 66px;
	height: 21px;
	position: absolute;
	right: 0;
	bottom: 15px;
	clear: both;
}
div.topTopLeft a.top_btn_more {
	display: block;
	width: 66px;
	height: 21px;
	text-indent: -9999px;
	background: url(../img-base/area_btn_more.jpg) no-repeat;
}
div.topTopLeft a.top_btn_more:hover {
	background-position: 0 -21px;
}
div.app_tooltip{
    height: 30px;
}