﻿@charset "utf-8";
/* CSS Document */

/* formatting style
---------------------------*/

* {
	font-style: normal;
	margin: 0;
	padding: 0;
}

body {
	color: #FFF;
	background-color: #000816;
	font: 18px/1.4 "ＭＳ Ｐ明朝";
	letter-spacing: 1px;
}

/* basic layout 
---------------------------*/

#container {
	margin: 0px auto;
	width: 950px;
	height: 100%;
}

img {
	border-style: none;
	vertical-align: top;
}

a {
	outline: 0;
}


.clearfix:after {
    content: ".";  
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#header,
#whats_itabako,
#news
#spec,
#catalog,
#lineup_1,
#lineup_1_2,
#lineup_2,
#lineup_3 {
	position: relative;
}

.img_absolute {
	position: absolute;
	left: 0px;
	top: 0px;
}


dl {
	padding-left: 100px;
	padding-top: 20px;
	font-size: 120%;
}
dl dt {
	float: left;
}

/* header styles 
---------------------------*/

#header {
	height: 90px;

}

/* navi styles 
---------------------------*/
#nav {  
     background:url(../images/toppage/nav-bg.jpg) no-repeat left top;  
     width:950px;  
     height:53px;  
}  
#nav li {  
     float:left;  
     list-style:none;  
}  
a img {  
     border:none;  
}  


/* header2 styles 
---------------------------*/

#header2 {
	height: 510px;
	background: url(../images/toppage/top_bg_head.jpg);
}
.header2_img {
	margin-top: 10px;
	margin-left: 17px;
	height: 101px;
	width: 201px;
}

#header2 #itatou_js {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	height: 500px;
	width: 700px;
}
.logbox
      {
	margin-left:auto;
	width: 750px;
	margin-right: auto;
	margin-top: 50px;
	font: 20px/2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	letter-spacing: 0em;
	vertical-align: middle;
      }
.spec_sub {
	vertical-align: -5%;
}


/* whats_itabako styles 
---------------------------*/

#whats_itabako {
	height: 294px;
}

/* news styles 
---------------------------*/

#news {
	background: url(../images/toppage/top_bg_news.jpg) no-repeat 0px 54px;
	height: 333px;
}

/* spec styles 
---------------------------*/

#spec {
	background: url(../images/toppage/top_bg_spec.jpg) no-repeat 0px 54px;
	height: 2190px;
}

#spec .spec_table {
	margin-right: auto;
	margin-left: auto;
	width: 890px;
}

#spec .spec_table_part {
	width: 890px;
	height: 245px;
	margin-bottom: 20px;
}
#spec .spec_table_part2 {
	width: 890px;
	height: 120px;
	margin-bottom: 10px;
}
#spec .rc_img_left  {
	vertical-align: top;
	float: left;
}
#spec .rc_img_right {
	float: right;
	vertical-align: bottom;
	margin-top: -140px;
	margin-right: 7px;
}

#spec .p_1 {
	margin-left: 340px;
}
#spec .p_2  {
	margin-left: 40px;
	margin-right: 350px;
}
#spec .p_3 {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	vertical-align: middle;
}
#spec .img_bottom {
	padding-top: 10px;
}

/* catalog styles 
---------------------------*/
#catalog {
	page-break-before: always;
height: 854px;
font-size:50%
margin-bottom: 0px;
}


/* lineup styles 
---------------------------*/
#lineup_1 {
	width: 950px;
	height: 634px;
}
.img_absolute2 {
	position: absolute;
	left: 0px;
	top: 54px;
}

#lineup_1_2{
	height: 580px;
}
#lineup_2 {
	height: 595px;
}
#lineup_3 {
	height: 325px;
}

