/* ******************************************************************************
	Style001-TopNavigationStyle-Common-s
		(C)foryousystem co.,ltd	2007
****************************************************************************** */
/* ==============================================================================
	Default Settings
============================================================================== */
@media screen and (max-width: 460px){
 .none {display:none}
}

/* ==============================================================================
	Body Settings
============================================================================== */
body	{
	background-image:	url("./img/background_mt.jpg"),url("./img/background_mu.jpg");
	background-size:	100%,100%;
}

/* ==============================================================================
	Base Area Settings
============================================================================== */
#BaseArea {
	width:			100%;
}

/* ==============================================================================
	Header in BaseArea Settings
============================================================================== */
#BaseHeader {
	margin:			20px auto 0 auto;
	width:			70%;
	height:			70px;
	background-size:	100%;	/*背景画像をウィンドウに対して80％に*/
	background-image:	url(./img/logo.jpg);
}
#BaseHeader #TopLink {
	display:		inline;
	position:		fixed;
	bottom:			30px;
	right:			10px;
	text-indent: 		-9999px;
	text-decoration: 	none;

}
#BaseHeader #TopLink a {
	text-decoration:	none;
	display:		block;
	width:			40px;
	height:			40px;
	background-image: 	url(./img/mobile_top.png);
	background-size:	100%;
}

/* ==============================================================================
	Navigation Area Settings
============================================================================== */
#BaseNavigation {
	margin:			0 auto;
	width:			99%;
}
#BaseNavigation ul {
	width:			100%;
	overflow:		hidden;
}
#BaseNavigation li {
	float:			left;
	margin-right:		1.5px;
	width:			33%;
 	height:			auto;
	background-repeat: 	no-repeat;
}
#BaseNavigation li:nth-child(3) {
	margin-right:		0;
}
#BaseNavigation li a {
	width:			100%;
	height:			40px;
	background-repeat: 	no-repeat;
}
#BaseNavigation li#navi_top a {
	background-size:	100% auto;
}
#BaseNavigation li#navi_about a {
	background-size:	100% auto;
}
#BaseNavigation li#navi_store a {
	background-size:	100% auto;
}
#BaseNavigation li#navi_job a {
	background-size:	100% auto;
}
#BaseNavigation li#navi_inquiry a {
	background-size:	100% auto;
}
#BaseNavigation li#navi_support a {
	background-size:	100% auto;
}

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

/* ==============================================================================
	Contents Area Settings
============================================================================== */
#BaseContents {
	width:			100%;
}
#BaseContents #FooterNavigation {
	margin:			80px auto 80px auto;
	width:			90%;
}
#BaseContents #FooterNavigation .LinkArea {
	margin-right:		1px;
	margin-bottom:		4px;
	width:			33%;
 	height:			auto;
	background-repeat: 	no-repeat;
}
#BaseContents #FooterNavigation li:nth-child(3) {
	margin-right:		0;
}
#BaseContents #FooterNavigation .LinkArea:last-child {
	margin-right:		0;
}
#BaseContents #FooterNavigation .LinkArea a {
	width:			100%;
 	height:			110px;
}

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

/* ==============================================================================
	Footer in BaseArea Settings
============================================================================== */
#BaseFooter {
	width:			100%;
	height:			528px;
}

/* ------------------------------------------------------------------------------
	Banner Area Settings
------------------------------------------------------------------------------ */
#BaseFooter .BannerArea {
	width:			75%;
}
#BaseFooter .BannerArea .LinkArea {
	float:			left;
	margin:			0 20px 10px 0;
	width:			46%;
	text-indent: 		-9999px;
	text-decoration: 	none;
}
#BaseFooter .BannerArea .LinkArea:nth-child(3) {
	margin-right:		20px;
}
#BaseFooter .BannerArea .LinkArea:nth-child(2n+0) {
	margin-right:		0;
}
#BaseFooter .BannerArea .LinkArea a {
 	height:			34px;
	display:		block;
	text-decoration:	none;
	background-size:	100%;
}
#BaseFooter .BannerArea .LinkArea p {
	margin-top:		3px;
	text-indent: 		0;
	letter-spacing:		0.5px;
	line-height:		16px;
	font-size:		8px;
}

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

/* ------------------------------------------------------------------------------
	FooterLogo Settings
------------------------------------------------------------------------------ */
#BaseFooter .FooterLogo {
	margin:			0 auto;
	width:			73%;
}
#BaseFooter .FooterLogo .LogoArea {
	width:			100%;
	margin:			50px 0 10px 0;
}
#BaseFooter .FooterLogo .LogoArea img {
	width:			100%;
}
#BaseFooter .FooterLogo .SignatureArea {
	width:			100%;
	margin:			10px 0 0 0;
	font-size:		71%;
}
#BaseFooter .FooterLogo .SignatureArea span {
	margin-right:		4px;
	font-size:		15px;
}

/* ------------------------------------------------------------------------------
	Copyright Area Settings
------------------------------------------------------------------------------ */
#BaseFooter .CopyrightArea {
	font-size:		8px;
	margin-top:		30px;
	width:			100%;
	text-align:		center;
}