/* --------------------------------------------------

	base.css

-------------------------------------------------- */

body {
	background: #fff;
}

div#container {
	width:auto;
	min-width: 960px;
	margin: 0;
}

.wrap{
	width: 960px;
  margin: 0 auto;
}
.TxtImg,
.TxtImg a,
.TxtImg-pc,
.TxtImg-pc a { /* 画像テキスト */
	font-size:0%;
	text-indent:-9999em;
	display:block;
	overflow:hidden;
	padding:0;
	line-height:1;
}

a.link, ul.link li {
	background: url(../images/arrow_r.gif) left center no-repeat;
	padding:0 0 0 13px;
	white-space:nowrap;
	margin:0;
}
ul.attention li {
	padding-left:0.5em;
	text-indent:-0.5em;
}
.att {
	color:#FF0000;
}
.clear {
	clear:both;
}

.display-sp{
	display:none !important;}


/* ================================
	header
================================ */
#headerArea_inc .headerLeftBlock {
	width: auto;
	float: right;
}
#headerArea_inc .headerLeftBlock > ul {
	margin-top: 16px;
}
#headerArea_inc .headerLeftBlock ul {
	padding-top: 0;
}

#headerMainBlock {
	padding-top: 18px;
	float: left;
}
#headerArea_inc {
	background: #f3f3f3;
    font-size: 11px;
    width: 100%;
    height: 66px;
    padding: 0;
}
#headerArea_inc .wrap{
	position: relative;
}
#headerArea_inc #logo {
	float: left;
	position: inherit;
	width: 270px;
}
#headerMainBlock > #searchBlock {
	 margin-top: 2px;
    float: initial;
    position: absolute;
    right: 0;
    top: 35px;
}

#headerArea_inc #searchBlock input[type="submit"]{
	border:0;
	width:38px;
	height:21px;
	text-indent:-9999px;
	background:url(https://takeda-kenko.jp/common/images/search_btn_01.gif) 0 0 no-repeat;}

/* ================================
	footer
================================ */
#footerArea_inc .footerMainBlock div.ftleft p.company{
	width:144px;
	height:15px;
	text-indent:-9999px;
	background:url(https://takeda-kenko.jp/common/images/footer_logo.gif) 0 0 no-repeat;}
#footerArea_inc .footerMainBlock div.ftleft p.copy{
	width:349px;
	height:15px;
	text-indent:-9999px;
	background:url(https://takeda-kenko.jp/common/images/footer_copyright.gif) 0 0 no-repeat;}

/* ================================
	contents
================================ */
div#contents {
	clear:both;
	float:right;
	display:inline;
	width: 740px;
	position: relative;
	margin:0 0 30px 0;
	zoom: 1;
}
div#contents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#contents p.lead { /* リード */
	margin: 0 0 10px;
}

div#contents .gotop { /* ページトップ */
	background: none;
}



/* ================================
	contents-In
================================ */
div#contents-In {
	border:1px solid #D2D2D2;
	padding:18px 0 25px 25px;
	zoom: 1;
}
div#contents-In:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* ================================
	topicpath / パンくず
================================ */
ul.topicpath {
	width:960px;
	color:#000000;
	margin: 0 auto;
	padding:0 0 15px;
	zoom: 1;
}
ul.topicpath:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul.topicpath li {
	float:left;
	margin-right:0.5em;
}

.topicpath a:link,
.topicpath a:visited {
	color:#000000;
	text-decoration:none;
}

.topicpath a:hover,
.topicpath a:active {
	color: #FF0000;
	text-decoration:underline;
}

/* ----------------------
	GlovalNavigation
---------------------- */
div#GlovalNavigation {
	width: 100%;
	min-width: 960px;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size:14px;
	height: 82px;
	background: #ffffff;
	padding:0 5px 0;
	box-sizing: border-box;
}
div#GlovalNavigation ul{
	zoom: 1;
	width: 960px;
	margin: 0 auto;
}

div#GlovalNavigation ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#GlovalNavigation li {
	float:left;
	margin:0 5px;
}
div#GlovalNavigation li a:hover,
div#GlovalNavigation li.check a {
	border-bottom:3px solid #e50013;}

div#GlovalNavigation li a {
	display:table-cell;
	width: 228px;
	height: 62px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-bottom:1px solid #bdbdbd;
}
div#GlovalNavigation li.nav-home a {
	width: 226px;}

div#GlovalNavigation a:link,
div#GlovalNavigation a:visited {
	color: #000000;
}
div#GlovalNavigation a:hover,
div#GlovalNavigation a:active {
	color: #FF0000;
}



/* ----------------------
	Gnavigation
---------------------- */
div#Gnavigation {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	margin:0 0 8px 0;
}
div#Gnavigation ul{
	zoom: 1;
}

div#Gnavigation ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#Gnavigation li {
	float:left;
	margin:0;
}

div#Gnavigation a:link {
	color: #666666;
}
div#Gnavigation a:visited {
	color: #AAAAAA;
}
div#Gnavigation a:hover,
div#Gnavigation a:active {
	color: #FF0000;
}


/* ----------------------
	navigation
---------------------- */

ul#Rnavi li {
	float:left;
	display:inline;
}
ul#Rnavi .Rlogo {
width:143px;
}


/* ----------------------
	Snavigation
---------------------- */
div#Snavigation {
	float:left;
	display:inline;
	width:190px;
	margin:0 0 30px 0;
}

div#Snavigation h2 {
	background:none;
	width:189px;
	height:47px;
	margin: 0 0 11px;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	display:block;
	font-weight:bold;
}
div#Snavigation h2 a{
	width:189px;
	height:47px;
	padding: 0;
}

div#Snavigation h3 {
	clear:both;
	background-color:#EEEEEE;
	width:190px;
	height:27px;
	margin:5px 0 0;
	font-weight:bold;
}

div#Snavigation ul{
	background:#EEEEEE;
	margin:0;
	padding-bottom:11px;
}
div#Snavigation ul li{
	width:178px;
	margin:0 0 0 11px;
	border-bottom:#bfbfbf solid 1px;
	border-right:#bfbfbf solid 1px;
}
div#Snavigation ul li a {
	background: url(../images/snav_bg.gif) left center no-repeat;
	padding:10px 5px 10px 18px;
	width:155px;
	display:block;
	margin:0;
	font-weight:bold;
}
div#Snavigation ul li a.navi-lineup {
	background: #E3E3E3;
	padding:7px 5px 6px 14px;
}
div#Snavigation ul li a.check {
	background: #FF0000;
	color:#55555;
}

div#Snavigation ul li a:link,
div#Snavigation ul li a:hover,
div#Snavigation ul li a:visited,
div#Snavigation ul li a:active {
	color: #555555;
}

div#Snavigation ul li a.check:link,
div#Snavigation ul li a.check:hover,
div#Snavigation ul li a.check:visited,
div#Snavigation ul li a.check:active {
	color:#55555;
}
div#Snavigation ul li.check a {
	background:#FF0000 url(../images/snav_bg.gif) left center no-repeat;
	color:#55555;
}

div#Snavigation ul ul {
	background: url(../images/dot_c5c5c5.gif) 0 100% repeat-x;
	margin:0;
}

div#Snavigation ul ul li{
	background: url(../images/arrow_r.gif) 5px center no-repeat;
	margin:0;
}

div#Snavigation ul ul li a {
	width:160px;
	background: url(../images/dot_c5c5c5.gif) 0 100% repeat-x;
	padding:3px 5px 4px;
	display:block;
	margin:0 0 0 20px;
	font-weight:normal;
}

div#Snavigation ul ul li.check a {
	background:#ffeb7e url(../images/dot_c5c5c5.gif) 0 100% repeat-x;
	color:#FF0000;
}

div#Snavigation a:link,
div#Snavigation ul ul li.check a:link {
	color: #666666;
}
div#Snavigation a:visited,
div#Snavigation ul ul li.check a:visted {
	color: #AAAAAA;
}
div#Snavigation a:hover,
div#Snavigation ul ul li.check a:hover,
div#Snavigation a:active,
div#Snavigation ul ul li.check a:active {
	color: #55555;
}

div#Snavigation .lineup-tablet,div#Snavigation .lineup-drink {
	width:182px;
	background-color:#bbbbbb;
	padding:0 ;
	overflow:hidden;
	
}
div#Snavigation .lineup-tablet {
	margin-top:10px;
	border-top:#bbbbbb 4px solid;
	border-right:#bbbbbb 4px solid;
	border-left:#bbbbbb 4px solid;
}
div#Snavigation .lineup-drink {
	border-top:#bbbbbb 4px solid;
	border-right:#bbbbbb 4px solid;
	border-left:#bbbbbb 4px solid;
}
div#Snavigation .lineup-pouch {
	border-top:#bbbbbb 4px solid;
	border-bottom:#bbbbbb 4px solid;
	border-right:#bbbbbb 4px solid;
	border-left:#bbbbbb 4px solid;
}
div#Snavigation .lineup-tablet h2, div#Snavigation .lineup-drink h2 {
	clear:both;
	float:left;
	width:32px;
	/*height:161px;*/
	height:107px;
	border:none;
	margin:0 0 0;
}

div#Snavigation .lineup-tablet h3, div#Snavigation .lineup-drink h3 {
	float:left;
	clear:none;
	width:150px;
	height:53px;
	border:none;
	margin:0;
	padding:0;
	background:none;
}
div#Snavigation .lineup-tablet h3.alia,
div#Snavigation .lineup-tablet h3.aliexp,
div#Snavigation .lineup-drink h3.aliv,
div#Snavigation .lineup-drink h3.alivvr,
div#Snavigation .lineup-drink h3.alizero7,
div#Snavigation .lineup-drink h3.aliroff {
	margin-bottom:1px;
}
div#Snavigation .lineup-tablet h3 a, div#Snavigation .lineup-drink h3 a {
	display:block;
	width:150px;
	height:53px;
	margin:0;
	padding:0;
	font-weight:normal;
}

div#Snavigation .link-test {
	overflow:hidden;
	width:182px;
	padding:4px;
	margin-top:10px;
	background-color:#BBBBBB;
}

div#Snavigation .link-test h3, div#Snavigation .link-test h3 a {
	width:182px;
	height:93px;
	margin-top:0;
}


/* ----------------------
	navigation
---------------------- */
div#navigation {
	float:right;
	display:inline;
	width:163px;
	background:#eeeeee url(../images/dot_c5c5c5.gif) 2px 100% repeat-x;
}
div#navigation .navi-title {
	background: url(../images/nav_bg.gif) left center repeat-y #E3E3E3;
	padding:7px 5px 6px 8px;
	display:block;
	font-weight:bold;
}
div#navigation .navi-title.check {
	background: url(../images/nav_bg_over.gif) left center repeat-y #FF0000;
	color:#FFFFFF;
}


div#navigation ul {
	background: url(../../../common/images/dot_c5c5c5.gif) 2px top repeat-x;
	margin:0 0 -17px;
	padding-top:1px;
}
div#navigation ul ul {
	background:none;
	margin:0 0 17px;
	padding-top:0;
}


div#navigation ul ul li{
	background: url(../images/arrow_r.gif) 5px center no-repeat;
	margin:0;
}

div#navigation ul ul li a{
	width:133px;
	background: url(../images/dot_c5c5c5.gif) 0 100% repeat-x;
	padding:5px 5px 6px;
	display:block;
	margin:0 0 0 20px;
}

div#navigation ul ul li a.check {
	background:#ffeb7e url(../images/dot_c5c5c5.gif) 0 100% repeat-x;
}

div#navigation a:link {
	color: #666666;
}
div#navigation a:visited {
	color: #AAAAAA;
}
div#navigation a:hover,
div#navigation a:active {
	color: #FF0000;
}


/* ----------------------
	linknavigation
---------------------- */
#linknavigation {
	clear:both;
	float:right;
	display:inline;
	width: 716px;
	background: #EEEEEE;
	padding:12px;
	margin:0 0 30px 0;
	zoom: 1;
}

#linknavigation:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#linknavigation .bnr {
	clear:both;
	margin:0 -7px 0 0;
	zoom: 1;
}

#linknavigation .bnr:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#linknavigation .bnr li {
	float:left;
	display:inline;
	margin:0 7px 0 0;
}

#linknavigation .sub {
	clear:both;
	background:#ffffff;
	border:1px solid #FF9999;
	padding:5px;
	zoom: 1;
}
#linknavigation .sub:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#linknavigation .sub li {
	float:left;
	display:inline;
	margin:0;
	background: url(../images/arrow_r.gif) 5px center no-repeat;
}
#linknavigation .sub li a {
	padding:4px 14px 4px 20px;
	white-space:nowrap;
}

.RecommendList {
	clear:both;
	border-top:1px solid #FF9797;
	border-bottom:1px solid #FF9797;
	background: #FFFFFF;
	padding:5px 0;
	margin:0;
	zoom: 1;
}

.RecommendList:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.RecommendList dl{
	float:left;
	display:inline;
	width:216px;
	min-height:50px;
	_height:50px;
	padding:0 10px;
	border-right:1px solid #D2D2D2;
}
.RecommendList dl.RecommendRight {
	border-right:none;
}
.RecommendList dl em{
	color:#FF0301;
	font-style:normal;
}
.RecommendList dt {
	background: url(../../common/images/arrow_r.gif) left center no-repeat;
	font-size:110%;
	font-weight:bold;
}
.RecommendList dt a {
	padding:4px 14px 4px 12px;
	white-space:nowrap;
}

.RecommendList a:link {
	color: #666666;
}
.RecommendList a:visited {
	color: #AAAAAA;
}
.RecommendList a:hover,
.RecommendList a:active {
	color: #FF0000;
}



/* ----------------------
	maincolumn
---------------------- */
div#maincolumn {
	width:527px;
	float:left;
	display:inline;
}
div#maincolumn .caption { /* キャプション */
	clear:both;
	margin:5px 0 10px;
}

/* tiredlink */
.tiredlink {
	clear:both;
	background:url(../../../common/images/arrow_r05.gif) 99% center no-repeat;
	border:1px solid #FD7F80;
	text-align:right;
	padding-right:27px;
	line-height:1;
}
.tiredlink a {
	border-right:0;
	padding:8px 5px;
	display:block;
}



/* ================================
	gotop
================================ */
.gotop {
	clear:both;
    width: 960px;
    margin: 0 auto;
}
.gotop a {
	float:right;
	text-indent: -9999em;
	background: url(../images/ic_arw03.svg) 55% 50% no-repeat;
	background-size:46px auto;
	width: 46px;
	height: 46px;
	display: block;
}


/* ----------------------
	Sitemap
---------------------- */

div#Sitemap{
	clear:both;
}

div#Sitemap .smapList{
	font-size:80%;
	float:left;
	width:99px;
	margin:0 6px 10px 0;
	border-left:#cccccc 1px solid;}
	

	
div#Sitemap .smapListtop{
	float:none;}
	
div#Sitemap h2{
	border:0;
	background-color:#ffffff;
	width:100px;
	height:34px;
	position:relative;
	left:-1px;
	margin:0;
	padding:0;}
div#Sitemap h2 a{
	display:block;
	width:100px;
	height:24px;
	padding:0;
	margin:0;
	border:none;}

div#Sitemap h3 {
	width:100px;
	height:auto;
	font-size:90%;
	margin: 10px 0 15px 7px;
	color: #666666;
	font-weight:normal;
	background:none;
}

div#Sitemap ul{
	margin:0 0 0 5px;
	
}

div#Sitemap ul li {
	font-size:90%;
	margin:12px 0;
	background: url(../images/smap_arrow.gif) 0 4px no-repeat;
	padding-left:12px;
}

div#Sitemap ul li a{
	color:#000000;
}

div#Sitemap ul li a:link,
div#Sitemap ul li a:visited {
	color: #666666;
}

div#Sitemap ul li a:hover,
div#Sitemap ul li a:active {
	color: #FF0000;
}


/* ================================
	footerlink
================================ */

#footerArea_inc{
	clear: both;
}

div#footerlink {
	clear:both;
	float:right;
	width: 722px;
	_width: 708px;
	padding:10px 8px;
	border:1px solid #D2D2D2;
	margin:25px 0;
	zoom: 1;
	background: url(../images/arrow_r03.gif) right center no-repeat;
}
div#footerlink:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#footerlink .before {
	float:left;
	width:280px;	
	background: url(../images/arrow_l.gif) left center no-repeat;
	padding:5px 0 5px 13px;
}

div#footerlink .next {
	float:right;
	display:inline;
	text-align: right;
	width: 300px;
	_width:280px;
	background: url(../images/arrow_r03bg.gif) right center repeat-y;
	margin-right:115px;
	padding:5px 5px 5px 0;
}

div#footerlink a:link {
	color: #666666;
}

div#footerlink a:visited {
	color: #AAAAAA;
}

div#footerlink a:hover,
div#footerlink a:active {
	color: #FF0000;
}

.next a{
	padding:5px 5px 5px 0;
	font-weight:bold;
	color:#FF0000;}


/* ================================
	maintenance
================================ */
#maintenance{
	font-size: 36px;
	line-height: 1.77;
	padding: 120px 0 120px;
	text-align: center;
}
#maintenance *{
	text-align: center;
}