@charset "utf-8";
/*
Theme Name: VOLVO CARS
Theme URI: http://vc-higashiosaka.com/
Description:volvo
Author URI: http://www.syoujiki.com/
*/

body {
	background-image: url(images/top-header-back.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #DEDEDD;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	}
	
a {
	color: #689F31;
	text-decoration: underline;
}
a:hover {
	color: #ff6600;
	text-decoration: none;
}
.n {
	display: none;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#body-box {
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#header {
	width: 900px;
	padding: 0px;
	height: 60px;
	margin-top: 32px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header-h1 {
	float: left;
}
#header h1 {
	padding: 0px;
	background-image: url(images/logo.jpg);
	width: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	height: 60px;
}
#header h1 a {
	text-indent: -9999px;
	display: block;
	width: 300px;
	height: 60px;
	margin: 0px;
	padding: 0px;
}
#navi {
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: center -56px;
	height: 56px;
	width: 520px;
	text-align: center;
	float: right;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navi ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	text-align: center;
	width: 520px;
}
#navi li{
	height: 56px;
	width: 130px;
	float: left;
	}

#navi li a {
	text-indent: -9999px;
	display: block;
	height: 56px;
}

#navi .home a:hover {
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi .outline a:hover {
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -130px 0px;
}
#navi .recruit a:hover {
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -260px 0px;
}
#navi .shop a:hover {
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -390px 0px;
}

#contents {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-bottom: 20px;
	}
#main-box {
	width: 670px;
	float: left;
	margin: 0px;
	padding: 0px;	
	position: relative;
}
#main-inner {
	padding: 0px;
	margin: 0px;
	width: auto;
}
#flash-box {
	height: 280px;
	width: 670px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#flash-box h2 {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	display: none;
}
#main-inner  ul {
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}
#main-inner  li {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 150%;
	font-size: 12px;
}
#app-box {
	float: left;
	width: 320px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.app-box-in {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #EFEEEE;
	padding-bottom: 20px;
}
#app-box h3 {
	background-image: url(images/app_h.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 320px;
	text-indent: -9999px;
}
#app-box h5 {
	background-image: url(images/look_app.jpg);
	height: 20px;
	width: 190px;
	background-repeat: no-repeat;
	clear: left;
	padding: 0px;
	margin: 0px;
}
#app-box h5 a {
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 190px;
}
#app-box #banner-shijo img {
	margin-bottom: 20px;
}
.port_box {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDEDD;
	padding: 0px;
	position: relative; 
}

.port_box .port_left {
	float: left;
	margin: 0px;
	width: 100px;
	padding: 0px;
}
.port_box .port_right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 190px;
}
.port_box .port_right p {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.port_box .port_right a {
	text-decoration: none;
}
.port_right h4 a {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.port_left img a {
	margin: 0px;
	padding: 0px;
}
.port_box_in {
	padding-top: 10px;
	margin-bottom: 10px;
}

#event-box {
	float: right;
	width: 330px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.app-link {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.app-link p {
	margin: 0px;
	padding: 0px;
}
.app-link img {
	padding-right: 5px;
}
.app-link #q-app {
	float: left;
}
.app-link #q-sta {
	float: right;
}
.app-link a {
	margin: 0px;
	padding: 0px;
}
#event-box .event-box-in {
	background-color: #EFEEEE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#event-box h3 {
	background-image: url(images/event_h.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 330px;
	text-indent: -9999px;
}
#event-box h4 {
	background-image: url(images/look_can.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 170px;
	margin: 0px;
	padding: 0px;
}

#event-box h4 a {
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 170px;
	}
#event-box ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#event-box li {
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A4AA92;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#event-box p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 150%;
}

#event-box span {
	margin-right: 10px;
}
#event-box #banner-news {
	margin-bottom: 20px;
}

#main-inner h4 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#main-inner h5 {
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#main-inner  p {
	color: #84939B;
	padding: 0px;
	line-height: 150%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#side-box {
	color: #84939B;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 210px;
	float: right;
	
}
#banner-special{
	background-image: url(images/special.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 210px;
	padding: 0px;
	margin: 0px;
}
#banner-special a {
	display: block;
	height: 90px;
	width: 210px;
}

#banner-blog {
	background-image: url(images/staffblog.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 210px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#banner-blog a {
	display: block;
	height: 90px;
	width: 210px;
}
#side-box-in {
	background-image: url(images/side_back.jpg);
	background-repeat: repeat-y;
	padding: 0px;
	background-position: center;
	margin: 0px;
	width: 210px;
}
#banner-box {
	padding-top: 20px;
}
#side-box h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#side-box .line {
	background-color: #DEDEDD;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #DEDEDD;
}

#side-box-inner {
	background-image: url(images/side_h.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 210px;
}
#side-box-inner2 .sidein {
	padding-bottom: 10px;
}
#side-box-inner2 {
	background-image: url(images/side_f.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	padding-bottom: 20px;
	width: auto;
	padding-top: 20px;
	padding-left: 12px;
}
#side-box-inner2 #volvo-s {
	background-image: url(images/volvo_s.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 190px;
	text-indent: -9999px;
}
#side-box-inner2 #volvo-v {
	background-image: url(images/volvo_v.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 190px;
	text-indent: -9999px;
}
#side-box-inner2 #volvo-xc {
	background-image: url(images/volvo_xc.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 38px;
	width: 190px;
}
#side-box-inner2 #volvo-c {
	background-image: url(images/volvo_c.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 33px;
	width: 190px;
	margin-bottom: 5px;
}
#side-box-inner2 p {
	line-height: 150%;
	padding: 0px;
	margin: 0px;
}
#side-box-inner2 p a {
	color: #84939B;
	text-decoration: none;
}
#side-box-inner2 p a:hover {
	text-decoration: underline;
}
#footer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/foot_back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #42453B;
	height: 130px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#footer-inner {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#foot-left {
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
#foot-left h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#foot-left p {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
#foot-right {
	float: right;
	width: 560px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#foot-navi {
	margin: 0px;
	padding: 0px;
}
#foot-navi p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: right;
}
#foot-right address {
	font-style: normal;
	text-transform: uppercase;
	padding-top: 60px;
}

/* ++++++ ブログページのデザイン ++++++ */

#cate_h2 {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #A4A992;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#bread {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A4A992;
	margin-bottom: 10px;
}
#cate_h2 h2 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#cate_h2 span {
	font-size: 12px;
	margin-left: 10px;
}

#page-cont {
	background-color: #FFFFFF;
	padding: 10px;
}
#main-box-in {
	background-color: #eeeeee;
	color: #333333;
	padding: 10px;
	position: relative
}



#monthmain	{
	margin: 0px;
	}

#monthsidebar	{
	padding: 10px;
	color: #333333;
	background-color: #D0DAB8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AFB49D;
	border-bottom-color: #AFB49D;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}

#monthsidebar ul	{
	list-style-type: none;
	margin: 0;
	padding: 0px;
	}

#monthsidebar li strong	{
	margin: 0px;
	padding: 0px;
	}
#monthsidebar ul ul {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #A4A992;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#monthsidebar li li	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 180%;
	}

#monthsidebar li li a	{
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#monthsidebar li li a:hover	{
	color: #336601;
	text-decoration: underline;
	}
	
#monthsidebar .side-h strong {
	color: #333333;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	
}



#monthcontent #bread	{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	}


#monthlist {
	padding: 0px;
	margin: 10px;
	width: auto;
}

#monthlist h2	{
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #333333;
	color: #333333;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 14px;
	}

#monthlist h2 a	{
	text-decoration: none;
	color: #336601;
	}

#monthlist h2 span	{
	color: #888888;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	}

#monthlist h2 a:hover	{
	color: #00a0c6;
	}

#monthlist p	{
	margin-top: 10px;
	line-height: 150%;
	}
#main-inner li p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 150%;
	font-size: 12px;
}

/* ++++++ ページテンプレートのデザイン ++++++ */

#page-cont {
	background-color: #eeeeee;
	color: #333333;
	padding: 10px;
	position: relative
}
#page-cont p {
	padding: 10px;
}#page-box .entry h3 {
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#page-box .entry p {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#page-ttl {
	color: #333333;
	font-size: 14px;
	text-decoration: none;
}#page-box .entry {
	padding: 10px;
}
#page-box .shop-h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A4A992;
	clear: both;
}
#page-box .entry img {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	position:relative;
}
#page-box .entry .shop-left {
	float: left;
	width: 250px;
}
#page-box dt {
	float: left;
	width: 100px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	position:relative;
	line-height: 150%;
}
#page-box dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A4A992;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 110px;
	line-height: 150%;
}
#page-box  ul {
	margin: 0px;
	padding: 10px;
	list-style-type: none;
}
#page-box  li {
	line-height: 180%;
}


/* ++++++ お問い合わせページのデザイン ++++++ */

.wpcf7-not-valid-tip-no-ajax {
    color:#FF0000;
}
.wpcf7-response-output wpcf7-validation-errors {
    color:#FF0000;
}
#a-box div{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#a-box h3{
	font-size: 12px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#a-box h4{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#a-box p {
	line-height: 150%;
}

#a-box p.add input {
	width: 554px;
}

#a-box p textarea {
	width: 554px;
	height: 80px;
}

/* ++++++ 中古車一覧ページのデザイン ++++++ */

.used-l{
	wodth:150px;
	width: 120px;
	float: left;
	position:relative
	
}
.used-lr {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.used-r {
	width: 500px;
	float: right;
	position: relative;
}
.used-r h2 {
	margin: 0px;
	padding: 0px;
}
#monthlist .used-lr .used-r h2 {
	margin: 0px;
	padding: 0px;
}
#monthsidebar h3 {
	font-size: 12px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}