@charset"utf-8";
/*----------------------------------------------------
 * Theme Name: AUTO SHOP VALLPAN
 * Description: This theme uses it to AUTO SHOP VALLPAN.
 * Version: 1.0
 * Copyright 2008 AUTO SHOP VALLPAN All Rights Reserved.
 *
 *	==== content menu ====
 *	Last updated: 16 Oct 2008;
 *
 *	01: adjust
 *	02: css off
 *	03: wrapper
 *	04: header
 *	05: content
 *	06: sidebar
 *	07: main
 *	08: footer
 *
 *	==== Update history ====
 *	16.10.2008	new making;
----------------------------------------------------*/
/*==================================
01: adjust
==================================*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-size:100.01%;
	line-height:1.0;
}
body {
	color:#000;
	font-size:10px;
	font-family:Arial, sans-serif;
	background:#fff url(../images/body_bg.gif) repeat-x 0 0;
}
* html body { /* for IE6 */
    font-size:62.5%;
    font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
*:first-child+html body {/* for IE7 */
    font-size:62.5%;
    font-family: 'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ul, ul li,
ol, ol li {list-style-type:none;}
img {
	border: 0;
	vertical-align: bottom;
}
a:link      {color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:hover  {color:#ff7c18; text-decoration:none;}
a:active  {color:#ff7c18; text-decoration:none}
/*	clearfix
---------------------------------------------------*/	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*==================================
02: css off
==================================*/
div#header ul#skipnav,
div#header dl#globalnav dt,
div#footer dl#footernav dt{
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	}
/*==================================
03: wrapper
==================================*/
div#wrapper {
    width:980px;
	margin:0 auto;
	text-align:center;
}
/*==================================
04: header
==================================*/
div#header {
    margin:30px 0;
    text-align:left;
}
div#header:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
    
    div#header h1 {
        float:left;
        display:block;
        width:220px;
        height:75px;
    }
       
    dl#globalnav dd ul {
        float:right;
        margin:0 0 0 0;
    }
        
        dl#globalnav dd ul li {
            display: block;
            float:left;
        }
	
/*==================================
05: content
==================================*/
div#content {
    width:980px;
    clear:both;
    text-align:left;
}

div#content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*==================================
06: sidebar
==================================*/
div#sidebar {
    float:left;
    width:286px;
    margin:0px 0px 0 0;
    padding:0;
    text-align:left;
}

	h2.blogbanner{
		margin: 0 0 10px 0;
		padding:0;
		display:block;
		width:286px;
	}
	
	div#news{
		border:1px solid #000000;
		width:280px;
		margin:0 0 10px 3px;
	}

		div#news h2{
			background:url(../images/side02.gif) no-repeat 0 center;
			padding:3px 0 3px 18px;
			border-bottom:1px solid #000000;
			font-size:160%;
			line-height:1.6;
			color:#b44221;
		}
		
		div#news ul{
			margin:10px 5px;
		}
		
		div#news ul li.firstChild{
			margin:0 0 10px 0;
		}
		
		div#news ul li.loading{
			text-align:center;
			margin:0 auto;
		}

		div#news ul li p{
			line-height:1.2;
		}

		p.blog-day{
			font-size:100%;
			color:#ff7c18;
		}
		
		div#news h3{
			font-size:120%;
			margin:0 0 5px 0;
		}
		
		p.blog-text{
			font-size:120%;
			height:28px;
			_height:28px;
			overflow:hidden;
		}

		p.blog-more{
			font-size:120%;
			text-align:right;
		}
		
		p.shopimage{
			display:block;
			color:#424242;
			font-size:120%;
			line-height:1.2;
			margin: 0 0 10px 0;
		}
		
		p.mailinfo{
			display:block;
			background:url(../images/side04.gif) no-repeat 0 bottom;
		}
		
		p.mailinfo a,p.mailinfo a:visited{
			display:block;
			padding:6px 0 5px 40px;
			color:#424242;
			font-size:120%;
			line-height:1.2;
			text-decoration:none;
			background:url(../images/side04.gif) no-repeat 0 bottom;
		}

		p.mailinfo a:hover,p.mailinfo a:active{
			color:#ff7c18;
			text-decoration:underline;
		}

/*==================================
07: main
==================================*/
div#main {
    float:right;
    display:block;
    width:680px;
    line-height:1.2;
}

body#home div#main {
    margin: 5px 0 0 0;
    border:1px solid #000;
}
/*==================================
08: footer
==================================*/
div#footer {
    width:960px;
    clear:both;
    margin:20px 0;
    padding:20px 10px;
    border:1px solid #ff7c18;
    font-size:120%;
    text-align:left;
    line-height:1.2;
}

div#footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

    dl#footernav dd ul  {
        float:left;
    }
    
        dl#footernav dd ul li {
            float:left;
            padding: 0 0 0 15px;
            background: url(../images/footer01.gif) no-repeat 0 0;
        }

		dl#footernav dd ul li a,
		dl#footernav dd ul li a:visited{
            text-decoration:none;
        }

		dl#footernav dd ul li a:hover,
		dl#footernav dd ul li a:active{
            text-decoration:underline;
        }
    
    div#footer address {
        float:right;
        color:#424242;
    }