/* CSS Document */

/*-------------------------------------------
社団法人　日本トレーラーハウス協会
ウェブサイト　基本CSS

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

/*目次-------------------------------------
・リセットCSS
・基本構造
・共通
	・ドロップシャドウ
	・パンくずリスト
・ヘッダ
・ナビゲーション
・メインコンテンツ
	・トップページ
	・お知らせ・新着情報
	・活動と組織
	・一般の皆様へ
	・行政の皆様へ
	・トレーラーハウスショー
	・ 価格表
	・メインコンテンツの最後尾
・テーブル

・フォーム
・フィード（RSS）
・フォトアルバム
・フッター
・IE対策
・CSSハック
-------------------------------------------*/


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

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

img {
	border: 0px none;
}

ul {
	margin:0px;
}


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

#content {
	width: 855px;
	margin-left: auto;
	margin-right: auto;
	/*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;
}

.btn02 a {
	text-decoration: underline;
	color: #ADAD5C;
}

.btn02 a:hover {
	position: relative;
	left: 1px;
	top: 1px;
	text-decoration: none;
}

.space_left100 {
	margin-left: 100px;
}

.mg_t30 {
	margin-top: 30px;
}

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

.single img {
	margin-top: 10px;
	margin-right: 10px;
}
/*------------------・パンくずリスト*/
.pankuzu {
	height: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

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

.pankuzu li a {
	color: #666666;
}

.breadcrumbs {
	margin: 20px 0px 0px 30px;
	font-size: x-small;
}

.breadcrumbs a {
	color: #666666;
}

/*------------------*/

.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_x110 {
	font-size: 110%;
	font-weight: bold;
}

.text_x120 {
	font-size: 120%;
	font-weight: bold;
}

.text_x130 {
	font-size: 130%;
	font-weight: bold;
}

.text_x140 {
	font-size: 140%;
	font-weight: bold;
}

.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;
}

.text_left {
	text-align: left;
}

.text_right {
	margin-top: 20px;
	text-align: right;
}

.text_right02 {
	margin-top: 10px;
	margin-bottom: -25px;
	text-align: right;
}

.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;
}

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

ul.list_dot {
	list-style-type: none;
	list-style-image: url(../images/ico_list_dot.gif);
	padding-left: 20px;
}

ul.list_dot02 {
	list-style-type: decimal;
	padding-left: 20px;
}

ul.list_number {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
	list-style-type: decimal;
}

ol.nomal {
	padding-left: 30px;
}

.pd_left20 {
	padding-left: 20px;
}

.notes {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.notes p {
	margin-bottom: 16px;
	line-height: 2.0;
	color: #333333;	
	font-size: small;
}

.notes h3 {
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #333333;
}

.notes ul {
	margin-left: 14px;
	color: #333333;	
	font-size: small;
}

.notes li {
	line-height: 2.0;
}

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

.sample_photo li {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.width_470 {
	width: 470px;
}

dd.img_memo {
	margin-top: 3px;
	margin-left: 5px;
	font-size: small;
}

.color_gray3 {
	color: #333333;
}

.color_red {
	color: #CC0000;
}

.svj_table02 .color_gray4 {
	background-color: #F5F5F5;
}

.bgcolor_grayC {
	background-color: #CCCCCC;
}

.lh17 {
	line-height: 1.7;
}

.height_space70 {
	height: 70px;
}

.free_space {
	height: 400px;
}

.notice {
	font-size: small;
	color: #999999;
}

/*------------------・margin*/

.mT100{margin-top:100px;}

.mL2{margin-left:2px;}

.mL5{margin-left:5px;}

.mT-10{margin-top:-10px;}

.mTB15{margin:15px 0px 15px 0px;}

.mT5{margin-top:5px;}

.mT15{margin-top:15px;}

.mT30{margin-top:0px;}

.mT40{margin-top:40px;}

.mT50{margin-top:50px;}

.mR5{margin-right:5px;}

.mTB20{margin: 20px 0px 20px 0px;}

.mB5{margin-bottom: 5px;}

.mg_top10 {
	margin-top: 10px;
}

.mg_top20 {
	margin-top: 20px;
}

.mg_bottom {
	margin-bottom: 10px;
}

.mg_bottom10 {
	margin-bottom: 10px;
}

.mg_bottom20 {
	margin-bottom: 20px;
}

.mg_bottom30 {
	margin-bottom: 30px;
}

.mg_bottom40 {
	margin-bottom: 40px;
}

.mg_bottom50 {
	margin-bottom: 50px;
}

.mg_left10 {
	margin-left: 10px;
}

.mg_left16 {
	margin-left: 16px;
}

.mg_left20 {
	margin-left: 20px;
}

.mg_left30 {
	margin-left: 30px;
}

.mg_left33 {
	margin-left: 33px;
}

.mg_left48 {
	margin-left: 48px;
}

.mg_left50 {
	margin-left: 50px;
}

.mg_left150 {
	margin-left: 150px;
}

/*------------------*/

/*------------------・padding*/
.pT5{padding-top:5px;}

.pT10{padding-top:10px;}

.pL10{padding-left:10px;}

.pL20{padding-left:20px;}

.pB5{padding-bottom:5px;}


/*------------------*/


.font_style01 {
	font-size: small;
	color: #333333;
	line-height: 2;
}

blockquote.block01 {
	width: 320px;
}


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

.blue {
	color: #0033FF;
}

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

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

#header h1 a {
	font-size: 70%;
	text-decoration: none;
	color: #999966;
	font-weight: normal;
}

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


#head_top {
	width: 854px;
	height: 85px;
	background-image: url(../images/line_double01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
}

#head_middle {
	height: 40px;
	width: 854px;
	margin-left: 1px;
	background-image: url(../images/menu_bar.jpg);
	background-repeat: repeat-x;
}

#head_bottom {
	width: 855px;
	height: 25px;
	background-image: url(../images/line_double02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}

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

#img_header_test {
	height: 226px;
	width: 855px;
	background-image: url(../images/header_top02.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#top_title {
	width: 600px;
	float: left;
}

#top_nav {
	/*height: 139px;*/
	width: 244px;
	float: left;
	font-size: small;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 0px;
}


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

/*--------------------------▼・メニュー*/
ul.navi_menu {
	width: 840px;
	font-size: small;
	list-style-type: none;
	font-weight: bold;
	margin-left: 15px;
}

.navi_menu li {
	float: left;

}

.navi_menu li a {
	height: 27px;
	padding-top: 13px;
	padding-right: 17px;
	padding-left: 17px;
	color: #333333;
	display: block;
}

.navi_menu li a:hover {
	background-image: url(../images/menu_bar_hov.jpg);
	background-repeat: repeat-x;
}

/*----------------------*/


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




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

#print_logo {
	display: none;
}


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

dl.sub_title {
	width: 545px;
	height: 28px;	
	padding-top: 12px;
	background-image: url(../images/bg_subtitle.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

/*
#info dl.sub_title,#about_jtha dl.sub_title,#activity dl.sub_title,#contact dl.sub_title,#define_th dl.sub_title,#privacy dl.sub_title,#sitemap dl.sub_title,#to_corp dl.sub_title,#to_general dl.sub_title,#to_gov dl.sub_title {
	width: 545px;
	height: 28px;	
	padding-top: 12px;
	background-image: url(../images/bg_subtitle.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
*/

dl.sub_title dt {
	width: 345px;
	padding-left: 50px;
	float: left;
	font-size: small;
	color: #333333;
	font-weight: bold;
}

dl.sub_title dd {
	width: 140px;
	float: left;	
}

dl.sub_title dd a {
	font-size: small;
	color: #999999;
}

dl.sub_title2 {
	width: 545px;
	height: 28px;	
	padding-top: 12px;
	background-image: url(../images/bg_subtitle_pl.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

dl.sub_title2 dt {
	width: 545px;
	padding-left: 50px;
	float: left;
	font-size: small;
	color: #333333;
	font-weight: bold;
}

dl.sub_title3 {
	width: 545px;
	height: 28px;	
	padding-top: 6px;
	background-image: url(../images/bg_subtitle_pl.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

dl.sub_title3 dt {
	width: 545px;
	padding-left: 50px;
	float: left;
	font-size: small;
	color: #333333;
	font-weight: bold;
}

#info {
	margin-top: 40px;
}

#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;
	
}

#info_detail {
	margin-top: 40px;
}

#info_detail ul {
	list-style-type: none;
	font-size: small;
}

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

#info_detail li p {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #999900;
	line-height: 1.7;
	margin-left: 65px;
	background-color: #EFEFED;
	padding: 5px;
}

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

.center {
	width: 400px;
	margin-top: 80px;
	margin-left: 280px;
}

/*
#main_detail {
	margin-top: 50px;
}
*/

#main_detail p {
	font-size: small;
	color: #333333;
}

#main_detail_top h3 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 3px;
	font-size: small;
	color: #666666;
}

#main_detail_top .text_box {
	padding-left : 20px;
	padding-right : 30px;
	line-height: 2.0;		
}

#main_detail_top .text_box p {
	margin-bottom: 12px;
}

#main_detail_top p {
	font-size: small;
	color: #333333;
}

#main_detail h3 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 3px;
	font-size: small;
	color: #666666;
}

#main_detail .text_box {
	padding-left : 20px;
	padding-right : 30px;
	line-height: 1.7;		
}

#main_detail .text_box p {
	margin-bottom: 12px;
}

#main_detail ul {
	margin-top: 10px;
}

#main_detail li {
	font-size: small;
	color: #333333;
}

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

#link li {
	margin-left: 20px;	
}

.link_mT {
	margin-top: 1180px;
}


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


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

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;
}

#date {
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #858585;
}

#next {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: small;
}

#next a {
	color: #666;
}


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

/*---------------------▼・カテゴリー*/

#category {
	margin-top: 10px;
}

#category ul {
	list-style-type: none;
	font-size: small;
}

#category li {
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background: url(../images/ico_smark03.gif) no-repeat center left;
	margin: 5px;
}

/*---------------------▲・カテゴリー*/



/*---------------------▼・活動と組織*/

#activity h2 {
	font-size: small;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
	
}

#activity .acv_detail {
	width: 580px;
	padding-bottom: 10px;
	font-size: small;
	color: #333333;
	margin-left: 30px;
	line-height: 1.7;	
}


#activity dt.item {
	background-image: url(../images/ico_smark01.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 60px;
	padding-left: 20px;
	float: left;
}

#activity dt.non_item {
	width: 60px;
	padding-left: 20px;
	float: left;
}

.acv_detail dd {
	width: 480px;
	padding-left: 20px;
	float: right;
}

/*
#activity ul {
	list-style-type: none;
	list-style-image: url(../images/ico_list_dot.gif);
	padding-left: 20px;
}
*/

#activity li {
	padding-bottom: 10px;
}

#activity p {
	padding-bottom: 10px;
}

.sep_bar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*
#activity table.acv_detail {
	width: 630px;
	font-size: small;
	color: #333333;
	margin-left: 50px;
	border-style: none;
}

#activity td.item {
	background-image: url(../images/ico_smark01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 110px;
	padding-left: 20px;
	vertical-align: top;
}

#activity td.non_item {
	padding-left: 20px;
}

#activity td {
	padding-bottom: 10px;
}

#activity ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/ico_list_dot.gif);
}

#activity li {
	padding-bottom: 10px;
	line-height: 1.7;
}

#activity p {
	padding-bottom: 10px;
}

td.sep_bar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}*/

/*---------------------▲・活動と組織*/


/*---------------------▼・震災復興用トレーラーハウスの貸与支援を申し出*/

.svj_detail {
	width: 580px;
	padding-bottom: 10px;
	font-size: small;
	color: #333333;
	margin-left: 20px;
	line-height: 1.7;	
}

.svj_detail2 {
	width: 550px;
	padding: 0px 5px;
	border: 2px solid #C00;
}

.svj_detail2 dt {
	width: 110px;
	float: left;
}

.svj_detail2 dd {
	width: 420px;
	padding-left: 20px;
	float: right;
}

.svj_detail02 {
	width: 550px;
	padding: 5px 10px 30px 10px;
	border: 2px solid #C00;
}

.svj_detail02 dd {
	padding: 5px 0px 5px 12px;
	border-bottom: 1px dotted #999;
}

.svj_detail_contact {
	width: 562px;
	margin-bottom: 40px;
	padding: 0px 5px;
	border: 1px solid #C00;
}

.svj_info {
	position: relative;
	margin-top: 5px;
	float: right;
}

.svj_info span {
	padding: 3px 5px 0px 17px;
	font-size: 88%;
	background: url(../../../../images/ico_smark02.gif) no-repeat center left;
}

.svj_info img {
	position: absolute;
	right: 0px;
	top: -1px;
}

.svj_detail h3 {
	/*width: 494px;*/
	height: 42px;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 0px 0px 15px;
	background-image: url(../images/bg_title_savejapan.gif);
	background-repeat: no-repeat;
}

.kaya_house {
	width: 550px;
	padding: 5px 10px 30px 10px;
	border: 1px solid #999;
}

.icon01 {
	background: url(../images/ico_smark01.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	margin: 5px;
}

.icon02 {
	background: url(../images/ico_smark03.gif);
	background-repeat: no-repeat;
	background-position: center left;
	/*margin: 5px;*/
}

.list_svj dd {
	float: left;
}

table.svj_table {
    width: 560px;
	margin: 0px 0px 10px 0px;
    border: 1px #CCC solid;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.7;
}

table.svj_table th {
	width: 220px;
    padding: 5px;
    border: #CCC solid;
    border-width: 0px 0px 1px 1px;
    font-weight: bold;
	vertical-align: top;
	text-align:  right;
	background-color: #F3F3F3;
}

table.svj_table td {
	width: 370px;
    padding: 5px 0px 5px 10px;
    border: 1px #CCC solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

.svj_detail table.svj_table02 {
    width: 570px;
	margin: 0px 0px 20px 0px;
    border: 1px #CCC solid;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.7;
}

.svj_detail table.svj_table02 td {
    padding: 5px 0px 5px 5px;
    border: 1px #CCC solid;
    border-width: 0 0 1px 1px;
	vertical-align: top;
    text-align: left;
}

.import_nots {
	width: 315px;
	padding-right: 20px;
	float: left;
}
/*---------------------▲・震災復興用トレーラーハウスの貸与支援を申し出*/


/*---------------------▼・一運輸事業者拠点事業所登録について*/

table.transport_table {
    width: 514px;
	margin: 10px 0px 20px 0px;
    border: 1px #CCC solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.transport_table th {
    padding: 5px;
    border: #CCC solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
}
table.transport_table td {
    padding: 5px;
    border: 1px #CCC solid;
    border-width: 0 0 1px 1px;
    /*text-align: left;*/
}

/*---------------------▲・運輸事業者拠点事業所登録について*/


/*---------------------▼・一般の皆様へ*/
.box01_hd_exp {
	height: 30px;
	width: 550px;
	background-image: url(../images/box01_hd_exp.gif);
	background-repeat: no-repeat;
	display: block;
}

.box01_hd_tokki {
	height: 30px;
	width: 550px;
	background-image: url(../images/box01_hd_tokki.gif);
	background-repeat: no-repeat;
	display: block;
}

.box01_hd_toku {
	height: 30px;
	width: 550px;
	background-image: url(../images/box01_hd_toku.gif);
	background-repeat: no-repeat;
	display: block;
}

.box01_hd_non {
	height: 20px;
	width: 550px;
	background-image: url(../images/box01_hd_non.gif);
	background-repeat: no-repeat;
	display: block;
}

.box01_bd {
	width: 520px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(../images/box01_bd.gif);
	background-repeat: repeat-y;
	display: block;	
}
.box01_ft {
	height: 12px;
	width: 550px;
	background-image: url(../images/box01_ft.gif);
	background-repeat: no-repeat;
	margin-bottom: 16px;
	display: block;	
}

.box01_bd_org {
	width: 520px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(../images/box01_bd_org.gif);
	background-repeat: repeat-y;
	display: block;	
}
.box01_ft_org {
	height: 12px;
	width: 550px;
	background-image: url(../images/box01_ft_org.gif);
	background-repeat: no-repeat;
	margin-bottom: 16px;
	display: block;	
}

/*---------------------▲・一般の皆様へ*/

/*---------------------▼・エンジョイメンバー募集*/

#th_life {
	margin-top: 920px;	
}

/*---------------------▲・エンジョイメンバー募集*/

/*---------------------▼・情報公開*/

#main_plus {
	width: 700px;
	float: left;
	padding-left: 40px;
}

#sample_photo {
	list-style-type: none;
}

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

.ut_photo {
	margin-right: 10px;
}

.img_memo02 {
	width: 200px;
	height: 30px;
	font-size: small;
}

.text_center {
	text-align: center;
}

.notes02 {
	margin-top: 20px;
	/*margin-left: 10px;*/
	margin-right: 20px;
}

.notes02 p {
	margin-bottom: 16px;
	line-height: 2.0;
	color: #333333;	
	font-size: small;
}

.text_link li {
	margin: 0px 0px 10px 10px;
	background-image: url(../images/ico_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	list-style-type: none;
}

.text_link a {
	margin-left: 15px;
	font-size: small;
}

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

.text_link02 {
	margin-top: 10px;
}

.text_link02 li {
	margin: 0px 0px 0px 10px;
	background-image: url(../images/ico_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	list-style-type: none;
}

.text_link02 a {
	margin-left: 15px;
	font-size: small;
}

.text_link02 a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}
/*---------------------▲・情報公開*/

/*---------------------▼・お問い合わせフォーム*/

span.wpcf7-list-item { display: block; }

#wpcf7-f1-p11-o1 .con{
	height: 12px;
	padding: 0px 0 8px 0;
	width:250px;
	border: thin solid #7F9DB9;
	font-size:14px;
	color:#000;
    align:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#wpcf7-f1-p11-o1 .mess{
	height:200px;
	padding:0 0 15px 0;
	width:400px;
	border: thin solid #7F9DB9;
	font-size:14px;
	color:#fff;
    overflow-y:auto;
    _overflow-y:hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.mateBox01 table {
	margin-top: 20px;
	border-top: 1px dotted #cccccc;
}

.mateBox01 table .con {
	height: 20px;
	width: 300px;
}

.mateBox01 td {
	border-bottom: 1px dotted #cccccc;
	padding: 15px;
}

.mateTd01 {
	/*background-color:#F6F6F6;*/
	width: 215px;
	background-image: url(../images/bg_grid.gif);
	background-repeat: repeat;
	vertical-align: top;
}

/*---------------------▲・お問い合わせフォーム*/

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

.narrow_box {
	width: 250px;
	float: left;
}

ul.mainlist {
	width: 250px;
}

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;
}


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

/*---------------------▼・印刷ボタン*/
.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;
}
/*---------------------▲・印刷ボタン*/


/*---------------------▼・行政の皆様へ*/

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

ul.photo_list li {
	float: left;
	margin-left: 25px;
}
/*---------------------▲・行政の皆様へ*/

/*---------------------▼・トップ（Photo）*/

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

ul.photo_top li {
	float: left;
	margin-left: 10px;
}

/*---------------------▲・トップ（Photo）*/

/*---------------------▼・トレーラーハウスショーへ*/

#trailershow .zumen_box {
	margin-left: 30px;
}

#trailershow table {
	width: 540px;
	margin-left: 30px;
}

#trailershow td {
	vertical-align: text-top;
	line-height: 2;
	font-size: small;
	padding-bottom: 10px;
}

#trailershow .item {
	width: 18%;
}

.sub_title02 {
	font-size: medium;
	font-weight: bold;
	background-image: url(../images/ico_smark01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.tls_title {
	margin-bottom: 10px;
}

.text_aisatu {
	width: 520px;
}

.text_center {
	padding-bottom: 15px;
	text-align: center;
}

.trailershow_btn {
	margin: 40px 0px 20px 0px;
}

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

.img_otoiawase {
	margin-top: 30px;
	text-align: center;
}

.mg_left30 {
	margin-left: 30px;
}

#trailershow .tls_detail {
	width: 580px;
	padding-bottom: 10px;
	font-size: small;
	/*margin-left: 30px;*/
	line-height: 1.7;	
}

#trailershow tls_detail {
	float: left;
}

#trailershow dt.non_item {
	width: 70px;
	float: left;
}

.tls_detail dl {
	width: 580px;
	/*padding-left: 20px;*/
}

.tls_detail dd {
	width: 510px;
	/*padding-left: 20px;*/
	float: right;
}

ul.list_company {
	list-style-type: none;
	padding-left: 20px;
}

.text_bold {
	font-weight: bold;
}

.text_mgleft30 {
	margin-left: 30px;
}

table.time_table {
    width: 570px;
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: small;
    line-height: 1.7;
}

table.time_table th {
    padding: 5px;
    border: #999 solid;
    border-width: 0px 0px 1px 1px;
    font-weight: bold;
    text-align: left;
}

table.time_table td {
    padding: 5px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

.tls_memo {
	margin: 0px 0px 20px 30px;
}

/*.lecturer_name {
	height: 25px;
	background-image: url(../images/name_bar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: small;
}*/

.fonto_s {
	font-size: small;
}

.f_86 {
	font-size:86%;
	font-weight: normal;
}

.tls_photo {
	margin: 15px 10px 0px 0px;
	float: left;
}

.mg_bottom10 {
	margin-bottom: 10px;
}

.mg_right30 {
	margin-right: 30px;
}

/*---------------------▲・トレーラーハウスショー*/

/*---------------------▼・価格表*/
table.pricelist {
	width: 500px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	font-size: small;
	line-height: 2.5;
}

table.pricelist th {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	text-align: center;
}

table.pricelist td {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	padding-left: 10px;
}

table.pricelist .item {
	width: 300px;
}

table.pricelist .price {
	text-align: right;
	padding-right: 10px;
}

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

ul.parts_list li {
	float: left;
	margin-left: 70px;
	margin-right: 20px;	
}


/*---------------------▲・価格表*/


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

/*・サイドバー
-------------------------------*/
.side_space01 {
	margin-top: 60px;
}

.side_space02 {
	margin-top: 6px;
}

.lang {
	margin-left: 100px;
}

/*---------------------▲・サイドバー*/

/*・テーブル
-------------------------------*/

.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_middle {
	vertical-align: middle;
}


/*・サイドバー
-------------------------------*/
#side {
	width: 240px;
	padding-top: 30px;
	padding-left: 0px;
	float: right;
}

dl.photo_view {
	width: 225px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.photo_view dd.comment {
	font-size: small;
	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;
}

#top_link {
	width: 200px;
	padding-top: 10px;
	margin-bottom: 20px;
}

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

#top_link li {
	padding-top: 8px;
	margin-left: 20px;		
}

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

/*-------------------------▲・リンク*/


/*・フォーム
-------------------------------*/


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

.footer_menu {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

.footer_menu ul {
	width: 815px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	font-size: small;
	color: #666666;	
	list-style-type: none;
}

.footer_menu li {
	padding-right: 10px;
	padding-bottom: 3px;
	float: left;
}

.footer_menu li a {
	color: #999933;
}

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

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

#designed_by {
	margin-right: 20px;
	font-size: x-small;
	text-align: right;
	color: #999999;
}
#designed_by a {
	color: #999999;
	text-decoration: none;
}
#designed_by a:hover {
	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 */

