@charset "UTF-8";

/*--------------------------------------------------
リセット
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/*--------------------------------------------------
body
--------------------------------------------------*/
body {
	color: #333;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	line-height: 1.6;
}
a{outline:none;}
a:link {color: #284399;}
a:visited {color: #9B2C60;}
a:hover {color: #284399;text-decoration:none;}
a:active {color: #284399;}
/*--------------------------------------------------
#wrap
--------------------------------------------------*/
#wrap{
	width:1000px;
	margin:0px auto;
	padding:0px 10px;
}
/*--------------------------------------------------
#header
--------------------------------------------------*/
#header #siteID{
	background: url(../images/header.gif) no-repeat top left;
	height:248px;
}
#header #siteID img{
	display:block;
	position:relative;
	top:14px;
	left:10px;
}
#header .topic-path{
	margin:10px;
}
/*--------------------------------------------------
#contents
--------------------------------------------------*/
#contents{
	overflow:hidden;
	_zoom:1;
}

/*
#navi
--------------------------------------------------*/
#navi{
	margin:10px 0px 0px 0px;
	border:2px solid #ededed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#navi a{
	text-decoration:none;
	color:#555;
	font-weight:bold;
	display:block;
	padding:7px 20px;
	text-shadow:1px 1px 1px #fff;
}
#navi .top{
	font-size:120%;
	background: url(../images/menu_top_off.gif) repeat-x bottom left;
	border-bottom:3px solid #fed52c;
	overflow:hidden;
	_zoom:1;
}
#navi .bottom{
	background: url(../images/menu_bottom_off.gif) repeat-x top left;
	overflow:hidden;
	_zoom:1;
}
#navi .top a{border-right:1px solid #f9fef0;}
#navi .bottom a{border-right:1px solid #fed52c;}
#navi .top li{
	border-right:1px solid #ddd;
	border-top:1px solid #fff;
	display:inline;
	float:left;
}
#navi .bottom li{
	border-right:1px solid #fff;
	border-bottom:1px solid #f9fef0;
	display:inline;
	float:left;
}

#navi .top a:hover,
#service #navi #naviService a,
#osusume #navi #naviOsusume a,
#shohin #navi #naviShohin a,
#event #navi #naviEvent a,
#tyre #navi #naviTyre a,
#shop #navi #naviShop a{
background: url(../images/menu_top_on.gif) repeat-x bottom left;border-right:1px solid #fed52c;}

#navi .bottom a:hover,
/*サービス*/
#styre #naviS_tyre a,
#soil #naviS_oil a,
#squick #naviS_quick a,
#stenken #naviS_tenken a,
#ssonota #naviS_sonota a,
#shokan #naviS_hokan a,
#smile #naviS_mile a,
#skaiin #naviS_kaiin a,
/*タイヤ*/
#tknowledge #naviT_knowledge a,
#tdrive #naviT_drive a,
#tsimulator #naviT_simulator a,
#tteinenpi #naviT_teinenpi a,
#tlineup #naviT_lineup a,
/*アウトレット*/
#shalumi #naviSH_alumi a,
#shashimawari #naviSH_ashimawari a,
#shgaiso #naviSH_gaiso a,
#shnaiso #naviSH_naiso a,
#shaudio #naviSH_audio a,
#shdenso #naviSH_denso a,
#shgt #naviSH_gt a,
#shsonota #naviSH_sonota a{
background: url(../images/menu_bottom_on.gif) repeat-x bottom left;border-right:1px solid #fed52c;}



#home #gnavi{
	width:200px!important;
	display:inline!important;
	float:left!important;
}
#home #gnavi .inner{margin:0px 0px 10px 0px!important;}

/*
#main
--------------------------------------------------*/
#main{
	width:690px;
	margin:0px 10px 0 0 ;
	display:inline;
	float:left;
}
#home #main{
	width:480px!important;
	margin:0px 10px;
	display:inline;
	float:left;
}
/*
#info
--------------------------------------------------*/
#info{
	width:300px;
	display:inline;
	float:right;
}
#info .promo{
	margin:0px 0px 10px 0px;
}
/*.shop*/
#info .area{
	position:relative;
	margin:0px 0px 10px 0px;
}
#info .area > p{
	background-color:#cdcdcd;
	padding:5px;
	line-height:1.0;
	font-weight:bold;
}
#info .area dl{
	padding:5px;
}
#info .area dt{
	clear:both;
	border-top:1px dotted #ccc;
	padding:5px 0px;
}
#info .area dd ul{
	overflow:hidden;
	_zoom:1;
}
#info .area dd li{
	
}
#info .area .tenki{
	background-color:#fff!important;
	overflow:hidden;
	padding:5px;
}
#info .area .tenki p{
	width:129px;
	position:relative;
	display:inline;
	float:left;
}
#info .area .tenki p .wether{
	width:74px;
	display:block;
	text-align:center;
}
#info .area .tenki p .high{
	color:#fa4417;
}
#info .area .tenki p .low{
	color:#177cfa;
}
#info .area .tenki p img{
	display:block;
	position:absolute;
	top:5px;
	left:75px;
	margin-left:5px;
}
.tomorrow {
	margin-left:7px;
}
#snowInfo .inner{overflow:hidden;}
#snowInfo table{width:100%;}
#snowInfo table th,#snowInfo table td{
	font-size:90%;
	vertical-align:top;
	padding:5px;
	border-bottom:1px dotted #ccc;
}
#snowInfo table th{font-weight:bold;}
#snowInfo table .ft{border-right:1px dotted #ccc;}
#snowInfo table .bt th,#snowInfo table .bt td{
	border-bottom:none!important;
}
#snowInfo table strong{color:#339dd1;font-weight:bold;}
#snowInfo table strong.red{color:#ff0000;font-weight:bold;}
/*--------------------------------------------------
TS・TDアイコン
--------------------------------------------------*/
#info .ts{
	color:#4d47ba;
	margin-right:5px;
	padding:0 2px;
	font-weight:bold;
	border-top:2px solid #4d47ba;
	border-bottom:2px solid #4d47ba;
	background-color:#ffcb08;
	line-height:2;
}
#info .tl{
	color:#fff;
	margin-right:5px;
	padding:0 2px;
	font-weight:bold;
	border-top:2px solid #fff500;
	border-bottom:2px solid #fff500;
	background-color:#085aac;
	line-height:2;
}
#info .gs{
	color:#fff;
	margin-right:5px;
	padding:0 2px;
	font-weight:bold;
	border-top:2px solid #6eb04c;
	border-bottom:2px solid #6eb04c;
	background-color:#3c9750;
	line-height:2;
}
/*--------------------------------------------------
#footer
--------------------------------------------------*/
#footer{
	margin:30px 0px 0px 0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#footer .topic-path{
	padding:6px 7px 5px;
	margin:0px 0px 10px -1px;
	background: url(../images/footer_bar.gif) no-repeat top left;
}
.sitemap{
	margin:0px 0px 10px 0px;
	overflow:hidden;
	_zoom:1;
}
#footer ul{
	width:220px;
	margin:0px 10px;
	display:inline;
	float:left;
}
#footer ul li{
	padding-left:15px;
	margin:5px 0px;
	background: url(../images/icon_sqarrow.gif) no-repeat center left;
}
#footer ul li ul{
	margin:0px!important;
}
#footer ul li ul li{
	padding:0px!important;
	background: none;
	list-style: disc;
	margin:5px 0px 0px 15px!important;

}
.copy-right{
	padding:5px;
	text-align: center;
	background-color:#fecc17;
}
/*--------------------------------------------------
共通
--------------------------------------------------*/
.box{margin:0px 0px 10px 0px;}
.boxTitle{
	font-weight:bold;
	padding:5px;
	color:#705A00;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#ffce11;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	behavior: url(/dth/js/PIE.htc);
}
.boxTitle_g{
	font-weight:bold;
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#eee;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	behavior: url(/dth/js/PIE.htc);
}
.boxTitle_s{
	font-weight:bold;
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#666;
	color:#fff;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	behavior: url(/dth/js/PIE.htc);
}
.box .inner{
	padding:10px;
	border:1px solid #ccc;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	behavior: url(/dth/js/PIE.htc);
}
/*--------------------------------------------------
見出し・テキスト関連
--------------------------------------------------*/
#pageTitle{
	font-size: 120%;
	font-weight: bold;
	padding:5px 10px 8px;
	background: url(../images/h1_back.gif) no-repeat top left;
	margin:0px 0px 20px 0px;
}
#titleImg{
	margin:0px 0px 10px 0px;
}
#lead{margin:0px 10px 20px;}

.new{color:#ff0000;font-weight:bold;padding:0px 5px;}

.topBack{text-align:right;}
.topBack a{
	padding-left:15px;
	background: url(../images/icon_top.gif) no-repeat left center;
}
.red{color:#ff0000;}

.text-link{text-align:right;}
.text-link a{
	padding-left:15px;
	background: url(../images/icon_arrow.gif) no-repeat left center;
}