@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: Tokyo-Auto
	Author: Yamazen Communications co.,ltd.
	Since2009
----------------------------------------------------------- */
	
/*Index
	1.detail-page/structure
	2.pagetitle
	3.detail-page/function/decoration
	4.detail-page/related photo area
	5.detail-page/related link･pdf
	6.detail-page/local footer btn
	7.list-page/structure
	8.list-page/pick up topics
	9.list-page/list
	10.list-page/pager
	
----------------------------------------------------------- */


/* 1.detail-page/structure
----------------------------------------------------------- */
h2#topicstitle,
h4.stitle,
div#contents p.text,
div#photo,
div#photo ul,
div#relativelink,
div#relativelink ul,
ul.horizontalNavi02{width:530px;}

h2#topicstitle span{width:463px;}/*contents width-67px*/
table.chart {width:525px;}/*contents width-5px*/
span.stitle {width:510px;}/*contents width-20px*/


div#photo ul li     {width:122px;height:80px; _height:80px;}
div#photo ul li span{width:122px;}
div#photo ul li img {height:80px;}


div#relativelink ul li {width:520px;}/*contents width-10px*/


/*h3.page {
	visibility:hidden;
	clear:both;
	height:0;
	margin:0 auto;
	padding:0;
	font-size:1%;
	color:#248f3a;
	font-weight:normal;
	line-height:0.1;
}*/



/* common sub title */
h4.stitle{
	margin:0 auto 10px;
	padding:0 0 5px;
	color:#999999;
	font-size:83.33%;
	vertical-align:bottom;
	border-bottom:1px #cccccc solid;
	background:url(../images/line.gif) no-repeat center bottom;
}

h4.stitle span{
	padding-left:10px;
	color:#666666;
	font-weight:normal;
	text-align:left;
	vertical-align:-13px;
	_vertical-align:-10px;
}


/* 2.list-page/pagetitle-topicstitle
----------------------------------------------------------- */
ul#title {
	clear:both;
	height:auto;
	margin:10px auto 0;
	padding:0 0 20px;
	border:none;
	background:url(../images/line.gif) no-repeat left 45px;
}
ul#title li.search {
	position:relative;
	top:-1.6em;
	float:right;
	height:auto;
	margin:0 0 -1em;
	padding:0;
	font-size:83.33%;
	text-align:right;
	border:none;
}
ul#title li{
	height:auto;
	margin:0;
	font-size:83.33%;
	border:none;
}

ul#title li span{
	display:block;
}

ul#title li img{
	margin:0 5px 5px 0;
}



h2#topicstitle {
	margin:10px 0;
	padding:0;
}

h2#topicstitle span{
	display:inline-block;
	min-height:15px;
	_height:15px;
	padding:15px 0 10px 67px;
	font-size:116.66%;
	font-weight:bold;
	line-height:1.3;
	vertical-align:middle;
	background:url(../../topics/images/bk_title_bottom.png) no-repeat center bottom;
}



h2.topics#topicstitle    {background:url(../../topics/images/bk_title_topics.jpg)    no-repeat center top;}
h2.event#topicstitle     {background:url(../../topics/images/bk_title_event.jpg)     no-repeat center top;}
h2.kaitai#topicstitle    {background:url(../../topics/images/bk_title_kaitai.jpg)    no-repeat center top;}
h2.uritai#topicstitle    {background:url(../../topics/images/bk_title_uritai.jpg)    no-repeat center top;}
h2.inspect#topicstitle   {background:url(../../topics/images/bk_title_inspect.jpg)   no-repeat center top;}
h2.repair#topicstitle    {background:url(../../topics/images/bk_title_repair.jpg)    no-repeat center top;}
h2.customize#topicstitle {background:url(../../topics/images/bk_title_customize.jpg) no-repeat center top;}
h2.support#topicstitle   {background:url(../../topics/images/bk_title_support.jpg)   no-repeat center top;}
h2.update#topicstitle    {background:url(../../topics/images/bk_title_update.jpg)    no-repeat center top;}







/* 3.detail-page/function/decoration
----------------------------------------------------------- */

/* text */
div#contents p.text{
	margin:0 auto;
	padding:0;
	text-align:left;
	text-indent:none;
	zoom:1;
	overflow:hidden;
}



/* text decolation */

/*text-color*/
p.text span.blue  {color:#3c64be;font-weight:bold;}
p.text span.green {color:#248f3a;font-weight:bold;}
p.text span.red   {color:red;font-weight:bold;}
p.text span.orange{color:#ff7300;font-weight:bold;}
p.text span.pink  {color:#ff80c0;font-weight:bold;}


span.stitle {
	clear:both;
	display:inline-block;
	margin:0 auto -1em;
	padding:1.5em 10px 5px;
	color:#374998;
	font-size:116.66%;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
	vertical-align:center;
	background:url(../../topics/images/bk_stitle.jpg) repeat-x left bottom;
}


p.text span.crosshead {
	display:block;
	width:auto;
	margin:0.5em 0 -1em;
	padding:0 0 0 8px;
	color:#374998;
	font-size:116.66%;
	font-weight:bold;
	line-height:1.2;
	border-left:5px #374998 solid;
}


p.text strong {
	display:inline;
	margin:0;
	padding:0;
	font-size:116.66%;
	font-weight:bold;
}


p.text a:link   { padding:2px;text-decoration:underline;background-color:#f0f7f9;}
p.text a:visited{ padding:2px;text-decoration:underline;}
p.text a:hover  { padding:2px;text-decoration:underline;background-color:#fff0aa;}




/* inline photo */
div#contents p.text span.leftPhoto  {float:left;}
div#contents p.text span.rightPhoto {float:right;}
div#contents p.text span.centerPhoto {text-align:center;}

div#contents p.text span.leftPhoto img,
div#contents p.text span.rightPhoto img,
div#contents p.text span.centerPhoto img{
	display:block;
	width:auto;
	margin:0 auto;
}

div#contents p.text span.leftPhoto,
div#contents p.text span.rightPhoto,
div#contents p.text span.centerPhoto{
	display:block;
	width:auto;
	margin:0;
	padding:5px;
	font-size:83.33%;
}
div#contents p.text span.leftPhoto  {padding-left;10px;}
div#contents p.text span.rightPhoto {padding-right;10px;}



/*hr-line*/

span.line {
	display:block;
	overflow:hidden;
	width:auto;
	height:1%;
	margin:0.8em 0 0;
	padding:0;
	border-bottom:1px #cccccc dotted;
}
span.line hr{
	display:none;
	width:1px;
	height:1px;
}


table.chart {
	margin:5px auto;
	padding:0;
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
}

table.chart th{
	margin:0;
	padding:5px 10px;
	color:#3c64be;
	font-size:100%;
	font-weight:bold;
	vertical-align:top;
	white-space:nowrap;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	background:#f0f7f9;
}

table.chart td{
	margin:0;
	padding:5px 10px;
	font-size:100%;
	vertical-align:top;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}





/* 4.detail-page/related photo area
----------------------------------------------------------- */
div#photo {
	clear:both;
	height:1%;
	margin:0 auto 15px;
	padding:20px 0 10px 0;
}

div#photo ul {
	clear:both;
	margin:0 auto;
}

div#photo ul li{
	float:left;
	display:inline-block;
	margin:5px 5px 1.4em;
	_margin:5px 2.5px 10px 5px;
	vertical-align:top;
}
div#photo ul li img{
	display:block;
	margin:0 auto;
	padding:0;
}

/* photo-explanation */
div#photo ul li span{
	display:block;
	height:1.5em;
	font-size:83.33%;
	overflow:hidden;
}






/* 5.detail-page/related link･pdf
----------------------------------------------------------- */
div#relativelink{
	clear:both;
	margin:0 auto 15px;
	_margin-top:20px;
	padding-top:20px;
}
div#relativelink ul{
	clear:both;
	margin:10px auto 0;
}

div#relativelink ul li{
	margin-top:5px;
	padding-left:10px;
	background:url(../images/arrow.gif) no-repeat left 0.4em;
}



/* 6.detail-page/local footer btn
----------------------------------------------------------- */
ul.horizontalNavi02{
	clear:both;
	margin:10px auto;
	padding:10px 0 0 0;
	text-align:left;
	border-top:1px #cccccc solid;
}

ul.horizontalNavi02 li{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
}


/* 7.list-page/structure
----------------------------------------------------------- */
ul#pickup,           {width:530px;}
ul#pickup li        {width:250px;}/*pickup width/2-15px*/
ul#pickup li a      {width:240px;}/*pickup width/2-25px*/
ul#pickup li a span {width:100px; max-height:75px; _height:75px;}
ul#pickup li a span img {height:75px;}

ul#topicslist,
ul#topicslist li   {width:530px;}
ul#topicslist li a {width:460px;}/*pickup width-70px*/


ul#pager{width:525px;}*/contents-5px*/



/* 8.list-page/pick up topics
----------------------------------------------------------- */
ul#pickup {
	clear:both;
	margin:10px auto;
	padding:0;
	border:none;
	background:none;
}

ul#pickup li {
	float:left;
	height:90px;
	margin:6px;
	_margin:5px;
	padding:0;
	text-align:left;
	line-height:1.6;
	border:1px #cccccc solid;
	background:none;
	zoom:1;
}

ul#pickup li a{
	display:block;
	margin:5px;
	padding:0;
	border:none;
	background:none;
}

ul#pickup li a span {
	float:left;
	display:block;
	margin:0 10px 0 0;
	padding:0;
	background:none;
	overflow:hidden;
}

ul#pickup li a span img{
	display:block;
	margin:0 auto;
	padding:0;
}



/* 9.list-page/list
----------------------------------------------------------- */

ul#topicslist {
	clear:both;
	margin:10px auto;
	padding:0;
	border:none;
	background:none;
}

ul#topicslist li {
	margin:0;
	padding:3px 0;
	text-align:left;
	line-height:1.6;
	border-bottom:1px #cccccc dotted;
	background:none;
	zoom:1;
}

ul#topicslist li a{
	display:block;
	margin:0;
	padding:0 0 0 70px;
	border:none;
	background:url(../images/arrow_01.png) no-repeat left 0.4em;
}

ul#topicslist li.topics a    {background:url(../../topics/images/icon/topics.gif)    no-repeat left 0.4em;}
ul#topicslist li.event a     {background:url(../../topics/images/icon/event.gif)     no-repeat left 0.4em;}
ul#topicslist li.kaitai a    {background:url(../../topics/images/icon/kaitai.gif)    no-repeat left 0.4em;}
ul#topicslist li.uritai a    {background:url(../../topics/images/icon/uritai.gif)    no-repeat left 0.4em;}
ul#topicslist li.inspect a   {background:url(../../topics/images/icon/inspect.gif)   no-repeat left 0.4em;}
ul#topicslist li.repair a    {background:url(../../topics/images/icon/repair.gif)    no-repeat left 0.4em;}
ul#topicslist li.customize a {background:url(../../topics/images/icon/customize.gif) no-repeat left 0.4em;}
ul#topicslist li.support a   {background:url(../../topics/images/icon/support.gif)   no-repeat left 0.4em;}
ul#topicslist li.update a    {background:url(../../topics/images/icon/update.gif)    no-repeat left 0.4em;}


div#topics-ttl{
	width:528px;
	border:1px solid #BCC0C4;
	margin-right:auto;
	margin-right:auto;
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
}

div#topics-ttl div{
	display:table-cell;
	vertical-align:middle;
	padding:10px 0;
}

div#topics-ttl div.ttl-l{width:70px;}
div#topics-ttl div.ttl-r{width:445px;padding-left:10px;font-size:14px;line-height:1.2;}

* html div#topics-ttl div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html div#topics-ttl div{/* IE 7 */
display:inline;
zoom:1;
}

/*お知らせ*/
.ttl-bk-topics{background:url(../../topics/images/haikei_topics.gif) repeat-y left top;}
/*イベント*/
.ttl-bk-event{background:url(../../topics/images/haikei_event.gif) repeat-y left top;}
/*買いたい*/
.ttl-bk-kaitai{background:url(../../topics/images/haikei_kaitai.gif) repeat-y left top;}
/*売りたい*/
.ttl-bk-uritai{background:url(../../topics/images/haikei_uritai.gif) repeat-y left top;}
/*車検・点検*/
.ttl-bk-inspect{background:url(../../topics/images/haikei_inspect.gif) repeat-y left top;}
/*板金・塗装*/
.ttl-bk-repair{background:url(../../topics/images/haikei_repair.gif) repeat-y left top;}
/*カスタマイズ*/
.ttl-bk-customize{background:url(../../topics/images/haikei_customize.gif) repeat-y left top;}
/*サポート*/
.ttl-bk-support{background:url(../../topics/images/haikei_support.gif) repeat-y left top;}
/*更新情報*/
.ttl-bk-update{background:url(../../topics/images/haikei_update.gif) repeat-y left top;}




/* 10.list-page/pager
----------------------------------------------------------- */
ul#pager {
	clear:both;
	margin:15px 0 10px 5px;
}

ul#pager li {
	float:left;
	width:1.5em;
	padding:0;
}

ul#pager li a {
	line-height:1;
	font-weight:bold;
	text-align:center;
}

ul#pager li.next{
	width:6em;
	padding-left:15px;
	padding-right:10px;
	border:none;
	background:url(../images/arrow_l_blue.png) no-repeat left 0.2em;
}

ul#pager li.prev{
	width:6em;
	padding-left:15px;
	padding-right:10px;
	border:none;
	background:url(../images/arrow_l_blue2.png) no-repeat left 0.2em;
}