/*------------------------------
  スライダー
------------------------------*/
/*----　PC　-----*/
@media screen and (min-width: 769px) {
#slider{
	background:url(../images/back_slider.jpg) no-repeat center;
	margin:0 auto 20px;
	min-width:1200px;
	
}

#slider_inner{
	width:900px;
	height:330px;
	margin:0 auto;
}

.hpb-photomotion{
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0;
}

#hpb-slideshow1{
	margin:-2px 0px 0px 0px;
}
}


@media print {
#slider{
	background:url(../images/back_slider.jpg) no-repeat center;
	margin:0 auto 20px;
	min-width:1200px;
	
}

#slider_inner{
	width:900px;
	height:330px;
	margin:0 auto;
}

.hpb-photomotion{
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0;
}

#hpb-slideshow1{
	margin:-2px 0px 0px 0px;
}
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#slider{
	width:768px;	
	margin:0 auto 20px;
}

#slider_inner{
	width:768px;
	height:282px;
	margin:0 auto;
}

.hpb-photomotion{
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0;
}

#hpb-slideshow1{
	margin:0px 0px 0px 0px;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#slider{
	width:480px;	
	margin:0 auto 20px;
}

#slider_inner{
	width:480px;
	height:176px;
	margin:0 auto;
}

.hpb-photomotion{
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0;
}

#hpb-slideshow1{
	margin:0px 0px 0px 0px;
}}

/*------------------------------
  ヘッダー
------------------------------*/
/*----　PC　-----*/

#header{
	background:url(../images/back_header_pc.png) no-repeat left;
	height:100px;
	min-width:1200px;
	border-bottom:#0000cc 4px solid;
}

#header_inner{
	width:900px;
	margin:0 auto;
	position:relative;
}

#logo{
	position:absolute;
	right:0;
	top:50px;
}

h1{
	position:absolute;
	right:10px;
	top:30px;
}



/*----　pad　-----*/
@media screen and (max-width: 768px) {
#header{
	background:url(../images/back_header_pc.png) no-repeat left;
	height:100px;
	min-width:768px;
	border-bottom:#0000cc 4px solid;
}

#header_inner{
	width:90%;
	max-width:768px;
	margin:0 auto;
	position:relative;
}

#logo{
	position:absolute;
	right:0;
	top:50px;
}

h1{
	position:absolute;
	right:10px;
	top:30px;
}

}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#header{
	background:url(../images/back_header_sp.png) no-repeat left;
	height:100px;
	min-width:482px;
	border-bottom:#0000cc 4px solid;
}

#header_inner{
	width:90%;
	max-width:480px;
	margin:0 auto;
	position:relative;
}

#logo{
	position:absolute;
	right:0;
	top:50px;
}

h1{
	position:absolute;
	right:10px;
	top:30px;
}
}


/*----　共通　-----*/
h1{
	color:#0c3260;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

#logo{
	width:340px;
}

#header a{
	color:#0c3260;
}

#header a:hover{
	text-decoration:none;
}


/*------------------------------
  ナビ
------------------------------*/
/*----　PC　-----*/

#navi{
	width:1200px;
	margin:0 auto;
}

#navi ul{
	overflow:hidden;
	height:50px;
}

#navi li{
	float:left;
}

#navi li a{
	background:url(../com/back_navi_pc.jpg) no-repeat left;
	display:block;
	text-align:center;
	width:150px;
	height:50px;
	line-height:50px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#navi{
	display:none;
}
}

/*----　共通　-----*/
#top #navi .navi01 a,
#deli #navi .navi02 a,
#product #navi .navi03 a,
#proposition #navi .navi04 a,
#company #navi .navi05 a,
#info #navi .navi06 a,
#sitemap #navi .navi07 a,
#link #navi .navi08 a,
#navi a:hover,
#sp_navi a:hover{
	background:#0000cc;
	color:#ffffff;
}

/*------------------------------
  メイン
------------------------------*/
/*----　PC　-----*/

#content_wrapper {
	width:1200px;
	margin:0 auto;
	padding:0px 0px 60px 0px;
}

.pc_none{
	display:none;
}

.pd_none{
	display:block; 
}

.sp_none{
	display:block;
}

/*----　pad　-----*/
@media screen and (max-width: 768px) {
#content_wrapper {
	width:768px;
	margin:0 auto;
	padding:0px 0px 40px 0px;
}
.pc_none{
	display:block;
}

.pd_none{
	display:none; 
}

.sp_none{
	display:block;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#content_wrapper {
	width:480px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}

.pc_none{
	display:block;
}

.pd_none{
	display:block; 
}

.sp_none{
	display:none;
}
}


/*------------------------------
  　表示・非表示
------------------------------*/

/*----　PC・pad　-----*/
.spind_banner1,
.spind_banner2,
.spdeli_image1,
.sppage_point,
.spproposition_comment{
	display:none;
}

@media screen and (min-width: 480px) {
.spind_banner1,
.spind_banner2,
.spdeli_image1,
.sppage_point,
.spproposition_comment{
	display:none;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
.spind_banner1,
.spind_banner2,
.spdeli_image1,
.sppage_point,
.spproposition_comment{
	display:block;
}

.ind_banner1,
.ind_banner2,
.navi07,
.navi08,
.deli_image1,
.page_point,
.proposition_comment{
	display:none;
}}

/*------------------------------
  　TOP
------------------------------*/
/*----　共通　-----*/
.ind_info{
	border:#aaaaaa 2px solid;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	text-align:center;
}

.ind_info dl{
	background:#ffffb1;
}

.ind_info dt,
.ind_info dd{
	border-bottom:1px #808080 dotted;
	padding:8px 8px 8px 8px;
}

.ind_info span.textr{
	color:#ff0000;
}

.deli_navi{
	border:#aaaaaa 2px solid;
}

h2.horei,
h2.charter{
	line-height:75px;
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;  
	-moz-box-shadow: 3px 3px 5px #000;　/* Firefox用 */  
	-webkit-box-shadow: 3px 3px 5px #000;　/* Safari,Google Chrome用 */ 
}

.news{
	border:1px solid #0079EB;
	padding:20px;
}

.news dt{
	font-weight:bold;
	font-size:16px;
}

.news dd{
	font-weight:bold;
	font-size:18px;
}

.news ul{
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #0079EB;
	font-weight:normal;
	font-size:14px;
	background:url(../images/news.png) no-repeat right bottom;
}


.ind_recruit{
	text-align:center;
	padding:20px;
	border:1px solid #0079EB;
}

.ind_recruit span,
.ind_recruit2 span{
	font-weight:bold;
	font-size:18px;
}

.ind_recruit ul,
.ind_recruit2 ul{
	width:360px;
	margin:10px auto;
	font-size:16px;	
}

.ind_recruit li,
.ind_recruit2 li{
	text-align:left;
	line-height:30px;
	border-bottom:1px dotted #ffffff;
	padding-left:10px;
}

.ind_recruit a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}


.ind_recruit2{
	text-align:center;
	border:1px solid #031CC2;
	padding-top:75px;
}

.oubo{
	background:#031CC2;
	padding-top:5px;
	padding-bottom:5px;
}

.oubo a{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
}


.ind_menu{
	width:480px;
	margin:0 auto;
	padding:0px 60px 0px 60px;
	float:left;
}

h2.title_deli{
	/*margin:0;*/
	padding:30px 0 5px 100px;
	background:url(../images/title_charter_pc.png) no-repeat left;
	/*line-height:75px; */
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;
	/*-moz- box-shadow: 3px 3px 5px #000;
	-webkit- box-shadow: 3px 3px 5px #000;*/
}

h2.title_horei{
	/*margin:0;*/
	padding:30px 0 5px 100px;
	background:url(../images/title_horei_pc.png) no-repeat left;
	/*line-height:75px; */
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;
	/*-moz- box-shadow: 3px 3px 5px #000;
	-webkit- box-shadow: 3px 3px 5px #000;*/
}

.ind_menu .left{
	float:left;
	width:200px;
}

.ind_menu .right{
	float:right;
	width:250px;
}

.ind_menu figure{
	margin:0;
	padding:10px 10px 10px 10px;
	border:#aaaaaa 2px solid
}

.ind_menu .detail{
	text-align:right;
}

/*----　PC　-----*/
.ind_banner1{
	max-width:900px;
	width:100%;
	margin:0 auto 20px;
}

.ind_banner2{
	max-width:900px;
	width:100%;
	margin:20px auto 20px;
}

.ind_info{
	width:800px;
	margin:0 auto;
	height:150px;
	padding:10px;
	clear:both;
}

.ind_info .left{
	float:left;
	width:400px;
	margin:8px 30px 0px 30px;
}

.ind_info .right{
	float:right;
	width:300px;
}

.ind_info p{
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}

.ind_info dd{
	font-size:15px;
	line-height:26px;
}

.ind_info dt{
	font-size:15px;
	font-weight:bold;
}

.ind_info dd .textb{
	font-size:23px;
	font-weight:bold;
}

#top .wrapper{
	clear:both;
	min-height:200px;
	margin:0px 0px 20px 0px;
}

.main_menu{
	float:left;
	margin:0px 0px 0px 80px;
}

.deli_navi{
	width:460px;
	clear:both;
	min-height:140px;
	padding:10px 10px 10px 10px;
}

.deli_navi .left{
	float:left;
}

.deli_navi .right{
	float:right;
	width:250px;
}

.deli_navi p{
	padding:0px 0px 10px 0px;
	min-height:90px;
}

h2.charter{
	background:url(../images/title_charter_pc.png) repeat-x left;
	height:60px;
	width:389px;
	padding:0px 0px 0px 95px;
}

h2.horei{
	background:url(../images/title_horei_pc.png) repeat-x left;
	height:60px;
	width:389px;
	padding:0px 0px 0px 95px;
}

.news{
	width:780px;
	margin:0 auto 30px;
}

.ind_recruit{
	width: 780px;
	margin: 20px auto 30px;
	background-repeat: no-repeat;
	background-image: url(../images/recruit_back.jpg);
	background-position: center;
	background-size: cover;
	background-position: 0% 65%;
}

.ind_recruit2{
	width:820px;
	margin:0 auto 30px;
	background:url(../images/recruit2_pc.png) no-repeat top center;
}



/*----　pad　-----*/
@media screen and (max-width: 768px) {
.ind_banner1{
	max-width:768px;
	width:100%;
	margin:0 auto 20px;
}

.ind_banner2{
	max-width:768px;
	width:100%;
	margin:20px auto 20px;
}

.ind_info{
	width:700px;
	min-height:150px;
	margin:0 auto;
	padding:10px;
	clear:both;
}

.ind_info .left{
	float:left;
	width:380px;
	margin:8px 20px 0px 20px;
}

.ind_info .right{
	float:right;
	width:280px;
}

.ind_info p{
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}

.ind_info dd{
	font-size:15px;
	line-height:26px;
}

.ind_info dt{
	font-size:15px;
	font-weight:bold;
}

.ind_info dd .textb{
	font-size:23px;
	font-weight:bold;
}

#top .wrapper{
	clear:both;
	min-height:200px;
	margin:0px 0px 20px 0px;
}

.ind_menu{
	width:700px;
	margin:0 auto;
	padding:0px 0px 0px 20px;
	float:left;
}

h2.title_deli{
	/*margin:0;*/
	padding:30px 0 5px 100px;
	background:url(../images/title_charter_pad.png) no-repeat left;
	/*line-height:75px; */
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;
	/*-moz- box-shadow: 3px 3px 5px #000;
	-webkit- box-shadow: 3px 3px 5px #000;*/
}

h2.title_horei{
	/*margin:0;*/
	padding:30px 0 5px 100px;
	background:url(../images/title_horei_pad.png) no-repeat left;
	/*line-height:75px; */
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;
	/*-moz- box-shadow: 3px 3px 5px #000;
	-webkit- box-shadow: 3px 3px 5px #000;*/
}

.ind_menu .left{
	float:left;
	width:200px;
}

.ind_menu .right{
	float:right;
	width:450px;
}

.ind_menu figure{
	margin:0;
	padding:10px 10px 10px 10px;
	border:#aaaaaa 2px solid
}

.ind_menu .detail{
	text-align:right;
}

/*.main_menu{
	float:none;
	margin:0px 0px 0px 20px;
}

.deli_navi{
	width:700px;
	clear:both;
	min-height:130px;
	padding:10px 10px 10px 10px;
}

.deli_navi .left{
	float:left;
}

.deli_navi .right{
	float:right;
	width:500px;
}

.deli_navi p{
	padding:10px 0px 10px 0px;
}

h2.charter{
	background:url(../images/title_charter_pad.png) no-repeat left;
	height:60px;
	width:629px;
	padding:0px 0px 0px 95px;
}

h2.horei{
	background:url(../images/title_horei_pad.png) no-repeat left;
	height:60px;
	width:629px;
	padding:0px 0px 0px 95px;
}*/


.news{
	width:680px;
	margin:0 auto 30px;
}

.ind_recruit{
	width:680px;
	margin:20px auto 30px;
}

.ind_recruit2{
	width:720px;
	margin:0 auto 30px;
	background:url(../images/recruit2_pd.png) no-repeat top center;
}

}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
.spind_banner1{
	max-width:480px;
	width:100%;
	margin:0 auto 20px;
}

.spind_banner2{
	max-width:450px;
	width:100%;
	margin:20px auto 20px;
}

.ind_info{
	width:450px;
	margin:0 auto;
	padding:10px;
}

.ind_info .left{
	float:none;
	width:450px;
	margin:8px 0px 8px 0px;
}

.ind_info .right{
	float:none;
	width:460px;
	margin:0px 0px 8px 0px;
}

.ind_info p{
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}

.ind_info dd{
	font-size:15px;
	line-height:26px;
}

.ind_info dt{
	font-size:15px;
	font-weight:bold;
}

.ind_info dd .textb{
	font-size:23px;
	font-weight:bold;
}

#top .wrapper{

	margin:0px 0px 20px 0px;
}
	
.ind_menu{
	width:456px;
	margin:0 auto;
	padding:0px 0px 0px 20px;
	float:left;
}

h2.title_deli{
	/*margin:0;*/
	padding:30px 0 5px 100px;
	background:url(../images/title_charter_pad.png) no-repeat left;
	/*line-height:75px; */
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;
	/*-moz- box-shadow: 3px 3px 5px #000;
	-webkit- box-shadow: 3px 3px 5px #000;*/
}

h2.title_horei{
	/*margin:0;*/
	padding:30px 0 5px 100px;
	background:url(../images/title_horei_pad.png) no-repeat left;
	/*line-height:75px; */
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;
	/*-moz- box-shadow: 3px 3px 5px #000;
	-webkit- box-shadow: 3px 3px 5px #000;*/
}

.ind_menu .left{
	float:none;
	width:400px;
	margin:0 auto;
	text-align: center;
}

.ind_menu .right{
	float:none;
	width:400px;
	margin:0 auto;
	text-align: center;
}

.ind_menu figure{
	margin:0;
	padding:10px 10px 10px 10px;
	border:#aaaaaa 2px solid;
	text-align:center;
}

.ind_menu .detail{
	text-align:center;
}

/*.main_menu{
	float:none;
	margin:0px 0px 0px 0px;
}

.deli_navi{
	width:456px;
	min-height:100px;
	padding:10px 10px 10px 10px;
	text-align:center;
}

.deli_navi .left{
	float:none;
}

.deli_navi .right{
	float:none;
	width:100%;
}

.deli_navi p{
	padding:10px 0px 10px 0px;
	font-size:15px;
}

h2.charter{
	background:url(../images/title_charter_pc.png) no-repeat left;
	height:60px;
	width:385px;
	padding:0px 0px 0px 95px;
}

h2.horei{
	background:url(../images/title_horei_pc.png) no-repeat left;
	height:60px;
	width:385px;
	padding:0px 0px 0px 95px;
}*/

.news{
	width:430px;
	margin:0 auto 30px;
}

.news dt{
	font-size:14px;
}

.news dd{
	font-size:17px;
}

.ind_recruit{
	width:430px;
	margin:20px auto 30px;
}

.ind_recruit2{
	width:470px;
	margin:0 auto 30px;
	background:url(../images/recruit2_sp.png) no-repeat top center;
}
}

/*------------------------------
  ページタイトル
------------------------------*/

/*----　PC　-----*/

h2.page_title{
	/*background:url(../com/title_blue.png) no-repeat left;*/
	/*border:#acacac 1px solid;*/
	height:31px;
	line-height:33px;
	font-size:20px;
	letter-spacing:6px;
	width:1180px;
    position: relative;
    padding: 0.35em 1em;
    background: #e2eff8;
    border-bottom:2px solid #cfe1f5;
    /*color: #0000cc;*/
}

h2.page_title:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #cfe1f5;
}

/*h2.sub_title{
	background:url(../com/title_sky.png) no-repeat left;
	border:#acacac 1px solid;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;
	width:1180px;
}*/

h3.link_title{
	background:url(../com/title_yellow.png) no-repeat left;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;
	width:1200px;
}

.page_point{
	background:url(../images/back_delipoint.png) no-repeat right;
	height:100px;
	margin:10px 0px 20px 0px;
	text-align:center;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
h2.page_title{
	/*background:url(../com/title_blue.png) no-repeat left;
	border:#acacac 1px solid;*/
	height:31px;
	line-height:33px;
	/*font-size:15px;*/
	/*padding:0px 0px 0px 20px;*/
	letter-spacing:6px;
	width:728px;
}

/*h2.sub_title{
	background:url(../com/title_sky.png) no-repeat left;
	border:#acacac 1px solid;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;
	width:748px;
}*/

h3.link_title{
	background:url(../com/title_yellow.png) no-repeat left;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;
	width:748px;
}

.page_point{
	background:url(../images/back_delipoint.png) no-repeat right;
	height:100px;
	margin:10px 0px 20px 0px;
	text-align:center;
}
}


/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
h2.page_title{
	/*background:url(../com/title_blue.png) no-repeat left;
	border:#acacac 1px solid;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;*/
	width:440px;
}

/*h2.sub_title{
	background:url(../com/title_sky.png) no-repeat left;
	border:#acacac 1px solid;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;
	width:460px;
}*/

h3.link_title{
	background:url(../com/title_yellow.png) no-repeat left;
	height:31px;
	line-height:33px;
	font-size:15px;
	padding:0px 0px 0px 20px;
	letter-spacing:6px;
	width:460px;
}

.sppage_point{
	margin:10px 0px 20px 0px;
	text-align:center;
}
}

/*------------------------------
  運送
------------------------------*/
/*----　共通　-----*/
#deli1 h3 span{
	color:#ff0000;
}

.page_navi li{
	display:inline;
	margin:0px 30px 0px 0px;
}

.page_navi ul{
	margin:10px 0px 0px 0px;
}

#deli_comment{
	border-top:#808080 1px solid;
	border-bottom:#808080 1px solid;
	padding:10px 25px 10px 25px;
	margin:0px 0px 30px 0px;
	text-align:center;
}

.page_navi a,
.page_navi a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}

#deli_comment a,
#deli_comment a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
	text-align:center;
}

.deli_s1,
.deli_s2,
.deli_s3{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.deli_s1{
	background:#9fcc3f;
	border:#91b135 2px solid;
}

.deli_s2{
	background:#de8791;
	border:#da7784 2px solid;
}

.deli_s3{
	background:#85c9df;
	border:#2bacd9 2px solid;
}

.deli_off span{
	color:#ff0000;
}

.info_banner{
	text-align:center;
	margin:0px 0px 40px 0px;
}

.deli_s1 ul{
	background:url(../deli/images/service01.png) #ffffff no-repeat bottom right;
}

.deli_s2 ul{
	background:url(../deli/images/service02.png) #ffffff no-repeat bottom right;
}

.deli_s3 ul{
	background:url(../deli/images/service03.png) #ffffff no-repeat bottom right;
}

.deli_off{
	text-align:center;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.info_banner a,
.info_banner a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}

.deli_image2 p{
	text-align:center;
	margin:0px 0px 10px 0px;
}

.deli_image3 p{
	text-align:center;
	margin:0px 0px 10px 0px;
}

#deli4 .deli_image3 p{
	text-align:left;
	margin:0px 0px 10px 0px;
}

/*----　PC　-----*/

#deli1{
	margin:40px 0px 40px 0px;
}

#deli1 h3{
	font-size:16px;
	line-height:30px;
}

#deli2 h3,
#deli4 h3{
	font-size:16px;
	line-height:90px;
}

#deli3 h3{
	font-size:16px;
	line-height:48px;
}

.page_navi a,
.page_navi a:hover{
	font-size:15px;
}

#deli_comment p{
	line-height:25px;
}

#deli_comment a,
#deli_comment a:hover{
	font-size:14px;
}

.deli_stable{
	width:1200px;
	margin:0 auto;
	clear:left;
	font-size:15px;
	min-height:280px;
}

#deli1 h4{
	font-weight:bold;
	font-size:15px;
	text-align:center;
}

.deli_stable ul{
	min-height:200px;
	padding:10px 10px 10px 10px;
}

.deli_stable li{
	line-height:28px;
}

.deli_s1,
.deli_s2,
.deli_s3{
	width:300px;
	float:left;
	padding:10px 10px 10px 10px;
	margin:0px 30px 0px 35px;
}

.deli_s1 ul,
.deli_s2 ul,
.deli_s3 ul
{
	height:180px;
}

.deli_off{
	font-size:16px;
}

.info_banner p{
	font-size:15px;
	font-weight:bold;
	line-height:35px;
}

.info_banner a,
.info_banner a:hover{
	font-size:15px;
}

.deli_image1{
	width:900px;
	margin:0 auto 40px;
}


.deli_imagewaku{
	clear:left;
	min-height:300px;
}

.deli_imagewaku2{
	clear:left;
	min-height:300px;
}

.deli_image2{
	width:350px;
	float:left;
	margin:0px 25px 0px 25px;
}

.deli_image3{
	width:350px;
	float:left;
	margin:0px 120px 0px 120px;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#deli2 h3,
#deli4 h3{
	font-size:16px;
	line-height:90px;
}

#deli1 h3{
	font-size:16px;
	line-height:30px;
}

#deli3 h3{
	font-size:16px;
	line-height:48px;
}

.page_navi a,
.page_navi a:hover{
	font-size:15px;
}

#deli_comment p{
	line-height:25px;
}

#deli_comment a,
#deli_comment a:hover{
	font-size:14px;
}

.deli_stable{
	width:768px;
	margin:0 auto;
	clear:left;
	font-size:15px;
	min-height:100px;
}


#deli1 h4{
	font-weight:bold;
	font-size:15px;
	text-align:center;
}

.deli_stable ul{
	min-height:100px;
	padding:10px 10px 10px 10px;
}

.deli_stable li{
	line-height:28px;
}

.deli_s1,
.deli_s2,
.deli_s3{
	width:750px;
	float:none;
	padding:10px 5px 10px 5px;
	margin:0px 0px 20px 0px;
}

.deli_s1 ul,
.deli_s2 ul,
.deli_s3 ul
{
	height:100px;
}

.deli_off{
	font-size:16px;
}

.info_banner p{
	font-size:15px;
	font-weight:bold;
	line-height:35px;
}

.info_banner a,
.info_banner a:hover{
	font-size:15px;
}

.deli_image1{
	width:768px;
	margin:0 auto 40px;
}


.deli_imagewaku{
	clear:left;
	min-height:600px;
}

.deli_imagewaku2{
	clear:left;
	min-height:300px;
}

.deli_image2{
	width:350px;
	float:left;
	margin:0px 15px 0px 15px;
}

.deli_image3{
	width:350px;
	float:left;
	margin:0px 15px 0px 15px;
}
}


/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#deli1{
	margin:40px 0px 20px 0px;
}

#deli2 h3,
#deli4 h3{
	font-size:15px;
	line-height:30px;
}

#deli1 h3{
	font-size:15px;
	line-height:20px;
}

#deli3 h3{
	font-size:15px;
	line-height:30px;
}

.sppage_navi li{
	display:inline;
	font-size:15px;
	margin:0px 30px 0px 0px;
}

.sppage_navi ul{
	margin:10px 0px 0px 0px;
}

.sppage_navi a,
.sppage_navi a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}
#deli_comment p{
	line-height:25px;
}

#deli_comment a,
#deli_comment a:hover{
	font-size:14px;
}

.deli_stable{
	width:460px;
	margin:0 auto;
	clear:left;
	font-size:15px;
	min-height:100px;
}


#deli1 h4{
	font-weight:bold;
	font-size:15px;
	text-align:center;
}

.deli_stable ul{
	min-height:100px;
	padding:10px 10px 10px 10px;
}

.deli_stable li{
	line-height:28px;
}

.deli_s1,
.deli_s2,
.deli_s3{
	width:450px;
	float:none;
	padding:10px 5px 10px 5px;
	margin:0px 0px 20px 0px;
}

.deli_s1 ul,
.deli_s2 ul,
.deli_s3 ul
{
	height:110px;
}

.deli_off{
	font-size:16px;
}

.info_banner p{
	font-size:15px;
	font-weight:bold;
	line-height:35px;
}

.info_banner a,
.info_banner a:hover{
	font-size:15px;
}

.spdeli_image1{
	width:480px;
	margin:0 auto 40px;
}


.deli_imagewaku{
	float:none;
}

.deli_imagewaku2{
	float:none;
}

.deli_image2{
	width:350px;
	float:none;
	margin:0 auto;
}

.deli_image3{
	width:350px;
	float:none;
	margin:0 auto;
}
}


/*------------------------------
  お取り扱い商品
------------------------------*/
/*----　共通　-----*/
#product1 h3 span{
	color:#ff0000;
}

.product_comment a,
.product_comment a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}

/*----　PC　-----*/


#product1{
	margin:40px 0px 40px 0px;
}

#product1 h3{
	font-size:16px;
	line-height:30px;
}

#product2 h3{
	font-size:16px;
	line-height:90px;
}

.product_comment h4{
	font-size:17px;
	font-weight:bold;
}

.product_comment{
	margin:0 auto 30px;
	width:940px;
}

.product_comment p{
	font-size:16px;
	line-height:30px;
}

.product_comment a,
.product_comment a:hover{
	font-size:15px;
}

#product2,
#product3{
	padding:0px 0px 40px 0px;
	margin:0px 0px 40px 0px;
	border-bottom:1px #808080 solid;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {

#product1{
	margin:40px 0px 40px 0px;
}

#product1 h3{
	font-size:16px;
	line-height:30px;
}

#product2 h3{
	font-size:16px;
	line-height:90px;
}

.product_comment h4{
	font-size:16px;
	font-weight:bold;
	margin:0px 20px 0px 20px;
}

.product_comment{
	margin:0 auto 30px;
	width:740px;
}

.product_comment img{
	text-align:center;
	width:180px;
}

.product_comment p{
	font-size:14px;
	line-height:30px;
	margin:0px 20px 0px 20px;
}

.product_comment a,
.product_comment a:hover{
	font-size:14px;
}

#product2,
#product3{
	padding:0px 0px 40px 0px;
	margin:0px 0px 40px 0px;
	border-bottom:1px #808080 solid;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#product1 h3{
	font-size:15px;
	line-height:23px;
}

#product2 h3{
	font-size:15px;
	line-height:30px;
}

.product_comment h4{
	font-size:15px;
	font-weight:bold;
}

.product_comment{
	margin:0 auto 30px;
	width:480px;
}

.product_comment img{
	width:230px;
	margin:0px 0px 5px 5px;
}


.product_comment p{
	font-size:14px;
	line-height:30px;
}

.product_comment a,
.product_comment a:hover{
	font-size:14px;
}

#product2,
#product3{
	padding:0px 0px 40px 0px;
	margin:0px 0px 40px 0px;
	border-bottom:1px #808080 solid;
}

}


/*------------------------------
  ご提案
------------------------------*/
/*----　共通　-----*/
#proposition1 h4{
	font-weight:bold;
	color:#ffffff;
	text-shadow: 3px 3px 5px #000;  
	-moz-box-shadow: 1px 1px 5px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 5px #000;　/* Safari,Google Chrome用 */ 
	height:57px;
	line-height:57px;
	font-size:15px;
	padding:0px 0px 0px 100px;
}

h4.trouble_title{
	background:url(../proposition/images/title_back01.png) no-repeat left;
}

h4.carry_title{
	background:url(../proposition/images/title_back02.png) no-repeat left;
}

.trouble_waku{
	background:url(../proposition/images/image_back01.gif) no-repeat right;
	border:1px #808080 solid;
}

.carry_waku{
	background:url(../proposition/images/image_back02.gif) no-repeat right;
	border:1px #808080 solid;
}

.proposition_comment a,
.proposition_comment a:hover{
	font-weight:bold;
	font-size:15px;
	color:#0000cc;
	text-decoration:underline;
}

#proposition1 h3 span{
	color:#ff0000;
}

#proposition1 h5{
	font-weight:bold;
	color:#ff0000;
}

.tel_info{
	background:#ffffb1;
	font-weight:bold;
}

/*----　PC　-----*/

#proposition1{
	margin:40px 0px 40px 0px;
}

#proposition1 h3{
	font-size:16px;
	line-height:30px;
}

#proposition1 h5{
	font-size:16px;
}

.proposition_comment{
	margin:0 auto 30px;
	width:900px;
}

.trouble_waku,
.carry_waku{
	margin:10px 0px 10px 0px;
	padding:10px 20px 10px 20px;
	font-size:14px;
}

.trouble_waku p,
.carry_waku p{
	padding:0px 0px 0px 20px;
	line-height:30px;
}

.tel_info{
	font-size:16px;
	margin:10px 0px 0px 0px;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#proposition1{
	margin:40px 0px 40px 0px;
}

#proposition1 h3{
	font-size:16px;
	line-height:30px;
}

#proposition1 h5{
	font-size:16px;
}

.proposition_comment{
	margin:0 auto 30px;
	width:768px;
}

.trouble_waku,
.carry_waku{
	margin:10px 0px 10px 0px;
	padding:10px 20px 10px 20px;
	font-size:15px;
}

.trouble_waku p,
.carry_waku p{
	padding:0px 0px 0px 20px;
	line-height:30px;
}

.tel_info{
	font-size:16px;
	margin:10px 0px 0px 0px;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#proposition1{
	margin:40px 0px 40px 0px;
}

#proposition1 h3{
	font-size:16px;
	line-height:30px;
}

#proposition1 h5{
	font-size:16px;
}

.spproposition_comment{
	margin:0 auto 30px;
	width:480px;
}

.spproposition_comment a,
.spproposition_comment a:hover{
	font-weight:bold;
	font-size:15px;
	color:#0000cc;
	text-decoration:underline;
}

.trouble_waku,
.carry_waku{
	margin:10px 0px 10px 0px;
	padding:10px 20px 10px 20px;
	font-size:15px;
}

.trouble_waku p,
.carry_waku p{
	padding:0px 0px 0px 20px;
	line-height:30px;
}

.tel_info{
	font-size:16px;
	margin:10px 0px 0px 0px;
}
}

/*------------------------------
  会社概要
------------------------------*/
/*----　共通　-----*/
#company1 dl{
	border:#808080 1px solid;
	background:#0000cc;
}

#company1 dt{
	font-weight:bold;
	border-top:#ffffff 1px solid;
	color:#ffffff;
}

#company1 dt.dt_first{
	border-top:0px;
}

#company1 dd{
	border-bottom:#808080 1px solid;
	border-collapse:collapse;
	background:#ffffff;
}

#company1 dd.dd_last{
	border-bottom:0px;
}

#company1 a,
#company1 a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}

.apply_waku ul{
	background:#ecf3fb;
}

.apply_waku li{
	font-weight:bold;
}

#company4 a,
#company4 a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}

/*----　PC　-----*/

#company1{
	margin:40px 0px 40px 0px;
}

#company1 h3{
	font-size:16px;
	line-height:30px;
}

.company_image{
	width:800px;
	margin:0 auto 30px;
}

#company1 dl{
	clear:left;
	font-size:15px;
	width:800px;
	margin:0 auto;
}

#company1 dt{
	float:left;
	width:150px;
	padding:8px 0px 8px 20px;
}

#company1 dd{
	padding:8px 0px 8px 20px;
	margin:0px 0px 0px 170px;
}

#company3 h3{
	font-size:16px;
	line-height:30px;
}

.policy_image1{
	width:500px;
	margin:30px auto 30px;
}

.apply_waku{
	clear:both;
	min-height:100px;
	width:800px;
	margin:30px auto 30px;
}

.apply_waku ul{
	float:left;
	width:400px;
}

.apply_waku li{
	font-size:15px;
	line-height:30px;
}

.apply_image{
	float:right;
}

#company4 p{
	text-align:center;
	font-size:15px;
}

#company4 a,
#company4 a:hover{
	font-size:15px;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#company1{
	margin:40px 0px 40px 0px;
}

#company1 h3{
	font-size:16px;
	line-height:30px;
}

.company_image{
	width:768px;
	margin:0 auto 30px;
}

#company1 dl{
	clear:left;
	font-size:15px;
	width:768px;
	margin:0 auto;
}

#company1 dt{
	float:left;
	width:150px;
	padding:8px 0px 8px 20px;
}

#company1 dd{
	padding:8px 0px 8px 20px;
	margin:0px 0px 0px 170px;
}

#company3 h3{
	font-size:16px;
	line-height:30px;
}

.policy_image1{
	width:500px;
	margin:30px auto 30px;
}

.apply_waku{
	clear:both;
	min-height:100px;
	width:748px;
	margin:30px auto 30px;
	padding:0px 10px 0px 10px;
}

.apply_waku ul{
	float:left;
	width:350px;
}

.apply_waku li{
	font-size:15px;
	line-height:30px;
}

.apply_image{
	float:right;
}

#company4 p{
	text-align:center;
	font-size:15px;
}

#company4 a,
#company4 a:hover{
	font-size:15px;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#company1{
	margin:40px 0px 40px 0px;
}

#company1 h3{
	font-size:16px;
	line-height:30px;
}

.company_image{
	width:480px;
	margin:0 auto 30px;
}

#company1 dl{
	clear:left;
	font-size:15px;
	width:480px;
	margin:0 auto;
}

#company1 dt{
	float:none;
	width:460px;
	padding:8px 0px 8px 20px;
}

#company1 dd{
	padding:8px 0px 8px 20px;
	margin:0px 0px 0px 0px;
}

#company3 h3{
	font-size:16px;
	line-height:30px;
}

.policy_image1{
	width:480px;
	margin:30px auto 30px;
}

.apply_waku{
	clear:both;
	min-height:100px;
	width:460px;
	margin:30px auto 10px;
	padding:0px 10px 0px 10px;
}

.apply_waku ul{
	float:none;
	width:460px;
}

.apply_waku li{
	font-size:15px;
	line-height:30px;
}

.apply_image{
	float:none;
	width:331px;
	margin:10px auto;
}

#company4 p{
	text-align:center;
	font-size:15px;
	margin:0px 0px 40px 0px;
}

#company4 a,
#company4 a:hover{
	font-size:15px;
}
}

/*------------------------------
  お問い合わせ
------------------------------*/
/*----　共通　-----*/
.ico_free{
	background:url("../info/images/info_free.png") no-repeat left center;
}

.ico_mail{
	background:url(../images/icon_mail_mark.png) no-repeat left center;
}

.ico_fax{
	background:url("../info/images/info_fax.png") no-repeat left center;
}

#info1 h3 span{
	color:#ff0000;
}

.info_comment span{
	color:#ff0000;
}

#info1 a,
#info1 a:hover,
#info2 a,
#info2 a:hover{
	font-weight:bold;
	color:#0000cc;
	text-decoration:underline;
}

/*.info_tel{
    font-family: 'Sawarabi Gothic', sans-serif;
    clear:left;
}

.info_tel dt{
    float:left;
    font-size:20px;
    font-weight:bold;
    padding-left:50px;
    
}

.info_tel dd{
    font-size:30px;
    font-weight:bold;
    padding:0px 0px 0px 230px;
}*/

/*----　PC　-----*/

#info1{
	margin:40px 0px 40px 0px;
}

#info1 h3{
	font-size:16px;
	line-height:90px;
}

.info_comment{
	background:url(../info/images/back_info_pc.jpg) no-repeat left;
	min-height:130px;
	width:800px;
	margin:0 auto 30px;
	border:1px #808080 solid;
}

.info_comment p{
	font-size:17px;
	text-align:center;
	line-height:65px;
	font-weight:bold;
}

#info1 dl{
    font-family: 'Sawarabi Gothic', sans-serif;
	clear:left;
	width:600px;
	margin:0 auto;
	border:1px #808080 solid;
	padding:20px 30px 20px 30px;
}

#info1 dt{
	float:left;
	font-size:20px;
	font-weight:bold;
	padding:8px 0px 8px 0px;
	width:250px;
    min-height:84px;
}

#info1 dd{
    font-size:30px;
    font-weight:bold;
	padding:16px 0px 8px 200px;

}

#question{
	margin:30px 0px 30px 0px;
}

#question h3{
	background:url(../info/images/oQ.gif) no-repeat left;
	height:37px;
	font-size:16px;
	line-height:37px;
	padding:0px 0px 0px 53px;
	width:747px;
	margin:0 auto 20px;
}

#question dl{
	width:800px;
	margin:0 auto 30px;
	border-bottom:1px #808080 solid;
}

#question dt{
	background:url(../info/images/oA.gif) no-repeat left;
	height:37px;
	font-size:16px;
	line-height:37px;
	padding:0px 0px 0px 45px;
	margin:0px 0px 0px 8px;
}

#question dd{
	padding:0px 50px 10px 50px;
	line-height:28px;
}



/*----　pad　-----*/
@media screen and (max-width: 768px) {
#info1{
	margin:40px 0px 40px 0px;
}

#info1 h3{
	font-size:16px;
	line-height:90px;
}

.info_comment{
	background:url(../info/images/back_info_pc.jpg) no-repeat left;
	min-height:130px;
	width:768px;
	margin:0 auto 30px;
	border:1px #808080 solid;
}

.info_comment p{
	font-size:17px;
	text-align:center;
	line-height:65px;
	font-weight:bold;
}

/*#info1 dl{
	clear:left;
	width:600px;
	margin:0 auto;
	border:1px #808080 solid;
	padding:20px 30px 20px 30px;
}

#info1 dt{
	float:left;
	font-size:15px;
	font-weight:bold;
	padding:8px 0px 8px 50px;
	width:140px;

}

#info1 dd{
	font-size:17px;
	padding:8px 0px 8px 0px;

}*/

#question{
	margin:30px 0px 30px 0px;
}

#question h3{
	background:url(../info/images/oQ.gif) no-repeat left;
	height:37px;
	font-size:16px;
	line-height:37px;
	padding:0px 0px 0px 53px;
	width:715px;
	margin:0 auto 20px;
}

#question dl{
	width:768px;
	margin:0 auto 30px;
	border-bottom:1px #808080 solid;
}

#question dt{
	background:url(../info/images/oA.gif) no-repeat left;
	height:37px;
	font-size:16px;
	line-height:37px;
	padding:0px 0px 0px 45px;
	margin:0px 0px 0px 8px;
}

#question dd{
	padding:0px 50px 10px 50px;
	line-height:28px;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#info1{
	margin:40px 0px 40px 0px;
}

#info1 h3{
	font-size:16px;
	line-height:90px;
}

.info_comment{
	background:url(../info/images/back_info_pc.jpg) no-repeat left;
	min-height:130px;
	width:480px;
	margin:0 auto 30px;
	border:1px #808080 solid;
}

.info_comment p{
	font-size:17px;
	text-align:center;
	line-height:65px;
	font-weight:bold;
}

#info1 dl{
	clear:left;
	width:400px;
	margin:0 auto;
	border:1px #808080 solid;
	padding:20px 30px 20px 30px;
}

#info1 dt{
	float:left;
	font-size:15px;
	font-weight:bold;
	padding:8px 0px 8px 0px;
	width:160px;

}

#info1 dd{
	/*font-size:17px;*/
	padding:8px 0px 8px 180px;

}

#question{
	margin:30px 0px 30px 0px;
}

#question h3{
	background:url(../info/images/oQ.gif) no-repeat left;
	height:37px;
	font-size:16px;
	line-height:37px;
	padding:0px 0px 0px 53px;
	width:427px;
	margin:0 auto 20px;
}

#question dl{
	width:480px;
	margin:0 auto 30px;
	border-bottom:1px #808080 solid;
}

#question dt{
	background:url(../info/images/oA.gif) no-repeat left;
	height:37px;
	font-size:16px;
	line-height:37px;
	padding:0px 0px 0px 45px;
	margin:0px 0px 0px 8px;
}

#question dd{
	padding:0px 50px 10px 50px;
	line-height:28px;
}
}

/*------------------------------
  サイトマップ
------------------------------*/
/*----　共通　-----*/

#sitemap_list a{
	text-decoration:none;
}

#sitemap_waku{
	margin:40px 0px 40px 0px;
	border-bottom:#808080 1px solid;
}

#sitemap_waku h3{
	background:url(../com/title_blue.png) no-repeat left;
	padding:5px 0px 5px 0px;
	font-size:15px;
	font-weight:bold;
	width:390px;
	margin:0px 0px 10px 0px;
}

#sitemap_waku li{
	font-size:15px;
	font-weight:bold;
	width:350px;
	padding:8px 0px 8px 0px;
}

#sitemap_waku .main_page{
	background:url(../com/title_blue.png) no-repeat left;
	margin:0px 0px 10px 40px;
}

#sitemap_waku .sub_page{
	background:url(../sitemap/images/icon01.png) no-repeat left;
	margin:0px 0px 10px 80px;
	line-height:25px;
}

#sitemap_list{
	width:400px;
	margin:30px auto 30px;
}

#sitemap_list a{
	display:block;
}

#sitemap_list h3 a{
	width:350px;
	padding:0px 0px 0px 40px;
}

#sitemap_list .main_page a{
	width:310px;
	padding:0px 0px 0px 40px;
}

#sitemap_list .sub_page a{
	width:170px;
	padding:0px 0px 0px 40px;
}



/*------------------------------
  リンク集
------------------------------*/
/*----　共通　-----*/

/*----　PC　-----*/

#link1{
	margin:40px 0px 40px 0px;
}

#link1 .page_navi{
	font-size:16px;
	line-height:48px;
}

#link1 dl{
	clear:left;
	width:900px;
	margin:30px auto 30px;
}

#link1 dt{
	float:left;
	padding:5px 0px 5px 20px;
	width:250px;
	font-weight:bold;
}

#link1 dd{
	border-bottom:1px #808080 dotted;
	padding:5px 0px 5px 0px;
}

.link_about{
	width:600px;
	margin:0 auto 20px;
	background:#ecf3fb;
	padding:10px 10px 10px 10px;
}

#link2 h4{
	font-size:15px;
}

#link2 p{
	line-height:25px;
}



/*----　pad　-----*/
@media screen and (max-width: 768px) {
#link1{
	margin:40px 0px 40px 0px;
}

#link1 .page_navi{
	font-size:16px;
	line-height:48px;
}

#link1 dl{
	clear:left;
	width:768px;
	margin:30px auto 30px;
}

#link1 dt{
	float:left;
	padding:5px 0px 5px 20px;
	width:250px;
	font-weight:bold;
}

#link1 dd{
	border-bottom:1px #808080 dotted;
	padding:5px 0px 5px 0px;
}

.link_about{
	width:600px;
	margin:0 auto 20px;
	background:#ecf3fb;
	padding:10px 10px 10px 10px;
}

#link2 h4{
	font-size:15px;
}

#link2 p{
	line-height:25px;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#link1{
	margin:40px 0px 40px 0px;
}

#link1 .page_navi{
	font-size:16px;
	line-height:48px;
}

#link1 dl{
	width:480px;
	margin:30px auto 30px;
}

#link1 dt{
	float:none;
	padding:5px 0px 5px 20px;
	width:460px;
	font-weight:bold;
}

#link1 dd{
	border-bottom:1px #808080 dotted;
	padding:5px 20px 5px 20px;
}

.link_about{
	width:460px;
	margin:0 auto 20px;
	background:#ecf3fb;
	padding:10px 10px 10px 10px;
}

#link2 h4{
	font-size:15px;
}

#link2 p{
	line-height:25px;
}

}

/*------------------------------
  車サイズ（運送・お取り扱い商品）
------------------------------*/
/*----　PC　-----*/

#product #deli_size{
	width:940px;
	margin:0 auto;
}

#product #deli_size img{
	margin:0px 50px 0px 0px;
}

#deli #deli_size{
	clear:both;
	min-height:250px;
	width:900px;
	margin:0 auto;
}

#deli_size .left{
	float:left;
	width:500px;
}

#deli_size .right{
	float:right;
	width:300px;
}

#deli_size ul{
	margin:0px 0px 20px 0px;
	background:#ecf3fb;
	padding:8px 8px 8px 8px;
}

#deli_size li{
	font-size:16px;
	line-height:30px;
}

#deli_size span{
	color:#ff0000;
	font-size:14px;
}

#deli_size dl{
	clear:left;
	font-size:15px;
	margin:0px 0px 20px 0px;
	padding:8px 8px 8px 8px;
}

#deli_size dt{
	float:left;
	color:#0000CC;
	font-weight:bold;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#product #deli_size{
	width:768px;
	margin:0 auto;
}

#product #deli_size img{
	text-align:center;
}

#deli #deli_size{
	clear:both;
	min-height:250px;
	width:768px;
	margin:0 auto;
}

#deli_size .left{
	float:left;
	width:430px;
	margin:0px 0px 0px 10px;
}

#deli_size .right{
	float:right;
	width:300px;
}

#deli_size ul{
	margin:0px 0px 20px 0px;
	background:#ecf3fb;
	padding:8px 8px 8px 8px;
}

#deli_size li{
	font-size:15px;
	line-height:30px;
}

#deli_size span{
	color:#ff0000;
	font-size:14px;
}

#deli_size dl{
	clear:left;
	font-size:15px;
	margin:0px 0px 20px 0px;
	padding:8px 8px 8px 8px;
}

#deli_size dt{
	float:left;
	color:#0000CC;
	font-weight:bold;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#product #deli_size{
	width:480px;
	margin:0 auto;
}

#product #deli_size img{
	margin:0px 0px 5px 0px;
	text-align:center;
}

#deli #deli_size{
	min-height:250px;
	width:470px;
	margin:0 auto;
}

#deli_size .left{
	float:none;
	width:450px;
	margin:0px 10px 0px 10px;
}

#deli_size .right{
	float:none;
	text-align:center;
}

#deli #deli_size .right{
	width:259px;
	margin:0 auto;
}

#deli_size ul{
	margin:0px 0px 20px 0px;
	background:#ecf3fb;
	padding:8px 8px 8px 8px;
}

#deli_size li{
	font-size:15px;
	line-height:30px;
}

#deli_size span{
	color:#ff0000;
	font-size:14px;
}

#deli_size dl{
	clear:left;
	font-size:15px;
	margin:0px 0px 20px 0px;
	padding:8px 8px 8px 8px;
}

#deli_size dt{
	float:left;
	color:#0000CC;
	font-weight:bold;
}
}

/*------------------------------
  フッター
------------------------------*/
/*----　PC　-----*/

#footer{
	min-width:1200px;
}


/*----　pad　-----*/
@media screen and (max-width: 768px) {
#footer{
	min-width:768px;
}
}

/*----　スマホ　-----*/
@media screen and (max-width: 480px) {
#footer{
	min-width:482px;
}
}


#footer{
	width:100%;
	background:#0000cc;
	padding:20px 0px 20px 0px;
}

#footer p{
	color:#ffffff;
	text-align:center;
	padding:0px 0px 10px 0px;
}

#footer span{
	font-size:15px;
}

#footer a{
	color:#ffffff;
}





/*------------------------------
  drawer
------------------------------*/

/*drawer*/
#drawer {
    background: #0000CC;
    border-bottom: 1px solid #ddd;
    height: 49px;
    position: relative;
    width: 100%;
	display:none;
}

/*----　pad　-----*/
@media screen and (max-width: 768px) {
#drawer {
	display:block;
	min-width:768px;
}
}

/*----　sp　-----*/
@media screen and (max-width: 480px) {
#drawer {
	min-width:480px;
}
}

.button {
    width: 49px;
    height: 49px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-image: url('../com/drawer_button.png');
    background-position: center;
}
.menu-button-left {
    left: 0px;
    border-right: 1px solid #0000CC;
}
.menu-button-right {
    right: 0px;
    border-left: 1px solid #0000CC;
}

/*slidemenu*/
.slidemenu {
	background-image: url(../com/back_navi_pad.jpg);
}
.slidemenu li {
    list-style: none;
    border-top: 1px solid #0000CC;
    border-bottom: 1px solid #0000CC;
    font-size:14px;
    line-height: 1.8;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
	font-weight:bold;
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: 2px solid #0000CC;
}

.slidemenu li a:hover {
	color:#ffffff;
	background:#0000CC;
}


.slidemenu .slidemenu-header {
    height: 49px;
    border-bottom: 1px solid #fff;
	background:#0000CC;
	font-weight:bold;
}
.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
}

/*plugin*/
#main_contents{
	background-color:#ffffff;	
}




#drawer_wrapper {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}