/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color:#222;
}

body {
font-size:13px;
line-height:1.4;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position:relative;
padding-bottom:35px;
}

textarea {
    resize:vertical;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Common Styles */


img,a img {
	border:0;
	outline:0;
}

.container {
	width:950px;
	margin:auto;
	position:relative;
}

.pull-left {
	float:left;
}

.pull-right {
	float:right
}


.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

.clear {
	clear:both;
}

/* header */

#header {
	width:100%;
	overflow:hidden;
	background:#fff;
	padding-top:10px;
	height:54px;
	position:fixed;
	top:0;
	z-index:99;
}
#logo {
	display:block;
	overflow:hidden;
	float:left;
}

#breadcrumb {
	float:left;
}

#breadcrumb ul {
	padding-left:15px;
}

#breadcrumb li {
	display:inline;
	font-size:10px;
}
#breadcrumb li a {
	color:#666;
	text-decoration:none;
}

#breadcrumb li a:hover {
	color:#F60;
	text-decoration:underline;
}


/* main */
#main {
	min-height:640px;
}


/*content*/

#content {
	width:850px;
	margin:0;
	padding:0 10px 0 0;
	background:#fff;
	overflow:hidden;
}


/* footer */
#footer {
	padding-top:10px;
	padding-bottom:10px;
	z-index:99;
	background:#fff;
	width:100%;
	display: block;
}



#copyright {
	font-size:10px;
	float:left;
	margin:0;
}

#company {
	float:right;
	display:block;
	width:99px;
	height:17px;
	background:url(http://www.kubota.co.jp/shared/img/page-bottom/footer/logo.gif) no-repeat left top;
	text-indent:-99em;
	white-space:nowrap;
	overflow:hidden;
	margin:0;
}

#company a{
	display:block;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}

.clearfix:after {
    clear:both;
}

.clearfix {
    *zoom:1;
}

#breadcrumb ul {
margin: 1em 0;
padding: 0 0 0 40px;
}