@charset "utf-8";

/*
 *	-- Layout Style --
 *
 *	00.	Overwrite Reset Style
 *	01.	Layout Style
 *	02.	#top		：トップページスタイル設定
 *	03.	#feature	：特徴ページスタイル設定
 *	04.	#lineup		：ラインナップページスタイル設定
 *
 * - - - - - - - - - - - - - - - */

/*
 *	00.	Overwrite Reset Style
 */
a {
	color: #1559a1;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/*
 *	01.	Layout Style
 */
body {
	background: url(../images/bg_gradation.jpg) repeat-x left 136px;
}

#wrapperTop {
	background: url(../images/bg_header.jpg) repeat-x left top;
	width: 100%;
	height: 133px;
	border-bottom: 3px solid #fff200;
}

#header {
	width: 900px;
	height: 133px;
	margin: 0 auto;
	position: relative;
}

#header #siteID {
	padding-top: 30px;
}

#header #globalNav {
	width: 900px;
	height: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#header #globalNav li {
	float: left;
}

#header #globalNav li a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 225px;
	height: 48px;
}

#header #globalNav li:nth-child(1) a { background-image: url(../images/btn_globalNav_top_on.jpg); }
#header #globalNav li:nth-child(2) a { background-image: url(../images/btn_globalNav_feature_on.jpg); }
#header #globalNav li:nth-child(3) a { background-image: url(../images/btn_globalNav_lineup_on.jpg); }
#header #globalNav li:nth-child(4) a { background-image: url(../images/btn_globalNav_fit_on.jpg); }

#header p.carmateID {
	position: absolute;
	top: 37px;
	right: 2px;
}

#header p#description {
	color: #fff;
	position: absolute;
	top: 60px;
	right: 2px;
}

#wrapperMiddle {
	background: url(../images/bg_water.jpg) no-repeat right top;
	padding-top: 26px;
}

#wrapperMiddle #contentsArea {
	width: 910px;
	margin: 0 auto;
}

#wrapperMiddle #contentsArea #subNav {
	width: 645px;
	margin: 0 auto;
}

#wrapperMiddle #contentsArea #subNav ul {
	width: 645px;
	overflow: hidden;
}

#wrapperMiddle #contentsArea #subNav ul li {
	display: inline;
	float: left;
	width: 288px;
	height: 55px;
	margin: 0 17px;
}

#wrapperMiddle #contentsArea #subNav ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#wrapperMiddle #contentsArea #subNav ul li:first-child a {
	background: url(../images/btn_forLineup_on.png) no-repeat left top;
}

#wrapperMiddle #contentsArea #subNav ul li:last-child a {
	background: url(../images/btn_forFit_on.png) no-repeat left top;
}

#wrapperMiddle #contentsArea #subNav ul li a img {
	background-color: transparent;
}

#wrapperMiddle #contentsArea p#pageTop {
	padding: 22px 5px 16px 0;
	text-align: right;
}

#wrapperBottom {
	background-color: #567a8f;
	width: 100%;
}

#footerTop {
	background: url(../images/bg_footerTop.gif) repeat-x left top;
	width: 100%;
	height: 71px;
	padding-top: 9px;
	text-align: center;
}

#footer {
	width: 900px;
	height: 144px;
	padding-top: 9px;
	margin: 0 auto;
	position: relative;
}

#footer dl#itemLineup {
	width: 906px;
	margin-bottom: 13px;
	overflow: hidden;
}

#footer dl#itemLineup dt {
	float: left;
	padding-top: 6px;
}

#footer dl#itemLineup dd {
	float: left;
	padding-left: 42px;
}

#footer dl#itemLineup dd:last-child {
	padding-left: 38px;
}

#footer p#copyRight {
	color: #fff;
}

#footer p.carmateID {
	position: absolute;
	right: 1px;
	bottom: 20px;
}


/*
 *	02.	#top		：トップページスタイル設定
 */
#top #mainVisual {
	width: 910px;
	height: 387px;
	margin-bottom: 13px;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_main.png) no-repeat;
}

#mainVisual .wiper{
	position: absolute;
	top:-6px;
	left:-905px;
}
#mainVisual .aqua{
	position: absolute;
	top:35px;
	left:-900px;
	z-index: 5;
}
#mainVisual .itemList{
	position: absolute;
	bottom:11px;
	right:5px;
	display:none;
}
#mainVisual .stylish{
	position: absolute;
	top:22px;
	right:-900px;
	z-index:30;
}
#mainVisual .no1{
	position: absolute;
	top:16px;
	left:29px;
	z-index:30;
	display: none;
}



#top #mainVisual p {
	width: 500px;
	height: 60px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	position: absolute;
	top: 283px;
	left: 45px;
	zoom: 1;
	z-index:99;
}

#top #aerobladeArea {
	background: url(../images/top_bg_frame_silver.png) no-repeat left top;
	width: 865px;
	height: 335px;
	padding: 25px 0 0 45px;
	margin-bottom: 15px;
}

#top #aerobladeArea h2 {
	margin-bottom: 5px;
}

#top #aerobladeArea p.description {
	font-weight: bold;
}

#top #aerobladeArea ul {
	padding-top: 5px;
	margin-bottom: 1px;
	overflow: hidden;
}

#top #aerobladeArea ul li {
	float: left;
	margin-right: 10px;
}

#top #aerobladeArea p.btn {
	width: 368px;
	height: 54px;
	margin: 0 auto;
	text-align: center;
}

#top #aerobladeArea p.btn a {
	background: url(../images/top_btn_forFeature_on.png) no-repeat left top;
	display: block;
	width: 100%;
	height: 100%;
}

#top #aerobladeArea p.btn a img {
	background-color: #fff;
}

#top #fitArea {
	background: url(../images/top_bg_frame_blue.png) no-repeat left top;
	width: 865px;
	height: 235px;
	padding: 25px 0 0 45px;
	position: relative;
}

#top #fitArea h2 {
	margin-bottom: 5px;
}

#top #fitArea p.description {
	padding-left: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.08em;
	line-height: 1.7;
}

#top #fitArea .balloon {
	position: absolute;
	top: 12px;
	right: 19px;
}


/*
 *	03.	#feature	：特徴ページスタイル設定
 */
#feature h2 {
	margin-bottom: 14px;
}

#feature #featureArea {
	background: url(../images/feature_bg_frame_silver.png) no-repeat left top;
	width: 849px;
	height: 1052px;
	padding: 56px 0 0 61px;
}

#feature #featureArea h3 {
	margin-bottom: 20px;
}

#feature #featureArea #cntFit {
	width: 790px;
	margin-bottom: 40px;
}

#feature #featureArea #cntFit section {
	padding-top: 24px;
	overflow: hidden;
}

#feature #featureArea #cntFit section h4 {
	margin-bottom: 23px;
}

#feature #featureArea #cntFit section p.repellent01 {
	float: left;
	margin-right: 30px;
}

#feature #featureArea #cntFit section p.repellent02 {
	float: left;
}

#feature #featureArea #cntCover {
	width: 790px;
	margin-bottom: 35px;
	overflow: hidden;
}

#feature #featureArea #cntCover h3 {
	margin-bottom: 9px;
}

#feature #featureArea #cntCover img.imgR {
	float: right;
	margin-right: -5px;
}

#feature #featureArea #cntCover p {
	margin-left: -6px;
}

#feature #featureArea #cntCover p.description {
	padding-top: 28px;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.7;
}

#feature #featureArea #cntUniblade {
	width: 790px;
	margin-bottom: 17px;
	overflow: hidden;
}

#feature #featureArea #cntUniblade h3 {
	margin-bottom: 20px;
}

#feature #featureArea #cntUniblade img.imgR {
	float: right;
	margin-right: -4px;
}

#feature #featureArea #cntUniblade p {
	margin-left: -6px;
}

#feature #featureArea #cntUniblade p.description {
	padding-top: 20px;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.7;
}

#feature #featureArea #cntUniblade p.note {
	margin-left: 0;
	margin-bottom: 20px;
	font-size: 0.92em;
	line-height: 1.5;
}


/*
 *	04.	#lineup	：ラインナップページスタイル設定
 */
#lineup h2 {
	margin-bottom: 14px;
}

#lineup #lineupArea {
	background: url(../images/lineup_bg_frame_silver.png) no-repeat left top;
	width: 849px;
	height: 1339px;
	padding: 56px 0 0 61px;
}

#lineup #lineupArea #cntAeroblade,
#lineup #lineupArea #cntKaegomu {
	width: 800px;
}

#lineup #lineupArea #cntAeroblade {
	margin-bottom: 72px;
}

#lineup #lineupArea p.openPrice {
	margin-top: -23px;
	margin-bottom: 6px;
	text-align: right;
}

#lineup #lineupArea table {
	width: 798px;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #cccccc;
	*border-collapse: collapse;
}

#lineup #lineupArea table tr th {
	height: 38px;
	color: #fff;
	text-align: center;
}

#lineup #lineupArea table tr th.length {
	background: url(../images/lineup_bg_thLeft.jpg) no-repeat left top;
	width: 99px;
	border-right: 1px solid #225ea3;
}

#lineup #lineupArea table tr th.number {
	background: url(../images/lineup_bg_thCenter.jpg) repeat-x left top;
	width: 188px;
	border-right: 1px solid #225ea3;
	border-left: 1px solid #2b91cb;
}

#lineup #lineupArea table tr th.code {
	background: url(../images/lineup_bg_thRight.jpg) no-repeat left top;
	width: 178px;
	border-left: 1px solid #2b91cb;
}

#lineup #lineupArea table tr td {
	background: url(../images/lineup_bg_td.jpg) repeat-x left top;
	height: 39px;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #fff;
}

#lineup #lineupArea table tr td:first-child {
	border-left: none;
}

#lineup #lineupArea table tr td a {
	font-weight: bold;
}

#lineup #lineupArea p.forFit {
	padding: 8px 3px 0 0;
	text-align: right;
}

#lineup #lineupArea p.forFit a {
	background: url(../images/lineup_ico_arrow.gif) no-repeat left center;
	padding-left: 10px;
}