@charset "UTF-8";

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

body {
 width: 100%;
 margin: 0;
 padding: 0;
 color:#333333;
 font-size: 12px;
  font-family: ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	 
 background-color:#ffffff;

 
}

.toppage{
	 min-width:1000px;
	 overflow-x:hidden;
}

.otherpage{
	 min-width:1000px;
}



a {
 text-decoration:none;
}

ul {
 margin: 0;
 padding: 0;

}

/* ベースレイアウト */

#wrapper {
 width: 100%;
 margin: 0;
 padding:0;

}
header {
	width:921px;
	position:relative;
	padding:0;
	margin:22px auto 15px auto;
	overflow:auto;

}

.logoarea{
	display:block;
	float:left;	
}
.carea{
	display:block;
	float:right;	
}

.logo{
	padding:0;
	margin:0;
	float:left;
}





.kibou{
	display:block;
	margin:0;
	padding:8px 0 0 0;	
}

.menu{
	clear:both;
	width:100%;
	height:30px;
	background-image:url(../img/menu_bg.gif) ;
	background-repeat:repeat-x;
}

.hmenu{
	clear:both;
	padding:0;
	margin:0 auto;
	height:30px;
	overflow:hidden;
	display:block;
	width:921px;

}

.hmenu li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	color:#844153;
	font-size:18px;
	overflow:hidden;
		
}


.mainarea{
	width: 100%;
	background-color: #FFFFFF;
	height: 333px;
	border-bottom: solid 1PX #929292;
}

.mainvisual{
	clear:both;
	display:block;
	position:relative;
	padding:0;
	margin:0 auto;
	width:980px;
	height:333px;
	
		
}

.mainarea2{
	width:100%;	
	background-color:#ffffff;
	
}

.mainvisual2{
	clear:both;
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin:30px auto 56px auto;
	width:920px;
	
		
}


#common-contents {
 width: 921px;
 margin: 0 auto;
 padding:20px 0 0 0;
 position:relative;
 
}

.leftbanner{
	display:block;
	float:left;
	margin:0 53px 0 0;
}

.leftbanner img{
	display:block;
	padding:0;
	margin:0 0 8px 0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.4);;
}

.rightarea{
	display:block;
	float:left;
	padding:32px 0 0 0;	
}

#common-contents ul li{
	
	list-style:none;
	
}

.copybg{
	display:block;
	width:586px;
	height:417px;
	margin:0;
	padding:32px 0 0 0;
	background-image:url(../img/maincopy_bg.gif) ;
	background-repeat:no-repeat;
}

.copybgtxt{
	font-size:17px;
	line-height:2.4em;
	padding:0;
	margin:0;
	letter-spacing:-0.05em;
	color:#323333;
	
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;

}


.fish01{
	position:absolute;
	display:block;
	top:-330px;
	right:-320px;	
}


.fish02{
	position:absolute;
	display:block;
	top:366px;
	right:-250px;	
}


.detailbtn{
	clear:both;
	display:block;
	float:right;
	padding:0;
	margin:0 77px 0 0;	
}

.newtori{
	clear:both;
	display:block;
	width:921px;
	margin:0 auto;
	padding:56px 0 30px 0;
	
}

.newtori2{
	clear:both;
	display:block;
	width:921px;
	margin:0 auto;
	padding:56px 0 60px 0;
	text-align: center;
	
}

.tori{
	box-shadow:2px 2px 4px rgba(0,0,0,0.4);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
}

.fbanner01{
	display:block;
	padding:35px 0 0 168px;
	margin:0;
}

.fbanner01 img{
	padding:0 25px 0 0;
	margin:0;	
}

.fbanner02{
	display:block;
	padding:20px 0 0 0px;
	margin:0;
}

.fbanner02 img{
	padding:0 2px 0 0;
	margin:0;
}

#common-footer {
	
	clear:both;
	display:block;
	margin:49px 0 0 0;
	padding:0;
 width: 100%;
 text-align: left;
 height:136px;
 background-color:#ffffff;
}

.footerinner{
	padding:0;
}

.fmenu{
	width:548px;
	padding:0;
	margin:0 auto;
}

.fmenu li{
	float:left;
	margin-right:41px;
	list-style:none;
	color:#df5e79;
	font-size:14px;
		
		
}

.fmenu li:last-Child{
	margin-right:0;
}

.fmenu li a{
	color:#df5e79;
	opacity:1;
}

.fmenu li a:hover{
	color:#df5e79;
	opacity:0.8;
}



.copyarea{
	clear:both;
	width:100%;	
}
.copy{
	text-align:center;
	font-size:12px;
	color:#000000;
	position:relative;
	margin:0 auto;
	padding:19px 0 0 0;
}



/*会社概要*/

.leftconf{
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 0;
	width:657px;
	
}

.leftconfinner{
	display:block;
	padding:0 0 0 50px;
	margin:0;	
}



.rightconf{
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 0;
	width:256px;
	
}

.bline{
	display:block;
	float:left;
	width:4px;
	height:1820px;
	box-shadow:-4px 0px 6px rgba(0,0,0,0.2);
}

.linkbnr{
	float:left;
	display:block;
	margin:0;
	padding:0 0 0 24px;
	
	
}


.linkbnr img{
	display:block;
	margin:0;
	padding:0 0 6px 0;	
}

.confbox{
	width:535px;
	border:1px solid #000000;
	display:block;
	padding:0;
	margin:30px 0 0 0;
	font-size:14px;
}

.cbox01{
	clear:both;
	overflow:auto;
	display:block;
	padding:0;
	margin:0;
}

.cbox01 p{
	letter-spacing:-0.01em;
	text-align:left;
	padding-left:22px;
}

.ct01{
	padding:20px 0 0 0;
	margin:0;
	display:inline-block;
	float:left;
	width:97px;
	height:58px;
	background-color:#e4e4e5;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	
	
}

.ct01_2{
	padding:20px 0 0 0;
	margin:0;
	display:inline-block;
	float:left;
	width:437px;
	height:58px;
	
	border-bottom:1px solid #000000;
}


.ct02{
	padding:0 0 0 0;
	margin:0;
	display:inline-block;
	width:97px;
	height:168px;
	float:left;
	background-color:#e4e4e5;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	
	
}

.ct02 p{
	padding-top:60px;
}

.ct02_2{
	padding:0;
	margin:0;
	display:inline-block;
	width:437px;
	height:168px;
	float:left;
	border-bottom:1px solid #000000;
	
}

.ct02_2 p{
	padding-top:10px;
}


.ct03{
	padding:0 0 0 0;
	margin:0;
	display:inline-block;
	width:97px;
	height:178px;
	float:left;
	background-color:#e4e4e5;
	
	border-right:1px solid #000000;
	
	
}

.ct03 p{
	padding-top:65px;
}


.ct03_2{
	padding:0;
	margin:0;
	display:inline-block;
	width:437px;
	height:178px;
	float:left;
	
	
}

.ct03_2 p{
	padding-top:5px;
}

.access{
	clear:both;
	display:block;
	padding:0;
	margin:58px 0 0 0;	
}

.map1{
	display:block;
	padding:20px 0 0 6px;
}

.map1txt{
	font-size:14px;
	line-height:1.8em;
	display:block;
	padding:0;
	margin:14px 0 30px 8px;	
}

.map2{
	display:block;
	padding:0 0 0 6px;
}

.retop{
	clear:both;
	width:920px;
	padding:30px 0 40px 0;
	border-bottom:1px solid #000000;
		
}

.retop a{
	width:66px;	
}

.rebtn{
	display:block;
	padding:0;
	margin:0 auto;	
}

/*table*/
table.company {
    width: 538px;
   border-collapse: separate;
    border-spacing: 0px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background-color:#e4e4e5;
    vertical-align: middle;
    text-align: center;
    width: 66px;
    overflow: visible;
    position: relative;
    color: #000000;
    font-weight: normal;
    font-size: 15px;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}
 /*
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
*/
/* firefox */
/*
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
*/
 
 .comptable{
	 display:block;
	 padding:0;
	 margin:30px 0 0 0;
	 
 }
 
 
 
table.company td {
	font-size:14px;
    background: #ffffff;
    width: 360px;
    padding-left: 20px;
	border-bottom:1px solid #000000;
}

/* 直送便 */

.mainarea3{
	clear:both;
	width:100%;	
	background-color:#ffffff;
	
}

.mainarea5{
	clear:both;
	width:100%;	
	background-color:#ffffff;
	
}

.mainvisual3{
	clear:both;
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin:50px auto 0 auto;
	width:921px;
	height:1018px;
	background-image:url(../img/tsuki_img.jpg);
	background-repeat:no-repeat;
		
}

.mainvisual5{
	clear:both;
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin:20px auto 0 auto;
	width:921px;
	height:650px;
	background-image:url(../img/goto_img.jpg);
	background-repeat:no-repeat;
		
}

.mainvisual6{
	clear:both;
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin:20px auto 0 auto;
	width:921px;
	height:1000px;
	background-image:url(../img/botan_img.jpg);
	background-repeat:no-repeat;
		
}



.copybgtxt2{
	font-size:18px;
	line-height:2.4em;
	padding:430px 0 0 0;
	margin:0;
	letter-spacing:-0.05em;
	color:#323333;
	
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;

}

.copybgtxt02{
	font-size:18px;
	line-height:1.8em;
	padding:550px 0 0 0;
	margin:0;
	letter-spacing:-0.05em;
	color:#323333;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;

}

.tsukimain{
	display:block;
	padding:0;
	margin:0 auto;
	width:921px;
		
}


.step{
	clear:both;
	display:block;
	position:relative;
	padding:0 0 0 20px;
	margin:0 auto 50px auto;
	width:921px;
	height:256px;
	background-image:url(../img/tsuki_img2.jpg);
	background-repeat:no-repeat;
		
}

.step p{
	font-size:11.5px;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 14px 0 0;
	width:190px;
	padding:194px 0 0 0;
	font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	color:#ffffff;
	
		
}

.stxt01{
	letter-spacing:-0.1em;
	
}

.tstitle{
	clear:both;
	display:block;	
}


.tsutxt{
	display:block;
	font-size:18px;
	line-height:2.4em;
	padding:0 0 0 0;
	margin:6px 0 30px 10px;
	letter-spacing:-0.05em;
	color:#323333;
	
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	
	

}

.gotxt{
	display:block;
	font-size:18px;
	line-height:1.8em;
	padding:0 0 0 0;
	margin:6px 0 0px 0px;
	letter-spacing:-0.05em;
	color:#323333;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	
	

}

.itemlist{
	clear:both;
	display:block;
	position:relative;
	width:921px;
	margin:0;
	padding:0;
	
}

.itemlist ul{
	padding:0 10px 0 10px;
	margin:0 -56px 0 0;
	overflow:hidden;
}

.itemlist ul li{
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0 56px 34px 0;	
}


.tstitle{
	clear:both;
	display:block;
	margin:0 0 0 0;
	padding:0;	
}
.tstitle2{
	clear:both;
	display:block;
	margin:70px 0 0 0;
	padding:0;	
}

.tsuptxt{
	display:block;
	font-size:18px;
	line-height:2em;
	padding:0 0 0 0;
	margin:20px 0 20px 10px;
	letter-spacing:-0.07em;
	color:#323333;
	
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	
}
.tsuptxt2{
	display:block;
	font-size:18px;
	line-height:2em;
	padding:0 0 0 0;
	margin:0px 0 4px 10px;
	letter-spacing:-0.07em;
	color:#323333;
	
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	
}


.tstitlemap{
	clear:both;
	display:block;
	margin:0 0 0 0;
	padding:0;	
}


/*アイテム*/

.mainarea4{
	clear:both;
	width:100%;	
	background-color:#ffffff;
}

.mainvisual4{
	clear:both;
	display:block;
	position:relative;
	padding:0 0 0 0;
	margin:30px auto 0 auto;
	width:920px;
		
}

.itemmain{
	display:block;
	position:relative;
	padding:0 0 50px 0;
	margin:34px auto 0 auto;
	width:818px;
	border-bottom:1px solid #000000;
	
}

.itemstitle{
	display:block;
	padding:0;
	margin:78px 0 0 0;	
}

.itemstitle2{
	display:block;
	padding:0;
	margin:55px 0 0 0;	
}


.contacttxt{
	width:541px;
	font-size:15px;
	line-height:1.8em;
	margin:0;
	padding:35px 0 0 0;	
}

.calert{
	color:#ff0000;	
}


.contactbox{
	width:535px;
	border:1px solid #000000;
	display:block;
	padding:0;
	margin:30px 0 0 0;
	font-size:14px;
}

.contactbox01{
	clear:both;
	overflow:auto;
	display:block;
	padding:0;
	margin:0;
}


.contactbox01 p{
	letter-spacing:-0.01em;
	text-align:left;
	padding-left:22px;
}

.con01{
	padding:15px 0 0 0;
	margin:0;
	display:inline-block;
	float:left;
	width:176px;
	height:66px;
	background-color:#e4e4e5;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	
	
}

.con01_2{
	padding:15px 0 0 0;
	margin:0;
	display:inline-block;
	float:left;
	width:358px;
	height:66px;
	
	border-bottom:1px solid #000000;
}


.input_text{
	margin:0 0 0 0px;
	width:240px;
	height:30px;
}

.input_text2{
	margin:0 0 0 0px;
	width:280px;
	height:300px;	
	
}

.conitxt{
	padding:0;
	margin:8px 0 0 0;	
}


/*table*/
table.contactin {
    width: 538px;
   border-collapse: separate;
    border-spacing: 0px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
}
 
table.contactin th,
table.contactin td {
    padding: 10px 10px 10px 20px;
}
 
table.contactin th {
    background-color:#e4e4e5;
    vertical-align: middle;
    text-align: left;
    width: 136px;
    overflow: visible;
    position: relative;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}

 
table.contactin td {
	font-size:13px;
    background: #ffffff;
    width: 290px;
    padding-left: 20px;
	border-bottom:1px solid #000000;
}

 
 .contacttable{
	 display:block;
	 padding:0;
	 margin:30px 0 0 0;
	 
 }
 
 #btn_send{
	 
	background: url(../img/checkbtn.gif) no-repeat left top;
	width: 144px;
	height: 26px;
	border: none;
	cursor: pointer;
	display:block;
	margin:25px 0 0 200px;
}
