@charset "UTF-8";

/* --------------------------------------------------------
	Setting
-------------------------------------------------------- */

/*///// 共通設定 /////*/
* {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.Clear {
	clear: both;
}

/*///// イメージ /////*/
img {
	border-width:0;
	line-height:0;
	vertical-align:top;
	width:100%;
	height:auto;
}

/*///// リストスタイル /////*/
ul {
	list-style-type:none;
}

ol {
	list-style-type:decimal;
}

/*///// リンク /////*/
a {
        color: #189AD7;
	text-decoration: underline;
}

a:hover {
        color: #189AD7;
	text-decoration: none;
}

a:active {
        color: #189AD7;
}

a:visited {
        color: #189AD7;
}

/*///// レイアウト /////*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	font-size:14px;
	color:#222;
	background: url(../img/bg.jpg) repeat-x left top;
}

#Wrapper {
	width:100%;
	max-width:1380px;
	margin:0 auto;
	background: url(../img/right_bg01.jpg) repeat-y left -407px;
	background-size:100%;
}

#Wrapper02 {
	width:100%;
	max-width:1380px;
	margin:0 auto;
}

/* --------------------------------------------------------
	Header
-------------------------------------------------------- */
#Header-Wrap {
	width:100%;
	max-width:1380px;
	height:200px;
	background: url(../img/bg.jpg) repeat-x left top;
	margin:0 auto;
}

#Header {
	width:100%;
	max-width:1180px;
	height:200px;
	background: url(../img/header_bg.jpg) no-repeat left top;
	margin:0 auto;
}

/*---Logo---*/
#Logo a {
	float:left;
	width:24.57%;
	max-width:290px;
	height:110px;
	margin:58px 0px 0px 0px;
	text-indent:-9999px;
}

/* --------------------------------------------------------
	Navigation
-------------------------------------------------------- */
#Navi {
	height:auto;
	width:100%;
	max-width:300px;
}

#Navi img {
	vertical-align:top;
}

#Navi ul {
	height:auto;
	width:100%;
	max-width:300px;
}

#Navi li {
	list-style:none;
	padding:0 0 5%;
}
#Navi li a{
	transition:.3s;
}
#Navi li a:hover{
	opacity:.8;
}



/* --------------------------------------------------------
	Sitepath
-------------------------------------------------------- */
#Sitepath {
	width:100%;
	max-width:1000px;
	height:15px;
	margin:30px 0px 35px 0px;
}

#Sitepath li {
	padding:0px 15px 0px 5px;
	float: left;
	font-size:14px;
	background: url(../img/icon_sitepath.jpg) no-repeat right center;
}

#Sitepath li a {
	color: #0083CA;
	text-decoration: underline;
}

#Sitepath li.noarrows {
	background: none;
}

#Sitepath li a:hover {
	color: #0083CA;
	text-decoration: none;
}

/* --------------------------------------------------------
	Main
-------------------------------------------------------- */
#Container {
	width:100%;
	max-width:1180px;
	margin:0 auto;
	background: url(../img/right_bg02.jpg) repeat-y left -407px;
	background-size:100%;
}

#All-Content {
	width:100%;
	max-width:1180px;
}

#Left-Content {
	float:left;
	width:72.8%;
	max-width:860px;
}

#Right-Content {
	float:right;
	width:25.42%;
	max-width:300px;
}

.Cont {
	width:100%;
	max-width:820px;
	padding:0px 2.5%;
}

.L-Cont {
	float:left;
	width:46.34%;
	max-width:380px;
}

.R-Cont {
	float:right;
	width:51.2%;
	max-width:420px;
}

/*---お知らせ---*/
#Area_News {
	width:100%;
	max-width:860px;
	height:auto;
	background: url(../img/news_bg.jpg) no-repeat right top;
	margin:0px 0px 0px 0px;
	background-size:51.16%;
}

/*---見出し---*/
#All-Content h2 {
	font-size:22px;
	color:#FFF;
	background: #3398cc;
	line-height:48px;
	margin:0px 0px 20px 0px;
	padding:0 0.6em;
	border-radius:6px;
}

#Left-Content h2 {
	font-size:22px;
	color:#FFF;
	background: #3398cc;
	line-height:48px;
	margin:0px 0px 20px 0px;
	padding:0 0.6em;
	border-radius:6px;
}

#Left-Content h3 {
	font-size:22px;
	color:#FFF;
	background: #999;
	line-height:48px;
	margin:0px 0px 20px 0px;
	padding:0 0.6em;
	border-radius:6px;
}

/*---行間マージン設定---*/
.Space-Contour10 {
	height:10px;
	margin:0px 0px 0px 0px;
}

.Space-Contour20 {
	height:20px;
	margin:0px 0px 0px 0px;
}

.Space-Contour40 {
	height:40px;
	margin:0px 0px 0px 0px;
}

.Space-Contour60 {
	height:60px;
	margin:0px 0px 0px 0px;
}

/*---エレベーター・ナビ---*/
#float_menu_wrapper {
	width:100%;
	max-width:1180px;
	margin:0 auto;
	position:relative;
}

#float_menu_wrapper .float_menu {
	float:right;
	width:25.42%;
	max-width:300px;
	margin:0px 0px 0px 0px;
	position:relative;
}

#float_menu_wrapper .float_menu img {
	border:none;
}

/*---フェード画像---*/
#viewer {
	width: 100%;
	max-width: 1180px;
	/*height: 400px;*/
	padding-top:33.8%;
	overflow: hidden;
	position: relative;
}

/*---在庫情報・ボタン---*/
#Bnr_Carsensor a {
	display:block;
	width:94%;
	max-width:820px;
	margin:0 auto;
	transition:.3s;
}
#Bnr_Carsensor a:hover {
	opacity:.6;
}


/*---私たちのここをチェック！---*/
#Check {
	width:100%;
	max-width:860px;
	height:auto;
	background:url(../img/check_bg.jpg) no-repeat left top;
	background-size:100%;
}

#Check .L-Cont {
	padding-top:30%;
}

/*---文字設定---*/
.Txt-Em {
	font-size:30px;
	font-weight:bold;
}

/*---テキスト大---*/
.Txt-Bold {
	font-size: 18px;
	font-weight: bold;
	color: #0080CC;
}


/*---テーブル---*/
.table_frame_01 {
	width:420px;
}

.table_frame_01 .table01 {
	border-collapse:collapse;
}

.table_frame_01 table.table01 tr {
	border:1px solid #CCC;
}

.table_frame_01 table.table01 th {
	text-align:left;
	font-weight:normal;
	border:1px solid #CCC;
	padding:8px;
	width:25%;
}

.table_frame_01 table.table01 td {
	padding:8px;
	border:1px solid #CCC;
}

/*---テーブル（枠なし）---*/
.table_frame_02 {
	width:100%;
}

.table_frame_02 table.table02 {
	border-collapse:collapse;
}

.table_frame_02 table.table02 th {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	width:34%;
}

.table_frame_02 table.table02 td {
	padding:0px 0px 20px 0px;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

/*---ページの先頭へ---*/
.PageTop {
	clear:both;
	float:right;
	margin:0px 0px 10px 0px;
}

.PageTop a {
        color: #189AD7;
        text-decoration: underline;
}

.PageTop a:hover {
        color: #189AD7;
	text-decoration: none;
}

/*---コピーライト---*/
.Copy {
	text-align:center;
}

.sp{display:none;}



@media screen and (max-width:768px){

.pc{display:none;}
.sp{display:block;}

body {
	background: none;
	box-sizing:border-box;
}

/* --------------------------------------------------------
	Header
-------------------------------------------------------- */
#Header-Wrap {
	height:auto;
	background: none;
}


.L-Cont {
	float:none;
	width:94%;
	max-width:760px;
	margin:0 3%;
}

.R-Cont {
	float:none;
	width:94%;
	max-width:760px;
	margin:0 3%;
}

/*---文字設定---*/
.Txt-Em {
	font-size:20px;
	font-weight:bold;
}

/*---見出し---*/
#All-Content h2 {
	font-size:16px;
	line-height:36px;
	margin:0px 0px 20px 3%;
}
#Left-Content h2 {
	font-size:16px;
	line-height:36px;
	margin:0px 0px 20px 3%;
}
#Left-Content h3 {
	font-size:16px;
	line-height:36px;
	margin:0px 0px 20px 3%;
}

/*---テーブル---*/
.table_frame_01 {
	width:100%;
}

.table_frame_01 .table01 {
	border-collapse:collapse;
	width:100%;
	margin-top:20px;
}

.table_frame_01 table.table01 tr {
}

.table_frame_01 table.table01 th {
	border:none;
	box-sizing: border-box;
	width:33%;
	border-bottom:1px solid #ccc;
	padding:8px;
	font-size:12px;
	background:#f5f5f5;
}

.table_frame_01 table.table01 td {
	padding:8px;
	border:none;
	box-sizing: border-box;
	font-size:12px;
	width:67%;
}

/*---テーブル（枠なし）---*/
.table_frame_02 {
	width:100%;
}

.table_frame_02 table.table02 {
	width:100%;
}

.table_frame_02 table.table02 th {
	width:30%;
	font-size:12px;
	padding:0px 8px 20px 0px;
	box-sizing: border-box;
}

.table_frame_02 table.table02 td {
	width:70;
	padding:0px 0px 20px 0px;
	font-size:12px;
	box-sizing: border-box;
}


/*---コピーライト---*/
.Copy {
	font-size:8px;
}

/*---お知らせ---*/
.sp iframe{
	margin-top:10px;
	height:28%;
}

#All-Content p{
	padding:0 3%; 
}

}