@charset "Shift_JIS";
/* CSS Document */


/*■初期設定*/

body{
	color:#666666;
	}
a{
	color:#0099CC;
	}
a:hover{
	color:#FF9900;
	text-decoration:underline;
	}


*{ margin:0; padding:0;}

img{ border:0; border-width:0;}
img a{ border:0; border-width:0;}


body {
    font-size: 13px; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}

body{
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

p{
    font-size: 13px; /* モダンブラウザ向け */
    *font-size:110%; /* IE 7向け */
	line-height:150%;
	}
li{
    font-size: 13px; /* モダンブラウザ向け */
    *font-size:110%; /* IE 7向け */
	line-height:150%;
	}
th,td{-
    font-size: 13px; /* モダンブラウザ向け */
    *font-size:100%; /* IE 7向け */
    *font: 80%; /* IE 6以下 */
	line-height:160%;
	}




.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}
.B{font-weight:bold;}
.t_red{ color:#FF0000;}
.hissu{ color:#FF0000; font-size:10px;}
/*ページの先頭へ*/
div.page_up{
	margin:10px;
	text-align:right;
	}
div.page_up a{
	border:dotted #0099CC;
	border-width:0 0 1px 0;
	font-size:11px;
	color:#0099CC;
	text-decoration:none;
	}
div.page_up a:hover{
	color:#FF9900;
	border:dotted #FF9900;
	border-width:0 0 1px 0;
	text-decoration:none;	
	}	
div,table{ margin:auto;}

#bg{
	background:url(img/common/bg_up.gif) repeat-x top left;
	text-align:center;
	zoom:100%;
	}
#bg:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#container{
	width:850px;
	margin:0 auto 0 auto;
	text-align:left;
	}

/*■ヘッダー*/
#head{
	width:850px;
	height:73px;
	padding:16px 0 14px 0;
	}
#head div#logo{
	width:520px;
	float:left;
	margin:0 0 0 0;
	}
#head div#logo h1{
	background:url(img/common/logo.gif) no-repeat top left;
	width:520px;
	}
#head div#logo h1 a{
	vertical-align:top;
	color:#333333;
	}

#head div#right{
	float:left;
	width:330px;
	margin:0 0 0 0;
	}

#head div#right div#menu{
	margin:0 0 0 144px;
	}
#head div#right div#menu ul{
	list-style-type:none;
	zoom:100%;
	}
#head div#right div#menu ul:after{	
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#head div#right div#menu ul li{
	font-size:10px;
	float:left;
	}
#head div#right div#menu ul li a{
	color:#333333;
	font-size:11px;
	text-decoration:none;
	}
#head div#right div#menu ul li a:hover{
	color:#666666;
	text-decoration:underline;
	}
#head div#right div#menu ul li a img{
	/* vertical-align:bottom; */
	}

#head div#right div#tel{
	clear:left;
	margin:0;
	text-align:right;
	}
/*ヘッダーメニューメイン*/	
/* Navigation */
/*
#Navi{
	background:url(images/bg_navi.jpg) no-repeat bottom;
	height:46px;
	}
#Navi:after{	
    content: ""; 
    display: block; 
    clear: both;
}
#Navi ul{
	list-style-type:none;
	z-index:100;
	}
#Navi ul li{
	float:left;
	height:46px;
    position: relative;	
	}
#Navi ul li a{display:block;}
#Navi ul li a:hover{}
#Navi .menu ul.children li{
    background: none;
	padding:0;
	}
#Navi .menu ul.children{
	display:none;
	}	
#Navi .menu ul.children li a {
    border: solid #ccc 1px;
    padding:10px 5px 10px 5px;
    display: block;
    width:150px;
	background-color:#EEE;
}
#Navi .menu ul.children li a.last-child {}
#Navi .menu ul.children li a:hover,
#Navi .menu ul.children li a.active {
      color: #fff;
      background:#666 !important;
    }
#Navi .menu li a.dropMenuPrev {}
#Navi .menu li ul {
     position: absolute;
     top:47px;
     left: 0;
    }
#Navi .menu li ul li {
    float: none;
    *display: inline;
    }
#Navi .menu li ul li a.last-child {
    border- bottom:	solid #ccc 1px;
    }

#Navi .menu li ul li ul {
  ;  ; top: 0;
  ;  ; left:151px;
}*/


#nav { width: 900px; margin: 0 auto; position: relative; line-height:1; text-align: left; }   
#nav li { list-style: none; float: left; position: relative; } 

#nav ul { display: none; position: absolute; top:47px; left: 0; }   
* html #nav ul { line-height: 0; }   
#nav ul li { float: none; }
  
#nav ul { width: 120px; }   
  
#nav ul a {    
    display: block;   
    width:180px; 
    background:#121212;
    padding: 6px;
    border-bottom: 1px solid #FFF;   
    zoom: 1;   
	text-decoration:none;
	font-size:14px;
	color:#FFF;
}   
#nav ul a.hover { background: #444; }  


#contents{
	width:850px;
	clear:left;
	margin:0 0 20px 0;
	zoom: 100%;
	}
#contents:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#contents h2{
	margin:0px 0 20px 0px;
	position:relative;
	}
#contents h2 .list_title{
	position:absolute;
	top:23px;
	left:280px;
	font-size:24px;
	font-weight:normal;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#contents h3{
	background:url(./img/common/bg_h3_01.gif) no-repeat center left;
	font-size:15px;
	line-height:38px;
	height:38px;
	color:#333333;
	text-indent:22px;
	margin:10px 0 12px 0;
	}	
#contents h4{
	background:url(./img/common/bg_h4.gif) no-repeat center left;
	font-size:110%;
/*	font-weight:normal;*/
	text-indent:14px;
	margin:20px 0 4px 0;
	}
	


#main{
	clear:left;
	padding:0px 0 1px 0px;
	margin:0px 0px 0px 0px;
	border-width:0 0 1px 0;
	}

#foot{
	clear:left;
	margin:0 10px 0 10px;
	font-size:12px;
	text-align:right;
	}

#copy{
	clear:left;
	background:url(img/common/bg_foot.gif) no-repeat;
	height:46px;
	line-height:46px;	
	width:850px;
	font-size:11px;
	text-align:center;
	padding:7px 0 10px 0;
	color:#333333;
	margin:0 auto 5px auto;
	}
#copy a{
	color:#333333;
	text-decoration:none;
	}
#copy a:hover{
	color:#333333;
	}
#foot_bnr_sps{ text-align:right; margin:0 0 5px 0; width:800px; }
#foot_bnr_sps a.btn_login{
	margin:0 auto 0 auto;
	display:block;
	width:80px;
	height:14px;
	font-size:11px;
	background-color:#FFCC00;
	border:1px solid #666666;
	text-align:center;
	color:#333333;
	text-decoration:none;
	}
#foot_bnr_sps a.btn_login:hover{
	background-color:#FF9900;
	}	

div.free_sps01{ margin:12px 0 12px 0;}
div.free_sps01 p{
	margin:6px 0 0 0;
	font-size:13px;
	line-height:150%;
	}

.t_bld{ font-weight:bold;}
.t_italic{ font-style:italic;}
.t_u_line{ text-decoration:underline;}
.t_ucthrough{ text-decoration:line-through;}


/***■トップ***/
#main_pic{
	background:url(img/top/bg_main_image.gif) repeat-y;
	width:850px;
	margin:0 0 20px 0;
	}
#main_pic h2{
	border:solid #cccccc;
	border-width:0 0 1px 0;
	margin:0 2px 0 2px;
	}
.pic_copyright{
	text-align:right;
	margin:0 6px 0 0 ;
	line-height:13px;
	}
.pic_copyright a{
	font-size:10px;
	color:#666666;
	text-decoration:none;
	}
#top{
	zoom:100%;
	}
#top:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#top h3{
	clear:left;
	font-size:12px;
	margin:0;
	background:none;
	text-indent:0;
	}
#top div#up_col{
	margin:0px 0 20px 0;
	background:url(img/top/bg_wellcome.gif) repeat-y;	
	zoom:100%;
	}
#top div#up_col div#up_col:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
	
#top div#up_col div#catch{
	width:550px;
	float:left;
	}
#top div#up_col div#catch div.left {
	float:left;
	width:330px;
	margin:5px 0 5px 5px;
	}
#top div#up_col div#catch div.left p{
	margin:0 0 8px 0;	
	line-height:150%;
	font-size:100%;
	}
#top div#up_col div#catch div.right{
	float:left;
	width:200px;
	text-align:right;
	margin:5px 0 0 5px;
	}
#top div#up_col div#catch div.right p{
	}
#top div#up_col div#catch div.right p img{
	/*border:1px solid #999999;*/
	}
#top div#up_col div#bnr{
	float:right;
	width:286px;
	margin:0 0 0 14px;
	}
#top div#up_col div#bnr p{
	margin:0 0 10px 0;
	background-color:#000000;
	}
#top div#up_col div#bnr p a:hover img{
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	}
	


/*トップ下部*/
#top div#btm_col{
	clear:left;
	margin:0 0 20px 0;
	zoom:100%;
	}
#top div#btm_col:afeter{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#top div#btm_col div#info{
	width:850px;
	margin:0 0 0 0px;
	float:left;
	background:url(img/top/bg_info_main.gif) repeat-y;
	}
#top div#btm_col div#info h3{
	height:auto;
	}	
#top div#btm_col div#info div#info_main{
	overflow:auto;
	height:242px;
	margin:0px 1px 0px 1px;
	}
#top div#btm_col div#info div#info_main h4{
	margin:8px 10px 0 10px;
	font-size:100%;
	font-weight:normal;
	color:#003333;
	background:url(img/common/bg_h4.gif) no-repeat center left;
	text-indent:16px;
	}
#top div#btm_col div#info div#info_main p{
	margin:4px 10px 0 10px;
	}





/*■会社概要*/

#company{}
#company div#gaiyou{
	zoom: 100%;
	margin:0 0 20px 0;

	}
#company div#gaiyou:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#company div#gaiyou div#left{
	float:left;
	width:490px;
	}
#company div#gaiyou div#left table{
	width:100%;
	border:1px solid #ffffff;
	background-color:#999999;
	}
#company div#gaiyou div#left table th{
	border:1px solid #ffffff;
	padding:4px;
	background:url(img/common/bg_th_01.gif);
	font-weight:normal;
	text-align:center;
	}
#company div#gaiyou div#left table td{
	border:1px solid #ffffff;
	padding:4px;
	background:url(img/common/bg_td_01.gif);
	}
#company div#gaiyou div#left table td#enkaku{}
#company div#gaiyou div#left table td#enkaku table{
	border-width:0;
	background:none;
	}
#company div#gaiyou div#left table td#enkaku table td{
	border-width:0;
	}
#company div#gaiyou div#right{
	float:left;
	width:300px;
	margin:0 0 0 10px;
	}
#company div#map{
	margin:20px 0 0 0;
	}
#company div#map div#map_in{
	border:1px solid #999999;
	}
#company div#map div.btn{ margin:10px 0 0 0;}
#company div#map div.btn a{ display:block; width:200px; font-size:14px; line-height:120%; border:1px solid #003333;
background-color:#003366; color:#FFFFFF; text-decoration:none; text-align:center;}
#company div#map div.btn a:hover{ background-color:#006666;}


/*■サービス案内*/
#service{}

#service div#layout_a{
	margin:0 0 20px 6px;
	}
#service div#layout_a table{
	border-collapse:collapse;
	}
#service div#layout_a table td{
	font-size:12px;
	}	
#service div#layout_a p{
	margin:0 0 12px 0;
	line-height:140%;
	}	
#service div#layout_a table td p{
	margin:0 0 0 0;
	line-height:100%;
	}		

#service div#layout_b{ margin:0 0 20px 0; }

#service div#layout_c{
	zoom:100%;
	width:100%;
	padding:0px;
	margin:0 0 20px 0;
	}
#service div#layout_c:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
#service div#layout_c div#left{
	float:left;
	width:540px;
	padding:0px;
	margin:0 0 0 0;
	}
#service div#layout_c div#left p{
	margin:0 0 12px 0;
	line-height:140%;
	}	
#service div#layout_c table{
	border-collapse:collapse;
	}
#service div#layout_c table{
	border-collapse:collapse;
	}
#service div#layout_c table td{
	font-size:12px;
	}	

#service div#layout_c div#right{
	float:right;
	width:300px;
	padding:1px;
	margin:0 0 0 0;
	}
#service div#layout_c div#right p{
	text-align:right;
	}

/************************************移動販売車一覧************************************************/

#list div.list_inner{
	zoom:100%;
	width:100%;
	padding:0px;
	margin:0 0 20px 0;
	}

#list div.list_inner:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}
#list div.list_inner div.pic{
	float:left;
	width:520px;
	padding:0px;
	margin:0 0 0 10px;
	}
#list div.list_inner div.pic div.main_pic{
	float:left;
	width:282px;
	text-align:center;
	}
#list div.list_inner div.pic div.sub_pic{
	}
#list div.list_inner div.pic div.sub_pic p{
	float:left;
	text-align:center;
	width:102px;
	height:112px;
	margin:0 0 0 5px;
	}
#list div.list_inner div.pic div.sub_pic span.coment{
	font-size:11px;
	display:block;
	text-align:left;
	height:26px;
	color:#333333;
	border:1px solid #CCCCCC;
	overflow:auto;
	line-height:100%;
	}	
#list div.list_inner div.pic p img{
	border:1px solid #cccccc;
	}
#list div.list_inner div.detail{
	float:left;
	text-align:left;
	width:320px;
	padding:0px;
	margin:0 0 0 0px;
	}
#list div.list_inner table.list_tbl{
	border-collapse:collapse;
	margin:0;
	width:320px;
	}
#list div.list_inner table.list_tbl tr th{
	border:solid #DDDDDD;
	border-width:0 0 1px 0;
	font-size:11px;
	border-width:1px;
	padding:3px;
	text-align:right;
	font-weight:normal;
	color:#CC3300;
	width:14%;
	vertical-align:top;
	background:url(img/common/bg_td_02.jpg) bottom repeat-x;	
	}	
#list div.list_inner table.list_tbl tr td{
	border:solid #DDDDDD;
	border-width:0 0 1px 0;	
	border-width:1px;
	background:url(img/common/bg_td_02.jpg) bottom repeat-x;
	padding:5px;
	color:#333333;
	}	

#list div.list_inner table.list_tbl td{	font-size:12px;	}	
#list div.list_inner table.list_tbl tr.price td{
	color:#FF6600;
	font-weight:bold;
}

/*■お問い合せ*/
#contact{ }
#contact div#form_error{ padding:5px; margin-top:5px; width:100%; }
#contact div#form_error p{ font-size:100%; color:red; font-weight:bold; margin:0px; }

#contact h3{
	background:url(./img/common/bg_h3_01.gif) no-repeat center left;
	font-size:15px;
	line-height:38px;
	height:38px;
	color:#333333;
	font-weight:normal;
	text-indent:22px;
	margin:20px 0 4px 0;
	}
#contact table{
	background-color:#cccccc;
	margin:0 auto 20px auto;
	}
#contact table th{
	border:1px solid #ffffff;
	padding:4px;
	background:url(img/common/bg_th_01.gif);
	font-weight:normal;
	text-align:center;
	}
#contact table td{
	border:1px solid #ffffff;
	padding:4px;
	background:url(img/common/bg_td_01.gif);
	}
#contact span.kome{
	color:#FF0000;
	}
#contact span.rei{
	color:#999999;
	font-size:11px;
	}

#contact table td table.in_tbl{
	background-color:#ffffff;
	margin:0;
	border-collapse:collapse;
	}
	
#contact table td table.in_tbl td{
	padding:4px;
	background:none;
	border:1px solid #CCCCCC;
	line-height:180%;
	}

#contact div#contact_tel{
	text-align:center;
	}
#contact div#contact_tel h3{
	text-align:center;
	background:none;
	}
#contact div#contact_tel p{
	margin:0;
	}
#contact input{
	line-height:140%;
	}


/*■リンク*/
#link{}
#link h3{
	background:url(./img/common/bg_h3_01.gif) no-repeat center left;
	font-size:15px;
	line-height:38px;
	height:38px;
	color:#333333;
	font-weight:normal;
	text-indent:22px;
	margin:20px 0 12px 0;
	}
#link p.link{ margin:5px 0 0 0;}

/*■プライバシーポリシー*/
#privacy{}

#privacy p{
	margin:6px 0 0 0;
	line-height:200%;
	}

/*■サイトマップ*/
#sitemap{}
#sitemap ul{
	list-style-type:none;
	margin:10px 30px 0 30px ;}
#sitemap ul li{}
#sitemap ul li a{
	margin:3px 0 0 0;
	display:block;
	border:1px dotted #CCCCCC;
	color:#333333;
	font-size:14px;
	line-height:30px;
	height:30px;
	text-indent:12px;
	text-decoration:none;
	}
#sitemap ul li a:hover{
	border:1px dotted #FF6666;
	}

/***その他のページ***/
#other_page{}
#other_page h2{ font-size:25px; line-height:100px; height:100px; color:#000000; font-weight:normal; text-indent:20px;}
#other_page h3{ background:url(img/bg_h3_01.gif) no-repeat center left; text-indent:15px; font-size:120%; line-height:1.0em; vertical-align:top; color:#333333; margin:16px 0 0 0;}
#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}

.contact_btn{
	text-align:center;
	margin:10px 0 0 0;
	}
.contact_btn a{
	width:250px;
	display:block;
	margin:auto;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	background-color:#FFCC00;
	border:1px solid #333333;
	text-decoration:none;
	}
.contact_btn a:hover{
	background-color:#FF3300;
	}