@charset "utf-8";
/* リセット */
body{
	color: #333;
}
a:hover{ text-decoration:none; }
a:hover img{ opacity: 0.85; }
.sp_only{ display: none; }

/* 汎用クラス */
.img_change{
	display: block;
	overflow: hidden;
	height: 0;
	background-repeat: no-repeat;
}
.fleft{ float: left; }
.fright{ float: right; }
.blue_box{
	background: #E1F1F4;
	background: -moz-linear-gradient(top,  #f2f9fb 0%, #d9eef3 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #f2f9fb 0%,#d9eef3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f9fb 0%,#d9eef3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f9fb 0%,#d9eef3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f9fb 0%,#d9eef3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fb', endColorstr='#d9eef3',GradientType=0 ); /* IE6-9 */
}

.shoplist_wrap dd span{
	font-size: 23px;
}

#wrapper{
	border-top: #1C2757 solid 4px;
	border-bottom: #1C2757 solid 5px;
}

/* header */
#header div{
	width: 1000px;
	height: 118px;
	margin: 0 auto;
	position: relative;
}
#header h1{
	font-weight: normal;
	font-size: 12px;
	padding-top: 4px;
}
#header hgroup{
	position: relative;
	z-index: 3;
	text-shadow: 1px 1px 0 #fff;
}
#header h1 span{
	display: block;
}
#header h2{
	position: absolute;
	top: 38px;
}
#head_icon{
	position: absolute;
	left: 325px;
	top: 0;
	z-index: 2;
}
#head_icon li{
	padding-top: 7px;
}
#header p{
	position: absolute;
	right: 0;
	bottom: 6px;
	background-image: url(../images/tel.gif);
	background-position: right top;
	padding-top: 76px;
}
#header aside{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#header aside ul{
	position: absolute;
	right: 0;
	top: -172px;
	z-index: 3;
}
#header aside li{
	float: left;
	font-size: 12px;
}
#header aside li a{
	color: #333;
	background: url(../images/tri_gray.gif) left center no-repeat;
	padding-left: 8px;
	margin-left: 10px;
}

#header nav{
	background:url(../images/nav_bg.gif) left top repeat-x;
}
#header nav ul{
	width: 999px;
	margin: 0 auto;
	border-right: #D4E8FF solid 1px;
}
#header nav li{
	float: left;
	height: 58px;
	border-left: #D4E8FF solid 1px;
}
#header nav li:hover{
	background-image: url(../images/nav_bg_h.png);
}
#header nav li a{
	display: block;
	overflow: hidden;
	height: 0;
	background-repeat: no-repeat;
	background-position: center 14px;
	padding-top: 58px;
}
#nav1 a{
	background-image: url(../images/nav1.png);
	width: 82px;
}
#nav2 a{
	background-image: url(../images/nav2.png);
	width: 126px;
	background-position: center 6px !important;
}
#nav3 a{
	background-image: url(../images/nav3.png);
	width: 148px;
}
#nav4 a{
	background-image: url(../images/nav4.png);
	width: 190px;
}
#nav5 a{
	background-image: url(../images/nav5.png);
	width: 102px;
}
#nav6 a{
	background-image: url(../images/nav6.png);
	width: 92px;
}
#nav7 a{
	background-image: url(../images/nav7.png);
	width: 134px;
}
#nav8 a{
	background-image: url(../images/nav8.png);
	width: 116px;
}
#nav1 a:hover{ background-image: url(../images/nav_h1.png); }
#nav2 a:hover{ background-image: url(../images/nav_h2.png); }
#nav3 a:hover{ background-image: url(../images/nav_h3.png); }
#nav4 a:hover{ background-image: url(../images/nav_h4.png); }
#nav5 a:hover{ background-image: url(../images/nav_h5.png); }
#nav6 a:hover{ background-image: url(../images/nav_h6.png); }
#nav7 a:hover{ background-image: url(../images/nav_h7.png); }
#nav8 a:hover{ background-image: url(../images/nav_h8.png); }

/* main_image */
.main_image{
	text-align: center;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/page_bg.jpg);
	height: 120px;
}
#index_image{ height: 324px; background-image: url(../images/index_bg.jpg); }


/* footer */
#footer{
	background: #1C2757;
	border-bottom: #fff solid 4px;
	color: #fff;
	margin-top: 110px;
	padding: 10px 0;
	font-size: 13px;
}
#footer footer{
	width: 1000px;
	margin: 0 auto;
}
#gotop{
	position: absolute;
	right: 0;
	top: -105px;
}
#footer h1{
	float: left;
}
#footer h1 img{
	margin-top: 28px;
}
#footer div{
	float: right;
	width: 640px;
	position: relative;
}
#footer nav{
	border-bottom: #28345E solid 2px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
#footer nav li{
	float: left;
	white-space: nowrap;
}
#footer li a{
	color: #fff;
	margin-right: 10px;
}

/* content */
#main_content{
	width: 1000px;
	margin: 0 auto;
}

#content_right{
	width: 760px;
	float: right;
}
#content_left{
	width: 220px;
	float: left;
}

/* content_right */
.title1{
	background: url(../images/title1_bg.gif) left top no-repeat;
	font-size: 20px;
	color: #1C2757;
	padding: 4px 0 6px 42px;
	margin: 12px 0;
}
.title2{
	background: url(../images/title2_bg.gif) left top no-repeat;
	font-size: 19px;
	color: #1C2757;
	line-height: 1;
	padding: 9px 0 1px 46px;
	border-bottom: #1C2757 solid 2px;
	margin: 10px 0 5px;
}
.title3{
	background: #00A9D9 url(../images/title3_bg.gif) right bottom no-repeat;
	color: #fff;
	font-size: 18px;
	padding: 7px 12px 4px;
}



/* content_left */
#content_left div,#content_left nav{
	margin-bottom: 8px;
}
#content_left nav{
	border:#1C2757 solid 1px;
	padding: 5px 10px;
}
#content_left nav h1{
	background: url(../images/left_title.gif) left top no-repeat;
	padding: 4px 0 0 35px;
	font-size: 20px;
	color: #1C2757;
}
#content_left nav ul{
	padding: 0 5px;
}
#content_left nav li a{
	color: #333;
	background: url(../images/tri_gray.gif) left center no-repeat;
	font-size: 15px;
	padding-left: 9px;
}
#content_left nav li a:hover{
	background-image: url(../images/tri_orange.gif);
	color: #E95711;
}

#member{
	margin-top: 10px;
	border: #1C2757 solid 1px;
	background-color: #DFF9FF;
}
#member h1{
	background-image: url(../images/member_title.gif);
	background-color: #1C2757;
	background-position: 5px 2px;
	padding-top: 32px;
}
#member h2{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: 8px;
}
#member div{
	padding: 5px 10px 10px;
	margin-bottom: 0;
}
#member1 a,#member2 a,#member3{
	width: 180px;
	margin: 5px auto;
	padding-top: 35px;
	display: block;
}
#member1 a{ background-image: url(../images/member_login.gif); }
#member2 a{ background-image: url(../images/member_new.gif); }
#member3{ background-image: url(../images/member_cart.gif); }
#member div div{
	background-color: #fff;
	margin-top: 10px;
	border: #46210C solid 1px;
}


/* 中ページ *//*
#beginner .img_change{
	margin-bottom: 20px;
}
#beginner_top{
	background-image: url(../images/beginner_top.gif);
	padding-top: 44px;
	margin: 10px 0 5px !important;
}
#beginner1 .img_change{
	background-image: url(../images/beginner1.jpg);
	padding-top: 275px;
}
#beginner2 .img_change{
	background-image: url(../images/beginner2.jpg);
	padding-top: 237px;
}
#beginner3 .img_change{
	background-image: url(../images/beginner3.jpg);
	padding-top: 1046px;
	position: relative;
}
#beginner4 .img_change{
	background-image: url(../images/beginner4.jpg);
	padding-top: 770px;
}*/
#beginner_btn{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#beginner{ font-size: 15px; }
#beginner .blue_box{
	padding: 10px 15px;
	position: relative;
	margin-bottom: 20px;
}
#beginner .blue_box h1{
	font-size: 17px;
	line-height: 1;
	margin: 5px 0;
}

#beginner1 section{
	width: 484px;
}
#beginner1 dt{
	float: left;
	width: 290px;
	padding-top: 2px;
}
#beginner1 dd{
	background: #1C2757;
	color: #fff;
	margin-left: 290px;
	padding: 2px 6px;
	margin-bottom: 2px;
	border-radius: 3px;
}
#beginner1 .fleft{ width: 510px; }
#beginner1 .fright{ width: 210px; }
#beginner1 .min dd{
	width: 90px;
	text-align: center;
}
#beginner1 dd span{ color: #FFF000; }
#hand_icon{
	background: #294E94 url(../images/beginner1.gif) 8px 5px no-repeat;
	padding: 10px 10px 6px 42px;
	color: #fff;
	border-radius: 6px;
	margin-top: 6px;
	font-size: 14px;
}
#beginner2 ul{
	background-image: url(../images/beginner2.png) !important;
	padding-top: 121px !important;
	margin: 10px 0 !important;
}
#beginner2 span{ font-size: 11px; }


#beginner3 h1,#beginner3 em{ font-size: 18px; }
#beginner3 ol li{
	background: url(../images/beginner_arrow.png) 58px 6px no-repeat;
	padding-top: 38px;
	font-weight: bold;
	font-size: 17px;
}
#beginner3 ol li.first{
	background: none;
	padding: 0;
}
#beginner3 .white{
	padding: 5px 15px 10px;
	background: #fff;
	margin: 10px 0;
	border: #999 solid 1px;
	font-size: 14px;
}
#beginner3 .white ol{
	padding: 5px 10px 5px 35px;
	border: #999 solid 1px;
	margin: 10px 15px;
}
#beginner3 .white ol li{
	padding: 0;
	list-style: decimal;
	background: none;
	font-size: 15px;
	font-weight: normal;
}
#beginner3 .white ol li span{ color:#C61A22; }
#beginner3 .white dt{
	margin-top: 8px;
	border-left: #294E94 solid 8px;
	padding-left: 7px;
	font-weight: bold;
}
#beginner3 .white dd{
	margin-left: 16px;
}
#beginner3 p{
	margin: 22px 0 13px;
	font-size: 18px;
	font-weight: bold;
}
#beginner3 .img_change{
	background-image: url(../images/beginner_2text.png) !important;
	padding-top: 41px !important;
	margin: 6px 0 !important;
}

#beginner4 ul{
	font-size: 15px;
	font-weight: bold;
}
#beginner4 .clearfix{ margin-top: 8px; }
#beginner4 .fleft{
	width: 450px;
}
#beginner4 table{ width: 100%; margin-bottom: 10px; text-align: center; }
#beginner4 th { background:#D9EEF3; font-size:14px; border:#ccc 1px solid; padding:5px; }
#beginner4 td {
	background: #fff;
	font-size:14px;
	border:#ccc 1px solid !important;
	padding:5px;
}

#beginner4 .fleft dt,#beginner4 caption{
	text-align: left;
	color: #294E94;
	font-size: 15px;
	font-weight: bold;
}
#beginner4 .fleft dt span{
	background: #294E94;
	color: #fff;
	padding: 0 5px;
	border-radius: 3px;
}
#beginner4 .fleft dl{ margin-bottom: 10px; }


#repair{ font-size: 15px; }
#repair .blue_box ul{
	padding: 10px 12px;
	font-weight: bold;
	background: url(../images/repair_image1.png) right bottom no-repeat;
}
#repair p,#index_repair{
	margin: 8px 14px;
	font-weight: bold;
}
#repair p.right{
	margin: 6px 0 0;
	font-weight: normal;
}


.content_arrow{
	background: url(../images/content_arrow.gif) 145px 0 no-repeat;
	padding-top: 62px;
}



#qa dt{
	border:#D9EEF3 12px solid;
	border-bottom: none;
	line-height: 50px;
	background: url(../images/qa_q.gif) 10px center no-repeat;
	padding-left: 55px;
	border-radius: 4px 4px 0 0;
}
#qa dd{
	background: #D9EEF3 url(../images/qa_a.gif) 10px center no-repeat;
	border-left:#D9EEF3 12px solid;
	border-right:#D9EEF3 12px solid;
	border-bottom:#D9EEF3 8px solid;
	border-radius: 0 0 4px 4px;
	padding: 13px 0 10px 55px;
	margin-bottom: 10px;
}

#data table{ margin: 15px 0 8px; }
#data td,#data th{
	border: #4d4d4d solid 1px;
	padding: 5px 10px;
	font-size: 14px;
}
#data th{
	background: #1C2757;
	color: #fff;
	font-weight: normal;
	text-align: left;
	width: 15%;
}
#data1 p{
	width: 310px;
	font-size: 14px;
}
#data2{
	margin-top: 10px;
}
#data2 li{
	float: left;
	margin: 4px;
}

#company p.mb10{ font-weight: bold; }
#company p.mt10{ font-size: 15px; }
#company section section h1{
	font-size: 17px;
	color: #C61A22;
}
#company caption{
	text-align: left;
	font-weight: normal;
}
#company table{
	width: 95%;
	margin: 0 auto 20px;
	text-shadow: 0 -1px 0 #fff;
}
#company td,#company th{
	border: #4d4d4d solid 1px;
	padding: 5px;
}
#company th{
	background: #f2f2f2;
	font-weight: normal;
}
#company td{
	background: #CEF7FF;
}
#company_bottom ul{
	margin: 10px 0;
}
#company_bottom li{
	float: left;
	background: #294E94;
	width: 140px;
	text-align: center;
	margin-right: 5px;
	padding: 5px 0;
	color: #fff;
}
#company_bottom div{
	border: #4d4d4d solid 1px;
	font-weight: bold;
	padding: 8px 16px;
	margin-top: 10px;
}

#recruit .clearfix{
	padding: 12px;
	font-weight: bold;
}
#recruit .fright a img,#purchase .fright a img{
	margin: 10px 0 0 4px;
}

#purchase .blue_box{
	padding: 20px;
}
#purchase h1{
	margin-bottom: 8px;
}
#purchase p{
	margin-left: 35px;
}
#purchase p.mb10{
	font-size: 15px;
	margin-left: 5px;
	font-weight: bold;
}
#purchase1_1 h1{ background-image: url(../images/purchase1.png); padding-top:36px; }
#purchase1_2 h1{ background-image: url(../images/purchase2.png); padding-top:58px; }
#purchase1_3 h1{ background-image: url(../images/purchase3.png); padding-top:36px; }
#purchase1_4 h1{ background-image: url(../images/purchase4.png); padding-top:36px; }

#purchase2_1 h1{ background-image: url(../images/purchase1.png); padding-top:36px; }
#purchase2_2 h1{ background-image: url(../images/purchase2.png); padding-top:58px; }
#purchase2_3 h1{ background-image: url(../images/purchase5.png); padding-top:36px; }
#purchase2_4 h1{ background-image: url(../images/purchase6.png); padding-top:36px; }
#purchase2_5 h1{ background-image: url(../images/purchase7.png); padding-top:36px; }
#purchase2_6 h1{ background-image: url(../images/purchase8.png); padding-top:36px; }
#purchase2_7 h1{ background-image: url(../images/purchase9.png); padding-top:36px; }

#purchase1_2 div,#purchase1_2 p span,#purchase2_2 div,#purchase2_2 p span{
	color: #294E94;
	font-weight: bold;
}
#purchase1_2 div,#purchase2_2 div{
	background: #fff;
	border: #666 solid 1px;
	padding: 8px 12px;
	margin-top: 5px;
	margin-left: 35px;
}
#purchase1_2 div p,#purchase2_2 div p{
	margin-left: 0;
}

#purchase2{
	margin-top: 30px;
}

#sitemap ul{
	margin: 4px 10px 20px;
}
#sitemap li a{
	color: #333;
	background: url(../images/tri_gray.gif) left center no-repeat;
	font-size: 15px;
	padding-left: 9px;
}
#sitemap li a:hover{
	background-image: url(../images/tri_orange.gif);
	color: #E95711;
}


#jump_list { margin: 5px; }
#jump_list li{
	float: left;
	margin-right: 10px;
}
#jump_list a{
	color: #1C2757;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/tri_gray_bottom.gif) left center no-repeat;
}
#jump_list a:hover{
	color: #E95711;
	background: url(../images/tri_orange_bottom.gif) left center no-repeat;
}

.mainimg { height:300px; width:435px; overflow:hidden; float:left; margin:15px 0; }
.mainimg img{ width: 100%; }
.subimg { width:320px; float:right; }
.subimg img{ width:74px; height:56px; }
.subimg a { float:left; margin:0 0 5px 5px; }
.subimg table { width:100%; }
.formbtn { position: absolute; top: 5px; right: 5px; }
.price { font-size:26px; color:#C61A22; }

#item_data{
	width: 100%;
}
#item_data td{
	position: relative;
}
#item_data td form{
	position: absolute;
	right: 10px;
	top: 7px;
}




#blog_title{
	position: relative;
}
#blog_title a {
	display: block;
	float: right;
	background:#666;
	padding:3px 0;
	width: 130px;
	text-align: center;
	color:#fff;
	text-decoration:none;
	border-radius:4px;
	font-size:12px;
	margin-right: 30px;
}
#blog_title a:hover { background:#999; }
.iframe_box{
	height:180px;
	overflow:auto;
	margin-bottom: 20px;
	border: #ccc solid 1px;
}


#photos{
	margin: 10px 0 20px;
}
#photos li{
	float: left;
	margin: 4px;
}


/*20141217ヤンマーCM追加分*/

#main_content #yanmar_cm iframe{
	margin-top:10px;
}

/*20141217ヤンマーCM追加分-end*/

#ship iframe.movdata{
	width: 760px;
	height: 428px;
}