/* ******************************************************************************
	Style001-TopNavigationStyle-Common
		(C)CreativeStyle 2017
****************************************************************************** */
/* ==============================================================================
	Default Settings
============================================================================== */
* {
	margin:			0;
	padding:		0;
}
/* ==============================================================================
	Body Settings
============================================================================== */
body	{
	background-color:	#ffffff;
	background-image:	url("./img/background_t.jpg"),url("./img/background_u.jpg");
	background-repeat:	no-repeat,no-repeat;
	background-position:	center top,center bottom;
	font-family:		"‚l‚r ƒSƒVƒbƒN",sans-serif;
}

/* ==============================================================================
	Base Area Settings
============================================================================== */
#BaseArea {

	width:			100%;
}

/* ==============================================================================
	Header in BaseArea Settings
============================================================================== */
#BaseHeader {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
	margin-top:		27px;
	margin-bottom:		22px;
	height:			82px;
	background-repeat: 	no-repeat;
	background-image:	url(./img/header_image.jpg);
}
#BaseHeader #TopLink {
    	display:		none;
}
#BaseHeader #TopLink a {
 	display:		block;
	text-decoration:	none;
}

/* ==============================================================================
	Navigation Area Settings
============================================================================== */
#BaseNavigation {
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		15px;
	width:			900px;
}
#BaseNavigation ul {
	overflow:		hidden;
	list-style: 		none;
}
#BaseNavigation li {
	float:			left;
	margin:			0 14px 0 0;
	width:			138px;
	text-indent: 		-9999px;
	text-decoration: 	none;
	display:		inline;
}
#BaseNavigation li:last-child {
	margin-right:		0;
}
#BaseNavigation li a {
 	height:			39px;
	display:		block;
	text-decoration:	none;
}

#BaseNavigation li#navi_top a {
	background-image: 	url(./img/navi_top.jpg);
}
#BaseNavigation li#navi_about a {
	background-image: 	url(./img/navi_about.jpg);
}
#BaseNavigation li#navi_store a {
	background-image: 	url(./img/navi_store.jpg);
}
#BaseNavigation li#navi_job a {
	background-image: 	url(./img/navi_job.jpg);
}
#BaseNavigation li#navi_inquiry a {
	background-image: 	url(./img/navi_inquiry.jpg);
}
#BaseNavigation li#navi_support a {
	background-image: 	url(./img/navi_support.jpg);
}

#BaseNavigation li#navi_top a:hover {
	background-image:	url(./img/navi_top_hover.jpg);
}
#BaseNavigation li#navi_about a:hover {
	background-image: 	url(./img/navi_about_hover.jpg);
}
#BaseNavigation li#navi_store a:hover {
	background-image: 	url(./img/navi_store_hover.jpg);
}
#BaseNavigation li#navi_job a:hover {
	background-image: 	url(./img/navi_job_hover.jpg);
}
#BaseNavigation li#navi_inquiry a:hover {
	background-image: 	url(./img/navi_inquiry_hover.jpg);
}
#BaseNavigation li#navi_support a:hover {
	background-image: 	url(./img/navi_support_hover.jpg);
}

/* ==============================================================================
	Contents Area Settings
============================================================================== */
#BaseContents {
	margin-left:		auto;
	margin-right:		auto;
	width:			900px;
}
#BaseContents #FooterNavigation {
	margin:			130px auto 130px auto;
	width:			853px;
	overflow:		hidden;
}
#BaseContents #FooterNavigation .LinkArea {
	float:			left;
	margin:			0 5px 0 0;
	width:			138px;
	text-indent: 		-9999px;
	text-decoration: 	none;
}
#BaseContents #FooterNavigation .LinkArea:last-child {
	margin-right:		0;
}
#BaseContents #FooterNavigation .LinkArea a {
 	height:			138px;
	display:		block;
	text-decoration:	none;
	background-size:	100%;
}

#BaseContents #FooterNavigation .LinkArea#link_top a {
	background-image: 	url(./img/link_top.png);
}
#BaseContents #FooterNavigation .LinkArea#link_about a {
	background-image: 	url(./img/link_about.png);
}
#BaseContents #FooterNavigation .LinkArea#link_store a {
	background-image: 	url(./img/link_store.png);
}
#BaseContents #FooterNavigation .LinkArea#link_job a {
	background-image: 	url(./img/link_job.png);
}
#BaseContents #FooterNavigation .LinkArea#link_inquiry a {
	background-image: 	url(./img/link_inquiry.png);
}
#BaseContents #FooterNavigation .LinkArea#link_support a {
	background-image: 	url(./img/link_support.png);
}

#BaseContents #FooterNavigation .LinkArea#link_top a:hover {
	background-image: 	url(./img/link_top_hover.png);
}
#BaseContents #FooterNavigation .LinkArea#link_about a:hover {
	background-image: 	url(./img/link_about_hover.png);
}
#BaseContents #FooterNavigation .LinkArea#link_store a:hover {
	background-image: 	url(./img/link_store_hover.png);
}
#BaseContents #FooterNavigation .LinkArea#link_job a:hover {
	background-image: 	url(./img/link_job_hover.png);
}
#BaseContents #FooterNavigation .LinkArea#link_inquiry a:hover {
	background-image: 	url(./img/link_inquiry_hover.png);
}
#BaseContents #FooterNavigation .LinkArea#link_support a:hover {
	background-image: 	url(./img/link_support_hover.png);
}

/* ==============================================================================
	Footer in BaseArea Settings
============================================================================== */
#BaseFooter {
	margin-left:		auto;
	margin-right:		auto;
	overflow:		hidden;
	clear:			both;
	width:			900px;
	height:			460px;
}

/* ------------------------------------------------------------------------------
	Banner Area Settings
------------------------------------------------------------------------------ */
#BaseFooter .BannerArea {
    overflow: hidden;
    margin: 30px auto 0 auto;
    width: 550px;
}
#BaseFooter .BannerArea .LinkArea {
	float:			left;
	margin: 0 20px 15px 60px;
	width:			178px;
	text-indent: 		-9999px;
	text-decoration: 	none;
}
#BaseFooter .BannerArea .LinkArea:nth-child(2) {
	margin-right:		0;
}
#BaseFooter .BannerArea .LinkArea:last-child {
	margin-right:		0;
}
#BaseFooter .BannerArea .LinkArea a {
 	height:			46px;
	display:		block;
	text-decoration:	none;
}

#BaseFooter .BannerArea .LinkArea#br_kusuri a {
	background-image: 	url(./img/banner_kusuri.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_myclinic a {
	background-image: 	url(./img/banner_myclinic.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_nih a {
	background-image: 	url(./img/banner_nih.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_fukushihoken a {
	background-image: 	url(./img/banner_fukushihoken.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_mhlw a {
	background-image: 	url(./img/banner_mhlw.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_fsc a {
	background-image: 	url(./img/banner_fsc.jpg);
}

#BaseFooter .BannerArea .LinkArea#br_kusuri a:hover {
	background-image: 	url(./img/banner_kusuri_hover.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_myclinic a:hover {
	background-image: 	url(./img/banner_myclinic_hover.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_nih a:hover {
	background-image: 	url(./img/banner_nih_hover.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_fukushihoken a:hover {
	background-image: 	url(./img/banner_fukushihoken_hover.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_mhlw a:hover {
	background-image: 	url(./img/banner_mhlw_hover.jpg);
}
#BaseFooter .BannerArea .LinkArea#br_fsc a:hover {
	background-image: 	url(./img/banner_fsc_hover.jpg);
}

#BaseFooter .BannerArea .LinkArea p {
	margin-top:		7px;
	text-indent: 		0;
	letter-spacing:		0.5px;
	line-height:		16px;
	font-size:		76%;
}

/* ------------------------------------------------------------------------------
	FooterNavi Settings
------------------------------------------------------------------------------ */
#BaseFooter .FooterNavi {
	overflow:		hidden;
	width:			487px;
	height:			17px;
	margin:			15px auto 0 auto;
	font-size:		71%;
}
#BaseFooter .FooterNavi ul {
	margin:			0 0 0 0;
	list-style: 		none;
}
#BaseFooter .FooterNavi li {
	float:			left;
	display:		block;
	width:			80px;
 	height:			17px;
	text-align:		center;
	border-left:		#000 1px solid;
}
#BaseFooter .FooterNavi li a {
	display:		block;
	text-decoration:	none;
	overflow:		hidden;
	color:			#000;
}
#BaseFooter .FooterNavi li:last-child {
	border-right:		#000 1px solid;
}
@media screen and (max-width: 480px){
 #BaseFooter .FooterNavi {
       display:			none;
 }
}

/* ------------------------------------------------------------------------------
	FooterLogo Settings
------------------------------------------------------------------------------ */
#BaseFooter .FooterLogo {
	overflow:		hidden;
	width:			900px;
	color:			#fff;
}
#BaseFooter .FooterLogo .LogoArea {
	float:			left;
	margin:			55px 20px 0 120px;
}
#BaseFooter .FooterLogo .SignatureArea {
	float:			left;
	margin-top:		85px;
	font-size:		76%;
}
#BaseFooter .FooterLogo .SignatureArea span {
	margin-right:		20px;
	font-size:		large;
	font-weight:		bold;
}

/* ------------------------------------------------------------------------------
	Copyright Area Settings
------------------------------------------------------------------------------ */
#BaseFooter .CopyrightArea {
	overflow:		hidden;
	margin-top:		40px;
	width:			900px;
	text-align:		center;
}