@charset "UTF-8";

/* -------------------------------------------------------------------------
-overall framework
　/common/css/global.css
 - - - - - - - - - - - - - - - - - - -
　This sets the style of the overall framework that is common to all regular pages.
　*The framework is consists of [header] [menu] and [content] sections.
　The latter portion defines the page pattern.
---------------------------------------------------------------------------- */

/* =========================================================
*[standard page]
　-> no class added to body
========================================================= */
#contents-body {
	float: left;
	width: 636px;
	margin-top: 5px;
	padding-top: 17px;
	background: transparent url("/common/images/bg_com_04.gif") no-repeat 0px 0px;
}
#contents-aside {
	float: right;
	width: 200px;
	margin-top: 5px;
	padding-top: 3px;
	background: transparent url("/common/images/bg_com_04.gif") no-repeat 0px 0px;
}

/* =========================================================
*[no right-side navigation]
　-> body.no-aside
========================================================= */
body.no-aside #contents-body {
	clear: both;
	width: 854px;
}

/* =========================================================
*text standard decoration
　font size
　　standard　　   ：12px（=16px * 0.75） *browser font size "medium"
　　title, etc.    ：24px（standard * 2.0）
　　headings, etc. ：14px（standard * 1.167）
========================================================= */
body {
/*	line-height: 1.334;*/
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 83%;
	color: #666666;
}
@media screen and (max-width:767px){
	body {
        -webkit-text-size-adjust: 100%;
    }
}
.fontsizeS {
	font-size: 75%;
}
.fontsizeL {
	font-size: 91%;
}

/* -------------------------------------
V general text links
　-> a （:link, :visited, :hover, :active）
------------------------------------- */
a:link {
	color: #444444;
	text-decoration: underline;
}
a:visited {
	color: #777777;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}


/* =========================================================
*[header]
　style for header and the elements within header
　-> div#header
========================================================= */
#header {
	position: relative;
	width: 900px;
	height: 70px;
	margin: 0px auto;
}
@media screen and (max-width:767px){
	#header{
		width:100%;
		height:auto;
		min-width:320px;
		overflow:hidden;
		position:absolute;
		z-index:1000 !important;
	}
	#header .header_inner{
		background-color:#ffffff;
		overflow:hidden;
	}
		
}
/* global navigation */
div#nav {
	position: relative;
	z-index: 999;
}
@media screen and (max-width:767px){
	div#nav{
		display:none; /* 仮調整 */
	}
}
div#nav ul {
	margin: 0px auto;
	width: 920px;   /* 900px + shadow*2 */
}
/* logo */
div#header .logo {
	position: absolute;
	top: 16px; left: 0px;
	margin: 0px; padding: 0px;
	width: 178px; height: 40px;
}
div#header .logo img.pcOnly{
	display:block;
}
div#header .logo img.spOnly{
	display:none;
}
@media screen and (max-width:767px){
	div#header .logo{
		min-width:94px;
		position:inherit;
		top:auto; left:auto;
		width:30%;
		height:auto;
	}
	div#header .logo img.pcOnly{
		display:none;
	}
	div#header .logo img.spOnly{
		display:block;
	}
}
div#header .logo img {
	width: 178px; height: 40px;
}
@media screen and (max-width:767px){
	div#header .logo img{
		width:100%;
		height:auto;
		margin:10% 10% 0 4.6%;
		float:left;
	}
}
/* site ID */
div#header .siteId {
    position: absolute;
    top: 46px;
    left: 698px;
    width: 199px;
    height: 14px;
	overflow:hidden;
}
@media screen and (max-width:767px){
	div#header .siteId {
		width:24.8%;
		height:auto;
		position:absolute!important;
		top:auto;
		left:33.5%;
		right:auto;
		bottom:auto;
		overflow:hidden;
		float:left;
  }
}


div#header .siteId p {
    display: block;
    overflow: hidden;
    height: 0px;
    padding: 14px 0px 0px;
    background: url('/common/images/global/text_siteid.gif') no-repeat scroll 0% 0% transparent;
}
@media screen and (max-width:767px){
	div#header .siteId p{
		width:100%;
		height:auto;
		display:inline-block;
		background-size:100% auto !important;
		text-indent:-9999px;
		padding:0 !important;
		overflow:hidden;
		margin:25.7% 0 0;		
		
	}
}
/* in-site general navigation */
div#header .toGeneralPages {
	position: absolute;
	top: 10px; right: 207px;
	margin: 0px;
	padding: 0px 11px 0px 0px;
	list-style: none;
	zoom: 1;
	text-align: right;
}
@media screen and (max-width:767px){
	div#header .toGeneralPages{
		display:none;
	}
}
div#header .toGeneralPages li {
	display: -moz-inline-box; /* for Firefox2 */
	display: inline-block;

	margin: 0px 0px 0px 11px;
	padding: 0px 0px 0px 9px;
	height: 18px; overflow: hidden;
	background: transparent url("/common/images/global/border_vertical.gif") repeat-y 0% 0%;
	text-align: left;
}
* html div#header .toGeneralPages li { float: left; }
*+html div#header .toGeneralPages li { float: left; }
div#header .toGeneralPages li a {
	display: block; overflow: hidden; text-indent: -9999px;
	height: 18px;
}
div#header .toGeneralPages li a:link:hover,
div#header .toGeneralPages li a:visited:hover {
	background-position: 0px -18px;
}
div#header .toGeneralPages li a.toHome {
	width: 44px;
	background: transparent url("/common/images/global/link_home.gif") no-repeat 0% 0%;
}
div#header .toGeneralPages li a.toSiteMap {
	width: 62px;
	background: transparent url("/common/images/global/link_sitemap.gif") no-repeat 0% 0%;
}
div#header .toGeneralPages li a.toNarrowband {
	width: 82px;
	background: transparent url("/common/images/global/link_narrowband.gif") no-repeat 0% 0%;
}

div#header .toGeneralPages li a.toNotice {
	width: 88px;
	background: transparent url("/common/images/global/link_notice.gif") no-repeat 0% 0%;
	margin-top:4px;
}

div#header .toGeneralPages li a.toContact {
	width: 76px;
	background: transparent url("/common/images/global/link_contact.gif") no-repeat 0% 0%;
	margin-top:4px;
}

div#header .toGeneralPages li a.toEmploy {
	width: 54px;
	background: transparent url("/common/images/global/link_employ.gif") no-repeat 0% 0%;
	margin-top:4px;
}

div#header .toGeneralPages li a.toEnglish {
	width: 62px;
	background: transparent url("/common/images/global/link_english.gif") no-repeat 0% 0%;
}



/* サイト内検索用 2014/10/21 */

@media screen and (max-width:767px){
	.search_block{
		min-width:320px;
		background:#ebebeb !important;
		clear:both;
		overflow:hidden;
		border-top:solid 2px #000000;
		border-bottom:solid 2px #000000;
		box-sizing:border-box;
		display:none; /* script用 */ 
		
	}
}

#SS_searchForm {
	position: absolute;
	top: 8px;
	right: 1px;
	width: 204px;
}
@media screen and (max-width:767px){
	#SS_searchForm{
		position:inherit;
		width:93.7%;
		margin:2% auto;
		overflow:hidden;
	}
}
#SS_searchQuery {
	float: left;
	width: 150px;
	height: 15px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #575757 #ebebeb #bbbbbb;
	vertical-align: middle;
	line-height: 1;
}
@media screen and (max-width:767px){
	#SS_searchQuery{
		width:82.8%;
		padding:3% 0;
		border-radius:5px;
		border:solid 2px #c8c8c8;
	}
	input[type="text"] {
       -webkit-appearance: none;
    }

}
#SS_searchSubmit {
	float: right;
	width: 45px;
	height: 22px;
	vertical-align: middle;
}
@media screen and (max-width:767px){
	#SS_searchSubmit{
		width:13.3%;
		height:100%;
		overflow:hidden;
		padding-top:2.0%;
		padding-bottom:2.0%;
		background:#fff;
		border-radius:5px;
		border-top:none;
		border-left:none;
		border-bottom:solid 1px #d3d3d3;
		border-right:solid 1px #d3d3d3;
		font-size:110%;
		font-weight:bold;
		line-height:1.8;
	}
   input[type="submit"] {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -webkit-appearance: none;
}

}

/* Regional Sites */
div#header .toRegionalSites {
	position: absolute; top: 0px; left: 779px;
}
div#header .toRegionalSites a {
	display: block; width: 0px; height: 0px; overflow: hidden;
	padding-left: 121px; padding-top: 29px;
	background: transparent url("/common/images/global/btn_regionalsites.gif") no-repeat 0% 0%;
}
div#header .toRegionalSites a:hover {
	background-position: 0px -29px;
}


/* =========================================================
*[navigation]
　style for global navigation
　-> #nav
========================================================= */
/* global navigation overall */
div#nav {
	height: 40px;
	background: #eee url("/common/images/global/gnavi/gnavi_bg.gif") repeat-x 0% 0%;
}
div#nav ul {
	list-style: none; padding: 0px;
}
div#nav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
	position: relative;
}
div#nav ul li.firstChild {
	padding-left: 10px;
	background: transparent url("/common/images/global/gnavi/gnavi_bg_l.gif") no-repeat 0% 0%;
}
div#nav ul li.lastChild {
	padding-right: 10px;
	background: transparent url("/common/images/global/gnavi/gnavi_bg_r.gif") no-repeat 0% 0%;
}

/* 1st level links */
div#nav ul li a {
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
}
div#nav ul li a.gnav_products           { background-image: url("/common/images/global/gnavi/1st_products_off.gif"); }
div#nav ul li a.gnav_products:hover     { background-image: url("/common/images/global/gnavi/1st_products_on.gif") !important; }
div#nav ul li.current a.gnav_products,
div#nav ul li.selecting a.gnav_products { background-image: url("/common/images/global/gnavi/1st_products_crrnt.gif"); }
div#nav ul li span.gnav_products_stay{
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
	background-image: url("/common/images/global/gnavi/1st_products_crrnt.gif");
}


div#nav ul li a.gnav_store           { background-image: url("/common/images/global/gnavi/1st_store_off.gif"); }
div#nav ul li a.gnav_store:hover     { background-image: url("/common/images/global/gnavi/1st_store_on.gif") !important; }
div#nav ul li.current a.gnav_store,
div#nav ul li.selecting a.gnav_store { background-image: url("/common/images/global/gnavi/1st_store_crrnt.gif"); }
div#nav ul li span.gnav_store_stay{
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
	background-image: url("/common/images/global/gnavi/1st_store_crrnt.gif");
}


div#nav ul li a.gnav_registration          { background-image: url("/common/images/global/gnavi/1st_registration_off.gif"); }
div#nav ul li a.gnav_registration:hover     { background-image: url("/common/images/global/gnavi/1st_registration_on.gif") !important; }
div#nav ul li.current a.gnav_registration,
div#nav ul li.selecting a.gnav_registration { background-image: url("/common/images/global/gnavi/1st_registration_crrnt.gif"); }
div#nav ul li span.gnav_registration_stay{
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
	background-image: url("/common/images/global/gnavi/1st_registration_crrnt.gif");
}


div#nav ul li a.gnav_support           { background-image: url("/common/images/global/gnavi/1st_support_off.gif"); }
div#nav ul li a.gnav_support:hover     { background-image: url("/common/images/global/gnavi/1st_support_on.gif") !important; }
div#nav ul li.current a.gnav_support,
div#nav ul li.selecting a.gnav_support { background-image: url("/common/images/global/gnavi/1st_support_on.gif");}
div#nav ul li span.gnav_support_stay{
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
	background-image: url("/common/images/global/gnavi/1st_support_crrnt.gif");
}


div#nav ul li a.gnav_news           { background-image: url("/common/images/global/gnavi/1st_news_off.gif"); }
div#nav ul li a.gnav_news:hover     { background-image: url("/common/images/global/gnavi/1st_news_on.gif") !important; }
div#nav ul li.current a.gnav_news,
div#nav ul li.selecting a.gnav_news { background-image: url("/common/images/global/gnavi/1st_news_on.gif"); }
div#nav ul li span.gnav_news_stay{
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
	background-image: url("/common/images/global/gnavi/1st_news_crrnt.gif");
}




div#nav ul li a.gnav_corporate           { background-image: url("/common/images/global/gnavi/1st_corporate_off.gif"); }
div#nav ul li a.gnav_corporate:hover     { background-image: url("/common/images/global/gnavi/1st_corporate_on.gif") !important; }
div#nav ul li.current a.gnav_corporate,
div#nav ul li.selecting a.gnav_corporate { background-image: url("/common/images/global/gnavi/1st_corporate_crrnt.gif"); }
div#nav ul li span.gnav_corporate_stay{
	display: block;
	width: 150px; height: 40px;
	text-indent: -9999px;
	background-color: #999;
	background-repeat: no-repeat;
	outline: none;
	background-image: url("/common/images/global/gnavi/1st_corporate_crrnt.gif");
}

/* 2nd level layer */
div#nav ul li div {
	display: none;
	position: absolute;
	width: 226px;
}
div#nav ul li div div {
	display: block;
	position: static;
}
div#nav ul li div div.gnavi2ndBody {
	position: absolute;
	top: -1px; left: 1px;
	width: 223px;
	padding-bottom: 1px;
	background-color: #fff;
	z-index: 1;
}
div#nav ul li div div.bgLayer {
	display: block;
	height: 100%; width: 100%;
	background: transparent url("/common/images/global/gnavi/gnavi2nd_bg.gif") no-repeat 0% 100%;

	filter: alpha(style=0, opacity=10)
	-moz-opacity: 0.10;
	opacity: 0.10;
}

/* 2nd level category */
div#nav ul li div.gnavi2ndBody div.category {
	padding: 1px 0px 3px;
	width: 223px;
	background: transparent url("/common/images/global/gnavi/gnavi2nd_separator.gif") no-repeat 0% 0%;
	opacity: 1.0;
}
div#nav ul li div.gnavi2ndBody div.heading {
	display: block;
	width: 223px; height: 19px;
	text-indent: -9999px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

/* 2nd level list */
div#nav ul li div.gnavi2ndBody ul {
	width: 223px;
}
* html div#nav ul li div.gnavi2ndBody ul {
	font-size: 0px;
}
div#nav ul li div.gnavi2ndBody ul li {
	float: none;
	padding-top: 1px;
	width: 223px;
	background: transparent url("/common/images/global/gnavi/gnavi2nd_separator.gif") no-repeat 0% 0%;
}
div#nav ul li div.gnavi2ndBody div.category ul li {
	padding-top: 0px;
	background: none;
}
div#nav ul li div.gnavi2ndBody ul li a {
	width: 223px; height: 21px;
	background-color: #fff;
	margin-bottom: 0;
	border: none;
	padding: 0;
}
div#nav ul li div.gnavi2ndBody div.category ul li a {
	height: 18px;
}

/* 2nd level each item */
div#nav ul li div.products { height: 134px;}
div#nav ul li a.passengerTires       { background-image: url("/common/images/global/gnavi/2nd_passengertires_off.gif"); }
div#nav ul li a.passengerTires:hover { background-image: url("/common/images/global/gnavi/2nd_passengertires_on.gif"); }
div#nav ul li a.commercialTires       { background-image: url("/common/images/global/gnavi/2nd_commercialtires_off.gif"); }
div#nav ul li a.commercialTires:hover { background-image: url("/common/images/global/gnavi/2nd_commercialtires_on.gif"); }
div#nav ul li a.motorcycleTires       { background-image: url("/common/images/global/gnavi/2nd_motorcycletires_off.gif"); }
div#nav ul li a.motorcycleTires:hover { background-image: url("/common/images/global/gnavi/2nd_motorcycletires_on.gif"); }
div#nav ul li a.specialityTires       { background-image: url("/common/images/global/gnavi/2nd_specialitytires_off.gif"); }
div#nav ul li a.specialityTires:hover { background-image: url("/common/images/global/gnavi/2nd_specialitytires_on.gif"); }
div#nav ul li a.diversified       { background-image: url("/common/images/global/gnavi/2nd_diversified_off.gif"); }
div#nav ul li a.diversified:hover { background-image: url("/common/images/global/gnavi/2nd_diversified_on.gif"); }
div#nav ul li a.technologies       { background-image: url("/common/images/global/gnavi/2nd_technologies_off.gif"); }
div#nav ul li a.technologies:hover { background-image: url("/common/images/global/gnavi/2nd_technologies_on.gif"); }

div#nav ul li div.corporate { height: 156px;}
div#nav ul li a.philosophy       { background-image: url("/common/images/global/gnavi/2nd_philosophy_off.gif"); }
div#nav ul li a.philosophy:hover { background-image: url("/common/images/global/gnavi/2nd_philosophy_on.gif"); }
div#nav ul li a.strategy       { background-image: url("/common/images/global/gnavi/2nd_strategy_off.gif"); }
div#nav ul li a.strategy:hover { background-image: url("/common/images/global/gnavi/2nd_strategy_on.gif"); }
div#nav ul li a.profile       { background-image: url("/common/images/global/gnavi/2nd_profile_off.gif"); }
div#nav ul li a.profile:hover { background-image: url("/common/images/global/gnavi/2nd_profile_on.gif"); }
div#nav ul li a.locations       { background-image: url("/common/images/global/gnavi/2nd_locations_off.gif"); }
div#nav ul li a.locations:hover { background-image: url("/common/images/global/gnavi/2nd_locations_on.gif"); }
div#nav ul li a.library       { background-image: url("/common/images/global/gnavi/2nd_library_off.gif"); }
div#nav ul li a.library:hover { background-image: url("/common/images/global/gnavi/2nd_library_on.gif"); }
div#nav ul li a.history       { background-image: url("/common/images/global/gnavi/2nd_history_off.gif"); }
div#nav ul li a.history:hover { background-image: url("/common/images/global/gnavi/2nd_history_on.gif"); }
div#nav ul li a.news       { background-image: url("/common/images/global/gnavi/2nd_news_off.gif"); }
div#nav ul li a.news:hover { background-image: url("/common/images/global/gnavi/2nd_news_on.gif"); }

div#nav ul li a.ceo       { background-image: url("/common/images/global/gnavi/2nd_ceo_off.gif"); }
div#nav ul li a.ceo:hover { background-image: url("/common/images/global/gnavi/2nd_ceo_on.gif"); }

div#nav ul li a.shareholders       { background-image: url("/common/images/global/gnavi/2nd_shareholders_off.gif"); }
div#nav ul li a.shareholders:hover { background-image: url("/common/images/global/gnavi/2nd_shareholders_on.gif"); }

div#nav ul li a.irlibrary       { background-image: url("/common/images/global/gnavi/2nd_irlibrary_off.gif"); }
div#nav ul li a.irlibrary:hover { background-image: url("/common/images/global/gnavi/2nd_irlibrary_on.gif"); }

div#nav ul li a.financialdata       { background-image: url("/common/images/global/gnavi/2nd_financialdata_off.gif"); }
div#nav ul li a.financialdata:hover { background-image: url("/common/images/global/gnavi/2nd_financialdata_on.gif"); }

div#nav ul li a.ircalendar       { background-image: url("/common/images/global/gnavi/2nd_ircalendar_off.gif"); }
div#nav ul li a.ircalendar:hover { background-image: url("/common/images/global/gnavi/2nd_ircalendar_on.gif"); }

div#nav ul li a.contactus       { background-image: url("/common/images/global/gnavi/2nd_contactus_off.gif"); }
div#nav ul li a.contactus:hover { background-image: url("/common/images/global/gnavi/2nd_contactus_on.gif"); }

div#nav ul li a.notice       { background-image: url("/common/images/global/gnavi/2nd_notice_off.gif"); }
div#nav ul li a.notice:hover { background-image: url("/common/images/global/gnavi/2nd_notice_on.gif"); }

div#nav ul li div.responsibilities { height: 68px;}
/*div#nav ul li div.responsibilities { height: 138px;}*/
/* div#nav ul li div.responsibilities { height: 156px;} safetyTechnologies may be used */

div#nav ul li div.investorRelations { height: 156px;}

/**/
div#nav a.environment       { background-image: url("/common/images/global/gnavi/2nd_environment_off.gif"); }
div#nav a.environment:hover { background-image: url("/common/images/global/gnavi/2nd_environment_on.gif"); }
div#nav a.tireSafety { background-image: url("/common/images/global/gnavi/2nd_tiresafety_off.gif"); }
div#nav a.tireSafety:hover { background-image: url("/common/images/global/gnavi/2nd_tiresafety_on.gif"); }
div#nav a.corporateCitizenship { background-image: url("/common/images/global/gnavi/2nd_corporatecitizenship_off.gif"); }
div#nav a.corporateCitizenship:hover { background-image: url("/common/images/global/gnavi/2nd_corporatecitizenship_on.gif"); }

/*div#nav ul li div.heading.hd-environment { background-image: url("/common/images/global/gnavi/2nd_environment.gif"); }*/
div#nav ul li div.heading.hd-tireSafety { background-image: url("/common/images/global/gnavi/2nd_tiresafety.gif"); }
div#nav ul li div.heading.hd-corporateCitizenship { background-image: url("/common/images/global/gnavi/2nd_corporatecitizenship.gif"); }

div#nav ul li a.mission       { background-image: url("/common/images/global/gnavi/2nd_mission_off.gif"); }
div#nav ul li a.mission:hover { background-image: url("/common/images/global/gnavi/2nd_mission_on.gif"); }
div#nav ul li a.programs       { background-image: url("/common/images/global/gnavi/2nd_programs_off.gif"); }
div#nav ul li a.programs:hover { background-image: url("/common/images/global/gnavi/2nd_programs_on.gif"); }
div#nav ul li a.tireSafetyPledge       { background-image: url("/common/images/global/gnavi/2nd_ts_pledge_off.gif"); }
div#nav ul li a.tireSafetyPledge:hover { background-image: url("/common/images/global/gnavi/2nd_ts_pledge_on.gif"); }
div#nav ul li a.tireSafetyTechnology       { background-image: url("/common/images/global/gnavi/2nd_ts_technology_off.gif"); }
div#nav ul li a.tireSafetyTechnology:hover { background-image: url("/common/images/global/gnavi/2nd_ts_technology_on.gif"); }
div#nav ul li a.tireSafetyActivities       { background-image: url("/common/images/global/gnavi/2nd_ts_activities_off.gif"); }
div#nav ul li a.tireSafetyActivities:hover { background-image: url("/common/images/global/gnavi/2nd_ts_activities_on.gif"); }

/**/
div#nav ul li a.policy       { background-image: url("/common/images/global/gnavi/2nd_cc_policy_off.gif"); }
div#nav ul li a.policy:hover { background-image: url("/common/images/global/gnavi/2nd_cc_policy_on.gif"); }
div#nav ul li a.globalProjects       { background-image: url("/common/images/global/gnavi/2nd_cc_globalprojects_off.gif"); }
div#nav ul li a.globalProjects:hover { background-image: url("/common/images/global/gnavi/2nd_cc_globalprojects_on.gif"); }
div#nav ul li a.activitiesWorld       { background-image: url("/common/images/global/gnavi/2nd_cc_activities_world_off.gif"); }
div#nav ul li a.activitiesWorld:hover { background-image: url("/common/images/global/gnavi/2nd_cc_activities_world_on.gif"); }

/* footer */
div#footer-container {
	position: relative;
	z-index: 1;
}
div#footer-container div#footer {
	position: relative;
	z-index: 1;
	top: -1px;       /* handling that positions on top of top border */
	margin: 0px auto;
	width: 902px;    /* handling that positions along the border（+2px） */
}
@media screen and (max-width:767px){
	div#footer-container div#footer{
		width:100%;
	}
}


/* =========================================================
*[content]
　style for the content framework
　-> #contents-container
　-> #contents-header
　-> #contents
　-> #contents-footer

　[warning!] the style for the various elements positioned within the contents is defined in
　　　　　content_parts.css and unique_parts.css
========================================================= */

/* #contents-container
-------------------------------- */
#contents-container{
	width: 100%;
	background: transparent url("/common/images/global/contentscontainer_bg.gif") repeat-x 0% 0%;
}
.container-block{
	padding-top:0 !important;
}
#contents-container.pc{
	padding-top:0 !important;
}
@media screen and (max-width:767px){
	#contents-container{
		position:relative !important;
		z-index:0 !important;
		overflow:hidden;
		padding:12.23% 0 0 0 !important;
	}
}
/* #main-visual
-------------------------------- */
#main-visual {
	width: 900px;
	margin: 0 auto;
}

/* #contents
-------------------------------- */
#contents {
	clear: both;
	width: 854px;
	margin: 2px auto 0;
	padding: 9px 23px 0;
	background: transparent url("/common/images/global/contents_bg.gif") repeat-x 0% 0%;
}

/* #contents-header
-------------------------------- */
#contents-header {
	min-height: 18px;
}
* html #contents-header { /* for IE6 */
	height: 18px;
}

/* .toGlobalSite */
.toGlobalSite {
	float: right;
	width: 60px;
	margin: 0;
}
/* #topicPath */
#topicPath {
	float: left;
	width: 636px;
	padding-left: 10px;
	background: transparent url("/common/images/global/topicpath_marker.gif") no-repeat 1px 50%;
}
#topicPath li {
	float: left;
	margin-right: 7px;
	line-height: 1.1;
	font-size: 10px;
	color: #999999;
	white-space:nowrap;
}
#topicPath li a {
	padding-right: 11px;
	background: transparent url("/common/images/global/topicpath_arrow.gif") no-repeat 100% 50%;
	line-height: 1.1;
	color: #999999;
}
#topicPath li a:link {
	color: #999999;
}
#topicPath li a:visited {
	color: #777777;
}
#topicPath li a:hover {
	color: #FF0000;
}

/* fontSizeSwitchUI */
#fontSizeSwitchUI {
	float: right;
	line-height: 1;
	margin-left: 13px;
	padding: 0px 0px 0px 56px;
	width: 64px;
	background: transparent url("/common/images/global/fontsize_label.gif") no-repeat 0% 50%;
	zoom: 1;
}
#fontSizeSwitchUI li {
	float: left;
	height: 18px;
}
#fontSizeSwitchUI li a {
	display: block;
	height: 18px;
	text-indent: -9999px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline:none;
}
#fontSizeSwitchUI li.setterS a {
	width: 22px;
	background-image: url("/common/images/global/fontsize_s_off.gif");
}
#fontSizeSwitchUI li.setterM a {
	width: 21px;
	background-image: url("/common/images/global/fontsize_m_on.gif");
}
#fontSizeSwitchUI li.setterL a {
	width: 21px;
	background-image: url("/common/images/global/fontsize_l_off.gif");
}
#fontSizeSwitchUI li.setterS a:hover {
	background-image: url("/common/images/global/fontsize_s_on.gif");
}
#fontSizeSwitchUI li.setterM a:hover {
	background-image: url("/common/images/global/fontsize_m_on.gif");
}
#fontSizeSwitchUI li.setterL a:hover {
	background-image: url("/common/images/global/fontsize_l_on.gif");
}
body.fontsizeS #fontSizeSwitchUI li.setterS a {
	background-image: url("/common/images/global/fontsize_s_on.gif");
}
body.fontsizeL #fontSizeSwitchUI li.setterL a {
	background-image: url("/common/images/global/fontsize_l_on.gif");
}
body.fontsizeS #fontSizeSwitchUI li.setterM a,
body.fontsizeL #fontSizeSwitchUI li.setterM a {
	background-image: url("/common/images/global/fontsize_m_off.gif");
}
body.fontsizeS #fontSizeSwitchUI li.setterM a:hover,
body.fontsizeL #fontSizeSwitchUI li.setterM a:hover {
	background-image: url("/common/images/global/fontsize_m_on.gif");
}

/* #contents-footer
-------------------------------- */
#contents-footer {
	clear: both;
	position: relative;
	height: 30px;
	width:900px;
	margin:0 auto;
}
@media screen and (max-width:767px){
	#contents-footer{
		display:none;
	}
}
#contents-footer a.toPageTop {
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 111px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url("/common/images/global/btn_topagetop_off.gif") no-repeat 0% 0%;
}
#contents-footer a.toPageTop:hover {
	background-image: url("/common/images/global/btn_topagetop_on.gif");
}

/*#contents-footer {
	clear: both;
	position: relative;
	height: 30px;
}
#contents-footer a.toPageTop {
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	right: -23px;
	width: 111px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url("/common/images/global/btn_topagetop_off.gif") no-repeat 0% 0%;
}
div#contents div#contents-footer a.toPageTop:hover {
	background-image: url("/common/images/global/btn_topagetop_on.gif");
}
*/


/* =========================================================
*[footer]
　style for header and the elements within header
　-> div#footer
========================================================= */

/* #footer-container
-------------------------------- */
/* footer */
div#footer-container {
	border-top: solid 1px #eee;
}
@media screen and (max-width:767px){
	div#footer-container{
		min-width:320px;
		border-top:none !important;
	}
}
div#footer-container div#footer {
	padding: 8px 0px 20px;
	background: transparent url("/common/images/global/footer_border.gif") no-repeat 0% 0%;
}
@media screen and (max-width:767px){
	div#footer-container div#footer{
		background:none !important;
		padding:0;
	}
}

/* site information link */
div#footer .toSiteInformation {
	margin: 0px 0px 0px 3px; padding: 0px;
	height: 9px;
	list-style: none;
	background: transparent url("/common/images/global/border_vertical.gif") repeat-y 0% 0%;
	zoom: 1;
}

div#footer .toSiteInformation:after {
	content: ".";
	height: 0; display: block; visibility: hidden;
	clear: both;
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation{
		width:96.8% !important;
		height:100%;
		margin:0 auto;
		overflow:hidden;
		background:#f3f3f3;
	}
}
div#footer .toSiteInformation li {
	float: left;
	margin: 0px; padding: 0px 7px;
	background: transparent url("/common/images/global/border_vertical.gif") repeat-y 100% 0%;
}
div#footer .toSiteInformation li:nth-child(7){
	display:none;
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li{
		width:50%;
		padding:0% 0 0% 1.5%; 
		background:none !important;
		box-sizing:border-box !important;
		border-bottom:solid 2px #ffffff;
		font-size:90%;
		color:#666666;
	}
	div#footer .toSiteInformation li:nth-child(1){
		border-right:solid 2px #ffffff;
	}
	div#footer .toSiteInformation li:nth-child(3){
		clear:both;
		border-right:solid 2px #ffffff;
	}
	div#footer .toSiteInformation li:nth-child(5){
		clear:both;
		border-right:solid 2px #ffffff;
		border-bottom:none !important;
	}
	div#footer .toSiteInformation li:nth-child(6){
		display:none;
	}
	div#footer .toSiteInformation li:nth-child(7){
		display:block;
		border-bottom:none !important;
	}
	div#footer .toSiteInformation li:nth-child(7) a{
		text-indent:0;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;

	}
}
div#footer .toSiteInformation li a {
	display: block; overflow: hidden; text-indent: -9999px;
	height: 9px;
}
@media screen and (max-width:767px){
	
	div#footer .toSiteInformation li a{
		height:100%;
		text-decoration:none;
		display:block;
		padding:7% 0;
		color:#666666;
	}
	div#footer .toSiteInformation li a:hover{
		color:#666666;
	}
}
/* ご利用にあたって
============================ */
div#footer .toSiteInformation li a.toTermsOfUse {
	width: 73px;
	background: transparent url("/common/images/global/link_termsofuse_off.gif") no-repeat 0% 0%;
}

div#footer .toSiteInformation li a.toTermsOfUse:hover {
	background-image: url("/common/images/global/link_termsofuse_on.gif");
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li a.toTermsOfUse {
		width:100%;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
		text-indent:0;
	}
	div#footer .toSiteInformation li a.toTermsOfUse:hover{
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;

	}
}

/* サイトマップ
============================ */
@media screen and (max-width:767px){
	#sitemap-container{
		display:none;
	}
}
div#footer .toSiteInformation li a.toSitemap {
	width: 56px;
	background: transparent url("/common/images/global/link_sitemap_off.gif") no-repeat 0% 0%;
}
div#footer .toSiteInformation li a.toSitemap:hover {
	background-image: url("/common/images/global/link_sitemap_on.gif");
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li a.toSitemap{
		width:100%;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
		text-indent:0;
	}
	div#footer .toSiteInformation li a.toSitemap:hover{
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
	}
}

/* プライバシー
============================ */

div#footer .toSiteInformation li a.toPrivacy {
	width: 92px;
	background: transparent url("/common/images/global/link_privacy_off.gif") no-repeat 0% 0%;
}
div#footer .toSiteInformation li a.toPrivacy:hover {
	background-image: url("/common/images/global/link_privacy_on.gif");
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li a.toPrivacy {
		width:100%;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
		text-indent:0;
	}
	div#footer .toSiteInformation li a.toPrivacy:hover {
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
	}
}

/* ソーシャルメディア利用規約
============================ */

div#footer .toSiteInformation li a.toSnsPolicy {
	width: 119px;
	background: transparent url("/common/images/global/link_snspolicy_off.gif") no-repeat 0% 0%;
}
div#footer .toSiteInformation li a.toSnsPolicy:hover {
	background-image: url("/common/images/global/link_snspolicy_on.gif");
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li a.toSnsPolicy {
		width:100%;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
		text-indent:0;
	}
	div#footer .toSiteInformation li a.toSnsPolicy:hover{
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
	}
}

/* プライバシーポリシー
============================ */
div#footer .toSiteInformation li a.toPrivacyPolicy {
	width: 91px;
	background: transparent url("/common/images/global/link_privacypolicy_off.gif") no-repeat 0% 0%;
}
div#footer .toSiteInformation li a.toPrivacyPolicy:hover {
	background-image: url("/common/images/global/link_privacypolicy_on.gif");
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li a.toPrivacyPolicy {
		width:100%;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
		text-indent:0;
	}
	div#footer .toSiteInformation li a.toPrivacyPolicy:hover {
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
	}
}

/* 文字を大きくするには
============================ */
div#footer .toSiteInformation li a.toFonts {
	width: 92px;
	background: transparent url("/common/images/global/link_fonts_off.gif") no-repeat 0% 0%;
}
div#footer .toSiteInformation li a.toFonts:hover {
	background-image: url("/common/images/global/link_fonts_on.gif");
}
@media screen and (max-width:767px){
	div#footer .toSiteInformation li a.toFonts{
		width:100%;
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
		text-indent:0;
	}
	div#footer .toSiteInformation li a.toFonts:hover{
		background: url("/common/images/global/icon_sitemap_01.gif") no-repeat scroll 0 50%;
		padding-left:5%;
	}
}




/* copyright */
div#footer .copyright {
	position: absolute;
	top: 8px; right: 0px;
	width: 172px; height: 10px; overflow: hidden; text-indent: -9999px;
	background: transparent url("/common/images/global/text_copyright.gif") no-repeat 0% 0%;
	background-size:100% auto;
}
@media screen and (max-width:767px){
	div#footer #copyright_block{
		width:96.8%;
		margin:3.2% auto 0;
		border-top:solid 2px #f3f3f3;
		clear:both;
		padding:1.45% 0 0;
	}
div#footer .copyright{
	display:none;
}
div#footer .copyright.spOnly{
	position:inherit;
	display:block;
	width:42.6%;
	height:auto;
	margin:0 auto;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url("/common/images/global/text_copyright_sp.gif") no-repeat 0% 0%;
	background-size:100% auto;
}
div#footer .copyright.spOnly:after{
	content:"";
	display:block;
	padding-top:6.51%;
}
}
/* =========================================================
*[other]
========================================================= */
/* dummy element for detecting change on font size（outside of display range） */
#fontSizeWatcher {
	position: absolute;
	top: 0px;
	left: -9999px;
	width: 100px;
}


/* =========================================================

	Clearfix

========================================================= */
#header .toGeneralPages:after,
#contents:after,
#contents-header:after,
#topicPath:after,
#fontSizeSwitchUI:after,
#footer .toSiteInformation:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

#header .toGeneralPages,
#contents,
#contents-header,
#topicPath,
#fontSizeSwitchUI,
#footer .toSiteInformation {
	display:block;	/* for safari firefox3 if safari is included as a target browser */
	zoom:1;
}

/* for IE7 */
*:first-child+html #header .toGeneralPages,
*:first-child+html #contents,
*:first-child+html #contents-header,
*:first-child+html #topicPath,
*:first-child+html #fontSizeSwitchUI,
*:first-child+html #footer .toSiteInformation {
	display:inline-table;
}




/*=================================

	表示確認用ダミー

=================================*/

.dummy-txt{
	min-height:450px;
}


/*=================================

	ハンバーガーメニュー

=================================*/
.btn_menu_block{
	display:none;
}
@media screen and (max-width:767px){
.btn_menu_block{
	width:8.4%;
	float:right;
	margin:2.34% 3.90% 2.03% 0;
	display:block;
}
.btn_menu_block img{
	width:100%;
	height:auto;
}
}

/*=================================

	SP用 グローバルナビゲーション

=================================*/

.sp_nav_block{
	display:none;
}
@media screen and (max-width:767px){
	.sp_nav_block{
		display:none; /* script切り替え */
		overflow:hidden;
	}
	.sp_nav_block ul{
		width:100%;
		min-width:320px;
		overflow:hidden;
		padding-bottom:20px;
	}
	.sp_nav_block ul li{
		width:50%;
		height:auto;
		float:left;
		font-size:90%;
		color:#666666;
		padding:0% 0 0% 0;
		background:#ebebeb;
		box-sizing:border-box;
		border-bottom:solid 2px #000000;
		position:relative;
	}
	.sp_nav_block ul li a{
		text-decoration:none;
		display:block;
		padding:8% 0 8% 7%;
	}
	.sp_nav_block ul li a:hover{
		color:#666666;
	}
	.sp_nav_block ul li:after{
		content:">";
		background: no-repeat;
		display:inlin-block;
		float:right;
		font-weight:bold;
		color:#a6a6a6;
		font-size:120%;
		top:28%;
		right:2%;
		margin:0 2%;
		position:absolute;
	}
	.sp_nav_block ul li:nth-child(1){
		border-right:solid 2px #000000;
		box-sizing:border-box;
	}
	.sp_nav_block ul li:nth-child(3){
		clear:left;
		border-right:solid 2px #000000;
		box-sizing:border-box;
	}
	.sp_nav_block ul li:nth-child(5){
		clear:left;
		border-right:solid 2px #000000;
		box-sizing:border-box;
	}
	.sp_nav_block ul li:nth-child(7){
		clear:left;
		border-right:solid 2px #000000;
		background:#ffffff;
		z-index:2;
		position:relative;
		box-sizing:border-box;		
	}
	.sp_nav_block ul li:nth-child(8){
		background:#ffffff;
		box-shadow:#000000; 
        /* box-shadow */
        box-shadow:0px 6px 14px 0px #b0b0b0;
        -moz-box-shadow:0px 6px 14px 0px #b0b0b0;
        -webkit-box-shadow:0px 6px 14px 0px #b0b0b0;
		z-index:1;
		position:relative;
		box-sizing:border-box;
	}
	.sp_nav_block ul li:nth-child(9){
		clear:left;
		border-right:solid 2px #000000;
		background:#ffffff;
        /* box-shadow */
        box-shadow:3px 6px 14px 0px #b0b0b0;
        -moz-box-shadow:3px 6px 14px 0px #b0b0b0;
        -webkit-box-shadow:3px 6px 14px 0px #b0b0b0;
		box-sizing:border-box;
		position:relative;
		z-index:3;	
	}
}
@media screen and (max-width:400px){
	.sp_nav_block ul li{
		font-size:85%;
	}
	.sp_nav_block ul li:after{
		top:30%;
	}
}