@charset "utf-8";
/* layout */

* {
	margin: 0;
	padding: 0;
	list-style: none;
}
a img {
	border: none;
}
table {
	border-collapse: collapse;
}
img, fieldset {
	border: none;
}
img {
	vertical-align: top;
}
h3 {
	font-size: 125%;
	font-weight: bold;
	background-image: url(../img/smallmark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 25px;
}

/* リンク
----------------------------------*/
a:link {
	color: #FFF;
	border: none;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #FFF;
	border: none;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #FF0;
	border: none;
	text-decoration: none;
	outline: none;
}
a:active {
	color: #FF0;
	border: none;
	text-decoration: none;
	outline: none;
	font-family: Tahoma;
}

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 75%;
	line-height: 2;
}
#all {
	width: 985px;
	padding: 0px 33px;
	background-image:url(../img/index_back.png);
	background-repeat: repeat-y;
	background-color: #000000;
	margin: 0px auto;
}

#header {
	width: 900px;
	position: relative;
	left: 10px;
	top: 0px;
}
#header h1 {
	padding-top: 10px;
}
#header p {
	font-size: 100%;
	text-decoration: none;
	line-height: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* ヘッダサブナビ
----------------------------------*/
#header #subnavi {
	color: #FFF;
	text-decoration: none;
	position: absolute;
	top: 35px;
	right: 7px;
}
#header #subnavi li {
	display: inline;
}
#header #subnavi li span {
	margin-right: 1em;
	margin-left: 1em;
}

#header #subnavi li a {
	color: #FFF;
	text-decoration: none;
}
#header #subnavi li a:hover {
	color: #F09;
	text-decoration: none;
	font-family: 95;
}
#header #search {
	position: absolute;
	top: 10px;
	right: 10px;
}
#header #search span {
	margin-right: 1em;
	margin-left: 1em;
}

/* ヘッダ言語
----------------------------------*/
#header #search #lang {
	text-decoration: none;
	height: 28px;
}
#header #lang {
	text-decoration: none;
}
#header #lang li {
	display: inline;
}
#header #lang li a {
	color: #FFF;
	text-decoration: none;
}
#header #search #lang li a:hover {
	color: #F09;
	text-decoration: none;
}
#header #search #form1 {

}
p#clear {
	clear: both;
}


/* メイングラフィック
----------------------------------*/
#content {
	width: 895px;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 15px;
	padding-left: 13px;
}
#content_sp {
	width: 895px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #900;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #900;
}
#content_sp a {
	color: #FF0;
}
#content_ax {
	width: 895px;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #090;
}
#content_dr {
	width: 895px;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF0;
}
#content_ph {
	width: 895px;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0CF;
}
#content_ph a {
	color: #0FF;
}
#content_tr {
	width: 895px;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 10px;
}

#maingraphic_sp {
	margin-left: 13px;
	background-image: url(../img/topimage_sp.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}
#maingraphic_dr {
	margin-left: 13px;
	background-image: url(../img/topimage_dr.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}
#maingraphic_ax {
	margin-left: 13px;
	background-image: url(../img/topimage_ax.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}
#maingraphic_ph {
	margin-left: 13px;
	background-image: url(../img/topimage_ph.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}
#maingraphic_tr {
	margin-left: 13px;
	background-image: url(../img/topimage_tr.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}

img#main {
	float: left;
	margin-top: 10px;
}

.arrow{
	font-size: 150%;
}


/* Durangoページのメイングラフィック
----------------------------------*/
#maingraphic_DEX410 {
	margin-left: 13px;
	background-image: url(../img/topimage_ax.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}
#maingraphic_DEX410R {
	margin-left: 13px;
	background-image: url(../img/topimage_ph.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}
#maingraphic_DNX410 {
	margin-left: 13px;
	background-image: url(../img/topimage_tr.jpg);
	background-repeat: no-repeat;
	width: 895px;
	height: 315px;
	position: relative;
}


/* ブランド切り替え
----------------------------------*/
ul#blandchange li#menu1 {
	position:absolute;
	left:300px;
	top:280px;
}

ul#blandchange li#menu2 {
	position:absolute;
	left:450px;
	top:280px;
}

ul#blandchange li#menu3 {
	position:absolute;
	left:600px;
	top:280px;
}

ul#blandchange li#menu4 {
	position:absolute;
	left:700px;
	top:280px;
}

ul#blandchange li#menu5 {
	position:absolute;
	left:800px;
	top:280px;
}
ul#blandchange li a {
  display: block;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  outline: none;
  color: #FFF;
}
ul#blandchange li a:hover {
  display: block;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  outline: none;
  color: #FF0;
}
#kinkyunews {
	width: 900px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #900;
	margin-top: 25px;
	padding-top: 5px;
	line-height: 1.3em;
}
#kinkyunews p em {
	color: #FF0;
	font-style: normal;
}



/* 最新情報バナー
----------------------------------*/
#leftside {
	float: left;
	width: 553px;
}
#newtopics {
	float: left;
	width: 523px;
	border: 1px solid #333333;
	padding: 15px;
	margin-top: 15px;
}
#newtopics p.banner {
	padding-bottom: 12px;
}
#newtopics p.bannerlast {
	padding-bottom: 0px;
}
#newtopics p.commentlast {
	line-height: 1.3em;
	font-size: 95%;
	padding-top: 5px;
}
/* IE7へ指定 */
*+html #newtopics p.comment {
	line-height: 1.3em;
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 10px;
}
/* IE7へ指定 */
*+html #newtopics p.commentlast {
	line-height: 1.3em;
	font-size: 80%;
	padding-top: 5px;
}

/* 更新情報 
----------------------------------*/
#infomation {
	float: left;
	width: 523px;
	border: 1px solid #333333;
	padding: 15px;
	margin-top: 12px;
}
#infomation #infotable {
	width: 520px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#infomation #infotable em {
	font-style: normal;
	color: #F00;
}

#infomation #infotable tr td.info_a {
	width: 100px;
	padding-left: 15px;
	line-height: 1.3em;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
#infomation #infotable tr td.info_b {
	width: 80px;
	line-height: 1.3em;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
#infomation #infotable tr td.info_c {
	width: 340px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.3em;
	font-size: 95%;
}
/* IE7へ指定 */
*+html #infomation #infotable tr td.info_c {
	width: 340px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.3em;
	font-size: 80%;
}
#infomation #infotable tr td a {
	color: #FFF;
	text-decoration: underline;
}
#infomation #infotable tr td a:hover {
	color: #FF0;
	text-decoration: underline;
}


/* 更新情報 タブ
----------------------------------*/
#infomation #tabs {
	padding-top: 10px;
}
#infomation #tabs #tab1 {
	height: 250px;
	width: 487px;
	overflow: auto;
	border: 1px solid #333333;
	line-height: 1.3em;
	font-size: 95%;
}
/* IE7へ指定 */
*+html #infomation #tabs #tab1 {
	height: 250px;
	width: 487px;
	overflow: auto;
	border: 1px solid #333333;
	line-height: 1.3em;
	font-size: 80%;
}
#infomation #tabs #tab2 {
	height: 250px;
	width: 487px;
	overflow: auto;
	border: 1px solid #333333;
	line-height: 1.3em;
	font-size: 95%;
}
/* IE7へ指定 */
*+html #infomation #tabs #tab2 {
	height: 250px;
	width: 487px;
	overflow: auto;
	border: 1px solid #333333;
	line-height: 1.3em;
	font-size: 80%;
}
#infomation #tabs #tab3 {
	height: 250px;
	width: 487px;
	overflow: auto;
	border: 1px solid #333333;
	line-height: 1.3em;
	font-size: 95%;
}
/* IE7へ指定 */
*+html #infomation #tabs #tab3 {
	height: 250px;
	width: 487px;
	overflow: auto;
	border: 1px solid #333333;
	line-height: 1.3em;
	font-size: 80%;
}
#infomation #tabs dl dd {
	padding-left: 10px;
}
#infomation #tabs dl dd a {
	color: #FFF;
	text-decoration: underline;
}
#infomation #tabs dl dd a:hover {
	color: #FF0;
	text-decoration: underline;
}
#infomation #tabs #tab3 #infoc_table {
	width: 470px;
}
#infomation #tabs #tab3 #infoc_a {
	width: 50px;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-size: 95%;
}
/* IE7へ指定 */
*+html #infomation #tabs #tab3 #infoc_a {
	width: 50px;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-size: 100%;
}
#infomation #tabs #tab3 #infoc_b {
	width: 50px;
	vertical-align: top;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-size: 95%;
}
#infomation #tabs #tab3 #infoc_c {
	width: 350px;
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-size: 95%;
}
/* IE7へ指定 */
*+html #infomation #tabs #tab3 #infoc_c {
	width: 350px;
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-size: 100%;
}
#infomation #tabs dl dd em {
	color: #F00;
	font-style: normal;
}

/* IE7以外のブラウザへ標準指定 */
body {
 font-size: 12px;
}
/* IE7へ指定 */
*+html body {
 font-size: 76%;
}


/* ブランド別 
----------------------------------*/
#brand {
	float: right;
	width: 330px;
	margin-top: 15px;
}
#brand #name {
	border: 1px solid #333333;
	padding: 15px;
	height: 305px;
}
#brand #name ul#brandname {
	margin-top: 10px;
}
#brand #name ul#brandname li#brandnametop {
	padding-top: 0px;
}
#brand #name ul#brandname li {
	padding-top: 10px;
}
#brand #name ul#brandname li  a {
	outline: none;
}

/* トピック
----------------------------------*/
#brand ul#topic {
	border: 1px solid #333333;
	display: inline-block; /*  for IE7 */
	margin-top: 12px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#brand ul#topic li {
	float:left;
	margin-right:4px;
	margin-bottom: 5px;
	margin-top: 3px;
}
#brand ul#topic li a {
	outline: none;
}


/* other
----------------------------------*/
#brand ul#other {
	border: 1px solid #333333;
	display: inline-block; /*  for IE7 */
	margin-top: 14px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
}
#brand ul#other  li {
	float: left;
	margin-right: 4px;
	margin-bottom: 0;
	margin-top: 0;
}
#brand ul#other  li a {
	outline: none;
}


/* フッタ１
----------------------------------*/
#footer {
	clear: both;
	width: 900px;
	margin-left: 10px;
	padding-top: 20px;
}
#footer ul {
	float: right;
}

#footer ul li {
	display:inline;
	width: 100%;
}
#footer ul li a {
	color: #FFF;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #F06;
	text-decoration: none;
}

#footer ul li span {
	padding-right: 10px;
	padding-left: 10px;
}


/* フッタ２ 
----------------------------------*/
#footer2 {
	clear: both;
	width: 900px;
	margin-left: 10px;
	padding-bottom: 30px;
	position: relative;
}
#footer2 p {
	text-align: right;
	clear: both;
}
#footer2 address {
	font-style: normal;
	position: absolute;
	top: 0px;
}
#footer2 p a {
	text-decoration: none;
}
#footer2 p a:hover {
	color: #F06;
	text-decoration: none;
}
#maingraphic ul#alphamenu {
	position: absolute;
	width: 200px;
	top: 10px;
	right: 30px;
}
#maingraphic ul#alphamenu li {
	margin-bottom: 5px;
	text-indent: -9999px;
}

#maingraphic ul#alphamenu li a {
	display: block;
	height: 50px;
	width: 225px;
	outline: none;
}
#maingraphic ul#alphamenu2 {
	position: absolute;
	width: 555px;
	top: 10px;
	padding-left: 0px;
}
#maingraphic ul#alphamenu2 li {
	margin-bottom: 5px;
	text-indent: -9999px;
}

#maingraphic ul#alphamenu2 li a {
	display: block;
	height: 250px;
	width: 555px;
	outline: none;
}
#maingraphic ul#alphamenu3 {
	position: absolute;
	width: 250px;
	top: 10px;
	margin-left: 555px;
}
#maingraphic ul#alphamenu3 li {
	margin-bottom: 5px;
	text-indent: -9999px;
}

#maingraphic ul#alphamenu3 li a {
	display: block;
	height: 100px;
	width: 250px;
	outline: none;
}
#maingraphic ul#alphamenu4 {
	position: absolute;
	width: 150px;
	top: 110px;
	margin-left: 740px;
}
#maingraphic ul#alphamenu4 li {
	margin-bottom: 5px;
	text-indent: -9999px;
}

#maingraphic ul#alphamenu4 li a {
	display: block;
	height: 150px;
	width: 150px;
	outline: none;
}


/* Durangoページのメイン画像リンク
----------------------------------*/
#dr_maingraphic ul#alphamenu_dr_DEX410 {
	position: absolute;
	width: 243px;
	top: 10px;
	padding-left: 0px;
	margin-left: 0px;
}
/* IE7へ指定 */
*+html #dr_maingraphic ul#alphamenu_dr_DEX410 {
	position: absolute;
	width: 243px;
	top: 10px;
	padding-left: 0px;
	margin-left: -360px;
}
#dr_maingraphic ul#alphamenu_dr_DEX410 li {
	margin-bottom: 5px;
	text-indent: -9999px;
}
#dr_maingraphic ul#alphamenu_dr_DEX410 li a {
	display: block;
	height: 320px;
	width: 243px;
	outline: none;
}
#dr_maingraphic ul#alphamenu_dr_DEX410R {
	position: absolute;
	width: 243px;
	top: 10px;
	padding-left: 0px;
	margin-left: 243px;
}
/* IE7へ指定 */
*+html #dr_maingraphic ul#alphamenu_dr_DEX410R {
	position: absolute;
	width: 243px;
	top: 10px;
	padding-left: 0px;
	margin-left: -117px;
}
#dr_maingraphic ul#alphamenu_dr_DEX410R li {
	margin-bottom: 5px;
	text-indent: -9999px;
}
#dr_maingraphic ul#alphamenu_dr_DEX410R li a {
	display: block;
	height: 320px;
	width: 243px;
	outline: none;
}
#dr_maingraphic ul#alphamenu_dr_DNX410 {
	position: absolute;
	width: 243px;
	top: 10px;
	padding-left: 0px;
	margin-left: 486px;
}
/* IE7へ指定 */
*+html #dr_maingraphic ul#alphamenu_dr_DNX410 {
	position: absolute;
	width: 243px;
	top: 10px;
	padding-left: 0px;
	margin-left: 126px;
}
#dr_maingraphic ul#alphamenu_dr_DNX410 li {
	margin-bottom: 5px;
	text-indent: -9999px;
}
#dr_maingraphic ul#alphamenu_dr_DNX410 li a {
	display: block;
	height: 320px;
	width: 243px;
	outline: none;
}