@charset "UTF-8";

* {
	margin:0;
	padding:0;
}




SPAN.small {
	FONT-SIZE: 7pt; LINE-HEIGHT: 11pt; FONT-FAMILY: "ＭＳ Ｐゴシック"; color: white;
}

SPAN.small_e {
	FONT-SIZE: 10pt; LINE-HEIGHT: 11pt; FONT-FAMILY: "Times"; color: white;
}


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

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.white {
	TEXT-DECORATION: underline;
	color:white;
}
A.white:hover {
	TEXT-DECORATION: underline;
	color:red;
}


A.line_gold {
	TEXT-DECORATION: underline;
	color:#CC6600;
	line-height:1.5em;
}
A.line_gold:hover {
	TEXT-DECORATION: underline;
	color:red;
	line-height:1.5em;
}


A.line_blue {
	TEXT-DECORATION: underline;
	color:#003399;
	line-height:1.5em;
}
A.line_blue:hover {
	TEXT-DECORATION: underline;
	color:red;
	line-height:1.5em;
}

A.line_green {
	TEXT-DECORATION: underline;
	color:#006666;
}
A.line_green:hover {
	TEXT-DECORATION: underline;
	color:red;
}


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


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 {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: red; TEXT-DECORATION: underline
}


A.dot {
COLOR : #000000 ; 
TEXT-DECORATION : none;
font-size : 11pt ;
line-height : 15pt ;
font-family : "ＭＳ Ｐゴシック" ;
border-bottom-style : dotted;
border-bottom-color : #888888;
border-bottom-width : 2px;
}

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





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

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


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

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




A.dot_small {
COLOR : #000000 ; 
TEXT-DECORATION : none;
font-size : 10pt ;
line-height : 13pt ;
font-family : "ＭＳ Ｐゴシック" ;
border-bottom-style : dotted;
border-bottom-color : #888888;
border-bottom-width : 2px;
}

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

A.dot_prev {
COLOR : #CC6600 ; 
TEXT-DECORATION : none;
font-size : 10pt ;
line-height : 13pt ;
font-family : "ＭＳ Ｐゴシック" ;
border-bottom-style : dotted;
border-bottom-color : #CC6600;
border-bottom-width : 2px;
}

A.dot_prev: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;
}




SPAN.copyright {
	FONT-SIZE: 10pt; LINE-HEIGHT: 20pt; FONT-FAMILY: "ＭＳ Ｐゴシック"
}
SPAN.copyright_top {
	FONT-SIZE: 10pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "ＭＳ Ｐゴシック"
}
SPAN.mincho {
	FONT-SIZE: 12pt; COLOR: #ffffff; LINE-HEIGHT: 12pt; FONT-FAMILY: "ＭＳ Ｐ明朝"
}





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

} 

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





/*********************************************
				PC用
*********************************************/


#container {
    display: grid; /* グリッドレイアウト */
    grid-template-rows: 175px 250px 65px 2400px 1150px ;
    grid-template-columns: 660px  ;
    
    
}

/*********************************************
ページレイアウト*
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: blue;*/
}


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

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













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

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

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

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

#site_title h1 {
	margin: 0 0 0 0;
	color: white;
	font-size: 9pt;
	font-style 	normal;
	line-height:1.5em;
	font-weight: 100;
	font-family: "ＭＳ Ｐゴシック";
	white-space: nowrap;
	text-align: left;
}



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

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

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


#site_sub_title {
	width: 460px;
	margin: 0 auto 0px auto;
	background-color: #000044;
}



#site_sub_title h1 {
	margin: 0 0 0 0;
	color: white;
	font-size: 9pt;
	font-style 	normal;
	line-height:1.5em;
	font-weight: 100;
	font-family: "ＭＳ Ｐゴシック";
	white-space: nowrap;
	text-align: right;
}


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

■２つの要素を横に並べる

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

.float{
float:left;
}



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

■ロゴとorder 画像

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


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

} 




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




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

■仕切りの紺色の線

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





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

■営業時間と電話番号

--------------------------- */
#time {
	background-color: #AAAAAA;
	width: 650px ;
}



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







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

■キャンペーン表示

--------------------------- */
#campaign {
	background-color: #EEEEEE;
	width: 644px ;
}



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

.tuikakomento {
	margin: 0 0 0 0;
	color: #880000;
	font-size: 10pt;
	font-style 	normal;
	line-height:1.5em;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック";
	white-space: nowrap;
	text-align: left;
	text-decoration: none; 
	padding: 5px;

}




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

■本文

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

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



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

■料金検索

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

	#price_search {
		width: 648px ;
		height : 30px;
		border: solid 2px #888888 ;
		padding : 5px ;
		background-color: #FFFFFF;	
		text-align: center;
		color:#000000; 
		font-family:'ＭＳ Ｐゴシック'; 
		font-size:11pt; 
		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:15px; 
		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:11pt; 
	text-align: left;
}









