/* CSS Document */

/*-------------------------------------------
トレーラーハウスデベロップメント（株）
ウェブサイト　基本CSS

製作者：（株）nini system Design 
		担当：西川 徹
製作日：2008.9.17～
-------------------------------------------*/

/*目次-------------------------------------
・リセットCSS
・基本構造
・共通
	・ドロップシャドウ
	・パンくずリスト
・ヘッダ
・ナビゲーション
・メインコンテンツ
	・トップページ
	・お知らせ・新着情報
	・アフターメンテナンス
	・中古トレーラー販売
	・弊社納入車設置例
	・さまざまな設置例
	・トレーラーハウスの宿泊施設
	・中古車の写真一覧
	・セキュリティ
	・カタログ
	・サイトマップ
	・印刷ボタン
	・ブリッケンリッジ
	・ＦＡＱ
	・ラーメン村
	・プレスリリース
	・メインコンテンツの最後尾
・テーブル
・サイドバー
	・設置例
	・リンク
・フォーム
・フィード（RSS）
・フォトアルバム
・フッター
・IE対策
・CSSハック
-------------------------------------------*/


/*・リセットCSS
-------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-size: 100%;
}

* a {
	color: #000000;
	text-decoration: none;
}

img {
	border: 0px none;
}


/*・基本構造
-------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	background-image: url(../images/base_background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0px;
}

#content {
	width: 908px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4px;
	/*background-image: url(../images/base_background.jpg);
	background-repeat: repeat-y;*/
	
}

/*・共通
-------------------------------*/

.floatclear {
	clear: both;	
}

/* ドロップシャドウ　画像に影をつける */
.shadow {
    background: url(../images/shadow_001.gif) right bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
    /*float: left;  回り込み制御 */
}

.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: 0px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #FFFFFF; /* paddingを設定した場合の背景色 */
    border: 1px solid #666666; /* 画像の枠線 */
}

.frame {
    /*background: url(../images/shadow_001.gif) right bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
    float: left;  回り込み制御 */
}

.frame img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: 0px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #FFFFFF; /* paddingを設定した場合の背景色 */
    border: 1px solid #666666; /* 画像の枠線 */
}

.btn a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

.mg_left40 {
	margin-left: 40px;
}

/*------------------・パンくずリスト*/
.pankuzu {
	height: 15px;
}

.pankuzu li {
	float: left;
	font-size: x-small;
	list-style-type: none;
}

.pankuzu li a {
	color: #666666;
}
/*------------------*/

.textbox_h160 {
	height: 160px;
}

.textbox_w290 {
	width: 290px;
}

.textbox_w360 {
	width: 360px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.img_right {
	float: right;
	margin: 5px;
}

.img_left {
	float: left;
	margin: 5px;
}

.text_xsmall {
	font-size: x-small;
}

.text_small {
	font-size: small;
}

.text_midium {
	font-size: midium;
}

.text_x150 {
	font-size: 150%;
	font-weight: bold;
}

.text_x200 {
	font-size: 200%;
	font-weight: bold;
}

.text_gray {
	font-weight: bold;
	color: #999999;
}

.text_darkgray {
	color: #666666;
}

.text_red {
	font-weight: bold;
	color: #FF0000;
}

.indent {
	padding-left: 1em;
}

.goto_pagetop {
	margin-right: 30px;
	padding-bottom: 20px;
	text-align:right;
}

.goto_pagetop a {
	font-size: x-small;
	font-weight: bold;
	color: #666666;
}

.list01 {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 30px;
}

.list01 li {
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/ico_cube_brown_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: small;
}

.list_non {
	list-style-type: none;
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 20px;
}

.list_non li {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: small;
}

.list_dot {
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 20px;
}

.list_dot li {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: small;
}

.list_number {
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 20px;
	list-style-type: decimal;
}

.list_number li {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: small;
}

dl.style01 {
	margin-bottom: 20px;
}

dl.style01 dt {
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: medium;
	font-weight: bold;
}

dl.style01 dd {
	margin-left: 30px;	
	margin-bottom: 7px;
	font-size: small;	
}

.memo {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	color: #333333;
	font-size: small;
	line-height: 1.7;
}

.memo01 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	font-size: small;
}

.notes {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 30px;
}

.notes_plus {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 50px;
}

.notes p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: small;
	line-height: 1.7;
}

.notes_plus p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: small;
	line-height: 1.7;
}

.notes_plus p a {
	color: #996600;
}

.space_350 {
	padding-left: 350px;
}

.color_gray3 {
	color: #333333;
}

.color_red {
	color: #CC0000;
}

.bgcolor_grayC {
	background-color: #CCCCCC;
}
/*
.lh17 {
	line-height: 1.7;
}
*/
.height_space70 {
	height: 70px;
}

.indent_left {
	padding-left: 210px;
}

ul.inline_btn {
	list-style-type: none;
}

ul.inline_btn li {
	display: inline;
	width: 210px;
	margin-right: 20px;
}

/*・微調整CSS
-------------------------------*/
.mg_left20 {
	margin-left: 20px;
}


/*・管理画面で使用可能CSS
-------------------------------*/
.red {
	color: #FF0000;	
}

.blue {
	color: #0033FF;
}

/*・ヘッダ
-------------------------------*/
#header {
	/*height: 370px;*/
	width: 900px;
}

#header h1 {
	margin-left: 10px;
	margin-bottom: 5px;
}

#header h1 a {
	font-size: small;
	text-decoration: none;
	color: #996600;
	font-weight: normal;
}

#header img {
	padding-left: 5px;
}

#top_title {
	/*height: 144px;*/
	width: 595px;
	float: left;
}

#top_nav {
	/*height: 139px;*/
	width: 298px;
	float: left;
	font-size: 76%;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 2px;
}

#menu01 {
	height: 25px;
	padding-top: 5px;
}

#menu01 li {
	float: left;
	list-style-type: none;
	text-align: center;
}

#menu01 li a {
	display: block;
	width: 73px;
	height: 22px;
	padding-top: 8px;
	background-image: url(../images/menu_bar_green.gif);
	background-repeat: no-repeat;
}

#menu01 li a:hover {
	background-image: url(../images/menu_bar_orange.gif);
	background-repeat: no-repeat;
}

/*-----------------右上位に表示させるバナー（トップメニューの下）*/
.top_banner {
	margin-top: 10px;
}
/*----------------------*/

#img_header {
	height: 226px;
	width: 898px;
	background-image: url(../images/header_top.jpg);
	background-repeat: no-repeat;
}

#img_header ul {
	float: right;
}

#img_header li {
	list-style-type: none;
	height: 110px;
	width: 178px;
}

#img_header li a:hover {
	position: relative;
	left: 1px;
	/*top: 1px;*/
}

/*#img_header_sub {
	height: 116px;
	width: 898px;
	background-image: url(../images/header_biztrailer.jpg);
	background-repeat: no-repeat;
}*/

#img_header_sub ul {
	float: right;
}

#img_header_sub li {
	list-style-type: none;
	height: 55px;
	width: 178px;
}

#img_header_sub li a:hover {
	position: relative;
	left: 1px;
	/*top: 1px;*/
}

#img_biztrailer {
	height: 116px;
	width: 898px;
	background-image: url(../images/header_biztrailer.jpg);
	background-repeat: no-repeat;
}

#img_bessou {
	height: 116px;
	width: 898px;
	background-image: url(../images/header_bessou.jpg);
	background-repeat: no-repeat;
}

#img_usedtrailer {
	height: 116px;
	width: 898px;
	background-image: url(../images/header_usedtrailer.jpg);
	background-repeat: no-repeat;
}

#img_other {
	height: 116px;
	width: 898px;
	background-image: url(../images/header_other.jpg);
	background-repeat: no-repeat;
}



/*・ナビゲーション
-------------------------------*/
#nav {
	width: 208px;
	float: left;
	/*background-image: url(../images/bg_nav_gray.gif);
	background-repeat: repeat-y;*/
}

.back_gray {
	background-color: #CCCCCC;
}

.nav_plus {
	margin-top: 30px;
	padding-left: 16px;
}

.nav_plus ul {
	list-style-type: none;
	line-height: 1.7;
}

#nav_title {
	height: 7px;
	/*background-image: url(../images/nav_bar_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-left: 18px;
	font-weight: bold;
	font-size: small;*/
}
#nav .menu {
	height: 25px;
	background-image: url(../images/nav_bg_title.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 18px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

#nav .sub_menu ul {
	list-style-type: none;
	font-size: small;
	font-weight: bold;
}

#nav .sub_menu li a {
	height: 25px;
	padding-top: 10px;
	padding-left: 50px;
	margin-top: 2px;
	background-image: url(../images/nav_bg_subtitle.gif);
	background-repeat: no-repeat;
	display: block;
}

#nav .sub_menu li a:hover {
	background-image: url(../images/nav_bg_subtitle_hov.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 1px;
	top: 1px;
}


/*・メインコンテンツ
-------------------------------*/
#main {
	width: 460px;
	float: left;
	padding-left:20px;
}

#print_logo {
	display: none;
}

ul.mini_nav {
	width: 140px;
	list-style-type: none;
	float: right;	
}

ul.mini_nav a {
	font-size: x-small;
	line-height: 1.7;
	color: #996600;
	background-image: url(../images/ico_sankaku_darkbrown.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;	
}

/*
#main h2 {
	font-size: midium;
	font-weight: bold;
}*/


/*#main .main_subtitle {
	height: 25px;
	background-image: url(../images/main_bg_title.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 18px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}*/

#main h2 {
	height: 25px;
	background-image: url(../images/main_bg_title.jpg);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 10px;
	padding-left: 18px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

#main_plus h2 {
	height: 25px;
	background-image: url(../images/main_bg_title.jpg);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 10px;
	padding-left: 18px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

/*--------------------------▼・トップページ*/
#info ul {
	list-style-type: none;
	font-size: small;
}

#info li {
	height: 20px;
	padding-top: 10px;
	padding-left: 45px;
	margin-right: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#info .new {
	background-image: url(../images/ico_newmark.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}

#others_list {
	font-size: small;
	background-image: url(../images/ico_sankaku_brown.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 110px;
	height: 20px;
	padding-top: 10px;
	float: right;
	padding-left: 20px;
}

#others_list a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#attention_list ul {
	list-style-type: none;
}

#attention_list li {
	width: 450px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
}

#attention_list .atlist_subtitle {
	width: 434px;
	height: 22px;
	padding-top: 8px;
	padding-left: 16px;
	background-image: url(../images/bg_atlist_subtitle.jpg);
	background-repeat: repeat-x;
	font-size: small;
	color: #FFFFFF;
}

.atlist_name {
	font-weight: bold;
	float:left;
}

.atlist_link {
	background-image: url(../images/ico_sankaku_orange.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-right: 10px;
	float:right;
}

.atlist_link a {
	color: #FFFFFF;
}

.atlist_detail {
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(../images/bg_usedlist.gif);
	background-repeat: repeat-y;
}

.atlist_detail p {
	font-size: small;
	line-height: 1.5;
}

.atlist_box1 {
	width: 175px;
	float: left;
}

.atlist_box2 {
	width: 260px;
	padding-right: 5px;
	float: left;
}

.atlist_price {
	text-align: center;
}

.atlist_price dt {
	font-size: midium;
	font-weight: bold;
	color: #FF0000;
	float: left;	
}

.atlist_price dd {
	margin-top: 5px;
	font-size: x-small;
	margin-bottom: 5px;
}

.ex_eventtitle {
	width: 340px;
	height: 105px;
	background-image: url(../images/bg_eventtitle.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0px;
	padding-left: 110px;
}

.event_title {
	width: 340px;
	float: left;
	padding-top: 30px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;	
}

.event_title_sub {
	height: 25px;
	background-image: url(../images/bg_eventtitle2.jpg);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 10px;
	padding-left: 18px;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

li.smallview_list {
	list-style-type: none;
	width: 170px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	float: left;
}

.sv_subtitle {
	height: 25px;
	font-size: x-small;	
}

#event_list dl.thumbnail {
	margin-top: 10px;
	margin-left: 30px;
}

#event_list .thumbnail dd a {
	float: left;
	margin-top:5px;
	margin-right: 5px;
}

#event_list p {
	margin-left: 20px; 
	margin-right: 20px; 
	line-height: 1.7;
}

dl.dl_style01 {
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 1.5;
}

dl.dl_style01 dt {
	font-weight: bold;
}

dl.dl_style01 dd {
	margin-left: 45px;
}

.img_lnv_b {
	margin-top: 10px;
	margin-bottom: 20px;
}

.img_lnv_b a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

/*--------------------------▲・トップページ*/

/*----------------------▼・ラーメン村ページ*/

.ramenmura_img {
	margin-top: 30px;
	margin-bottom: 20px;
}

.ramen_otiawase {
	margin-top: 60px;
	/*margin-left: 100px;*/
}

.flot_left {
	float: left;
}

.text_syuten {
	margin-left: 160px;
	float: right;
	position: absolute;
}

/*--------------------・▲ラーメン村ページ*/


.img_logo {
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 10px;
}

#main p {
	font-size: small;
}

#main .main_detail {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.7;
	
}

#main .main_detail ul {
	margin-left: 20px;
	font-size: small;
	list-style-type: decimal;
}

.main_detail .type {
	font-size: small;
	font-weight: bold;
}

#main_plus {
	width: 670px;
	float: left;
	padding-left:20px;
}

#main_plus .main_detail .method {
	margin-top: 30px;
	font-size: small;
	line-height: 1.7;
}

#main_plus h4 {
	font-size: small;
	font-weight: bold;
	background-image: url(../images/ico_sankaku_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

#main_plus h5 {
	font-size: small;
	font-weight: bold;
}

#main_plus .narrow_box {
	width: 310px;
	margin-right: 15px;
	float: left;
}

.box_gray {
	background-color: #CCCCCC;
	margin-top: 10px;
	padding:13px;
}

.box_green {
	background-color: #99FF66;
	margin-top: 10px;
	padding:13px;
}

.ud_subtitle {
	width: 360;
	font-size: medium;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	height: 17px;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-bottom: 7px;
}

#main_plus p {
	font-size: small;
}

#main_plus .sep_box ul {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#main_plus .sep_box .list_brown li a {
	margin-top: 7px;
	margin-left: 5px;
	padding-left: 15px;
	background-image: url(../images/ico_sankaku_darkbrown.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	font-size: 90%;
	font-weight: bold;
	color: #5A3D1B;
}

#main_plus .sep_box a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#main_plus .sep_box {
	margin-top: 15px;
	margin-bottom: 30px;
}

/*#main_plus .sep_box .thumbnail li a {
	float: left;
	margin-right: 5px;
}*/


#main_plus .sep_box .thumbnail dd a {
	float: left;
	margin-top:5px;
	margin-right: 5px;
}

#main_plus .main_detail dl {
	margin-top: 30px;
	margin-left: 30px;
	font-size: small;
	font-weight: bold;
}

#main_plus .main_detail dd {
	margin-top: 10px;
	margin-left: 260px;
	margin-bottom: 50px;

}

#main_plus .spec {
	margin-top: 40px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: small;
}

.goto_relpage {
	margin-left:400px;
}

.goto_relpage a {
	padding-left: 15px;
	background-image: url(../images/ico_sankaku_darkbrown.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	font-size: 90%;
	font-weight: bold;
	color: #5A3D1B;
}

#main_plus .ramen_text {
	margin: 30px 0px 30px 0px;
	font-size: 25px;
	font-weight: bold;
}

#main_plus .ramen_notes p {
	font-size: 16px;
	font-weight: bold;	
}


/*---------------------▼・お知らせ・新着情報*/

table.news_list {
	width: 550px;
	border: none;	
}

table.news_list th {
	width: 150px;
	padding-top: 5px;
	font-size: small;
	font-weight: bold;
	vertical-align: top;
}

dd.news_title {
	width: 360px;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #CCCCCC;
	font-size: small;
	font-weight: bold;
	color: #333333;	
}

table.news_list td {
	height: 50px;
	padding-bottom: 10px;
	vertical-align: top;
}

table.news_list td.news_link {
	width: 40px;
	text-align: center;
}

/*---------------------▲・お知らせ・新着情報*/

/*---------------------▼・アフターメンテナンス*/
.notes_plus h3 {
	font-size: midium;
	line-height: 1.7;
}
/*---------------------▲・アフターメンテナンス*/

/*---------------------▼・中古トレーラー販売*/
.box_gray_top {
	width: 450px;
	height: 12px;
	margin-top: 20px;
	background-image: url(../images/box_gray_top.gif);
	background-repeat: no-repeat;	
}

.box_gray_middle {
	width: 420px;
	background-image: url(../images/box_gray_middle.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
	font-size: small;
	line-height: 1.7;
}

.box_gray_bottom {
	width: 450px;
	height: 12px;
	background-image: url(../images/box_gray_bottom.gif);
	background-repeat: no-repeat;	
}


#used_list ul {
	list-style-type: none;
}

#used_list li {
	width: 640px;
	margin-top:10px;
	border: 1px solid #CCCCCC;
}

#used_list .atlist_subtitle {
	width: 624px;
	height: 22px;
	padding-top: 8px;
	padding-left: 16px;
	background-image: url(../images/bg_atlist_subtitle.jpg);
	background-repeat: repeat-x;
	font-size: small;
	color: #FFFFFF;
}

.atlist_box3 {
	width: 180px;
	padding-left: 10px;
	float: left;
}

#used_list .status {
	padding-top: 5px;
	padding-bottom: 5px;
}

#used_list .status dt {
	margin-right: 10px;
	padding-top: 5px;
	font-size: small;
	font-weight: bold;
	float: left;
}

#used_list .status dd {
	margin-right: 10px;
}

#used_list .option dd {
	text-align: center;
}

.buy a {
	width: 112px;
	height: 25px;
	padding-top: 8px;
	padding-left: 18px;
	margin-left: 23px;
	margin-bottom: 5px;
	background-image: url(../images/btn_buy.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}

.buy a:hover {
	background-position: bottom;
}

#used_list .comments {
	font-size: small;
}

#used_list .comments dd {
	margin-bottom: 4px;
}

.ut_photo {
	margin-right: 10px;
}

.img_memo {
	width: 300px;
	height: 30px;
	font-size: small;
}

.ut_price {
	font-weight: bold;	
}

.ut_detail_option dd {
	float: left;
	margin-right: 15px;
}

/*---------------------▲・中古トレーラー販売*/

/*---------------------▼・弊社納入車設置例*/
#sample_photo {
	list-style-type: none;
}

#sample_photo li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sphoto_top {
	width: 196px;
	height: 12px;
	background-image: url(../images/sphoto_top.gif);
	background-repeat: no-repeat;	
}

.sphoto_middle {
	width: 179px;
	height: 221px;
	padding-left: 12px;
	padding-right: 5px;
	background-image: url(../images/sphoto_middle.gif);
	background-repeat: y-repeat;
	font-size: small;
	line-height: 1.7;
}

.sphoto_bottom {
	width: 196px;
	height: 12px;
	background-image: url(../images/sphoto_bottom.gif);
	background-repeat: no-repeat;	
}

.bg_pref {
	background-color: #CC9966;
}

ul#sample_photo_plus {
	list-style-type: none;
}

ul#sample_photo_plus li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*---------------------▲・弊社納入車設置例*/

/*---------------------▼・さまざまな設置例*/
ul.linkmap {
	list-style-type: none;
}

.linkmap li h5 {
	width : 200px;
	height: 19px;
	padding-top: 1px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #FF9900;
}

.linkmap ul {
	list-style-type: none;
	line-height: 1.7;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: small;
}

.linkmap_plus {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
}


/*---------------------▲・さまざまな設置例*/


/*---------------------▼・トレーラーハウスの宿泊施設*/
ul.link_trailer {
	list-style-type: none;
}

.link_trailer li h5 {
	width : 200px;
	height: 19px;
	padding-top: 1px;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #FF9900;
}

.link_trailer dl {
	margin-bottom: 5px;
}

dt.link_title {
	width: 234px;
	margin-left: 16px;
	float: left;
	font-size: small;
	font-weight: bold;
}

dd.link_detail {
	width: 310px;
	padding-left:10px;
	padding-right: 5px;
	float: left;
	font-size: small;
}

dd.link_url {
	width: 26px;
	float: left;
}

.goto_map {
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align:right;
}

.goto_map a {
	font-size: x-small;
	color: #666666;
}

/*---------------------▲・トレーラーハウスの宿泊施設*/

/*---------------------▼・トレーラーハウスの宿泊体験ステイ*/

#mailform {
	width: 520px;
	padding: 20px;
	margin: auto;
	/*font-size: small;*/
}

.t_gray {
	color: #666;
}

.taiken_notes {
	width: 530px;
	font-size: small;
	margin-top: 30px;
	line-height: 1.7;
}

.taiken_notes span {
	font-weight: bold;
}

.taiken_notes a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

.taiken_notes02 {
	width: 530px;
	font-size: small;
	margin-top: 30px;
	line-height: 1.7;
}

.taiken_notes02 span {
	font-weight: bold;
}

.taiken_notes li {
	list-style-type: none;
}

.mg_left10 {
	margin-left: 10px;
}

.taiken_zumen {
	margin-top:20px;
	margin-bottom: 20px;
}

.box01_top {
	height: 15px;
	width: 530px;
	background-image: url(../images/box01_top.gif);
	background-repeat: no-repeat;	
}

.box01_middle {
	width: 490px;
	padding: 0px 10px 0px 30px;
	background-image: url(../images/box01_bg.gif);
	background-repeat: repeat-y;
}

.box01_bottom {
	height: 15px;
	width: 530px;
	background-image: url(../images/box01_bottom.gif);
	background-repeat: no-repeat;	
}

.taiken_comento {
	margin: 5px 140px 0px 0px;
	float: right;
}

/*---------------------▲・トレーラーハウスの宿泊体験ステイ*/



/*---------------------▼・中古車の写真一覧*/

#list_photo dl{
	margin-right: 25px;
	margin-bottom: 20px;
    float: left;
    width: 310px;
}

dd.comment {
    padding-left: 5px;
    font-size: small;
}

/*---------------------▲・中古車の写真一覧*/

/*---------------------▼・セキュリティ*/

dt.layout_imgl {
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

dd.mini_title {
	width: 340px;
	height: 20px;
	margin-left: 160px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FFCCCC;
	font-size: small;
	font-weight: bold;
	color: #333333;	
}

/*---------------------▲・セキュリティ*/

/*---------------------▼・カタログ*/
dl.float_style01 {
	width: 210px;
	margin-left: 40px;
	margin-right: 50px;
	margin-bottom: 40px;
	float: left;
}

.float_style01 dt {
	padding-bottom: 5px;
}

.float_style01 dd {
	line-height: 1.7;
}

/*---------------------▲・カタログ*/

/*---------------------▼・運送会社拠点ページ*/

.photo_unsou {
	margin-top: 30px;
	float: left;
}

.photo_unsou li {
	margin-right: 10px;
	margin-bottom: 10px;
	list-style-type: none;
}

.text_kakaku span {
	font-size: 18px;
	font-weight: bold;
}

/*---------------------▲・運送会社拠点ページ*/

/*---------------------▼・サイトマップ*/

ul.mainlist li {
	list-style-type: none;
}

ul.mainlist li a {
	padding-left: 20px;
	font-size: small;
	font-weight: bold;
	background-image: url(../images/ico_list_orange.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 2.5;
}

ul.sublist {
	margin-left: 30px;
}

#main_plus mainlist {
	margin-left: 30px;
}

#sitemap_plus {
	margin-left: 20px;
}


/*---------------------▲・サイトマップ*/

/*---------------------▼・印刷ボタン*/
.print {
	height: 22px;
	margin-right: 200px;
	padding-top: 8px;
	background-image: url(../images/ico_print_s.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 34px;	
	font-size: small;
}
/*---------------------▲・印刷ボタン*/

/*---------------------▼・ブリッケンリッジ*/
.new_product {
	float: right;
}

/*---------------------▲・ブリッケンリッジ*/

/*---------------------▼・ＦＡＱ*/
dl.faq {
	margin-bottom: 30px;
	font-size: small;
	line-height: 1.7;
}

dt.question {
	margin-bottom: 5px;
	font-weight: bold;
	color: #663300;
}

dd.answer {
	color: #333333;
}

/*---------------------▲・ＦＡＱ*/

/*---------------------▼・プレスリリース*/

h3.np_title {
	background-image: url(../images/ico_newspaper.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 24px;
	padding-left: 30px;
}

.pressrelease .pr_date {
	text-decoration: underline;
}

.pressrelease .pr_title {
	font-weight: bold;
}

.pressrelease .pr_link {
	vertical-align: text-botom;
	padding-left: 30px;
}

/*---------------------▲・プレスリリース*/


/*・メインコンテンツの最後尾
-------------------------------*/



/*・テーブル
-------------------------------*/
#main .main_detail table {
	width: 380px;
	margin-left: 30px;
}

#main .main_detail td {
	height: 30px;
}

.main_detail .method table {
	width: 460px;
	margin-left: 50px;
	margin-bottom: 20px;
	border: 1px solid #666666;
}

.main_detail .method td {
	height: 35px;
	vertical-align: middle;
	border: 1px solid #666666;
	padding-left: 10px;
}

.main_detail .method th {
	height: 35px;
	vertical-align: middle;
	border: 1px solid #666666;
	background-color: #99CC00;
}

.main_detail .spec table {
	width: 600px;
	border: 1px solid #666666;
}

.main_detail .spec td {
	height: 35px;
	vertical-align: middle;
	border: 1px solid #666666;
	padding-left: 10px;
}

.main_detail .spec th {
	height: 35px;
	vertical-align: middle;
	border: 1px solid #666666;
	background-color: #99CC00;
}

.main_detail .w600 table {
	width: 600px;
	font-size: small;
	line-height: 1.7;
}

.main_detail .w600 td {
	height: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	border: 1px solid #666666;
	padding-left: 10px;
}

.main_detail .w600 th {
	width: 20%;
	height: 35px;
	padding-top: 3px;
	padding-left:5px;
	padding-bottom: 3px;
	vertical-align: middle;
	border: 1px solid #666666;
	background-color: #CCCCCC;
}

.main_detail .w600 ul {
	list-style-type: none;
}

.main_detail .w400{
	width: 400px;
	border: 1px solid #666666;
	font-size: small;
	line-height: 1.7;
}

.main_detail .w400 td {
	width: 50%;
	height: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	border: 1px solid #666666;
	padding-left: 20px;
}

table.aboutcompany {
	width: 600px;
	font-size: small;
	line-height: 1.7;
	color: #333333;
}

.aboutcompany td {
	height: 33px;
	padding-top: 5px;
	padding-bottom: 3px;
	vertical-align: top;
	padding-left: 10px;
	border: 1px solid #FFFFFF;
}

.aboutcompany th {
	width: 20%;
	height: 33px;
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 3px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	border: 1px solid #FFFFFF;
	background-color: #E3FEC2;
	/*background-color: #CCFFCC;*/
}

.aboutcompany ul {
	list-style-type: none;
}

table.franchise {
	width: 600px;
	font-size: small;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;	
}

.franchise th {
	width: 120px;
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: top;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}

.franchise td {
	padding-left: 10px;
	line-height: 1.7;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}

#future table {
	width: 500px;
	font-size: small;
	line-height: 1.7;
}

#future td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

table.top_recruit {
	width: 420px;
	margin-top: 10px;
	margin-left: 30px;
	border: 0px;
}

table.top_recruit td {
	padding-bottom: 10px;
	vertical-align: text-top;
	font-size: small;
	line-height: 1.7;
}

table.explain_s {
	width: 440px;
	font-size: small;
	line-height: 1.7;
	color: #333333;
}

.explain_s td {
	height: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}

.explain_s th {
	height: 33px;
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 3px;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #E3FEC2;
	/*background-color: #CCFFCC;*/
}

table.explain {
	width: 500px;
	font-size: small;
	line-height: 1.7;
	color: #333333;
}

.explain td {
	height: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}

.explain th {
	width: 30%;
	height: 33px;
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 3px;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #E3FEC2;
	/*background-color: #CCFFCC;*/
}

table.w500 {
	width: 500px;
	border: 1px solid #CCCCCC;
}

table.w500 td {
	padding: 10px;
	border: 1px solid #CCCCCC;
}

.wd-15 {
	width: 15%;
}

.wd-20 {
	width: 20%;
}

.wd-25 {
	width: 25%;
}

.wd-30 {
	width: 30%;
}

.wd-40 {
	width: 40%;
}

.wd-50 {
	width: 50%;
}

.text_down {
	padding-top: 7px;
}

.v_top {
	vertical-align: top;
}

.v_middle {
	vertical-align: middle;
}

/*・サイドバー
-------------------------------*/
#side {
	width: 208px;
	float: right;
}

#oldtrailer {
	width: 180px;
	padding-left: 20px;
	list-style-type: none;
	margin-bottom:10px;
	top: -6px;
	left: 5px;
	position: relative;
}

#oldtrailer li {
	margin-bottom: 5px;
}

/*.usedtrailer a {
	background-image: url(../images/btn_usedtrailerlist.jpg);
	background-repeat: no-repeat;
	height: 66px;
	width: 154px;
	padding-top: 10px;
	padding-left: 12px;
	display: block;
	font-size: small;
	font-weight: bold;
	color: #333333;
}*/

.usedtrailer a:hover {
	position: relative;
	left: 1px;
}

.selltrailer a {
	background-image: url(../images/btn_selltrailerlist.jpg);
	background-repeat: no-repeat;
	height: 66px;
	width: 154px;
	padding-top: 10px;
	padding-left: 12px;
	display: block;
	font-size: small;
	font-weight: bold;
	color: #333333;
}

.selltrailer a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#side .side_title a {
	width: 150px;
	height: 25px;
	/*margin-top: 2px;*/
	padding-top: 10px;
	padding-left: 50px;
	background-image: url(../images/side_bg_subtitle.gif);
	background-repeat: no-repeat;
	display: block;
	font-size: small;
	font-weight: bold;
}


#side .side_title a:hover {
	background-image: url(../images/side_bg_subtitle_hov.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 1px;
	top: 1px;
}

#side ul.sidephoto {
	list-style-type: none;
}

#side .sidephoto li {
	margin-top: 10px;
}


/*-------------------------▼設置例*/
.photo_view {
	width: 200px;
	height: 265px;
	background-color: #CCCCCC;
}

.photo_detail {
	width: 190px;
	padding-top: 7px;
	padding-left: 10px;
	font-size: small;
}

.photo_detail img {
	margin: 5px;
}

.photo_detail dd {
	/*padding-top: 4px;*/
	line-height: 1.7;
	padding-left: 4px;
	padding-right: 4px;
	font-size: x-small;
}

#update_sample {
	font-size: x-small;
	padding-left:40px;
	color: #333333;
}

.link_text a {
	font-size: small;
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;	
}

.model {
	width: 420px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: small;
	border: 1px solid #CCCCCC;
	line-height: 1.7;
}

table.model .item {
	width: 60px;
	padding-left: 7px;
}

table.model .detail {
	width: 300px;
	padding-left: 5px;
}

.return a {
	background-image: url(../images/ico_return.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 16px;
	padding-top: 5px;
	padding-left: 30px;
	display: block;
	color: #666666;
}

/*-------------------------▲・設置例*/

/*-------------------------▼・リンク*/
#link {
	width: 200px;
	padding-top: 10px;
}

#link ul {
	list-style-type: none;
}

#link li {
	padding-top: 8px;
}

#link a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}
/*-------------------------▲・リンク*/

#bs_type {
	margin-top: 110px;
	
}

#bs_type ul {
	list-style-type: none;
}

#bs_type li a {
	width: 134px;
	height: 114px;	
	padding-top: 20px;
	padding-left: 20px;	
	margin-top: 10px;
	margin-left: 20px;
	background-image: url(../images/btnbox_blue.jpg);
	background-repeat: no-repeat;
	display: block;
	line-height: 1.5;
	font-size: midium;
	font-weight: bold;
	color: #FFFFFF;
}

#bs_type li a:hover {
	background-image: url(../images/btnbox_blue_hov.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 1px;
	top: 1px;
}

#side .side_space {
	height: 240px;
}

#mc_type {
	margin-top: 10px;	
}

#mc_type ul {
	list-style-type: none;
}

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

#mc_type li a {
	width: 134px;
	height: 114px;	
	padding-top: 20px;
	padding-left: 20px;	
	background-image: url(../images/btnbox_green.jpg);
	background-repeat: no-repeat;
	display: block;
	line-height: 1.5;
	font-size: midium;
	font-weight: bold;
	color: #FFFFFF;
}

#mc_type li a:hover {
	background-image: url(../images/btnbox_green_hov.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 1px;
	top: 1px;
}

#update {
	width: 152px;
	height: 21px;
	margin-top: 100px;
	margin-left: 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(../images/bg_update.gif);
	background-repeat: no-repeat;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

/*・フォーム
-------------------------------*/
.form01 {
	width: 640px;
	font-size: small;
	border: 1px solid #CCCCCC;
}

/*.form01 th {
	width: 30%;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	border: 1px solid #CCCCCC;
}*/

.form01 td {
	padding: 10px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
}


/*・フッター
-------------------------------*/
#footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer li {
	float: left;
	list-style-type: none;
	padding-left: 5px;
}

#footer li a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#footer_menu {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: small;
}

#footer_menu a {
	color: #996600;
}

address {
	margin-top: 15px;
	text-decoration: none;
	font-size: small;
	text-align: center;
	font-style: normal;
}

#designed_by {
	margin-right: 20px;
	font-size: x-small;
	text-align: right;
	color: #666666;
}
#designed_by a {
	color: #666666;
	text-decoration: none;
}

/*・IE対策
----------------------------------------*/
#img_header li img {
	vertical-align: bottom;
}

#img_header_sub li img {
	vertical-align: bottom;
}

/*・CSSハック
----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */