@charset "utf-8";

/*------------------------------------
reset
-------------------------------------*/
html,body {
	margin: 0;
	padding: 0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
li {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; font-variant:normal;}
sup,sub{line-height:-1px; vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}


/*------------------------------------
↓主な小物
-------------------------------------*/
ol,ul,dl,div {zoom:1;}
ol:after,ul:after,dl:after,div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.message  {color:#666;}
.exe      {color:#006699;}
.error    {color:red;}
.must     {color:#FF6600;}
.notice   {color:#FF6666;}
.noline {border-bottom:none !important;}

.center   {text-align:center;}
.left     {text-align:left;}
.right    {text-align:right;}

a:link    {color:#236DB4; text-decoration:none;}
a:visited {color:#236DB4; text-decoration:none;}
a:hover   {color:#236DB4; text-decoration:none;}
a:active  {color:#236DB4; text-decoration:none;}

img {
	/*behavior:url(common/js/iepngfix.htc);*/
	border: none;
	vertical-align:bottom;
}

img.new {
	padding:0px 0px 0px 5px;
	vertical-align:middle;
}

/*------------------------------------
 *↓ページレイアウト（大枠）
 * --------------------------------- */
body {
	font-size:small; /* モダンブラウザ向け */
	font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	line-height:1.0;
	text-align:center;
	width:100%;
	background-image: url(/common/images/Bg_container.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#050505;
	color:#CFD4DA;
}

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	position: relative;
	text-align:center;
	margin:0px auto;
	width:1000px;
	text-align:left;
	line-height:1.3;
}
/*html* #container {font-size:93%;}*/

#container_inner {

}

/*ヘッダー*/
#top #head {
	position:relative;
	margin:0px auto;
	width:100%;
	height:70px;
	text-align:left;
	background-image:url(../common/images/top/Bg_head.jpg);
	background-repeat:no-repeat;
}

#top #headLogo {
	float: left;
	width: 124px;
	padding: 12px 0px 0px 15px;
}
#top #headLogo h1{
	font-size:85%;
}
	

#top #headMenu {
	position: relative;
	float: right;
	width: 645px;
	padding: 18px 15px 0px 0px;
}
#top #headMenu ul {
	float: left;
	line-height: 1.1;
	margin-top: 2px;
	_margin-top: 3px;
}
#headMenu ul li {
	display: inline;
	margin: 0px 13px 0px 0px;
}
#headMenu form {
	float: right;
}
#headMenu form p {
	display: inline;
	text-align: right;
}
#headMenu input.search_txtarea {
	border-color: #999999 #CCCCCC #CCCCCC #999999;
	border-style: solid;
	border-width: 1px;
	width: 140px;
	height: 17px;
	vertical-align: top;
}
#headMenu .search_btn {
	border-style: none;
	margin: 0px 0px 0px 4px;
}

#main {
	position: relative;
	margin:0px 0px 16px 0px;
	height:550px;
}
#main #flashcontent_error {
	padding:152px 100px 0px 230px;
	color:#0F141A;
	line-height:150%;
	behavior:url(javascripts/iepngfix.htc);
	/*background-image:url(../common/images/top/Bg_errer_main.png);*/
	background-repeat:no-repeat;
	height:367px;
}
#main #flashcontent_error #global_navi {
	display: block;
	position: absolute;
	top: 12px;
	left: 45px;
	width: 1000px;
}
#main #flashcontent_error #global_navi li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 18px;
	list-style-type: none;
}
#main #flashcontent_error #global_navi li.swc {
	background: none;
}
#main #flashcontent_error #global_navi li.carlineup	{ width: 62px; }
#main #flashcontent_error #global_navi li.news		{ width: 62px; }
#main #flashcontent_error #global_navi li.campaign	{ width: 83px; }
#main #flashcontent_error #global_navi li.event		{ width: 60px; }
#main #flashcontent_error #global_navi li.channel	{ width: 108px; }
#main #flashcontent_error #global_navi li.purchase	{ width: 97px; }
#main #flashcontent_error #global_navi li.accessory	{ width: 82px; }
#main #flashcontent_error #global_navi li.afterservice{ width: 104px; }
#main #flashcontent_error #global_navi li.about		{ width: 129px; }

#main #flashcontent_error #global_navi li.swc			{ width: 127px; padding: 0; }

#channel_player #flashcontent_error {
	padding:15px;
	font-size:85%;
	background-color:#0F141A;
}
#flashcontent_error ul li{
	list-style-type: disc;
	margin:5px 0px 5px 30px;
}
/* --------------------------------------------------
 01: information-block
 -------------------------------------------------- */
#information-block {
	margin: 0px 0px 15px 0px;
	padding: 12px 16px 4px 14px;
	font-size:85%;
	letter-spacing: 0;
	background-image:url(../common/images/top/Bg_info.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
#information-block .desc,
#information-block .subaru_news,
#information-block .campaign,
#information-block .event{
	float:left;
	height: 73px;
	overflow:hidden;
}
#information-block h3 {
	margin:0px 0px 5px 0px;
}
#information-block h4 {
	margin:0px 0px 2px 0px;
	font-weight:bold;
	background-image:url(../common/images/top/y_info.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
}
#information-block h4,
#information-block .detail {
	padding:0px 0px 0px 10px;
}
#information-block a         {color:#CFD4DA; text-decoration:underline;}
#information-block a:hover   {color:#CFD4DA; text-decoration:none;}
#information-block a:visited {color:#CFD4DA; text-decoration:underline;}

#information-block .desc{
	width:131px;
}
#information-block .desc h2{
	margin:0px 0px 17px 0px;
}
#information-block .desc ul li{
	float: left;
	margin:0px 6px 0px 0px;
	height:20px;
}

#information-block .subaru_news {
	width:274px;
}

#information-block .campaign {
	margin:0px 0px 0px 8px;
	width:274px;
}
#information-block .event {
	margin:0px 0px 0px 8px;
	width:275px;
}
/* --------------------------------------------------
 01: information-block
 -------------------------------------------------- */


#third-block {
	margin:0px 0px 19px 0px;
}
#third-block img{
	border: none;
	vertical-align:bottom;
}

#purchase {
	float:left;
	margin:0px 32px 0px 0px;
	width:525px;
	height:189px;
}
#purchase h2 {
	margin:0px 0px 0px 0px;
	padding:8px 0px 18px 17px;
	background-image:url(../common/images/top/Bg_title_purchase.jpg);
}
#purchase ul.main li{
	float:left;
	margin:0px 12px 0px 0px;
	width:122px;
}
#purchase ul.main li.last {margin:0px 0px 0px 0px;}

#purchase ul.sub{
	padding:13px 19px 10px 28px;
	background-image:url(../common/images/top/Bg_purchase.gif);
	background-position:left bottom;
	height:14px;
}
#purchase ul.sub li{float:left; height:14px;}
#purchase ul.sub li.compare {margin:0px 12px 0px 0px;}
#purchase ul.sub li.ucar {margin:0px 13px 0px 0px;}
#purchase ul.sub li.card {margin:0px 11px 0px 0px;}
#purchase ul.sub li.insurance {margin:0px 12px 0px 0px;}


#afterservice {
	float:right;
	margin:0px 0px 18px 0px;
	width:443px;
	height:56px;
}
#afterservice ul{
	padding:0px 13px 9px 15px;
	background-image:url(../common/images/top/Bg_afterservice.gif);
}
#afterservice li {
	float:left;
	margin:0px 14px 0px 0px;
}
#afterservice li.last {margin:0px 0px 0px 0px;}



#accessory {
	float:right;
	margin:0px 0px 0px 0px;
	width:443px;
	height:79px;
	background-color:#000;
}
#afterservice h2, #accessory h2 {
	background-image:url(../common/images/top/Bg_title.jpg);
	padding:8px 0px 9px 15px;
}
#accessory li {float:left;}
#accessory ul.main {
	padding:0px 0px 11px 0px;
	background-image:url(../common/images/top/Bg_accessory.gif);
}
#accessory ul.main li{
	margin:0px 10px 0px 0px;
}
#accessory ul.main li.last {margin:0px 0px 0px 0px;}
#accessory ul.main li.last {margin:0px 0px 0px 0px;}
/*
#accessory ul.sub {
	padding:12px 19px 10px 15px;
	background-image:url(../common/images/top/Bg_acc_sub.gif);
}
#accessory ul.sub li {float:left;}
#accessory ul.sub li.accnavi {margin-right:23px;}
#accessory ul.sub li.accaudio {margin-right:26px;}
#accessory ul.sub li.accmainte {margin-right:18px;}
*/


/* --------------------------------------------------
 01: second-block
 -------------------------------------------------- */
#second-block {
	margin:0px 0px 19px 0px;
}
#second-block #channel_subaru,
#second-block #future_contents,
#second-block #about{
	position: relative;
	float:left;
}
#second-block h2.title {
	background-image:url(../common/images/top/Bg_title_third.gif);
	padding:8px 0px 15px 15px;
}
#second-block p.icon {
	position: absolute;
	top: 5px;
	right: 7px;
}
#second-block p.list {
	position: absolute;
	top: 67px;
	right: 8px;
}
#channel_subaru {
	margin:0px 19px 0px 0px;
	width:360px;
	height:244px;
}
#channel_subaru .area {
	background-color:#0F141A;
}
#channel_subaru .mov {
	width:240px;
	float:left;
}
#channel_subaru dl {
	float:right;
	width:115px;
}
#future_contents {
	margin:0px 19px 0px 0px;
	width:360px;
	height:244px;
}
#future_contents .linkbox {
	margin:0px 0px 2px 0px;
}
#future_contents .linkbox .thum {
	float:left;
	padding:4px 8px 4px 5px;
	height:58px;
}
#future_contents .linkbox h3 {
	margin:0px 0px 0px 85px;
	padding:2px 5px 0px 0px;
	font-weight:bold;
	color:#236DB4;
}
#future_contents .linkbox .lead {
	margin:4px 5px 4px 85px;
	line-height:1.2;
	color:#CFD4DA;
}
.linkbox {
	background:#0F141A;
}
.hovering {
	background:#253140;
	cursor:pointer;
}
#future_contents .fullstory {
	font-size:0px;
}




#about {
	width:240px;
	height:243px;
}

#about li{
	display:block;
}
#about li img {
}
	



	
	



/*フッター*/
#foot {
	clear:both;
	width:100%;
	position:relative;
}


#top #foot #toTop {
	text-align:right;
	margin:0px 0px 8px 0px;
	padding:9px 0px 5px 0px;
	border-bottom:1px solid #4D4D4D;
}

#top #foot #footMenu {
	float:left;
	width:500px;
}

#top #foot #footMenu li {
	float:left;
	margin:0px 13px 0px 0px;
}
#top #foot #copyright {
	float:right;
	width:300px;
	text-align:right;
}