@charset "utf-8";
/**
 * base.css 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 *
 */
/**
 * 1. import
 */

/* initialize */
/*reset.css*/
  @import "/common/css/ext/reset.css";

/* baselayout */
  @import "/common/css/ext/layout/2col-main-aside.css";
  @import "/common/css/ext/fonts/sans-serif.css";
  @import "/common/css/ext/fonts/typograph.css";

/* extension */
  @import "/common/css/ext/util/accessibility.css";
  @import "/common/css/ext/util/box.css";
  @import "/common/css/ext/util/clearfix.css";
  @import "/common/css/ext/util/float.css";
  @import "/common/css/ext/util/logtag.css";
  @import "/common/css/ext/util/margin-padding.css";
  @import "/common/css/ext/util/nav.css";
  @import "/common/css/ext/util/textalign.css";
  @import "/common/css/ext/util/wrapper.css";


/**
 * 2. html, body
 */

/* body */
	body {
		background-color: #922a40;
		padding-bottom: 0;
	}
	
/* .page */	
	.page {
    line-height: 1.5;
		background-image: url(/common/img/bg/bg-main.gif);
		background-repeat: repeat;
		background-position: center top;
		color: #333333;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */

/* outline */
	* { outline: none; }

/* anchor */
	a {
		text-decoration: none;
		color: #922a40;
	}
	a:hover, a.on, .on a {
		text-decoration: underline;
		color: #a54e61;
	}

/* titles */
	.ctitle { margin-bottom: 40px; }
	.stitle { margin-bottom: 24px; }

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

/* pagetop */
	.pagetop {
		text-align: right;
	}


/**
 * 4. Layout
 */
/* BASE WIDTH */
	.wrapper { width: 985px; }
	.page { min-width: 990px; }

/* Container */
	#Container {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

/* Header */
	#Header {
		background-color: #ffffff;
		background-image: url(/common/img/header/bg-header.gif);
		background-repeat: repeat-x;
		background-position: center bottom;
	}
	#Header .wrapper {
		position: relative;
		padding-top: 47px;
		padding-bottom: 35px;
		width: 945px;
	}
	#Header .hgroup { float: left; }

/* Nav */
	#Nav, #hNav { zoom: 1; }
	#Nav:after, #hNav:after { content : ''; display : block; clear : both; }
	#Nav li, #hNav li { float: left; }
	#Nav li img, #hNav li img { vertical-align: top; }
	#Nav {
		float: right;
		padding-top: 12px;
	}
	#Nav li a,
	#hNav li a {
		display: block;
		width: 193px;
		height: 33px;
		font-size: 10px;
		line-height: 12px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#Nav li a:hover, #Nav li a.on {
		background-position: left -33px;
	}
	#Nav .CONCEPT a { width: 187px; background-image: url(/common/img/header/navi-concept.gif); }
	#Nav .RECOMMEND a { background-image: url(/common/img/header/navi-recommend.gif); }
	#Nav .CAMPAIGN a { background-image: url(/common/img/header/navi-special.gif); }
	#Nav .SERVICE a { background-image: url(/common/img/header/navi-service.gif); }
	#Nav .INFORMATION a { width: 192px; background-image: url(/common/img/header/navi-information.gif); }
	#hNav {
		position: absolute;
		right: 0px;
		top: 22px;
	}
	#hNav li { margin-left: 10px; }
	#hNav li a {
		width: 70px;
		height: 13px;
	}
	#hNav li a:hover, #hNav li a.on {
		background-position: left -13px;
	}
	#hNav .RECRUIT a { width: 99px; background-image: url(/common/img/header/hnavi-01.gif); }
	#hNav .SITEMAP a { width: 85px; background-image: url(/common/img/header/hnavi-02.gif); }
	#hNav .SHOPSEARCH a { background-image: url(/common/img/header/hnavi-03.gif); }
	#hNav .FONTSIZE { margin-left: 15px; }
	#hNav .FONTSIZE dt, #hNav .FONTSIZE dd { float: left; }
	#hNav .FONTSIZE dd li { margin-left: 3px; }
	#hNav .FONTSIZE dd a {
		display: block;
		width: 13px;
		height: 13px;
		font-size: 10px;
		line-height: 12px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#hNav .FONTSIZE dd a:hover, #hNav .FONTSIZE dd a.on {
		background-position: left -13px;
	}
	#hNav .FONTSIZE dd a#f_small { background-image: url(/common/img/header/fontsize-s.gif); }
	#hNav .FONTSIZE dd a#f_medium { background-image: url(/common/img/header/fontsize-m.gif); }
	#hNav .FONTSIZE dd a#f_large { background-image: url(/common/img/header/fontsize-l.gif); }
    #hNav .FACEBOOK { margin-left: 20px; }
    #hNav .FACEBOOK a#facebook {
        background-image: url(/common/img/header/ic_facebook.gif);
        height: 24px;
        width: 24px;
        margin-top: -10px;
    }
    #hNav .FACEBOOK a#facebook:hover {
        background-position: top left;
    }

#Nav.global_navi .STORE a {
width: 145px;
background-image: url(/common/img/header/new-navi-store.gif);
}
#Nav.global_navi .ABOUT a {
width: 193px;
background-image: url(/common/img/header/new-navi-about.gif);
}

#hNav.header_navi .NOTICE a {
width: 66px;
background-image: url(/common/img/header/new-hnavi-03.gif);
}
#hNav.header_navi .CONTACT a {
width: 86px;
background-image: url(/common/img/header/new-hnavi-04.gif);
}

/* Footer */
	#Footer { background-color: #922a40; }
	#Footer .wrapper { padding: 15px 0; }
	#FooterNav ul {
		float: left;
		zoom: 1;
	}
	#FooterNav ul:after { content : ''; display : block; clear : both; }
	#FooterNav li { float: left; }
	#FooterNav li img { vertical-align: top; }
	#FooterCopyright { float: right; }

.footer00 {
background-color: #dbd7cf;
}
.footer00 ul.nav_u {
width: 985px;
margin: 0 auto;
overflow: hidden;
background-color: #dbd7cf;
padding: 19px 0 15px 0;
}
.footer00 ul.nav_u li{
float:left;
}


/* BreadCrumb */
	#BreadCrumb {
		padding: 17px 1px 0;
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		font-size: 77%;
		background-color: transparent;
		background-image: url(/common/img/bg/bg-article-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#BreadCrumb ul { zoom: 1; }
	#BreadCrumb ul:after { content : ''; display : block; clear : both; }
	#BreadCrumb li {
		float: left;
		padding-left: 5px;
	}
	#BreadCrumb li img { vertical-align: top; }
	#BreadCrumb li a {
		margin-right: 5px;
		text-decoration: none;
	}
	#BreadCrumb li a:hover {
		margin-right: 5px;
		text-decoration: underline;
	}
	#BreadCrumb .HOME a,
	#BreadCrumb .HOME a:hover {
		margin-right: 0;
	}
	#BreadCrumb .HOME,
	#BreadCrumb .GLOBAL,
	#BreadCrumb .SUB {
		padding-right: 10px;
		padding-left: 0;
		background-color: transparent;
		background-image: url(/common/img/breadcrumb/crumb-arrow-01.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#BreadCrumb .GLOBAL,
	#BreadCrumb .SUB {
		padding-right: 10px;
		padding-left: 5px;
		background-position: right -26px;
	}
	#BreadCrumb .toplevel .HOME { background-position: right -52px; }
	#BreadCrumb .toplevel .GLOBAL { background-image: none; }
	#BreadCrumb .detaillevel .GLOBAL { background-position: right -78px; }
	#BreadCrumb .detaillevel .SUB { background-position: right -26px; }
	#BreadCrumb li span {}
	#BreadCrumb .HOME span,
	#BreadCrumb .GLOBAL span,
	#BreadCrumb .SUB span {
		float: left;
		display: block;
		text-indent: -9999px;
	}

/* ArticleMain */
	#ArticleMain {
		width: 785px!important;
		width: 787px;
	}
	#ArticleMain #ArticleMainIn {
		background-color: transparent;
		background-image: url(/common/img/bg/bg-article-main.gif);
		background-repeat: repeat-y;
		background-position: left top;
	}
	#Article .wrapper {
		padding-top: 41px;
	}
	#ArticleMainArea {
		clear: both;
		padding: 35px;
		background-color: transparent;
		background-image: url(/common/img/bg/bg-article-bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

/* ArticleMainEnd */
	#ArticleMainEnd {
		clear: both;
		zoom: 1;
	}
	#ArticleMainEnd:after { content : ''; display : block; clear : both; }
	.endBox {
		float: left;
		margin-top: 18px;
		margin-right: 13px;
		width: 185px;
		background-color: transparent;
		background-image: url(/common/img/end/bg-end-main.gif);
		background-repeat: repeat-y;
		background-position: left top;
	}
	.endBox .list {
		background-color: transparent;
		background-image: url(/common/img/end/bg-end-bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	.endBox .list li {
		margin: 0 1px!important;
		margin: 0 0;
		padding: 15px 11px 17px 10px!important;
		padding: 15px 12px 17px 11px;
		width: 164px;
		background-color: transparent;
		background-image: url(/common/img/end/bg-end-bar.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	/*
	.endBox .list li.hover {
		background-color: #f4e9ec;
		cursor: pointer;
	}
	*/
	.endBox .thumb {
		margin-bottom: 10px;
	}
	.endBox .thumb a {
		display: block;
		border: 1px solid #e5e5e5;
		height: 162px;
		overflow: hidden;
	}
	.endBox .thumb a:hover {
		border: 1px solid #922a40;
	}
	.endBox img { vertical-align: top; }
	#ArticleMainEnd .right {
		margin-left: 2px!important;
		margin-left: 0px;
		margin-right: 0;
	}

/* ArticleAside */
	#ArticleAside {
		width: 187px;
	}
	#ArticleAside .inner {
		background-color: transparent;
		background-image: url(/common/img/side/bg-side-main.gif);
		background-repeat: repeat-y;
		background-position: left top;
		zoom: 1;
	}
	#ArticleAside .innerBottom {
		background-color: transparent;
		background-image: url(/common/img/side/bg-side-sub-bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

/* SideNavList */
	#SideNavList {
		margin-bottom: 12px;
	}
	#SideNavList nav {
		padding: 1px;
		background-color: transparent;
		background-image: url(/common/img/side/bg-side-sub-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.SideNavTitle {
		padding: 13px 8px 14px;
		background-color: transparent;
		background-image: url(/common/img/side/bg-subnavi-title.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	.SideNavTitle span {
		display: block;
		padding-left: 10px;
		line-height: 18px;
		font-weight: bold;
		background-color: transparent;
		background-image: url(/common/img/side/blt-side-title.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	#SideNavList nav ul {
		padding: 18px 14px 0px;
	}
	#SideNavList nav li {
		margin-bottom: 10px;
		padding-left: 10px;
		background-color: transparent;
		background-image: url(/common/img/side/blt-side-nav.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
	}

/* SideCateList */
	#SideCateList nav ul {
		padding: 2px 1px 5px;
	}
	#SideCateList nav li {
		clear: both;
		border-bottom: 1px solid #e5e5e5;
	}
	#SideCateList nav li a {
		display: block;
		height: 62px;
		overflow: hidden;
		zoom: 1;
	}
	#SideCateList nav li a:after { content : ''; display : block; clear : both; }
	#SideCateList nav li img {
		float: left;
		margin-left: 12px;
	}
	#SideCateList nav li em {
		display: block;
		float: right;
		width: 97px;
		height: 63px;
		text-indent: -9999px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#SideCateList nav li a:hover em { background-position: left -63px; }
	#SideCateList nav .SideCat-0001 em { background-image: url(/common/img/side/cat-0001.gif); }
	#SideCateList nav .SideCat-0002 em { background-image: url(/common/img/side/cat-0002.gif); }
	#SideCateList nav .SideCat-0003 em { background-image: url(/common/img/side/cat-0003.gif); }
	#SideCateList nav .SideCat-0004 em { background-image: url(/common/img/side/cat-0004.gif); }
	#SideCateList nav .SideCat-0005 em { background-image: url(/common/img/side/cat-0005.gif); }
	#SideCateList nav .SideCat-0006 em { background-image: url(/common/img/side/cat-0006.gif); }
	#SideCateList nav .SideCat-0007 em { background-image: url(/common/img/side/cat-0007.gif); }
	#SideCateList nav .SideCat-0008 em { background-image: url(/common/img/side/cat-0008.gif); }
	#SideCateList nav .SideCat-0009 em { background-image: url(/common/img/side/cat-0009.gif); }
	#SideCateList .innerBottom { background-image: url(/common/img/side/bg-side-cat-bottom.gif); }

/* ArticleFooter */
	#ArticleFooter {
		clear: both;
		padding: 10px 0;
	}

/* PostShareLink */
	.PostShareLinkArea {
		claer: both;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.PostShareLink {
	  position: relative;
	  margin-left: auto;
	  width: 68px;
	  display: block !important;
	}
	.PostShareLink .sprite, .PostShareLink a {
	  display: block;
	  text-align: left;
	  text-indent: -9999px;
	  display: block;
	  overflow: hidden;
	}
	.PostShareLink .noOutline {
	  outline: none;
	  hidefocus: expression(hideFocus='true');
	}
	.PostShareLink ul {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  text-decoration: none;
	  line-height: 1;
	  font-size: 100%;
	  font-style: normal;
	  font-weight: normal;
	  list-style: none;
	}
	.PostShareLink li {
	  margin: 0 5px 5px 0;
	  padding: 0;
	  border: 0;
	  text-decoration: none;
	  line-height: 1;
	  font-size: 100%;
	  font-style: normal;
	  font-weight: normal;
	  list-style: none;
	  float: left;
	  _display: inline;
	}
	.PostShareLink ul.socialLinkPanel {
	  position: absolute;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  opacity: 0;
	  display: none;
	  left: 0;
	  background: #fff;
	  width: 60px;
	  padding: 5px 0px 2px 5px;
	  border: 2px solid black;
	}
	.ie7 .PostShareLink ul.socialLinkPanel {
	  padding-bottom: 2px;
	}
	.PostShareLink a {
	  width: 25px;
	  height: 25px;
	}
	.PostShareLink a.shareButton {
	  background: url("/common/img/base/share_link.jpg") no-repeat;
	  background-position: left top;
	  width: 68px;
	  height: 17px;
	}
	.PostShareLink a.twitter {
		background: url("/sp/common/img/icon_twitter.png") no-repeat;
		background-size: contain;
	}
	.PostShareLink a.facebook {
		background: url("/sp/common/img/icon_facebook.png") no-repeat;
		background-size: contain;
	}
	.PostShareLink a.line {
		background: url("/sp/common/img/icon_line.png") no-repeat;
		background-size: contain;
	}

/* for Edit Entry */
	#ArticleMain .font10px { font-size: 77%!important; }
	#ArticleMain .font12px { font-size: 93%!important; }
	#ArticleMain .font14px { font-size: 108%!important; }
	#ArticleMain .fontBold { font-weight: bold!important; }