/*基本設定
----------------------------------------------------------------------------------------------------------------*/
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,span {
	margin: 0px;
	padding: 0px;
	font-size: small;
}

body {
	background-image: url(image/common/bg_body.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
    font-family: "ＭＳ ゴシック", "Osaka－等幅", sans-serif;
    font-size: small;
    line-height: 1.3em;
    color: #333333;
}

img {
	border-style: none;
}

#pagebody-index {
	width: 760px;
	height: 100%;
	margin: 0px auto;
	display: block;
	position: relative;
	font-size: 0.85em;
	background-image:url(image/index/bg_index.gif);
	background-repeat:repeat-y;
}

#pagebody-sales, #pagebody-service, #pagebody-restore, #pagebody-event, #pagebody-company, #pagebody-link, #pagebody-mail, #pagebody-gallery, #pagebody-news {
	width: 760px;
	height: 100%;
	margin: 0px auto;
	display: block;
	position: relative;
	font-size:0.85em;
}

#pagebody-restore {
	width: 760px;
	height: 500px;
	margin: 0px auto;
	display: block;
	position: relative;
	font-size:0.85em;
}

.picture-right {
	margin: 5px;
	float: right;
}

.picture-left {
	margin: 5px;
	float: left;
}

strong {
	font-size: 1.1em;
	margin-top: 10px;
	display:block;
}	

.red {
	color:#DC0000;	
}	

/*ヘッダー
----------------------------------------------------------------------------------------------------------------*/
#header {
	height: 85px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	border-top: solid 5px #8A8A67;
}

#header h1 a {
	width: 218px;
	height: 54px;
	background-image:url(image/common/p_header_title.gif);
	background-repeat:no-repeat;
	position: relative;
	left: 10px;
	top: 15px;
	display: block;
	text-indent: -1000em;
}

#header p {
	width: 300px;
	height: 64px;
	position: absolute;
	left: 450px;
	top: 16px;
	display: block;
	background-image: url(image/common/p_header_address.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-indent: -1000em;
}

/*メインメニュー
----------------------------------------------------------------------------------------------------------------*/
#mainmenu {
	height: 29px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

#mainmenu ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

#mainmenu li {
	text-indent: -1000em;
	float: left;
}

#mainmenu li,#mainmenu a {
	background-image: url(image/common/p_mainmenu.gif);
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

#home a, #home li {display: block; width: 86px; height: 29px; }
#news a, #news li {display: block; width: 85px; height: 29px; background-position: -86px 0px; }
#service a, #service li {display: block; width: 84px; height: 29px; background-position: -171px 0px; }
#sales a, #sales li {display: block; width: 85px; height: 29px; background-position: -255px 0px; }
#restore a, #restore li {display: block; width: 84px; height: 29px; background-position: -340px 0px; }
#event a, #event li {display: block; width: 84px; height: 29px; background-position: -424px 0px; }
#company a, #company li {display: block; width: 84px; height: 29px; background-position: -508px 0px; }
#link a, #link li {display: block; width: 83px; height: 29px; background-position: -592px 0px; }
#mail a, #mail li {display: block; width: 85px; height: 29px; background-position: -675px 0px; }


#home a:hover {background-position: 0px -29px;}
#news a:hover, #news-selected a {background-position: -86px -29px;}
#service a:hover, #service-selected a {background-position: -171px -29px;}
#sales a:hover, #sales-selected a {background-position: -255px -29px;}
#restore a:hover, #restore-selected a {background-position: -340px -29px;}
#event a:hover, #event-selected a {background-position: -424px -29px;}
#company a:hover, #company-selected a {background-position: -508px -29px;}
#link a:hover, #link-selected a {background-position: -592px -29px;}
#mail a:hover, #mail-selected a {background-position: -675px -29px;}

#home-selected a{display: block; width: 86px; height: 29px; background-position: 0px -29px; }
#news-selected a {display: block; width: 85px; height: 29px; background-position: -86px -29px; }
#service-selected a {display: block; width: 84px; height: 29px; background-position: -171px -29px; }
#sales-selected a {display: block; width: 85px; height: 29px; background-position: -255px -29px; }
#restore-selected a {display: block; width: 84px; height: 29px; background-position: -340px -29px; }
#event-selected a {display: block; width: 84px; height: 29px; background-position: -424px -29px; }
#company-selected a {display: block; width: 84px; height: 29px; background-position: -508px -29px; }
#link-selected {display: block; width: 83px; height: 29px; background-position: -592px -29px; }
#mail-selected a {display: block; width: 85px; height: 29px; background-position: -675px -29px; }

/*インデックスページ
----------------------------------------------------------------------------------------------------------------*/		
#index-image {
	height: 300px;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;		
}
	
#index-dialog {
	background-color: #DC0000;
	width: 390px;
	height: 350px;
	color: #FFFFFF;
	font-size:0.9em;
	line-height: 1.7em;
	padding: 5px;
	float: left;
	overflow: auto;
}

#news-container{
	width: 350px;
	padding: 5px;
	position: relative;
	float: right;
}

#news-title {
	background-image: url(image/index/p_index_news.jpg);
	background-repeat:no-repeat;	
	height: 16px;
	width: 350px;
	text-indent: -1000em;
	display: block;
	margin-bottom: 5px;
	padding-bottom:2px;
	border-bottom: solid 3px #DC0000;
}	

#news-container dt {
	font-weight: bold;
}

#news-container dt span.title {
	color:#DC0000;
	font-size: 1.2em;
}

#news-container dt span.date {
	font-weight: normal;
}

#news-container dd {
	border-bottom: dotted 1px #333333;
	padding-bottom: 5px;
}		

#factory-title {
	background-image: url(image/index/p_index_factory.jpg);
	background-repeat:no-repeat;	
	height: 20px;
	width: 350px;
	text-indent: -1000em;
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom:2px;
	border-bottom: solid 3px #DC0000;
}

/*下層ページ共通部分
----------------------------------------------------------------------------------------------------------------*/
.container {
	width: 740px;
	heigt: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	clear: both;
	border-bottom: 1px solid #3a2d23;
	display: block;
}

.container:after {
	content: ".";
	display:block;
	height: 0px;
	clear: both;
	visiblity: hidden;
}	

.container-bottom {
	width: 740px;
	heigt: 170px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	position: relative;
	clear: both;
	display: block;
}

.container-bottom:after {
	content: ".";
	display:block;
	height: 0px;
	clear: both;
	visiblity: hidden;
}

#pagebody-service p, #pagebody-restore p, #pagebody-company p, #pagebody-mail p, #pagebody-news p {
	width: 750px;
	margin: 0px 5px 0px 5px;
	display:block;
}	

/*セールス
----------------------------------------------------------------------------------------------------------------*/
#pagebody-sales h2 {
	background-image:url(image/sales/p_sales_title.jpg);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

#pagebody-sales h3 {
	font-size: 2em;
	font-family: "Frankrin Gothic Demi Cond", "Arial", "Helvetica", sans-serif;
	color: #000000;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	display:block;
	border-bottom: solid 1px #333333;
}

#pagebody-sales h3.name {
	font-size: 0.8em;
}

#item-thumbnail-box {
	width: 760px;
}

item-individual-box {
	width: 495px;
	float: left;
	position:relative;
	margin-left: 5px;
}	

#item-thumbnail-box .item-thumbnail {
	width: 250px;
	height: 185px;
	float: left;
	text-align:left;
	font-size: 1.2em;
	font-weight: bold;	
}

#item-thumbnail-box .item-thumbnail-l {
	width: 370px;
	height: 246px;
	float: left;
	text-align:left;
	font-size: 1.2em;
}

#item-thumbnail-box .item-thumbnail-s, #item-individual-box .item-thumbnail-s {
	width: 185px;
	height: 130px;
	float: left;
	text-align:left;
	font-size: 0.9em;
}

.item-thumbnail img, .item-thumbnail a img {
	width: 240px;
	height: 160px;
	margin: 4px;
	border: solid 1px #333333;	
}

#item-individual-box .item-thumbnail-l img {
	width: 358px;
	height: 239px;
	margin: 4px;
	border: solid 1px #333333;
}

.item-thumbnail-s img, .item-thumbnail-s a img {
	width: 173px;
	height: 115px;
	margin: 5px;
	border: solid 1px #333333;	
}

#item-others {
	width: 195px;
	margin-left: 0px;
	float: right;	
	border-left: solid 1px #333333;
}

#item-others .item-thumbnail {
	width: 175px;
	height: 140px;
	text-align:center;
	font-size: 0.9em;
	margin: auto;	
}	

#item-others .item-thumbnail a img {
	width: 169px;
	height: 113px;
	margin: 4px;
	border: solid 1px #333333;	
}

#item-individual-box table {
	width: 545px;
	margin: 20px 5px;
	border: 1px solid #333333;
	clear:left;
}	

#item-individual-box table tr {
	margin: 0px;
	padding: 0px;
}	


#item-individual-box table th {
	background-color: #CCCCCC;
	text-align: center;
	margin: 0px;
	padding: 0px;
}	

#item-individual-box table td {
	text-align: center;
}

.item-text {
	display:block;
	margin-left: 5px;
}	

/*ニュース
----------------------------------------------------------------------------------------------------------------*/
#pagebody-news .news-container {
	width: 750px;
	margin: 0px 5px 0px 5px;
	display:block;
	border-bottom: dotted 1px #333333;
	padding-bottom: 10px;
	clear: both;
}	

#pagebody-news #navigation {
	width: 700px;
	text-align: center;
}

#pagebody-news h2 {
	background-image:url(image/news/p_news_title.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

#pagebody-news h3 {
	width: 740px;
	height: 19px;
	margin: 10px 5px 3px 5px;
	display:block;
	font-size:1.5em; 
}

#pagebody-news .news-date {
	font-size:0.7em;
	color: #666666;
	font-weight: normal;
}

#pagebody-news .news-container img {
	width: 200px;
	height: 150px;
	border: solid 1px #666666;
	padding: 3px;
	margin-right: 5px;
	float:left;
}


/*サービス
----------------------------------------------------------------------------------------------------------------*/
#pagebody-service h2 {
	background-image:url(image/service/p_service_title.jpg);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

#pagebody-service h3#maintainance {
	width: 750px;
	height: 19px;
	margin: 10px 5px 3px 5px;
	background-image: url(image/service/t_maintainance.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent: 195px;
	font-size:1.1em; 
}

#pagebody-service h3#import {
	width: 750px;
	height: 19px;
	margin: 10px 5px 3px 5px;
	background-image: url(image/service/t_import.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent: 125px;
}

#pagebody-service h3#sales {
	width: 750px;
	height: 19px;
	margin: 10px 5px 3px 5px;
	background-image: url(image/service/t_sale.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent: 116px;	
}

#pagebody-service h3#insurance {
	width: 750px;
	height: 19px;
	margin: 10px 5px 3px 5px;
	background-image: url(image/service/t_insurance.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent: 157px;	
}

#pagebody-service ul {
	list-style:none;
}

#pagebody-service ul li {
	margin-top: 5px;
	margin-left: 10px;	
}

/*レストア
----------------------------------------------------------------------------------------------------------------*/
#pagebody-restore h2 {
	background-image: url(image/restore/t_restoration.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}
	
#pagebody-restore .restore-container {
	border-top: solid 1px #333333;
	float: left;
}
		

/*イベント
----------------------------------------------------------------------------------------------------------------*/
#pagebody-event h2 {
	background-image:url(image/event/p_event_title.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

#pagebody-event #year ul {
	list-style-type: none;
	width: 750px;
	height: 20px;
	margin: 5px 0px;
	padding: 5px;
	display: block; 
	border-bottom: solid 1px #333333;
}

#pagebody-event #year ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#333333;
	line-height: 1em;
	float: left;
	padding: 0px 3px;
}

#pagebody-event #year ul li a,#pagebody-event #year ul li a:visited {
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	color:#333333;
	line-height: 1em;
	width: 44px;
	text-align: center;
	float: left;
	display: block;
	padding: 2px 3px 0px;
	margin-right: 2px;
	border: solid 1px #999999;
}

#pagebody-event #year ul li a:hover {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#DC0000;
	border: solid 1px #DC0000;
}

#pagebody-event #event-container {
	clear: both;
}

#event-container .event-box {
	width: 760px;
	height: 110px;
	display: block;
	clear: both;
	border-bottom: dotted 1px #333333;
	margin-bottom: 10px;
}

#event-container .event-box img.main {
	width: 200px;
	height: 100px;
	border: solid 1px #333333;
	float: left;
	margin: 0px 5px 5px;
}

/*イベントタイトル
----------------------------------------------------------------------------------------------------------------*/
#event-container .event-box .title {
	font-size: 30px;
	font-family:Franklin Gothic Medium, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1em;
	letter-spacing:-0.08em;
}

/*イベントギャラリー
----------------------------------------------------------------------------------------------------------------*/
#pagebody-gallery h2 {
	background-image:url(image/event/p_event_title.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}


#pagebody-gallery h3 {
	font-size: 24px;
	font-family:Franklin Gothic Medium, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1em;
	letter-spacing:-0.08em;
}

#pagebody-gallery #gallery-title {
	width: 170px;
	margin: 5px 0px;
	float: left;
}

#pagebody-gallery #gallery-title h3 {
	font-size: 18px;
	margin: 5px 0px;
	display: block;
	border-bottom: solid 2px #DC0000;
	padding-bottom: 2px;	
}

#pagebody-gallery #gallery-title h4 {
	font-size: 11px;
	margin: 3px 0px;
	text-align: left;
	display:block;
	line-height: 1.1em;
	border-bottom: dotted 1px #666666;
	padding: 4px 0px;
}

#pagebody-gallery #gallery-title h4 a, #pagebody-gallery #gallery-title h4 a:visited {
	text-decoration: none;
	color: #333333;
}

#pagebody-gallery #gallery-title h4 a:hover {
	text-decoration: none;
	color: #DC0000;
}

#pagebody-gallery #gallery-content {
	width: 570px;
	margin: 5px 0px;
	float: right;
}

#pagebody-gallery #gallery-container {
	width: 750px;
	margin: 10px auto;
}

#pagebody-gallery #gallery-menu ul {
	list-style-type: none;
	width: 750px;
	height: 20px;
	margin: 5px 0px;
	padding: 5px;
	display: block; 
	border-bottom: solid 1px #333333;
}

#pagebody-gallery #gallery-menu ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#333333;
	line-height: 1em;
	float: left;
	padding: 0px 3px;
}

#pagebody-gallery #gallery-menu ul li a,#pagebody-gallery #gallery-menu ul li a:visited {
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	color:#333333;
	line-height: 1em;
	width: 80px;
	text-align: center;
	float: left;
	display: block;
	padding: 2px 3px 0px;
	margin-right: 2px;
	border: solid 1px #999999;
}

#pagebody-gallery #gallery-menu ul li a:hover {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#DC0000;
	border: solid 1px #DC0000;
}	

/*会社概要
----------------------------------------------------------------------------------------------------------------*/
#pagebody-company h2 {
	background-image:url(image/company/p_company_title.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

/*リンク
----------------------------------------------------------------------------------------------------------------*/
#pagebody-link h2 {
	background-image:url(image/link/p_link_title.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

#pagebody-link h3 {
	font-size: 1.3em;
	margin: 5px 0px;
	display: block;
	border-bottom: solid 1px #DC0000;
	padding-bottom: 2px;
	text-indent: 0.5em;
}

#pagebody-link dt {
	font-size: 1.1em;
	font-weight: bold;
	clear: both;
	margin: 0px 5px 0px;
}

#pagebody-link dd {
	height: auto;
	display: block;
	margin: 0px 5px 10px;
	padding-bottom: 3px;
	border-bottom: dotted 1px #999999;
}

#pagebody-link dd.clear {
	display: block;
	margin: 0px;
	padding-bottom: 3px;
	border-bottom: none;
	clear:both;
}

#pagebody-link a img {
	border: solid 1px #666666;
}

/*メール
----------------------------------------------------------------------------------------------------------------*/
#pagebody-mail h2 {
	background-image:url(image/mail/p_mail_title.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	height: 29px;
	text-indent: -1000em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	display:block;
	border-bottom: solid 3px #DC0000;
}

/*フッター
----------------------------------------------------------------------------------------------------------------*/
#footer {
	width: 760px;
	height: 50px;
	margin: 0px auto;
	position: relative;
	clear: both;
	border-top: solid 1px #333333;
}

#footer h2 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 0.8em;
	font-weight:normal;
	margin: 3px 5px 0px auto;
	float: right;
}

#footer p a {
	margin: 3px auto 3px 10px;
	float: left;
}