@charset "utf-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	/*font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ",Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 14px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.9;
	color: #202020;
}
/* ie7 */ /**:first-child+html body { font-size: 75%; /* 62.5%; *//*}*/
/* ie6Below */ /** html body { font-size:75%;*/ /* font-size: 62.5%; *//*}*/
/* ie8 */ /*html>*//**//*body { font-size /*\**//*: 75%\9;}*/
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
#footerIn,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
#footerIn:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html #footerIn,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !Common
---------------------------------------------------------- */	
.caption01 {
	padding: 10px 13px 11px 13px;
	background-color: #dadada;
	font-size: 14px;
	color: #202020;
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
	min-width: 950px;
	text-align: left;
	background-color: #ebebeb;
}
/* !header
---------------------------------------------------------- */
#header {
	width: 100%;
	height: 90px;
	background-color: #fff;
}
	#headerIn {
		margin: 0 auto;
		width: 950px;
		height: 90px;
	}
		#headerLogo {
			float: left;
			margin-top: 23px;
		}
			#headerLogo a {
				display: block;
				width: 142px;
				height: 48px;
			}
		#headerSearch {
		}
		#headerLinks {
			/*display: none;*/
			float: right;
			width: 138px;
			height: 17px;
			font-size: 16px;
			color: #000;
			margin-top: 40px;
			background: url(/stories/yamaha-handling/common/img/txt_langnavi01.gif) 0 0 no-repeat;
		}
			#headerLinks ul {
				float: right;
				display: inline-block;
				zoom: 1;
   				*display: inline;
			}
				#headerLinks ul li {
					float: left;
				}
					#headerLinks ul li a {
						display: block;
						height: 17px;
					}
						#headerLinks ul li a.btnLang01 {
							width: 30px;
							background: url(/stories/yamaha-handling/common/img/btn_langnavi01.gif) 0 0 no-repeat;
						}
						#headerLinks ul li a.btnLang02 {
							width: 22px;
							background: url(/stories/yamaha-handling/common/img/btn_langnavi02.gif) 0 0 no-repeat;
						}
					#headerLinks ul li a:hover {
						background-position: 0 -17px;
					}
					#headerLinks ul li a.current {
						background-position: 0 -34px;
					}
#subHeaderWrap {
}
	#subHeader {
		margin: 0 auto;
		width: 950px;
		height: 158px;
		position: relative;
		z-index: 1;
	}
		#subHeader .subLogo {
			display: block;
			width: 332px;
			height: 128px;
			position: absolute;
			top: 0;
			left: 0;
		}
		#subHeader .toppage {
			float: right;
			margin-top: 98px;
			width: 170px;
			text-align: center;
			border-top: 1px solid #202020;
			
		}
			#subHeader .toppage a {
				display: block;
				width: 170px;
				height: 28px;
				background: url(/stories/yamaha-handling/common/img/btn_toppage01.png) 0 0 no-repeat;
			}
			#subHeader .toppage a:hover {
				background-position: 0 -28px;
			}
		#subHeader .toppage02 {
			float: right;
			margin-top: 100px;
			width: 170px;
			text-align: center;
		}
			#subHeader .toppage02 a.top {
				display: block;
				width: 170px;
				height: 28px;
			/*	margin-top: 27px; */
				border-top: 1px solid #202020;
				background: url(/jp/stories/yamaha-handling/common/img/btn_toppage01.png) 0 0 no-repeat;
			}
			#subHeader .toppage02 a.top:hover {
				background-position: 0 -28px;
			}
		/*	#subHeader .toppage02 a.list {
				display: block;
				width: 170px;
				height: 30px;
				border-top: 1px solid #202020;
				background: url(/stories/yamaha-handling/common/img/btn_listall01.png) 0 0 no-repeat;
			}
			#subHeader .toppage02 a.list:hover {
				background-position: 0 -30px;
			} */
				
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	position: relative;
	width: 960px;
	height: 32px;
}
	#gNavi li {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		width: 160px;
		height: 32px;
	}
	#gNavi li#gNav01 { left: 0;}
	#gNavi li#gNav02 { left: 160px;}
	#gNavi li#gNav03 { left: 320px;}
	#gNavi li#gNav04 { left: 480px;}
	#gNavi li#gNav05 { left: 640px;}
	#gNavi li#gNav06 { left: 800px;}
		#gNavi li a {
			display: block;
		}
		#gNavi li#gNav01 a { margin-left: 0;}
		#gNavi li#gNav02 a { margin-left: -160px;}
		#gNavi li#gNav03 a { margin-left: -320px;}
		#gNavi li#gNav04 a { margin-left: -480px;}
		#gNavi li#gNav05 a { margin-left: -640px;}
		#gNavi li#gNav06 a { margin-left: -800px;}
		#gNavi li a:hover,
		#gNavi li a:focus {
			margin-top: -32px;
		}
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
		}
		
/* !mainimg
---------------------------------------------------------- */
#mainimgWrap {
	position: relative;
}
	#mainimgWrap p {
		background-color: #dadada;
		color: #202020;
		font-size: 14px;
		padding: 8px 13px;
	}
	#mainimg {
	}
	#mainimgWrap .articleLink01 {
		width: 470px;
		margin: 0 auto;
		position: absolute;
		bottom: 98px;
		left: 240px;
		z-index: 2;
	}
		#mainimgWrap .articleLink01 li {
			float: left;
			width: 50%;
		}
			#mainimgWrap .articleLink01 li.first a {
				border-right: 1px solid #4d4d4d;
			}
			#mainimgWrap .articleLink01 li a {
				display: block;
				height: 40px;
				font-size: 14px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				position: relative;
				background-color: #202020;
			}
				#mainimgWrap .articleLink01 li a span {
					display: inline-block;
					zoom: 1;
   					*display: inline;
					line-height: 2.8;
					padding-left: 16px;
					margin-left: -16px;
					background: url(/stories/yamaha-handling/common/img/ico_arrow01.png) 0 1.2em no-repeat;
				}
					#mainimgWrap .articleLink01 li .hoverBg {
						display: none;
						width: 100%;
						height: 40px;
						margin: 0;
						padding: 0;
						position: absolute;
						top: 0;
						left: 0;
						background: #000;
						opacity: 0.4;
						filter: alpha(opacity=40);
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
					}
					#mainimgWrap .articleLink01 li a:hover {
						background-color: #202020;
					}
						#mainimgWrap .articleLink01 li a:hover .hoverBg {
							display: inline-block;
							zoom: 1;
   							*display: inline;
						}
					
			#mainimgWrap .articleLink01 li a.disabled,
			#mainimgWrap .articleLink01 li a.disabled:hover {
				background-color: #b2b2b2;
			}	
				#mainimgWrap .articleLink01 li a.disabled span {
					background: url(/stories/yamaha-handling/common/img/ico_arrowwhite01.png) 0 1.2em no-repeat;
				}

/* !contents
---------------------------------------------------------- */
#contents {
	width: 100%;
	text-align: left;
}
	#main {
		width: 950px;
		margin: 0 auto;
	}
		
	#sub {
		float: left;
		width: 320px;
	}

/* !Home Content
---------------------------------------------------------- */
#homeContentBg {
	width: 100%;
	min-height: 1153px;
	background: url(/stories/yamaha-handling/common/img/bg_home01.jpg) #000 top center no-repeat;
}
	#homeContentIn {
		float: right;
		width: 485px;
		padding: 79px 0 33px 0;
		color: #fff;
	}
		#homeContentIn .titleHome01 {
			display: block;
			width: 430px;
			height: 154px;
			margin-bottom: 22px;
		}
			#homeContentIn .homeDetail01 {
				width: 428px;
				padding: 0 0 42px 10px;
				/*height: 326px;
				margin-bottom: 36px;
				background: url(/stories/yamaha-handling/common/img/txt_home02.png) 0 0 no-repeat;*/
			}
				#homeContentIn .homeDetail01 p {
					/*font-family: "ヒラギノ明朝 Pro W3", "HGS明朝E", "Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;*/
					font-family: Times New Roman, serif;
					line-height: 1.7;
					margin-bottom: 23px;
				}
				#homeContentIn .articleBlock01 {
					padding-left: 10px;
				}
	/*	#homeContentIn .listall {
			width: 435px;
		}
			#homeContentIn .listall a {
				display: block;
				width: 110px;
				height: 14px;
				margin: 13px auto 33px auto;
				background: url(/stories/yamaha-handling/common/img/btn_listall03.png) 0 0 no-repeat;
			}
			#homeContentIn .listall a:hover {
				background-position: 0 -14px;
			} */

/* !Home Archive
---------------------------------------------------------- */
#homeArchive {
	clear: both;
	padding-bottom: 40px;
}
#homeArchive h2 {
	display: block;
	width: 122px;
	height: 18px;
	margin: 0 auto 42px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/stories/yamaha-handling/common/img/tit_archive01.png) no-repeat 0 0;
}
#homeArchive .homeArchiveList {
	margin-right: -19px;
	padding-bottom: 57px;
	overflow: hidden;
	*zoom: 1;
}
	#homeArchive .homeArchiveList li {
		float: left;
		margin: 19px 19px 0 0;
		width: 304px;
	}
		#homeArchive .article01 ul {
			margin: 0;
		}
			#homeArchive .article01 ul li {
				margin: 0;
				float: left;
				width: 50%;
			}
				#homeArchive .article01 ul li.first a {
					border-right: 1px solid #4d4d4d;
				}
				#homeArchive .article01 ul li a {
					display: block;
					height: 43px;
					font-size: 14px;
					color: #fff;
					text-align: center;
					text-decoration: none;
					background-color: #202020;
				}
				#homeArchive .article01 ul li a:hover {
					background-color: #373737;
				}
					#homeArchive .article01 ul li a span {
						display: inline-block;
						zoom: 1;
						*display: inline;
						line-height: 3;
						padding-left: 16px;
						margin-left: -16px;
						font-weight: bold;
						background: url(/stories/yamaha-handling/common/img/ico_arrow01.png) 0 1.3em no-repeat;
					}
#homeArchive .pageTop {
	height: 47px;
}
	#homeArchive .pageTop a {
		display: block;
		width: 77px;
		height: 47px;
		margin: 0 auto;
		padding: 0;
	}
		#homeArchive .pageTop a span {
			display: block;
			width: 77px;
			height: 47px;
			margin: 0 auto;
			background: url(/stories/yamaha-handling/common/img/btn_pagetop02.png) no-repeat 0 0;
		}
		#homeArchive .pageTop a:hover span {
			background-position: 0 -47px;
		}
			
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	height: 149px;
}
	.pageTop a {
		display: block;
		margin: 0 auto;
		width: 950px;
		height: 94px;
		padding-top: 60px;
		
	}
		.pageTop a span {
			display: block;
			width: 79px;
			height: 50px;
			margin: 0 auto;
			background: url(/stories/yamaha-handling/common/img/btn_pagetop01.gif) 0 0 no-repeat;
		}
		.pageTop a:hover span {
			background-position: 0 -50px;
		}
	
/* !Footer Toppage
---------------------------------------------------------- */
.footerToppageWrap01 {
	margin: 52px 0;
}
.footerToppageWrap01.narrowBottom {
	margin: 52px 0 42px 0;
}
	.footerToppageWrap01 .socialList01 {
		float: left;
		margin: 0;
	}
	.footerToppageWrap01 .footerToppage01 {
		float: right;
		width: 170px;
		text-align: center;
		border-top: 1px solid #202020;
	}		
		.footerToppageWrap01 .footerToppage01 a {
			display: block;
			width: 170px;
			height: 28px;
			background: url(/stories/yamaha-handling/common/img/btn_toppage01.png) 0 0 no-repeat;
		}
		.footerToppageWrap01 .footerToppage01 a:hover {
			background-position: 0 -28px;
		}
			
/* !footer
---------------------------------------------------------- */
#footer {
	background-color: #202020;
	overflow: hidden;
}
	#footerIn {
		margin: 0 auto;
		width: 950px;
		min-height: 68px;
		padding-top: 24px;
		text-align: left;
	}
		#footerLinks {
		}
			#footerLinks li {
			}
		#footerUtilities {
			float: right;
			padding-top: 4px;
		}
			#footerUtilities ul li {
				display: inline-block;
				zoom: 1;
   				*display: inline;
			}
				
				.twitter-share-button {
					width: 105px !important;
				}
				#gp div {
					width: 70px !important;
				}
		#copyright {
			float: left;
			font-size: 12px;
			color: #fff;
		}
/* !h(n)eading
---------------------------------------------------------- */
.ttl_type01 {
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	font-size: 26px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 40px;
}
.ttl_type02 {}


/* !Listing
---------------------------------------------------------- */
.ul_basic {
}
	.ul_basic li {
	}

.ol_basic {
}
	.ol_basic li {
	}

.dl_basic {
}
	.dl_basic dt {
	}
	.dl_basic dd {
	}
/* !Table
---------------------------------------------------------- */
.table_basic {
}
	.table_basic th,
	.table_basic td {
	}
	.table_basic th {
	}
	.table_basic td {
	}
		.table_basic th div,
		.table_basic td div {
		}
		
/* !Section
---------------------------------------------------------- */
.section01 {
	padding-bottom: 22px;
}
	.leftContent01 {
		float: left;
		width: 450px;
		margin-right: 50px;
	}
	.leftContent01.extraWidth {
		width: 470px;
		margin-right: 30px;
	}
		.leftContent01 p,
		.leftContent02 p,
		.rightContent01 p,
		.rightContent02 p {
			/* letter-spacing: 1px; */
		}
		.leftContent01 p.noMB {
			margin-bottom: 0;
		}
	.leftContent02 {
		float: left;
		width: 470px;
		margin-right: 9px;
	}
    .leftContent03 {
		float: left;
		width: 580px;
		margin-right: 50px;
	}
	.rightContent01 {
		float: left;
		width: 450px;
	}
	.rightContent02 {
		float: right;
		width: 470px;
	}
    .rightContent03 {
		float: left;
		width: 320px;
	}
		.leftContent02.articleBlock01,
		.rightContent02.articleBlock01 {
			float: left;
			width: 470px;
		}
		.leftContent01 p,
		.rightContent01 p {
			margin-bottom: 25px;
		}

.borderBtm01 {
	border-bottom: 1px solid #999;
}
.borderBtmHalf01 {
	width: 260px;
	height: 1px;
	margin: 0 auto;
	background-color: #999;
}

/* !Article Block
---------------------------------------------------------- */
.articleBlock01 {
	padding-bottom: 80px;
	width: 475px;
}
.nextVol {
	margin-top: 22px;
}
	.articleBlock01 span.txtArticle01 {
		background-color: #202020;
		background-image: url(/stories/yamaha-handling/common/img/pic_next_vol.png);
		background-position: 11px 13px;
		background-repeat: no-repeat;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: block;
		font-size: 16px;
		height: auto;
		line-height: 1.2;
		padding: 21px 25px 22px 87px;
	}
	.articleBlock01 span.txtArticle01.nextVol {
		letter-spacing: 1.5px;
	}
	.articleBlock01 ul li {
		float: left;
		width: 50%;
	}
		.articleBlock01 ul li.first a {
			border-right: 1px solid #4d4d4d;
		}
		.articleBlock01 ul li a {
			display: block;
			height: 40px;
			font-size: 16px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			background-color: #202020;
		}
		.articleBlock01 ul li a:hover {
			background-color: #373737;
		}
			.articleBlock01 ul li a span {
				display: inline-block;
				zoom: 1;
   				*display: inline;
				line-height: 3;
				margin-top: -4px;
				padding-left: 16px;
				margin-left: -16px;
				background: url(/stories/yamaha-handling/common/img/ico_arrow01.png) 0 1.3em no-repeat;
			}

.articleLink02 {
}
	.articleLink02 li {
		float: left;
		width: 50%;
	}
		.articleLink02 li a {
				display: block;
				height: 50px;
				font-size: 18px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				position: relative;
				background-color: #202020;
			}
				.articleLink02 li a span {
					display: inline-block;
					zoom: 1;
   					/* display: inline; */
					line-height: 2.8;
					padding-left: 18px;
					margin-left: -20px;
					font-weight: bold;
					background: url(/stories/yamaha-handling/common/img/ico_arrow02.png) 0 1.2em no-repeat;
				}
					.articleLink02 li .hoverBg {
						display: none;
						width: 100%;
						height: 50px;
						margin: 0;
						padding: 0;
						position: absolute;
						top: 0;
						left: 0;
						background: #000;
						opacity: 0.4;
						filter: alpha(opacity=40);
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
					}
					.articleLink02 li a:hover {
						background-color: #202020;
					}
						.articleLink02 li a:hover .hoverBg {
							display: inline-block;
							zoom: 1;
   							*display: inline;
						}

			.articleLink02 li a.current {
				background-color: #b20d00;
			}
				.articleLink02 li a.current span {
					background: url(/stories/yamaha-handling/common/img/ico_arrowwhite02.png) 0 1.2em no-repeat;
				}

/* !Latest Articles
---------------------------------------------------------- */	
.latestArticleWrap01 {
	width: 100%;
    padding: 39px 0 45px;
	background-color: #fff;
}
	.latestArticleWrap01 .latestArticleIn {
		margin: 0 auto;
    	width: 950px;
		padding-bottom: 50px;
	}
		.heading {
			display: block;
			height: 16px;
			padding-bottom: 30px;
			background: url(/jp/stories/yamaha-handling/common/img/txt_latest01.png) center top no-repeat;
		}
		.latestArticleWrap01 .latestArticleIn ul {
			overflow: hidden;
			*zoom: 1;
			margin-left: -10px;
		}
			.latestArticleWrap01 .latestArticleIn ul li {
				float: left;
				margin: 10px 0 0 10px;
				width: 470px;
			}
				.latestArticleWrap01 .latestArticleIn .article01 ul {
					margin: 0;
				}
					.latestArticleWrap01 .latestArticleIn .article01 ul li {
						margin: 0;
						float: left;
						width: 50%;
					}
						.latestArticleWrap01 .latestArticleIn .article01 ul li.first a {
							border-right: 1px solid #4d4d4d;
						}
						.latestArticleWrap01 .latestArticleIn .article01 ul li a {
							display: block;
							height: 40px;
							font-size: 14px;
							color: #fff;
							text-align: center;
							text-decoration: none;
							background-color: #202020;
						}
						.latestArticleWrap01 .latestArticleIn .article01 ul li a:hover {
							background-color: #373737;
						}
							.latestArticleWrap01 .latestArticleIn .article01 ul li a span {
								display: inline-block;
								zoom: 1;
								*display: inline;
								line-height: 2.8;
								padding-left: 16px;
								margin-left: -16px;
								font-weight: bold;
								background: url(/jp/stories/yamaha-handling/common/img/ico_arrow01.png) 0 1.2em no-repeat;
							}
/*	.latestArticleWrap01 .listall {}
		.latestArticleWrap01 .listall a {
			display: block;
			width: 170px;
			height: 28px;
			margin: 0 auto;
			border-top: 3px solid #202020;
			background: url(/stories/yamaha-handling/common/img/btn_listall02.png) 0 0 no-repeat;
		}
		.latestArticleWrap01 .listall a:hover {
			background-position: 0 -28px;
		} */
/* !Social List
---------------------------------------------------------- */	
.socialList01 {
	margin-top: 30px;
}
	.socialList01 ul {
	}
		.socialList01 ul li {
			display: inline-block;
			zoom: 1;
   			*display: inline;
			/*margin-right: 22px;*/
		}
		.socialList01 ul li#gp {
			margin-right: 0;
		}
				
/* !VDO Iframe
---------------------------------------------------------- */	
.vdoWrap01 {
}
	.vdoWrap01 iframe {
		display: block;
		border: 0 none;
	}