@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #ffffff;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
		background-color: #ffffff;
		background-image: url(../imgs/bg.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #000000;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #fc2820;
		background-position: bottom right;
		text-decoration: none;
	}
	a:active {}

/* heading */
	.siteTitle a {
		display: block;
		width: 166px;
		height: 85px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/logo.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-align: left;
	}
	.stitle {
		margin-bottom: 26px;
	}
	.btitle {
		margin-bottom: 20px;
	}

/* cap */
	.cap,
	.caption,
	.capList {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}
	.capList li em {
		float: left;
		display: inline-block;
		width: 1.2em;
		font-style: normal;
	}
	.capList li span {
		display: inline-block;
	}

/* .normalList */
	ul.normalList li {
		margin-left: 20px;
		list-style: disc;
	}

/* nav */
	.nav li,
	.nav dt,
	.nav dd {
		float: left;
	}
	.nav img {
		vertical-align: top;
	}

/* selection for safari & mozilla */
	::selection {
		background: #dddddd; /* Safari */
	}
	::-moz-selection {
		background: #dddddd; /* Firefox */
	}

/**
 * 4. Layout
 */
	body #container {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #mainContent {
		zoom: 1;
	}

/* gHeader */
	#gHeader {
		position: relative;
		width: 940px;
	}
	#gHeader #hNav,
	#gHeader .seotxt {
		position: absolute;
		left: 370px;
		top: 30px;
	}
	#gHeader #hNav {
		width: 570px;
	}
	#gHeader #hNavList {
		margin-top: 7px;
		margin-left: 5px;
	}
	#gHeader #hNavList li {
		float: right;
	}
	#gHeader #hNavList li#hdrCompany {
		float: left;
	}
	#hdrCompany strong,
	#hdrCompany a {
		float: left;
		display: block;
		padding-left: 18px;
		width: 170px;
		height: 35px;
		line-height: 35px;
		background-color: transparent;
		background-image: url(../imgs/hdr-company.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#hdrCompany strong,
	#hdrCompany a:hover {
		color: #fc2820;
		background-position: left -35px;
	}
	body #gHeader .seotxt {
		left: 176px;
		top: 37px;
		width: 280px;
		font-size: 10px;
		line-height: 14px;
		color: #666666;
	}

/* breadCrumb */
	body #breadCrumb {
		padding-left: 10px;
		font-size: 10px;
		line-height: 35px;
		color: #666666;
	}
	body #breadCrumb a,
	body #breadCrumb strong {
		color: #666666;
	}
	body #breadCrumb span {
		padding-right: 8px;
		padding-left: 8px;
	}
	body #breadCrumb strong {
		font-weight: normal;
	}

/* sideMenu */
	#sideArea {
		position: relative;
		float: left;
		width: 210px;
	}
	#sideMenu {
		/*position: absolute;
		left: 0px;
		top: 240px;
		padding-top: 25px;
		width: 210px;*/
	}
	
	#side-bnr-shopping-img {
		position:relative;
	}
	#side-bnr-shopping-img #side-bnr-shopping-btn-01 {
		position:absolute;
		top:147px;
		left:13px;
	}
	#side-bnr-shopping-img #side-bnr-shopping-btn-02 {
		position:absolute;
		top:167px;
		left:13px;
	}
	#side-bnr-shopping-img #side-bnr-shopping-btn-01,#side-bnr-shopping-btn-02
	 {
	border:none;
	}

/* contentIn */
	#contentIn {
		float: right;
		width: 700px;
	}

/* sideMenu */
	#sideMenu li {
		vertical-align: top;
		line-height: 0px;
	}
	#sideMenu li img {
		vertical-align: top;
	}
	#sideMenu #sideNav,
	#sideMenu #sideNav li li.area {
		background-color: #f7f7f7;
		background-image: url(../imgs/bar-sidenav-01.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	#sideMenu #sideNav {
		border-top: 1px solid #ccc;
		border-bottom: none;
	}
	#sideMenu #sideNav li {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#sideMenu #sideNav li li {
		border-left: none;
		padding-left: 19px;
		background-color: #f7f7f7;
	}
	#sideMenu #sideNav li.snavOut {
		border-left: none;
		border-right: none;
		padding-top: 10px;
		background-color: #ffffff;
	}
	#sideMenu #sideNav li.snavOut a,
	#sideMenu #sideNav li.snavOut span {
		display: block;
		border: 1px solid #ccc;
		border-bottom: none;
	}
	#sideMenu #sideMenuCommon li {
		margin-bottom: 5px;
	}

/* gNavFtr */
	#gNavFtr ul {
		display: block;
		border: 1px solid #ccc;
		border-right: none;
		zoom: 1;
	}
	#gNavFtr li {
		border-right: 1px solid #ccc;
		width: 187px;
	}
	#gNavFtr li.lastItem {
		width: 186px;
	}
	#gNavFtr li a,
	#gNavFtr li strong {
		display: block;
		width: auto;
		padding: 15px 0;
		text-align: center;
		font-weight: bold;
		color: #333333;
		background-color: #ffffff;
		zoom: 1;
	}
	#gNavFtr li a:hover,
	#gNavFtr li strong {
		color: #000000;
		background-color: #f0f0f0;
	}

/* gFooter */
	body #gFooter {
		border-top: 5px solid #4c4c4c;
		padding-top: 15px;
		width: 940px;
		margin-right: auto;
		margin-left: auto;
	}
	body #gFooter #endLogo {
		float: right;
	}
	body #gFooter #copyright {
		float: left;
		width: 700px;
		height: 40px;
		background-color: transparent;
		background-image: url(../imgs/copyright.gif);
		background-repeat: no-repeat;
		background-position: left 15px;
		text-indent: -9999px;
		text-align: left;
	}
	
	body #gFooter #copyright_test {
		float: left;
		width: 700px;
		height: 40px;
		background-color: transparent;
		background-image: url(../imgs/copyright2.gif);
		background-repeat: no-repeat;
		background-position: left 15px;
		text-indent: -9999px;
		text-align: left;
	}

/* pageNav */
	.pageNav li {
		padding-right: 10px;
		color: #cccccc;
	}
	.pageNav strong,
	.pageNav a {
		margin-right: 10px;
		padding-left: 20px;
		font-weight: bold;
		color: #000000;
		background-color: transparent;
		background-image: url(../imgs/blt-02.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.pageNav strong,
	.pageNav a:hover {
		color: #fc2820;
		background-image: url(../imgs/blt-02_ov.gif);
		background-position: left 50%;
	}

/* commonBox */
	.commonBox1 {
		border: 1px solid #cccccc;
		padding: 19px;
		background-color: #ffffff;
	}
	.commonBox1 .md,
	.commonBox3 .md {
		font-weight: bold;
	}
	.commonBox2 {
		border: 3px solid #949494;
	}
	.commonBox3 {
		border: 1px solid #cccccc;
		border-top: 3px solid #666666;
		padding: 20px 19px 19px;
		background-color: #f9f9f9;
	}
	.commonBox3 a {
		color: #fc2820;
	}
	.commonBox4 {
		border-bottom: 1px solid #dbdbdb;
		padding: 20px;
		background-color: #f7f7f7;
	}
	
	
/*0308　キャンペーン取扱店舗用に追加*/	
	.commonBox5 {
		border: 0px;
		padding: 20px 19px 19px;
	}
		

/* commonTable */
	.commonTable1 th,
	.commonTable1 td {
		border-bottom: 1px solid #cccccc;
		padding: 9px 10px 9px 20px;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
	}
	.commonTable1 tr.firstLine th,
	.commonTable1 tr.firstLine td {
		border-top: 1px solid #cccccc;
	}
	.commonTable1 th {
		border-right: 1px solid #ffffff;
		width: 100px;
		background-color: #f6f6f6;
	}
	.commonTable1 td {
		background-color: #ffffff;
	}
	.commonTable2 th {
		padding: 9px 10px;
		width: 70px;
		text-align: center;
	}
	.commonTable2 td {
		padding: 9px 10px 9px 15px;
	}
	.commonTable2 th.cellOne {
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
		color: #ffffff;
		background-color: #bdbdbd;
	}
	.commonTable2 tr.lastLine th.cellOne {
		border-bottom: 1px solid #bdbdbd;
	}
	.commonTable2 td em {
		color: #000000;
		font-style: normal;
		font-weight: bold;
	}
	.commonTable2 td strong {
		color: #fc2820;
	}
	/* companyProfile */
	#companyProfile .commonTable2 th {
		padding: 9px 10px 9px 20px;
		width: 100px;
		text-align: left;
	}
	/* companyCharter */
	#companyCharter .commonTable2 th {
		padding: 9px 10px 9px 10px;
		width: 80px;
		text-align: center;
	}
	#companyCharter .commonTable2 th.cellOne {
		text-align: left;
		background-color: #bdbdbd;
	}
	/* privacy */
	#privacy .commonTable2 th {
		padding-left: 20px;
		width: 120px;
		text-align: left;
		background-color: #f6f6f6;
	}
	/* store */
	#store .commonTable2 th {
		padding-left: 20px;
		width: 120px;
		text-align: left;
	}

/**
 * 5. EachPageStyle
 */
/* index */
	#index {
		background-image: url(../../imgs/bg.gif);
	}
	#index #areaLink li a {
		width: 460px;
	}
	#index #areaLink li a {
		display: block;
		padding: 106px 0 0 40px;
		width: 420px;
		height: 46px;
		font-size: 12px;
		line-height: 14px;
		text-indent: -9999px;
		overflow: none;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#index #areaLink li.fl a {
		background-image: url(../../imgs/bt-03.gif);
	}
	#index #areaLink li.fr a {
		background-image: url(../../imgs/bt-04.gif);
	}
	#index #areaLink li a strong {
		display: block;
		font-weight: normal;
		text-indent: 0;
		color: #000000;
	}
	#index #areaLink li a:hover strong {
		color: #fc2820;
	}
	#index #areaLink li a:hover {
		background-position: left -152px;
	}

/* safetyCommonBox */
	#safetyCommonBox {
		padding-right: 180px;
		background-color: #f9f9f9;
		background-image: url(../../hc/imgs/safety/bg-box.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}

/* medicalFeatures */
	#medicalFeatures {
		display: block;
		background-color: transparent;
		background-image: url(../imgs/bar-box-01.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	#medicalFeatures li {
		width: 315px;
	}
	#medicalFeatures li.firstLine {
		margin-bottom: 20px;
		padding-bottom: 20px;
		background-color: transparent;
		background-image: url(../imgs/bar-box-02.gif);
		background-repeat: repeat-x;
		background-position: center bottom;
	}

/* qaList */
	.qaList li {
		border-bottom: 1px solid #ccc;
		padding: 20px;
		padding-bottom: 19px;
		background-color: #f7f7f7;
		zoom: 1;
	}
	.qaList li.oddLine {
		background-color: #ffffff;
	}
	.qaList li dd {
		margin-top: 10px;
		margin-left: 40px;
	}

/* newsList */
	#newsList li {
		margin-bottom: 30px;
		font-size: 10px;
		line-height: 15px;
	}
	#newsList li h3 {
		font-weight: bold;
		font-size: 12px;
		line-height: 14px;
	}
	#newsList li h3 strong,
	#newsList li h3 span {
		float: left;
		display: block;
		padding: 10px 15px;
	}
	#newsList li h3 strong {
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		width: 584px;
	}
	#newsList li h3 span {
		border: 1px solid #bdbdbd;
		border-right: 1px solid #ffffff;
		padding: 10px 14px 10px 15px;
		width: 55px;
		font-size: 10px;
		text-align: center;
		color: #ffffff;
		background-color: #bdbdbd;
	}
	#newsList li .wrap {
		clear: both;
		margin-left: 100px;
		padding-top: 20px;
	}
	#newsList li .wrap a {
		padding-left: 20px;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		background-color: transparent;
		background-image: url(../imgs/blt-02.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	#newsList li .wrap a:hover {
		color: #fc2820;
		background-image: url(../imgs/blt-02_ov.gif);
		background-position: left 50%;
	}

/* privacy */
	#privacy .box .title {
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		color: #fc2820;
	}
	#privacy .box ol,
	#privacy .box ul {
		margin-left: 20px;
	}

	#privacy .box li em {
		float: left;
		display: inline-block;
		width: 3em!important;
		width: 2em;
		font-style: normal;
	}
	#privacy .box li strong {
		color: #000000;
	}
	#privacy .box li span,
	#privacy .box li div.wrap {
		display: block;
		margin-left: 3em;
	}
	* html #privacy .box li span,
	* html #privacy .box li div.wrap {
		display: inline-block;
		margin-left: 0;
	}
	*+html #privacy .box li span,
	*+html #privacy .box li div.wrap {
		display: inline-block;
		margin-left: 0;
	}
	#privacy .box li ol.arabia {
		margin-left: 40px;
	}
	#privacy .box li ol.arabia li {
		list-style: upper-roman;
		font-size: 10px;
		line-height: 15px;
	}

/* sitemapBox */
	.sitemapBox {
		margin-bottom: 30px;
		border-bottom: 1px solid #cccccc;
		zoom: 1;
	}
	.sitemapArea {
		display: block;
		margin-bottom: 20px;
		background-color: transparent;
		background-image: url(../imgs/bar-box-03.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	.sitemapArea li {
		float: left;
		margin-top: 3px;
		margin-right: 30px;
		width: 213px;
	}
	.sitemapArea li a {
		padding-left: 20px;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		background-color: transparent;
		background-image: url(../imgs/blt-02.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.sitemapArea li a:hover {
		color: #fc2820;
		background-image: url(../imgs/blt-02_ov.gif);
		background-position: left 50%;
	}
	.sitemapArea li li a {
		font-weight: normal;
		background-image: url(../imgs/blt-03.gif);
		background-position: left 50%;
	}
	.sitemapArea li li a:hover {
		background-image: url(../imgs/blt-03.gif);
		background-position: 2px 50%;
	}
	.sitemapArea li a.imgList {
		display: block;
		padding-top: 90px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	.sitemapArea li a.imgList:hover {
		background-position: -213px top;
	}
	.sitemapArea li a#section01 { background-image: url(../../sitemap/imgs/bg-01.jpg); }
	.sitemapArea li a#section02 { background-image: url(../../sitemap/imgs/bg-02.jpg); }
	.sitemapArea li a#section03 { background-image: url(../../sitemap/imgs/bg-03.jpg); zoom: 1; }
	.sitemapArea li a#section04 { background-image: url(../../sitemap/imgs/bg-04.jpg); zoom: 1; }
	.sitemapArea li a#section05 { background-image: url(../../sitemap/imgs/bg-05.jpg); zoom: 1; }
	.sitemapArea li li {
		float: none;
		margin-right: 0;
		background-image: none;
	}
	.firstList {
		background-image: none;
	}
	.firstList li {
		float: none;
		width: auto;
	}
	.sitemapArea li.lastLine {
		margin-right: 0;
		width: 213px;
	}

/* voice */
	#voice .box dl dd {
		margin: 15px 20px 0 40px;
	}

/* storeMap */
	#storeMap {
		position: relative;
		width: 700px;
		height: 460px;
	}
	#storeMap #selectArea {
		position: absolute;
		left: 30px;
		top: 30px;
		z-index: 5;
	}
	#storeMap #selectArea .title {
		margin-bottom: 15px;
	}
	#storeMap #selectArea ul li {
		margin-bottom: 4px;
		margin-left: 20px;
		line-height: 0px;
	}
	#storeMap #selectArea ul li img {
		vertical-align: top;
	}
	#storeMap #pointArea li {
		position: absolute;
		z-index: 15;
	}
	#storeMap #pointArea #omiya {
		left: 313px;
		top: 239px;
	}
	#storeMap #pointArea #chiba {
		left: 318px;
		top: 317px;
	}
	#storeMap #pointArea #yokohama {
		left: 195px;
		top: 249px;
	}
	#storeMap #pointArea #shinjuku {
		left: 310px;
		top: 300px;
		z-index: 20;
	}
	#storeMap #pointArea #ueno {
		left: 318px;
		top: 269px;
	}
	#storeMap #pointArea #nagoya {
		left: 246px;
		top: 320px;
		z-index: 10;
	}
	#storeMap #pointArea #umeda {
		left: 141px;
		top: 286px;
	}
	#storeMap #pointArea #hakata {
		left: 92px;
		top: 359px;
	}
	#storeMap #imgBox {
		position: absolute;
		left: 450px;
		top: 172px;
	}

/* otherStoreTable */
	#otherStoreTable .areaTitle {
		margin-bottom: 15px;
		font-weight: bold;
		font-size: 14px;
		line-height: 16px;
		color: #fc2820;
	}
	#otherStoreTable table th,
	#otherStoreTable table td {
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #ffffff;
		padding: 8px;
		font-size: 10px;
		line-height: 15px;
		text-align: left;
		vertical-align: top;
		background-color: #ffffff;
		background-image: url(../../store/imgs/otherstores/bg-line.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	#otherStoreTable table td {
		border-bottom: 1px solid #cccccc;
		background-image: none;
	}
	#otherStoreTable table th {
		padding: 10px;
		border-bottom: none;
		text-align: center;
		background-color: #f6f6f6;
	}
	#otherStoreTable table tr.firstLine th {
		padding: 0;
		padding-bottom: 2px;
	}
	#otherStoreTable table tr.bottomLine td {
		border-bottom: none;
		background-image: url(../../store/imgs/otherstores/bg-line.gif);
	}
	#otherStoreTable table th.prefecture {
		border-left: none;
	}
	#otherStoreTable table td.ac {
		text-align: center;
	}

/* trial */
	#trial #endLinks {
		margin-right: auto;
		margin-left: auto;
		width: 415px;
	}
	#trial #endLinks li {
	}
	#trial #endLinks li a {
		display: block;
		padding-left: 27px;
		height: 22px;
		line-height: 22px;
		text-align: left;
		font-weight: bold;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#trial #endLinks li.fl a {
		width: 190px;
		background-image: url(../../trial/imgs/blt-mail.gif);
	}
	#trial #endLinks li.fr a {
		width: 150px;
		background-image: url(../../trial/imgs/blt-request.gif);
	}
	#trial #endLinks li a:hover {
		background-position: left -22px;
	}

/* campaign */
	#campaign {
		background-color: #ffffff;
		background-image: url(../../campaign/imgs/bg.jpg);
		background-repeat: repeat-x;
		background-position: center top;
	}
	body #campaign #container {
		width: 1000px;
	}
	#campaign #gHeader {
		position: relative;
		margin-bottom: 20px;
		width: auto;
		height: 630px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../../campaign/imgs/img-main.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#campaign #gHeader .blockArea {
		text-indent: 0px;
	}
	#campaign #gHeader #blockArea1,
	#campaign .btMail {
		position: absolute;
	}
	#campaign #gHeader #blockArea1 {
		left: 466px;
		top: 10px;
		width: 520px;
	}
	#campaign #gHeader #blockArea1 p {
		float: left;
		margin-right: 5px;
	}
	#campaign #gHeader #blockArea1 .blockAreaBt {
		position: absolute;
		left: 0px;
		top: 26px;
	}
	#campaign #gHeader #blockArea1 .blockAreaBt p {
		float: left;
		margin-right: 5px;
		zoom: 1;
	}
	#campaign #gHeader .btMail {
		left: 551px;
		top: 591px;
	}
	#campaign #container {
		width: 960px;
	}
	#campaign #mainContent {
		margin-right: auto;
		margin-left: auto;
		width: 940px;
	}
	#campaign .commonBox3 {
		border-top: 2px solid #666666;
		padding: 21px 19px 19px;
	}
	#campaign .commonBox3 .stitle {
		margin-bottom: 20px;
	}
	#campaign #refundList {
		width: 680px;
		font-size: 12px;
		line-height: 16px;
	}
	#campaign #refundList li {
		margin-bottom: 6px;
		padding-left: 20px;
	}
	#campaign #refundList li li {
		padding-left: 0;
		margin-bottom: 0;
	}
	#campaign #refundList li img {
		margin-left: -20px;
		margin-right: 8px;
		vertical-align: top;
	}
	#campaign #termArea li {
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		color: #fc2820;
	}
	#campaign #contentFtr {
		clear: both;
		margin: 30px auto 0;
		width: 880px;
	}
	#campaign #contentFtrMail {
		position: relative;
	}
	#campaign #contentFtrMail .btMail {
		left: 491px;
		top: 16px;
	}

/* actualStatusNames */
	#actualStatusNames {
		text-align: right;
	}
	#actualStatusNames span {
		width: 10em;
		display: inline-block;
		text-align: left;
	}
	#actualStatusNames .name01 {
		width: 11em;
	}
	#actualStatusNames .name02 {
		width: 5em;
	}
	

/* toppage_shopping_bnr */

	#end-bnr-shopping-img {
		position:relative;
	}
	#end-bnr-shopping-img #end-bnr-shopping-btn-01 {
		position:absolute;
		top:43px;
		left:227px;
	}
	#end-bnr-shopping-img #end-bnr-shopping-btn-02 {
		position:absolute;
		top:59px;
		left:227px;
	}