/*



Template:san-yu



Theme Name:IFNX.inc



Description:東京三友シッピングテーマ



Version:1.0



*/











@charset "utf-8";



/* CSS Document */







/*================================================



 *  CSSリセット



 ================================================*/



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{







}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{



	margin:0;



	padding:0;



	font-size:100%;



	background:transparent



}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}.clear {



	clear: both;



}



p {



	margin-bottom: 15px;



	font-size: 14px;



}







hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}







/*================================================



 *  一般・共通設定↓



 ================================================*/



*{



	margin:0;



	padding:0;



}







body{



	background-color:#fff;



	font-family: "メイリオ", Meiryo, sans-serif;



}







#container{



	width:100%;



}







 a{



	text-decoration:none;



	color:#000;



}







/*================================================



 * ヘッダー



 ================================================*/



header{



	 display:block;



	 width:100%;



	 height:126px;



	 border-top:8px #0092d9 solid;



	 border-bottom:1px #0092d9 solid;



	 -moz-box-sizing: border-box;



	 -webkit-box-sizing: border-box;



	 -o-box-sizing: border-box;



	 -ms-box-sizing: border-box;	



}



 



.header_inner{



	display:block;



	width:960px;



	height:152px;



	margin-left:auto;



	margin-right:auto;



	position:relative;



}







h1{



	font-size:10px;



	position:absolute;



	top:9px;



	left:0;



}







#logo{



	position:absolute;



	top:39px;



	left:0;



}







.telephone{



	display:block;



	width:224px;



	height:23px;



	position:absolute;



	top:22px;



	left:500px;



	font-size: 18px;



	color: #0092D9;



	background-image: url(imgs/tel.png);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 30px;



}







.number_logo{



	display:block;



	float:left;



	margin-right:13px;



}







.number{



	font-size:20px;



	color:#0092d9;



}







.tx{



	font-size:14px;



	margin-left:4px;



}







.fax{



	display:block;



	width:224px;



	height:23px;



	position:absolute;



	top:52px;



	left:500px;



	font-size: 18px;



	color: #0092D9;



	background-image: url(imgs/fax.png);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 30px;



}







.contact_field{



	display:block;



	width:224px;



	height:48px;



	position:absolute;



	top:6px;



	right:0;



}







.mail_contact{



	font-size:12px;



	text-align:center;



	margin-top:3px;



	margin-bottom: 3px;



}







.contact_button{



	display:block;



	padding-bottom:2px;



	margin-top:2px;



}







.contact_button a{



	display:block;



	width:224px;



	height:24px;



	font-size:14px;



	font-weight:bold;



	color:#FFF;



	text-decoration:none;



	text-align:center;



	border-radius:50px;



	-webkit-border-radius:5px;



	line-height: 31px;



	background-color:#de9d00;



	padding-bottom:3px;



}











.border_clear:first-child {



  border: none;



}



/*================================================



 * メインビジュアル



 ================================================*/



 



 #mainV{



	width:100%;



	margin-top:1px;



	border-top:#0092d9 1px solid;



 }



.mainV_inner{



	width:1100px;



	margin-left:auto;



	margin-right:auto;



	margin-top: 40px;



	position: relative;



	text-align: center;



	margin-bottom: 30px;



 }



 



 



 



/*================================================



 * 新着情報



 ================================================*/



 #news{



	 width:960px;



	 margin-right:auto;



	 margin-left:auto;



	 position:relative;



 }



 



.news_banner{



	width:960px;



	height:45px;



	background-image:url(imgs/news.png);



	background-repeat:no-repeat;



	background-position:380px center;



	background-color:#0092d9;



	font-size:24px;



	font-weight:bold;



	color:#FFF;



	padding-top:8px;



	margin-bottom: 15px;



	text-align: center;



 }



 



 .news_list{



	margin-bottom:0px;



 }



 



 .news_list dl{



	width:auto;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



}



 



 .news_list dt{



	float:left;



	font-size:14px;



	font-weight:bold;



	color:#0092d9;



	margin-right:20px;



	padding-top: 10px;



	padding-bottom: 10px;



}







 .news_list dd{



	font-size:14px;



	margin-right:0px;



	padding-top: 10px;



	padding-bottom: 10px;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #CCC;



}







/*================================================



 * 物流サービス



 ================================================*/



 



 



#service{



	display:block;



	width:100%;



	background-color:#f6f6f6;



	overflow:hidden;



	margin-bottom: 120px;



}







.service_inner{



	width:960px;



	margin-left:auto;



	margin-right:auto;



	overflow:hidden;



	padding-top: 55px;



	padding-bottom: 55px;



}



 



.service_left{



	float:left;



	display:block;



	width:660px;



}







	



.logistics_service{



	display:block;



	background-repeat:no-repeat;



	background-position:8px center;



	font-size:24px;



	font-weight:bold;



	padding-top:10px;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



	border-bottom-width: 5px;



	border-bottom-style: solid;



	border-bottom-color: #CCC;



	background-image: url(imgs/icon.png);



	padding-bottom: 10px;



	margin-bottom: 20px;



}



.logistics_service .text {



	border-bottom-width: 5px;



	border-bottom-style: solid;



	border-bottom-color: #0092D9;



	padding-bottom: 10px;



	padding-left: 47px;



}











.logistics_service_coment{



	font-size:14px;



	padding-top:24px;



}



h3 {



	border-left-width: 5px;



	border-left-style: solid;



	border-left-color: #0092D9;



	padding-left: 15px;



	margin-bottom: 15px;



}



h4 {



	margin-bottom: 15px;



	color: #000;



}



.h3Title {



	font-size: 20px;



}















.watch{



	width:275px;



	text-align:center;



	margin-top:31px;



	margin-right:auto;



	margin-left:auto;



	}











.watch a{



	display:block;



	width:275px;



	height:43px;



	background-color:#b90c6e;



	font-size:16px;



	font-weight:bold;



	color:#FFF;



	padding-top:10px;



	-moz-box-sizing: border-box;



  	-webkit-box-sizing: border-box;



   	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;	



}



























/*================================================



 * 会社案内ダウンロード



 ================================================*/



.service_right{



	overflow:hidden;



	float:right;



}







	



.download{



	text-align:center;



}



















.download a{



	display:block;



	background-color:#0092d9;



	background-image:url(imgs/pdficon.png);



	background-repeat:no-repeat;



	background-position:10px center;



	border-bottom:#00608f 4px solid;



	font-size:18px;



	font-weight:bold;



	color:#fff;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



	padding-top: 10px;



	padding-bottom: 10px;



	padding-left: 15px;



}







.Representatives{



	width:100%;



}











/*================================================



 * リンク



 ================================================*/



.link_field{



	width:260px;



	margin-top:17px;







}



 



.link_banner{



	display:block;



	height:54px;



	background-image:url(service/service.png);



	background-repeat:no-repeat;



	background-position:8px center;



	font-size:24px;



	font-weight:bold;



	padding-left:47px;



	padding-top:10px;



	border-bottom:#0092d9 4px solid;



	margin-bottom:5px;



	-moz-box-sizing: border-box;



  	-webkit-box-sizing: border-box;



   	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;		



 }



 



.link_list{



 }



 



.link_list dl{



	display:block;



	width:auto;



	height:46px;



	border-bottom:#666 1px dotted;



	padding-top:13px;



	-moz-box-sizing: border-box;



  	-webkit-box-sizing: border-box;



   	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;	



}



 



.link_list dt{



	overflow:hidden;



	float:left;



	font-size:10px;



	font-weight:bold;



	color:#0092d9;



	



	width:16px;



	height:16px;



	background:#0092d9;



	border-radius:70px;



	-moz-border-radius:70px;



	-webkid-border-radius:70px;



	color:#fff;



	text-align:center;



	margin-top:2px;



	



	-moz-box-sizing: border-box;



  	-webkit-box-sizing: border-box;



   	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;	



}







.link_list dd{



	font-size:14px;



	margin-left:35px;



}







.link_list dd a{



	text-decoration:none;



	color:#000;



	display: block;



}



 



 



 



 



/*================================================



通関業務



 ================================================*/



 #gyoumu{



	 width:100%;



	 border-top:#0092d9 1px solid;



	 margin-top:1px;



 }



 



.gyoumu_inner{



	 width:960px;



	 margin-left:auto;



	 margin-right:auto;



	 padding-top:51px;



   	 padding-bottom:56px;



	 -moz-box-sizing: border-box;



  	 -webkit-box-sizing: border-box;



   	 -o-box-sizing: border-box;



	 -ms-box-sizing: border-box;



 }



 



.gyoumu_img{



	display:block;



	width:960px;



	height:300px;



}















 /*================================================



会社案内



 ================================================*/



 #gyoumu{



	 display:block;



	 width:100%;



	 border-top:#0092d9 1px solid;



	 margin-top:1px;



 }



 



.border_clear{



	border-top:none  !important;



}







.background{



	background-color:#f6f6f6 !important;



}











.gyoumu_inner{



	display:block;



	width:960px;



	margin-left:auto;



	margin-right:auto;



	padding-top:51px;



	padding-bottom:100px;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



 }



.box{



	width:100%;



	margin-bottom: 50px;



	overflow: hidden;



}







.Representatives_inner{



	width:960px;



	height:auto;



	margin-right:auto;



	margin-left:auto;



}







.Representatives_tx{



	font-size:14px;



	margin-left:4px;



	margin-top:50px;



}







.title{



	font-size:18px;



}







.business_flow{



	margin-top:50px;



	width:100%;



	height:700px;



}







.business_flow_inner{



	width:960px;



	height:auto;



	margin-left:auto;



	margin-right:auto;



}















/*================================================



 * 電話・メール



 ================================================*/



 



 



 #contact{



	width:100%;



	height:115px;



	background-color:#f6f6f6;



 }



 



.contact_inner{



	width:960px;



	height:115px;



	margin-left:auto;



	margin-right:auto;



	position:relative;



}







.contact_position{



	display:block;



	width:960px;



	height:115px;



	position:absolute;



	top:-57px;



	left:0;



}







.telephone_left{



	display:block;



	width:49%;



	height:115px;



	background-color:#FFF;



	float:left;



	position:relative;



	border:#999 1px solid;



	-moz-box-sizing: border-box;



  	-webkit-box-sizing: border-box;



   	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;	



}



















.tel_logo{



	display:block;



	position:absolute;



	top:16px;



	left:56px;



}







.tel_number_representative{



	display:block;



	position:absolute;



	top:29px;



	left:57px;



	background-image: url(imgs/tel_left.png);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 55px;



}







.tel_number{



	font-size:38px;



	font-family: 'Anton', sans-serif;



	color:#0092d9;



	margin-bottom: 0px;



	padding-bottom: 0px;



}







.representative{



	font-size:20px;



	font-family: "A-OTF 新ゴ Pr6N",A-OTF Shin Go Pr6N,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



	font-weight:bold;



	color:#0092d9;



}







.time,.mail_add{



	display:block;



	width:435px;



	position:absolute;



	top:89px;



	left:19px;



	border-top:#999 1px solid;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



}







.time_sentence,.mail_add_sentence{



	text-align:center;



	font-size:12px;



	font-family: "A-OTF 新ゴ Pr6N", "A-OTF Shin Go Pr6N", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



	font-weight:bold;



	margin-bottom: 0px;



	padding-bottom: 0px;



	line-height: 18px;



}







.sentence{



	text-align:center;



	font-size:15px;



	font-family: "A-OTF 新ゴ Pr6N", "A-OTF Shin Go Pr6N", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



	font-weight:bold;



	margin-bottom: 0px;



	padding-bottom: 0px;



	line-height: 22px;



}











.mail_right{



	display:block;



	width:49%;



	height:115px;



	background-color:#FFF;



	float:right;



	position:relative;



	border:#999 1px solid;



	-moz-box-sizing: border-box;



  	-webkit-box-sizing: border-box;



   	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;	



}







.mail_sentence,.tel_sentence{



	display:block;



	width:433px;



	position:absolute;



	top:6px;



	left:19px;



	border-bottom:#999 1px solid;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



}







.mail_form{



	position:absolute;



	top:36px;



	left:19px;



	width:435px;



}







.mail_form a{



	display:block;



	width:435px;



	background-color:#de9d00;



	background-image:url(contact/mail_right.png);



	background-repeat:no-repeat;



	background-position:90px center;



	font-size:18px;



	font-weight:bold;



	color:#FFF;



	padding-top:10px;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-o-box-sizing: border-box;



	-ms-box-sizing: border-box;



	text-align: center;



	line-height: 25px;



	padding-bottom: 10px;



}







	



	



 /*================================================



 * フッター#f6f6f6



 ================================================*/



footer{



	display:block;



	width:100%;



	height:119px;



	background-color:#0092d9;



}







.footer_inner{



	display:block;



	width:960px;



	height:119px;



	margin-left:auto;



	margin-right:auto;



	position:relative;



}







.footer_logo{



	display:block;



	position:relative;



	top:45px;



	left:0;



}







.footer_nav{



	position:absolute;



	top:14px;



	right:0px;



	width: 425px;



}







.footer_nav li{



	list-style:none;



	float:left;



	margin-left:25px;



	



}







.footer_nav li a{



	color:#FFF;



	font-size:12px;



}







.footer_nav02{



	position:absolute;



	top:34px;



	right:-1px;



	width: 351px;



}







.footer_nav02 li{



	list-style:none;



	float:left;



	margin-left:25px;



	



}







.footer_nav02 li a{



	color:#FFF;



	font-size:12px;



}











address{



	position:absolute;



	top:87px;



	right:0;



	font-size:12px;



	color:#FFF;



	text-align:right;



	font-style:normal;



}







#copyright{



	width:100%;



	height:52px;



	text-align:center;



	padding-top:20px;



}







small{



	font-size:10px;



	color:#0092d9;



}











/*テーブルCSS*/



table.company {



	



	width: 100%;



	margin: 0 auto;



	border-collapse: separate;



	border-spacing: 0px 15px;



	font-size: 14px;



}



 



table.company th,



table.company td {



    padding: 10px;



}



 



table.company th {



	background: #295890;



	vertical-align: middle;



	text-align: left;



	width: 100px;



	overflow: visible;



	position: relative;



	color: #fff;



	font-weight: normal;



	font-size: 14px;



}



 



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;



    }



}



 



table.company td {



    background: #f8f8f8;



    width: 360px;



    padding-left: 20px;



}











#menu-box {



	margin-right: auto;



	margin-left: auto;



	background-repeat: repeat-x;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CCC;



	background-image: url(images/nbg.jpg);



	background-position: center top;



	position: absolute;



	left: -1px;



	top: 96px;



}



















/*ナビゲーション*/



#menu{



	width: 980px;



	margin-top: 0pt;



	margin-right: auto;



	margin-bottom: 0;



	margin-left: auto;



	height: 46px;



	background-image: url(images/navbar.jpg);



	background-repeat: no-repeat;



	background-position: center top;



	padding-top: 5px;



	padding-right: 0;



	padding-bottom: 0;



	padding-left: 0;



}



#menu li{



	display: block;



	float: left;



	margin-top: 0;



	margin-right: 0;



	margin-bottom: 0;



	padding-top: 0;



	padding-right: 0;



	padding-bottom: 0;



}







#menu li a{



	display: block;



	text-decoration: none;



	font-size: 16px;



	font-weight: bold;



	padding-top: 11px;



	padding-right: 0;



	padding-bottom: 11px;



	text-align: center;



	color: #FFF;



}



#menu li a:hover{



}



#menu li:first-child {



	margin-left: 0px;



}



#toggle{ 



 display: none;



}







#menu .n01  {



	background-repeat: no-repeat;



	width: 192px;



}



#menu .n02 {



	background-repeat: no-repeat;



	border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #8f8f92;



	width: 191px;



}



#menu .n03 {



	background-repeat: no-repeat;



	border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #8f8f92;



	width: 191px;



}







#menu .n04 {



	background-repeat: no-repeat;



	border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #8f8f92;



	width: 191px;



}







#menu .n05 {



	background-repeat: no-repeat;



	background-position: left center;



	border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #8f8f92;



	width: 191px;



}



#menu {



	list-style-type: none;



	width: 960px;



	padding: 0;



	margin-top: 0;



	margin-right: auto;



	margin-bottom: 0;



	margin-left: auto;



}



#menu li {



	position: relative;



	float: left;



	margin: 0;



	padding: 0;



	text-align: center;



	background-color: #2b2937;



	color: #FFF;



}







#menu li ul {



  list-style: none;



  position: absolute;



  z-index: 100;



  top: 100%;



  left: 0;



  width: 100%;



  margin: 0;



  padding: 0;



}



#menu li ul li {



  overflow: hidden;



  width: 100%;



  height: 0;



  color: #fff;



  transition: .2s;



}



#menu li ul li a {



	padding: 13px 15px;



	text-align: left;



	font-size: 14px;



	font-weight: normal;



	background-color: #4F4A64;



	line-height: 14px;



}



#menu > li:hover > a {  /*background: #7c8c0e*/ }



#menu > li:hover li:hover > a {



	background-color: #444057;



}



#menu > li:hover > ul > li {



  overflow: visible;



  height: 38px;



}



#menu li ul li ul {



  top: 0;



  left: 100%;



}



#menu li:last-child ul li ul {



  left: -100%;



  width: 100%;



}



#menu li ul li ul:before {



	position: absolute;



	content: "";



	top: 13px;



	left: -20px;



	width: 0;



	height: 0;



	border: 5px solid transparent;



	border-left-color: #666;



}



#menu li:last-child ul li ul:before {



  position: absolute;



  content: "";



  top: 13px;



  left: 200%;



  margin-left: -20px;



  border: 5px solid transparent;



  border-right-color: #454e08;



}



#menu li ul li:hover > ul > li {



  overflow: visible;



  height: 38px;



}



#menu li ul li ul li a {



	background-color: #E9E9E9;



}



#menu li:hover ul li ul li a:hover {



	background-color: #E2E2E2;



}



.sh_theme_a {



	display: none;



}



.business_content_btn {



	margin: 0px;



	padding: 0px;



}



.business_content_btn li {



	float: left;



}



.business_content_btn li a {



	font-size: 16px;



	padding-top: 10px;



	padding-right: 20px;



	padding-bottom: 10px;



	padding-left: 20px;



	background-color: #CC0;



	margin-right: 10px;



	font-weight: bold;



}







.pattern {



	width: 100%;



	height: 100%;



	background: url(http://www.webcreatorbox.com/sample/images/yokojima.png);



	top: 0;



	left: 0;



	z-index: 2;



}



video {



	right: 0px;



	top: 0;



	z-index: 1;



	width: 100%;



}



#mainV .mainV_inner .hot {



	position: absolute;



	margin: 0px;



	padding: 0px;



	left: 67px;



	top: 249px;



}



#mainV .mainV_inner .bgd {



	position: absolute;



}



#mainV .mainV_innerSP {



	display: none;



}



 /* お問い合わせ */



.kakunin {



background-color: #0092D9;



padding: 8px 15px;



font-size: 14px;



font-weight: bold;



color:#FFF;



}



.back{



background-color: #0092D9;



padding: 8px 15px;



font-size: 14px;



font-weight: bold;



color:#FFF;



}



.submit{



background-color: #DE9D00;



padding: 8px 15px;



font-size: 14px;



font-weight: bold;



color:#FFF;



}



/* お問い合わせ */