@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: 17 Oct 2008;
 *
 *	01: blog mbox
 *	
 *	==== Update history ====
 *	17.10.2008	new making;
----------------------------------------------------*/
/*==================================
01: blog mbox
==================================*/
div#blog-content{
	display: block;
	float: right;
	width: 680px;
	padding: 0;
}

div#blog-content:after,
div#blog-side-content:after,
body#blog div#mbox:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

body#blog div#mbox div#blog-content h2{
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	border: none;
	text-align: left;
	font-size: 200%;
	line-height:2.0;
}

body#blog div#mbox div#blog-content p{
	margin: 0;
	padding: 0;
}

body#blog div#mbox div.navigation{
    display:block;
    text-align:center;
    margin:0 auto;
    font-size:120%;
    }

body#blog div#mbox div.blog-date{
	font-size: 140%;
	text-align: right;
	line-height:1.4;
}

body#blog div#mbox div.post {
	padding:20px 0;
	border-bottom:2px dotted #ff7c18;
	}

body#blog div#mbox div.post h2 a,
ody#blog div#mbox div.post h2 a:visited{
	color:#ff7c18;
	text-decoration:none;
	}

body#blog div#mbox div.post h2 a:hover{
	color:#000000;
	text-decoration:underline;
	}

body#blog div#mbox div.post div.storycontent {
    display:block;
    font-size:120%;
    line-height:1.6;
    margin: 0 0 20px 0;
    }

body#blog div#mbox div.post div.storycontent p{
    display:block;
    line-height:1.6;
    }

body#blog div#mbox div.post div.meta{
     font-size:120%;
     margin: 10px 0 20px 0;
    }


body#blog div#mbox textarea#comment {
	line-height: 1.6;
	}

form{
	width: 400px;
    }

textarea{
	width: 400px;
}

/*	サイドエリア
-------------------------------------------------*/

div#blog-side-content{
	width: 286px;
	padding-bottom: 30px;
	display:block;
	float:left;
}

body#blog div#blog-side-content h2{
	display: block;
	width: 266px;
	padding:3px 0 3px 18px;
	margin: 10px 0;
	background: url(../images/side02.gif) no-repeat 0 center;
	border:1px solid #000000;
	color: #b44221;
}

body#blog div#blog-side-content p{
	width: 286px;
	margin: 0;
	padding: 0;
}
    
body#blog div#side-content{
    display:block;
	text-align:left;
	font-size: 120%;
	}

body#blog div#side-content h2 {
	font-weight: normal;
	font-size: 120%;
	}

body#blog div#side-content li.widget ul li{
	line-height:1.4;
	}

#recent-posts ul li,
#categories ul li,
#archives ul li{
	list-style-type: disc;
	margin-left: 15px;
	padding-right: 20px;
	}

table#wp-calendar {
	width: 286px;
	margin: 0 auto;
	text-align: center;
	}

table#wp-calendar caption{
	font-size: 140%;
	margin-bottom: 5px;
	line-height:1.4;
	}

table#wp-calendar td{
	text-align: center;
	}

/*	コメントエリア
-------------------------------------------------*/

body#blog div#mbox div#blog-content h2#comments{
	font-size: 140%;
	line-height:1.4;
	}

ol#commentlist p{
	line-height: 1.6;
	font-size: 120%;
	}

body#blog div#mbox div#blog-content ol#commentlist p.meta{
	padding: 5px 0 20px 0;
	}

ol#commentlist li{
	margin-bottom: 20px;
	border-bottom: 1px dotted #f06363;
	}

body#blog div#mbox div#blog-content h2#postcomment {
	font-size: 160%;
	line-height:1.6;
	}

form#commentform {
	font-size: 120%;
	}

.alignleft {text-align:left;}
.alignright {text-align:right;}