@charset "utf-8";
/*------------------------------------------------------------
	index.html
------------------------------------------------------------*/
body#index .mainImg {
	padding: 0 0 55px;
	/*background: url(../img/top/main_img.jpg) no-repeat top center;*/
	zoom: 1;
}
body#index .mainImg #mainImgBox{
	position: relative;
	width: 100%;
	height: 450px;
	overflow-x: hidden;
}
body#index .mainImg #mainImgBox img{
	width: 1500px;
	height: 450px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -750px;
	z-index: -1;
}
body#index .mainImg #mainImgBox .linkBox{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -750px;
	width: 1500px;
	height: 450px;
	z-index: 9999;
}
body#index .mainImg.thanks #mainImgBox{
	position: relative;
	width: 100%;
	height: 650px;
	overflow-x: hidden;
}
body#index .mainImg.thanks #mainImgBox img{
	width: 1500px;
	height: 650px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -750px;
	z-index: -1;
}
body#index .mainImg.thanks #mainImgBox .linkBox{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -750px;
	width: 1500px;
	height: 650px;
	z-index: 9999;
}
body#index .mainImg #mainImgBox .linkBox a:hover{
	background: rgba(255,255,255,0.1);
}
body#index .mainImg #mainImgBox .linkBox .link01{
	width: 132px;
	height: 32px;
	position: absolute;
	top: 104px;
	left: 488px;
}
body#index .mainImg #mainImgBox .linkBox .link02{
	width: 142px;
	height: 33px;
	position: absolute;
	top: 168px;
	left: 573px;
}
body#index .mainImg #mainImgBox .linkBox .link03{
	width: 128px;
	height: 33px;
	position: absolute;
	top: 210px;
	left: 288px;
}
body#index .mainImg #mainImgBox .linkBox .link04{
	width: 114px;
	height: 50px;
	position: absolute;
	top: 200px;
	left: 458px;
}

body#index .mainImg #mainImgBox .linkBox .link05{
	width: 126px;
	height: 32px;
	position: absolute;
	top: 261px;
	left: 362px;
}
body#index .mainImg #mainImgBox .linkBox .link06{
	width: 116px;
	height: 32px;
	position: absolute;
	top: 303px;
	left: 275px;
}
body#index .mainImg #mainImgBox .linkBox .link07{
	width: 101px;
	height: 33px;
	position: absolute;
	top: 380px;
	left: 228px;
}
body#index .mainImg h2 {
	text-align: center;
	z-index: 2;
	margin-top: -22px;
}

body#index #main .comSection {
	margin-bottom: 121px;
}

body#index h3 {
	color: #333;
	background: url(../img/top/h3_bg.gif) no-repeat left bottom;
}

body#index h3 span {
	margin-left: 20px;
	color: #666;
	font-size: 0.65em;
	font-weight: normal;
}

body#index .newsDl {
	margin-top: -27px;
	height: 450px;
	overflow: auto;
}

body#index .newsDl dt {
	padding-top: 27px;
	color: #777;
	float: left;
	font-size: 1.2em;
}

body#index .newsDl dd {
	padding: 27px 0 26px 6em;
	font-size: 1.5em;
	border-bottom: 1px solid #E0E0E0;
}

body#index #main .comShopBox .innerBox .photo {
	top: -188px;
}

body#index #main .comShopBox .ttl {
    margin-bottom: 15px;
}

body#index .comShopBox ul {
	margin-right: -38px;
	width: 1119px;
	overflow: hidden;
	zoom: 1;
}

body#index .comShopBox li {
	margin: 28px 38px 0 0;
	width: 335px;
	float: left;
}

body#index .comShopBox li .pic {
	position: relative;
}

body#index .comShopBox li .pic span {
	padding: 2px 4px 0 1px;
	color: #FFF;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.0;
	position: absolute;
	top: 36px;
	left: 30px;
	background-color: #333;
}

body#index .comShopBox li .txtBox {
	height: 397px;
	overflow: auto;
	padding: 20px 29px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	position: relative;
    behavior: url(../js/pie.htc);
	background-color: #FFF;
	border-bottom: 2px solid #D9D9D9;
}

body#index .comShopBox li dl {
	padding: 4px 0 3px 20px;
	border-left: 5px solid #CC0000;
}

body#index .comShopBox li dt {
	padding: 8px 0;
	color: #CC0000;
	float: left;
	font-size: 1.2em;
}

body#index .comShopBox li dd {
	padding: 8px 0 8px 6.8em;
	color: #CC0000;
	font-size: 1.2em;
}

body#index .comShopBox li dd a {
	color: #444;
	text-decoration: none;
}

body#index .comShopBox li dd a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------
	chitose.html
------------------------------------------------------------*/
.mainVisual.chitose {
	background: url(../img/chitose/main_visual_bg.jpg) no-repeat top center;
}

#main.chitose h3 {
	background: url(../img/chitose/h3_bg.gif) no-repeat left bottom;
}

#main.chitose .comPhotoUl li span {
	color: #86BE11;
}

#main.chitose .comPhotoBox {
	background: url(../img/chitose/com_photo_bg.jpg) no-repeat top center;
}

/*------------------------------------------------------------
	furano.html
------------------------------------------------------------*/
.mainVisual.furano {
	background: url(../img/furano/main_visual_bg.jpg) no-repeat top center;
}

#main.furano h3 {
	background: url(../img/furano/h3_bg.gif) no-repeat left bottom;
}

#main.furano .comPhotoUl01 {
	margin-bottom: 75px;
}

#main.furano .comPhotoUl li span {
	color: #3498DB;
}

#main.furano .comPhotoBox {
	background: url(../img/furano/com_photo_bg.jpg) no-repeat top center;
}

/*------------------------------------------------------------
	onuma.html
------------------------------------------------------------*/
.mainVisual.onuma {
	background: url(../img/onuma/main_visual_bg.jpg) no-repeat top center;
}

#main.onuma h3 {
	background: url(../img/onuma/h3_bg.gif) no-repeat left bottom;
}

#main.onuma .comPhotoUl li span {
	color: #F3C624;
}

#main.onuma .comPhotoBox {
	background: url(../img/onuma/com_photo_bg.jpg) no-repeat top center;
}

/*------------------------------------------------------------
	shiretoko.html
------------------------------------------------------------*/
.mainVisual.shiretoko {
	background: url(../img/shiretoko/main_visual_bg.jpg) no-repeat top center;
}

#main.shiretoko h3 {
	background: url(../img/shiretoko/h3_bg.gif) no-repeat left bottom;
}

#main.shiretoko .comPhotoUl li span {
	color: #1BC1A0;
}

#main.shiretoko .comPhotoBox {
	background: url(../img/shiretoko/com_photo_bg.jpg) no-repeat top center;
}

/*------------------------------------------------------------
	okhotsk.html
------------------------------------------------------------*/
.mainVisual.okhotsk {
	background: url(../img/okhotsk/main_visual_bg.jpg) no-repeat top center;
}
.mainVisual.okhotsk h2 img{
	width: 726px;
	height: auto;
}

#main.okhotsk h3 {
	background: url(../img/okhotsk/h3_bg.gif) no-repeat left bottom;
}

#main.okhotsk .comPhotoUl li span {
	color: #1BC1A0;
}

#main.okhotsk .comPhotoBox {
	background: url(../img/okhotsk/com_photo_bg.jpg) no-repeat top center;
}

#main .tbl01{
	margin: 0 auto;
	width: 1080px;
	font-size: 15px;
	color: #444;
	line-height: 1.6em;
}
#main .tbl01 tr{
	display: block;
	border-bottom: 1px solid #e0e0e0;
}
#main .tbl01 th{
	width: 204px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#main .tbl01 th,
#main .tbl01 td{
	padding: 30px 0;
}
#main .tbl01 td{
	padding: 30px;
}
#main .tbl01 th b,
#main .tbl01 td b{
	display: block;
	font-weight: bold;
	margin: 1em 0 0 0;
}
#main .tbl01 th b:first-child,
#main .tbl01 td b:first-child{
	margin-top: 0;
}
#main .tbl01 th span{
	background: #8fb53e;
	font-size: 13px;
	padding: 0.1em 0.8em;
	color: #fff;
	float: right;
}
#main .tbl01 td input{
	display: block;
	width: 500px;
	padding: 0.8em 0.2em;
	border: 1px solid #ccc;
}
#main .tbl01 td textarea{
	display: block;
	width: 500px;
	border: 1px solid #ccc;
}
#main .tbl01 td label{
}
#main .tbl01 td label span{
	margin: 0 0.5em 0 0;
	display: inline-block;
}

#main .tbl01 tr.address label{
	display: block;
	margin: 1em 0 0 0;
}
#main .tbl01 tr.address label span:first-child{
	width: 5em;
}
#main .tbl01 tr.address label input{
	width: 420px;
}
#main .submit-btn{
	margin: 40px 0 0 0;
	text-align: center;
}
#main .submit-btn input{
	border: none;
	text-indent: 200%;
	display: block;
	width: 417px;
	height: 62px;
	margin: 0 auto;
	background: url(../img/inquiry_btn.jpg) no-repeat;
}

.mainVisual.inquiry{
	background: url(../img/inquiry/main_visual_bg.jpg) no-repeat top center;
}
.mainVisual.company{
	background: url(../img/company/main_visual_bg.jpg) no-repeat top center;
}


/*------------------------------------------------------------
	シクロ追加
------------------------------------------------------------*/


#main .tbl02{
	margin: 0 auto;
	width: 1080px;
	font-size: 15px;
	color: #444;
	line-height: 1.6em;
}
#main .tbl02 tr{
	display: block;
	border-bottom: 1px solid #e0e0e0;
}
#main .tbl02 th{
	width: 204px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#main .tbl02 th,
#main .tbl02 td{
	padding: 30px 0;
}
#main .tbl02 td{
	padding: 30px;
}
#main .tbl02 th b,
#main .tbl02 td b{
	display: block;
	font-weight: bold;
	margin: 1em 0 0 0;
}
#main .tbl02 th b:first-child,
#main .tbl02 td b:first-child{
	margin-top: 0;
}
#main .tbl02 th span{
	background: #8fb53e;
	font-size: 13px;
	padding: 0.1em 0.8em;
	color: #fff;
	float: right;
}
#main .tbl02 td input{
	padding: 0.8em 0.2em;
	border: 1px solid #ccc;
}
#main .tbl02 td textarea{
	display: block;
	width: 500px;
	border: 1px solid #ccc;
}
#main .tbl02 td label{
}
#main .tbl02 td label span{
	margin: 0 0.5em 0 0;
	display: inline-block;
}

#main .tbl02 tr.address label{
	display: block;
	margin: 1em 0 0 0;
}
#main .tbl02 tr.address label span:first-child{
	width: 5em;
}
#main .tbl02 tr.address label input{
	width: 420px;
}

/*------------------------------------------------------------
	thanks.html
------------------------------------------------------------*/
.mainVisual.thanks {
	background: url(../img/inquiry/thanks_main_bg.jpg) no-repeat top center;
}

body#index .mainImg.thanks{
	position: relative;
    padding: 0 0 60px;
}

body#index .mainImg .contentThanks{

}
body#index .mainImg.thanks h2 {
	text-align: center;
	z-index: 2;
	margin-top: -580px;
}

body#index .mainImg.thanks h3 {
	text-align: center;
	background: none;
	color: #FFF;
	font-size: 300%;
	margin-top: 10px;
text-shadow: 1px 0px 0px rgba(150, 150, 150, 0.59);
}

body#index .mainImg.thanks p{
	text-align: center;	
	color: #FFF;
    font-size: 230%;
	margin-top: 10px;
text-shadow: 1px 0px 0px rgba(150, 150, 150, 0.59);
}