@charset "UTF-8";

* {
	margin:0;
	padding:0;
}



a {
text-decoration: none;

}

a.line {
TEXT-DECORATION: underline;
color:black;
}

a.line:hover {
TEXT-DECORATION: underline;
color:red;
}

a.dot {
COLOR: black; 
TEXT-DECORATION : none;
border-bottom-style : dotted;
border-bottom-color : #444444;
border-bottom-width : 2px;
}

a.dot4 {
COLOR: #880000; 
TEXT-DECORATION : none;
border-bottom-style : dotted;
border-bottom-color : #880000;
border-bottom-width : 2px;
}


a.line_white {
	TEXT-DECORATION: underline;
	color:white;
	line-height:1.5em;
}
A.line_white:hover {
	TEXT-DECORATION: underline;
	color:red;
	line-height:1.5em;
}


A.link1 {
TEXT-DECORATION : none;
border-bottom-style : dotted;
border-bottom-color : #888888;
border-bottom-width : 2px;
COLOR: #000000; 
}

A.link1:HOVER{
COLOR: red; 
TEXT-DECORATION:none;
font-family : "ＭＳ Ｐゴシック" ;
border-bottom-style : dotted;
border-bottom-color : red;
border-bottom-width : 2px;
}

A.link2 {
TEXT-DECORATION : none;
border-bottom-style : dotted;
border-bottom-color : #888888;
border-bottom-width : 2px;
COLOR: #000044; 
}

A.link2:HOVER{
COLOR: red; 
TEXT-DECORATION:none;
font-family : "ＭＳ Ｐゴシック" ;
border-bottom-style : dotted;
border-bottom-color : red;
border-bottom-width : 2px;
}




a.none {
COLOR: #000000; 
TEXT-DECORATION : none;
}






body {
background-color: white;
margin: 0 auto 0 auto;

} 

#page {
width: 340px;
margin: 0 auto 0 auto;
background-color: white ;
}



/* ---------------------------

◆スマートフォン用。

--------------------------- */
/* スマートフォン*/
@media only screen and (max-width:659px){



* {
	margin:0;
	padding:0;
}



body {
background-color: white;
margin: 0 auto 0 auto;

} 

#page {
width: 340px;
margin: 0 auto 0 auto;
background-color: white ;
}


#container {
    display: grid; /* グリッドレイアウト */
    grid-template-rows: 270px 440px 60px 4700px 2000px ;
    grid-template-columns: 340px ;
    
    
}

/*********************************************
ページレイアウト*
660×170　ヘッダ

160×670px;　メニュー

*×670px;　メインの高さ

フッタ　90%×100px
**********************************************/


#header {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    /*background: #f88;*/
}


#honmon {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    /*background: #88f;*/
}

#price_search {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    /*background: yellow;*/
}


#area {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
    /*background: blue;*/
}


#footer {
    grid-row: 5 / 6;
    grid-column: 1 / 2;
    /*background: red;*/
}




/* ---------------------------

■タイトル「アクセルエクスプレス」

--------------------------- */

#site_title {
width: 340px;
margin: 0 auto 0px auto;
background-color: #000044;
}

#site_title h1 {
	margin: 0 0 0 0;
	color: white;
	font-size: 18px;
	font-style 	normal;
	LINE-HEIGHT: 1.5em;
	font-weight: 100;
	font-family: "ＭＳ Ｐゴシック";
	white-space: nowrap;
	text-align: center;
}



/* ---------------------------

■タイトル「東京都-神奈川県-千葉県-埼玉県-茨城県-栃木県-群馬県-山梨県-長野県-静岡県」

--------------------------- */


#site_sub_title {
	display:none;
}


/* ---------------------------

■ロゴとorder 画像

--------------------------- */


#logo {
width: 340px;
height: 76px;
margin: 0px auto 0px auto;

} 




#order {
	width: 340px;
margin: 0px auto 0px auto;
} 

#order img.order {
   width: 340px;
   max-height: auto;
}
	


/* ---------------------------

■仕切りの紺色の線

--------------------------- */
#sikiri {
	background-color: #000055;
	height: 6pixel;
	width: 340px ;
}


/* ---------------------------

■営業時間と電話番号

--------------------------- */

#time {
	background-color: #AAAAAA;
	width: 333px ;
}



#time {
	margin: 0 0 0 0;
	color: white;
	font-size: 15px;
	font-style 	normal;
	line-height:1.5em;
	font-weight: 100;
	font-family: "ＭＳ Ｐゴシック";
	white-space: nowrap;
	text-align: left;
	text-decoration: none; 
	padding : 2px 2px 2px 5px;
}





/* ---------------------------

■キャンペーン表示

--------------------------- */

#campaign {
	background-color: #EEEEEE;
	width: 330px ;
	margin: 0 0 0 0;
}



#campaign {
	color: #880000;
	font-size: 18px;
	font-style 	normal;
	line-height:1.5em;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック";
	white-space: nowrap;
	text-align: center;
	text-decoration: none; 
	padding: 2px;
	border: solid 3px #888888 ;
}

.tuikakomento{
	display : none ;
}









/* ---------------------------

■本文

--------------------------- */
	#honmon {
		width: 317px ;
		height : 400px ;
		border: solid 1px #888888 ;
		padding : 10px ;
		background-color: #EEEEEE;	
		text-align: left;
	}	
		
	h1 {
		color:#000000;
		font-family:'ＭＳ Ｐゴシック';
		font-size:18px; 
		line-height:2.0em; 
		font-weight:normal;
	}	
	
	
	h2 {
		color:#000000;
		font-family:'ＭＳ Ｐゴシック';
		font-size:18px; 
		line-height:2.0em; 
		font-weight:normal;
		padding-top: 15px;
	}
	
	
	.tel {
		color:#000022;
		font-family:'ＭＳ Ｐゴシック'; 
		font-size:16px; 
		line-height:2.5em; 
		font-weight:normal;
	}
	
	.tel2 {
		color:#000022;
		font-family:'ＭＳ Ｐゴシック'; 
		font-size : 18px; 
		line-height:2.5em; 
		font-weight:bold;
	}
	
	
	#small {
		color:#444444; 
		font-family:'ＭＳ Ｐゴシック'; 
		font-size : 17px; 
		line-height:1.5em; 
		font-weight:normal;
	}
	
	
	hr.hr_1 {
		margin-bottom : 10px ;
	
	}
	
	




/* ---------------------------

■料金検索

--------------------------- */

	#price_search {
		width: 330px ;
		height : 30px;
		border: solid 2px #888888 ;
		padding : 3px ;
		background-color: #FFFFFF;	
		text-align: center;
		color:#000000; 
		font-family:'ＭＳ Ｐゴシック'; 
		font-size: 16px; 
		line-height:2.0em; 
		font-weight:normal;
	}	








/* ---------------------------

■集荷エリア

--------------------------- */

	#area {
		width: 100% ;
		height : auto ;
	}


	#title {
		border: solid 2px #888888 ;
		padding : 1px ;
		text-align: center;
		color:#FFFFFF; 
		font-family:'ＭＳ Ｐゴシック'; 
		font-size:15px; 
		line-height:1.5em; 
		font-weight:normal;
		background-color: #444488;
	}



	#shikuchoson {
		border: solid 2px #888888 ;
		padding : 25px ;
		backgroundcolor: #FFFFFF;	
		text-align: left;
		color:#000000; 
		font-family:'ＭＳ Ｐゴシック'; 
		font-size:16px; 
		line-height:2.0em; 
		font-weight:normal;
	}







/* ---------------------------

■フッタの表示

--------------------------- */
#border1 {
		background-color: #BBBBBB;
		width : 100% ;
}

#border2{
		background-color: #000044;
		width : 100% ;
}



#sita_link {
	background-color: #FFFFFF;
	width: 100% ;
	font-family:'ＭＳ Ｐゴシック'; 	
	font-size:16px ; 
	text-align: left;
}







}