@charset "Shift-jis";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
word-break:normal;
}
body{ background: url(../img_cmn/bg_head.jpg) repeat-x left top; }
div#conteiner { width: 1000px; margin:0 auto; }
/* テキスト */
.txtgrn{ color:#006600; line-height:120%; }
div#conteiner { line-height:175%; }
/* リンク -------------------------------------------------------------------*/
/* 全体のリンク */
a:link { color: #006600; text-decoration: underline; }
a:visited { color: #006600; text-decoration: underline; }
a:active { color: #006600; text-decoration: none; }
a:hover { color: #006600; text-decoration: none; }
/* ヘッダー -----------------------------------------------------------------*/
div#header { width: 1000px; height: 97px; padding-top: 10px; background: url(../img_cmn/bg_head_cont.jpg) no-repeat left top; }
div#header #header_left{ width: 191px; padding-left: 50px; text-align: left; float: left; }
div#header #header_left img.vacanza{ margin-top: 5px; }
div#header #header_right{ width: 694px; padding-right: 50px; float: right; }
div#header #header_right .left { padding-top: 55px; float: left; }
div#header #header_right .right { text-align: right; float: right; }
div#header #header_right .right form select.backnumber { border: #7F9DB9 1px solid; }
div#header #header_right .right #btntop{ margin-top:17px;}
/* コンテンツ ---------------------------------------------------------------*/
/**** index.html ****/
div#contents { width: 900px; margin: 25px 0 45px; margin-left: auto; margin-right:auto; display:table; }
div#contents div#topswf { width: 900px; height:350px; background-color:#ffffff; }
/*--- リード */
div#contents div#lead { width:900px; margin-top: 15px;}
div#contents div#lead div.text { width: 560px; margin-right:20px; float: left;}
div#contents div#lead div.text p { line-height:150%; }
div#contents div#lead div.photo { width: 300px; padding:10px; font-size: 90%; background-color: #E7F3CE; float: right;}
div#contents div#lead div.photo img { margin-bottom:5px; }
div#contents div#lead div.photo div.left { width: 150px; text-align: center; float: left; }
div#contents div#lead div.photo div.right { line-height:150%; width: 140px; float:right; }
/*--- タイトル */
div#contents div.titleline1 { width: 894px; padding:2px; border: #6FB715 1px double;clear:both; margin-top: 20px; }
div#contents div.titleline2 { width: 894px; padding:2px; border: #6FB715 1px double;clear:both; margin-top: 45px; }
div#contents div.title { width: 894px; background-color:#A2D13D; }
/*--- サブタイトル */
div#contents div.subtit { margin-top: 20px; }
div#contents div.subtit div.left { float: left; vertical-align: top; }
div#contents div.subtit div.right { float: right; vertical-align: top; }
div#contents div.subtit div.right img.asea { margin-right: 20px; }
/*--- ムービーエリア */
div#contents div#movie { margin-top: 20px; padding-left: 190px; background: url(../chapter1/img/movie_bg.jpg) left top no-repeat; }
div#contents div#movie div#movieswf { width: 710px; height:417px; margin-top: 20px; background-color:#ffffff; }
/*------- chapter2 */
div#contents div#movie2 { margin-top: 20px; background: url(../chapter2/img/movie_bg.jpg) left top no-repeat; }
div#contents div#movie2 div#movietxt { padding-left: 462px;}
div#contents div#movie2 div#movieswf { width: 900px; height:417px; margin-top: 20px; background-color:#ffffff; }
/*------- chapter3 */
div#contents div#movie3 { margin-top: 20px; background: url(../chapter3/img/movie_bg.jpg) left top no-repeat; }
div#contents div#movie3 div#movietxt { padding-left: 462px;}
div#contents div#movie3 div#movieswf { width: 900px; height:417px; margin-top: 20px; background-color:#ffffff; }
/*--- アコーディオン共通 */
div#contents div#accordion div.title { width: 900px; margin: 15px 0 -5px; }
div#contents div#accordion div.ac_cont table td { vertical-align:top; }
div#contents div#accordion div.ac_cont p.stext { font-size:80%; line-height:150%; padding:0; margin:5px 0 10px; text-align:center; }
/*------ アコーディオン左揃え */
div#contents div#accordion div.ac_l { width: 900px; margin-top:10px; padding-top:19px; background: url(../img_cmn/ac_head_ptn1.gif) left top no-repeat; }
div#contents div#accordion div.ac_l div.ac_cont { width: 900px; padding-top: 5px; background: #D0E89E url(../img_cmn/ac_cont_head_right.gif) left top no-repeat; margin-right:3px; vertical-align:top; }
div#contents div#accordion div.ac_l div.ac_cont table { width: 900px; background: #D0E89E url(../img_cmn/ac_cont_right.gif) right top repeat-y;}
div#contents div#accordion div.ac_l div.ac_cont table td.left { vertical-align: bottom; }
div#contents div#accordion div.ac_l div.ac_cont table td.img { vertical-align:bottom; }
div#contents div#accordion div.ac_l div.ac_cont table div.left { width: 225px; padding-left: 15px; float:left; }
div#contents div#accordion div.ac_l div.ac_cont table div.right { width: 455px; padding: 0 20px 0 0px; float:right; }
div#contents div#accordion div.ac_l div.ac_foot1 { width: 900px; height:22px; background: url(../img_cmn/ac_foot_ptn1.gif) left bottom no-repeat; }
div#contents div#accordion div.ac_l div.ac_cont table.threeclm div.txt { padding: 0 20px 15px;}
div#contents div#accordion div.ac_l div.ac_cont table.threeclm td.leftphoto { padding-left: 15px; text-align: center; }
div#contents div#accordion div.ac_l div.ac_cont table.threeclm td.middlephoto { text-align: center; }
div#contents div#accordion div.ac_l div.ac_cont table.threeclm td.rightphoto { padding-right: 17px; text-align: center; }
/*------ アコーディオン右揃え */
div#contents div#accordion div.ac_r { width: 900px; margin-top:10px; padding-top:19px; background: url(../img_cmn/ac_head_ptn2.gif) left top no-repeat; }
div#contents div#accordion div.ac_r div.ac_cont { width: 900px; padding-top: 5px; background: #D0E89E url(../img_cmn/ac_cont_head_left.gif) left top no-repeat; margin-right:3px; }
div#contents div#accordion div.ac_r div.ac_cont table { width: 900px; background: #D0E89E url(../img_cmn/ac_cont_left.gif) left top repeat-y;}
div#contents div#accordion div.ac_r div.ac_cont table td.img { text-align: right; vertical-align:bottom; }
div#contents div#accordion div.ac_r div.ac_cont table td div.left { width: 225px; padding-left: 15px; float:left; }
div#contents div#accordion div.ac_r div.ac_cont table td div.right { width: 455px; padding: 0 15px 0 0px; float:right; }
div#contents div#accordion div.ac_r div.ac_foot2 { width: 900px; height:22px; background: url(../img_cmn/ac_foot_ptn2.gif) left bottom no-repeat; }
/*------ アコーディオン全体 */
div#contents div#accordion div.ac_c { width: 900px; margin-top:10px; padding-top:20px; background: url(../img_cmn/ac_head_ptn.gif) left top no-repeat; }
div#contents div#accordion div.ac_c div.ac_cont { width: 860px; padding: 0 20px; background: #D0E89E url(../img_cmn/ac_cont.gif) left top repeat-y; }
div#contents div#accordion div.ac_c div.ac_cont div.left { width: 240px; float:left; }
div#contents div#accordion div.ac_c div.ac_cont div.right { width: 605px; float:right; }
div#contents div#accordion div.ac_c div.ac_foot { width: 900px; height:22px; background: url(../img_cmn/ac_foot_ptn.gif) left bottom no-repeat; }
/*--------- 車酔いしにくくなるメカニズムFLASH */
div#contents div#accordion div.ac_r div.ac_cont table td div.carswfbox { width: 450px; font-size: 80%; text-align:right; float:left; }
div#contents div#accordion div.ac_r div.ac_cont table td div.carswfbox div.left { width: 200px; padding-left: 20px; float:left;}
div#contents div#accordion div.ac_r div.ac_cont table td div.carswfbox div.right { width: 200px; padding: 0 15px; float:left;}
div#contents div#accordion div.ac_r div.ac_cont table td div.carright { width: 280px; padding-right: 15px; float:left; }
/*--- ラインナップ */
div#contents div.lineup { margin-top: 30px; }
/**** lineup.html ****/
/*--- タイトル */
div#contents div.lineuptitle { width: 900px; background: #E8F3CE url(../img_cmn/lineuptit_head_bg.gif) left top repeat-y; }
div#contents div.lineuptitle img.cap { margin: 0 0 10px 15px; }
div#contents div.lineupsubtit { width: 900px; background: #A2D13D url(../img_cmn/lineuptit_foot_bg.gif) left top repeat-y; }
div#contents div.lineupsubtit img#back { margin: 0 0 10px 7px; }
/*--- パーツ概要 */
div#contents div.lineupcontbox { width: 900px; margin: 15px 0 0; background-color: #D0E89E; }
div#contents div.lineupcont { padding: 16px 10px 5px; background: url(../img_cmn/lineup_contbg_head.gif) left top no-repeat; }
div#contents div.lineupcont_foot { height: 5px; background: #ffffff url(../img_cmn/lineup_contbg_foot.gif) left top no-repeat; }
div#contents div.lineupcont img.title { margin-left: 7px; }
div#contents div.lineupcont p.lead { margin: 8px 17px 0 7px; }
div#contents div.lineupcont div.parts_box { width: 880px;}
div#contents div.lineupcont div.parts { width: 290px; margin-top: 6px; padding-top: 5px; background: url(../img_cmn/parts_head.gif) left top no-repeat; text-align: center; float: left; }
div#contents div.lineupcont div.middle { margin: 6px 5px 0; }
div#contents div.lineupcont div.parts div.parts_cont { width: 280px; background-color:#FFFFFF; padding: 0 5px; }
div#contents div.lineupcont div.parts div.parts_cont img.parts { margin-top: 19px; }
div#contents div.lineupcont div.parts div.parts_cont p.cap { color: #006600; font-size: 85%; text-align: right; float: right; }
div#contents div.lineupcont div.parts div.spec { width: 280px; padding-top: 4px; margin-top: 5px; background: url(../img_cmn/spec_head.gif) left top no-repeat; text-align: left; }
div#contents div.lineupcont div.parts div.spec_cont { width: 280px; padding-bottom: 4px; background:#E8F3CE url(../img_cmn/spec_foot.gif) left bottom no-repeat; }
div#contents div.lineupcont div.parts div.spec_cont table { margin-left: 5px; line-height: 120%; }
div#contents div.lineupcont div.parts div.spec_cont table th { padding: 2px; white-space: nowrap;}
div#contents div.lineupcont div.parts div.spec_cont table td { padding-left: 5px; }
div#contents div.lineupcont div.parts div.spec_cont table th h4 { font-size:80%; line-height:150%; padding:0 5px; background-color: #006600; color: #FFFFFF; font-weight: bold; }
div#contents div.lineupcont div.parts_foot { width: 290px; height:5px; background: url(../img_cmn/parts_foot.gif) left top no-repeat; }
/*------ chapter2 */
div#contents div.lineupcont div.twoclm { width: 880px; margin-top: 6px; padding-top: 5px; background: url(../chapter2/img/parts_head.gif) left top no-repeat;}
div#contents div.lineupcont div.twoclm div.parts_cont { width: 870px; background-color:#FFFFFF; padding: 0 5px; }
div#contents div.lineupcont div.twoclm div.parts_cont img.parts { margin-top: 19px; }
div#contents div.lineupcont div.twoclm div.parts_cont p.cap { color: #006600; font-size: 85%; text-align: right; float: right; }
div#contents div.lineupcont div.twoclm div.spec { width: 465px; padding-top: 4px; margin-top: 5px; background: url(../chapter2/img/spec_head.gif) left top no-repeat; text-align: left; }
div#contents div.lineupcont div.twoclm div.spec_cont { width: 465px; padding-top: 2px; padding-bottom: 7px; background:#E8F3CE url(../chapter2/img/spec_foot.gif) left bottom no-repeat; }
div#contents div.lineupcont div.twoclm div.spec_cont table { margin-left: 10px; line-height: 130%; }
div#contents div.lineupcont div.twoclm div.spec_cont table th { padding: 2px; white-space: nowrap;}
div#contents div.lineupcont div.twoclm div.spec_cont table td { padding-left: 10px; }
div#contents div.lineupcont div.twoclm div.spec_cont table th h4 { padding:0 7px; background-color: #006600; color: #FFFFFF; font-weight: bold; }
div#contents div.lineupcont div.twoclm div.left { float: left; }
div#contents div.lineupcont div.twoclm div.right { float: right; }
div#contents div.lineupcont div.twoclm div.right img.parts { margin: 0 5px 0 0; }
div#contents div.lineupcont div.parts_foot2 { width: 880px; height:5px; background: url(../chapter2/img/parts_foot.gif) left top no-repeat; }
/*------ chapter3 */
div#contents div.lineupcont div.c3parts { margin:10px 0 0; background-color:#006600; clear:both; }
div#contents div.lineupcont div.c3parts_box1 { margin:2px 2px 0 2px; width:876px; background-color:#FFFFFF; height:60px; display:table; clear:both; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_left { width:461px; margin:5px 0 5px 5px; float:left; display:inline; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_right { width:400px; margin:5px 5px 5px 0; float:right; display:inline; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_left p.c3p_cap { width:451px; padding:10px 5px 10px; margin:0; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec { width: 461px; padding: 4px 0 0; background: url(../chapter3/img/spec_head.gif) left top no-repeat; text-align: left; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec_cont { width: 461px; padding: 4px 0; background:#E8F3CE url(../chapter3/img/spec_foot.gif) left bottom no-repeat; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec_cont table { margin-left: 10px; line-height: 120%; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec_cont table th { padding: 2px; white-space: nowrap; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec_cont table td { padding-left: 10px; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec_cont table th h4 { padding:0 7px; background-color: #006600; color: #FFFFFF; font-weight: bold; }
div#contents div.lineupcont div.c3parts_box1 div.c3p_spec_cont div.catalog { margin: 13px 0 11px 12px; }
/*--- 製品カタログ */
div#contents div.lineupcont div.twoclm div.spec_cont div.catalog { margin: 13px 0 0 12px; }
/*--- パーツ詳細 */
div#contents div.ex_box1 { width: 900px; margin-top: 15px; }
div#contents div.ex_box2 { width: 900px; margin-top: 10px; }
div#contents div.ex_box1 div.ex_contents, div#contents div.ex_box2 div.ex_contents { width: 900px; background: url(../img_cmn/ex_bg_middle.gif) left top repeat-y; }
div#contents div.ex_box1 div.ex_contents table div.text, div#contents div.ex_box2 div.ex_contents table div.text { width: 415px; margin: 15px 10px 10px 14px; }
div#contents div.ex_box1 div.ex_contents table div.text_right, div#contents div.ex_box2 div.ex_contents table div.text_right { margin-left: 26px; }
div#contents div.ex_box1 div.ex_contents table td, div#contents div.ex_box2 div.ex_contents table td { padding-left: 2px; vertical-align: top; }
div#contents div.ex_box1 div.ex_contents table td.right, div#contents div.ex_box2 div.ex_contents table td.right { padding-left:14px; }
div#contents div.ex_box1 div.ex_contents table div.text div.img, div#contents div.ex_box2 div.ex_contents table div.text div.img { width: 210px; font-size: 85%; line-height: 150%; background-color: #E8F3CE; padding: 5px; margin-right: 15px; margin-bottom: 5px; float:left; text-align: left; }
div#contents div.ex_box1 div.ex_contents table div.text div.img p, div#contents div.ex_box2 div.ex_contents table div.text div.img p { margin-top: 5px; }
div#contents div.ex_box1 div.ex_foot, div#contents div.ex_box2 div.ex_foot { width: 900px; height: 5px; }
/*--- ページトップ */
div#contents div.pagetop a { background-image: none; float:right; margin-top:15px; padding-left:0px; }
/* フッター ---------------------------------------------------------------------------*/
div#footer_bg { width: 100%; height:1.4em; padding: 5px 0 3px; background: #E7F3CE url(../img_cmn/bg_foot.gif) repeat-x left top; }
div#footer_vacanza { width: 900px; margin: 0 auto; line-height:100%; }
div#footer_vacanza div.contact { float:left; }
div#footer_vacanza div.contact img.contact { margin-right: 10px; }
div#footer_vacanza div.copy { color:#61A625; font-size: 85%; padding-top: 2px; letter-spacing:1px; float: right; }