@charset "utf-8";
/* CSS Document */

/* タグ
---------------------------------------------------------- */
body {
	margin: 0 auto !important;
	padding: 0 !important;
	font-size: 80%;
	color: #666666;
	background-color: #497494;
	text-align: center;
}

html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,address,pre,div,form,fieldset,input,textarea {
	margin: 0;
	padding: 0;
}

li {
	list-style:none;
}

a {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	height: 1px;
	border-color: #cccccc;
}

b {
	display: none;
}

/* 共通
----------------------------------------------------------- */
.clear {
	clear:both;
}

.pagetop {
	text-align: right;
}
.space_height_10 {
	height: 10px;
}
.space_height_30 {
	height: 30px;
}

/* パンくずリスト
----------------------------------------------------------- */
.topicpath {
	font-size: 90%;
	text-align: left;
}

.topicpath p {
	margin: 0;
	padding: 0;
}

/* ブロックレイアウト
------------------------------------------------------------------------ */
/* ヘッダ　紹介文 */
.h_description p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #fff;
	line-height: 150%;
}

/* ヘッダ */
#header {
	height: 60px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(images/header-back.jpg) repeat-x;
}

/* ヘッダ以下コンテンツ＋サイドブロック */
#base {
	clear: both;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	background-color: #ededed;
	text-align:center;
}

/* コンテンツブロック */
#contents {
	width: 540px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	float: right;
	display:block;
}

/* サイドブロック */
#s-navi {
	width: 150px;
	margin: 5px 0 0 0;
	padding: 0;
	float:left;
	display:block;
}

/* ヘッダ
------------------------------------------------------------------------ */
/* ロゴ */
#logo {
	width: 190px;
	margin: 12px 0 0 5px;
	padding: 0 !important;
	display: block;
	float: left;
}

#logo h1 {
	margin: 10px 0 !important;
	padding: 0 !important;
}

#cc {
	width: 505px;
	margin: 0;
	padding: 0;
	display:block;
	float: right;
}

#cc h2 {
	margin: 30px 10px 0 0;
	padding: 0;
	font-size: 90%;
	color: #666666;
	font-weight: normal;
	text-align: right;
	letter-spacing:-0.05em;
}

/* コンテンツ
------------------------------------------------------------------------ */
#c-contents {
	width: 530px;
	margin: 5px auto;
	padding: 0 10px 0 10px;
	text-align: left;
}

#c-contents h2 {
	height: 30px;
	background-image: url(images/h2_title.jpg);
	background-repeat: no-repeat;
	font-size: 115%;
	color:#666666;
	margin: 0 0 15px 0;
	text-indent: 35px;
	font-weight: normal;
	line-height: 200%;
}

#c-contents h3 {
	height: 30px;
	background-image: url(images/h3_title.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	color:#666666;
	margin: 0 0 10px 0;
	text-indent: 35px;
	font-weight: normal;
	line-height: 190%;
}

#c-contents h4 {
	height: 20px;
	background-image: url(images/h4_title.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	color:#666666;
	margin: 0 0 10px 0;
	text-indent: 25px;
	font-weight: normal;
}

#c-contents p {
	margin: 0 10px 15px 0;
}

#c-contents ul {
	margin: 0 0 15px 25px;
}

#c-contents ul li {
	margin: 5px 0 5px 0;
	background: none !important;
	list-style-type: circle !important;
}

#c-contents ol {
	margin: 0 0 15px 30px;
}

#c-contents ol li {
	margin: 5px 0 5px 0;
	list-style-type: decimal;
}

/* 会社概要
------------------------------------------------------------------------ */
.company-block table {
}

.company-block table th {
	padding: 5px;
	background-color: #E4E4E4;
	font-weight: normal;
	text-align: left;
}

.company-block table td {
	padding: 5px;
	background-color: #ffffff;
	border-bottom: 1px dotted #D2D2D2;
}

/* 会社沿革
------------------------------------------------------------------------ */
.development-block table {
}

.development-block table th {
	padding: 5px;
	background-color: #62B0FF;
	font-weight: normal;
	text-align: left;
}

.development-block table td {
	padding: 5px;
	background-color: #ffffff;
	border-bottom: 1px dotted #CEE7FF;
}

/* サイドナビ
------------------------------------------------------------------------ */
#s-navi ul {
	
}

#s-navi ul li.n01 {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-01-o.gif) no-repeat;
	display:block;
}

#s-navi ul li.n01 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-01.gif) no-repeat;
	display:block;
}

#s-navi ul li.n01 a:hover {
	background: url(images/s-navi-01-o.gif) no-repeat;
}

#s-navi ul li.n02 {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-02-o.gif) no-repeat;
	display:block;
}

#s-navi ul li.n02 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-02.gif) no-repeat;
	display:block;
}

#s-navi ul li.n02 a:hover {
	background: url(images/s-navi-02-o.gif) no-repeat;
}

#s-navi ul li.n03 {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-03-o.gif) no-repeat;
	display:block;
}

#s-navi ul li.n03 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-03.gif) no-repeat;
	display:block;
}

#s-navi ul li.n03 a:hover {
	background: url(images/s-navi-03-o.gif) no-repeat;
}

#s-navi ul li.n04 {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-04-o.gif) no-repeat;
	display:block;
}

#s-navi ul li.n04 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-04.gif) no-repeat;
	display:block;
}

#s-navi ul li.n04 a:hover {
	background: url(images/s-navi-04-o.gif) no-repeat;
}

#s-navi ul li.n05 {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-05-o.gif) no-repeat;
	display:block;
}

#s-navi ul li.n05 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-05.gif) no-repeat;
	display:block;
}

#s-navi ul li.n05 a:hover {
	background: url(images/s-navi-05-o.gif) no-repeat;
}

#s-navi ul li.n06 {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-06-o.gif) no-repeat;
	display:block;
}

#s-navi ul li.n06 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-06.gif) no-repeat;
	display:block;
}

#s-navi ul li.n06 a:hover {
	background: url(images/s-navi-06-o.gif) no-repeat;
}

#s-navi ul li.n07 a {
	width: 142px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(images/s-navi-07.gif) no-repeat;
	display:block;
}

#s-navi ul li.n07 a:hover {
	background: url(images/s-navi-07-o.gif) no-repeat;
}

#s-navi h2 {
	height: 34px;
	background: url(images/side-title-black.jpg) no-repeat;
	font-size: 90%;
	color: #ffffff;
	line-height: 210%;
	text-align: center;
}

#s-navi h3 {
	height: 30px;
	background: url(images/side-title-gray.jpg) no-repeat;
	font-size: 100%;
	color: #ffffff;
	line-height: 210%;
}

#s-navi h4 {
	height: 34px;
	background: url(images/title-h4.jpg) no-repeat;
	font-size: 100%;
	color: #333333;
	line-height: 160%;
	text-indent: 15px;
}

#s-navi p {
	text-align: left;
	line-height: 150%;
}

#s-navi ul {
	margin: 0;
}

/* サイドサブメニュー スタイル
------------------------------------------------------------ */
.sub-navi ul {
	margin: 0 0 0 6px !important;
	border-left: 2px solid #cccccc;
}

.sub-navi ul li a {
	margin: 0 8px 0 0;
	padding: 0;
	background: url(images/list.gif) no-repeat;
	background-position: 7px center;
	background-color: #D8D8D8;
	display:block;
	color: #666666;
	text-align: left;
	line-height: 200%;
	text-indent: 22px;
}

.sub-navi ul li a:hover {
	background: url(images/list-o.gif) no-repeat;
	background-position: 7px center;
	background-color: #cccccc;
	color: #FF0000;
	text-decoration:none;
}

.sub-navi ul li ul {
	margin: 0 !important;
	border-left: none;
}

.sub-navi ul li ul li a {
	margin: 0;
	padding: 0;
	background: url(images/h4_title.gif) no-repeat;
	background-position: 14px center;
	border: none;
	display:block;
	color: #666666;
	text-align: left;
	line-height: 200%;
	text-indent: 33px;
}

.sub-navi ul li ul li a:hover {
	background: url(images/h4_title-o.gif) no-repeat;
	background-position: 14px center;
	text-decoration:none;
}

.sn-banner-contact {
	margin: 5px 0 15px 0;
}

.s-navi-menublock {
	width: 233px;
	margin: 0 auto 15px auto;
	padding: 3px 0 0 0;
	border: 1px solid #C0C0C0;
	background-color: #ffffff;
}

.s-navi-menublock h2 {
	margin: 0 !important;
	padding: 0 !important;
}

.s-navi-menublock ul li {
	background: none !important;
}

.s-navi-menublock ul li a {
	width: 233px;
	height: 20px;
	margin: 0 !important;
	padding: 10px 0 5px 0 !important;
	background: url(images/sn-pointer.jpg) no-repeat;
	background-position: 4px center;
	border-bottom: 1px dotted #DDDDDD;
	display: block;
}
.s-navi-menublock ul li a:hover {
	background-color: #E1E1E1;
}

.sn-company {
	padding: 5px;
	border: 1px solid #cccccc;
}

.sn-banner {
	margin: 0;
}

/* フッター
------------------------------------------------------------------------ */
#footer {
	clear:both;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background: url(images/footerback.jpg) repeat-x;
	display:block;
	text-align:center;
}

#footer address {
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #ffffff;
	font-style: normal;
	line-height: 170%;
}

.footer-line {
	clear: both;
	height: 1px;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
}

/* top-image
------------------------------------------------------------------------ */
#top-image {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
#top-image img {
width: 100% !important;
max-width: 696px !important;
height: auto !important;
}

.top-title {
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: 0 !important;
}

/* What's New
------------------------------------------------------------------------ */
#top-new {
	margin: 0 0 30px 0;
	padding: 5px;
}

#top-new dl dt {
	width: 100px;
	margin: 10px 0 0 0;
	padding: 0;
	display:block;
	float: left;
	text-align: left;
}

#top-new dl dd {
	width: 400px;
	margin: 10px 0 0 0;
	padding: 0;
	display:block;
	float: right;
	text-align: left;
}

#top-new hr {
	clear: both;
	width: 540px;
	height: 1px;
	margin: 0;
	padding: 0;
	border-style: dotted;
}

/* お問合せフォーム
--------------------------------------------------- */
#contact-form {
	width: 520px;										/* ★全体の横幅変更 */
	margin: 0 8px 0 8px;
	padding: 5px 5px 5px 5px;
	background: url(images/contact-back.jpg) repeat-x;
	background-position: center bottom;
	border: 1px solid #FFDFE8;							/* ★全体の枠色変更 */
}

/* 必須事項マーカー
--------------------------------------------------- */
#contact-form span.red {
	color: #ff0000;
}

#contact-form dl {
	clear: both;
	margin: 0;
}

/* 項目枠
--------------------------------------------------------- */
#contact-form dl dt {
	width: 100px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	font-size: 100%;			/* ★項目の文字サイズ変更 */
}

/* 入力枠
--------------------------------------------------------- */
#contact-form dl dd {
	width: 350px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	float: right;
	text-align: left;
}

/* ドロップダウンリストスタイル
--------------------------------------------------------- */
#contact-form dl dd label select {
	border: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
color: #333333;
}

#contact-form dl dd select:hover {
	border: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
background-color: #EEF7FF;
}

/* 一行テキスト欄スタイル
--------------------------------------------------------- */
#contact-form dl dd input {
	border: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
color: #333333;
}

#contact-form dl dd input:hover {
	border: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* テキストエリアスタイル
--------------------------------------------------------- */
#contact-form dl dd textarea {
	border: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#contact-form dl dd textarea:hover {
	border: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* 区切り線スタイル
--------------------------------------------------------- */
#contact-form hr {
	clear:both;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	border-width: 1px 0px 0px 0px;
	border-color: #ccc;
	color: #ccc;
}

/* 確認ボタンスタイル
--------------------------------------------------------- */
.submit {
	width: 450px;
	margin: 0 auto;
	display:block;
	text-align: center;
}

.submit input {
	width: 160px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: url(images/gotobutton.jpg) no-repeat;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}

/* 入力モード自動切り替え
--------------------------------------------------------- */
.form-active {
	ime-mode: active;
}

.form-inactive {
	ime-mode: inactive;
}

/* 検索フォーム
------------------------------------------------------------------------- */
#search-form {
	border: 1px solid #cccccc !important;
}

#search-button {
	width: 58px !important;
	height: 26px !important;
	background: url(images/searchbutton.jpg) no-repeat !important;
	display: block !important;
	border: none !important;
}

/* サイドメニューお問い合わせバナー
--------------------------------------------------------- */
.sn-banner-contact {
	text-align: center;
}

/* 料金プラン
--------------------------------------------------------- */
.plan table {
	background-color: #cccccc;
}

.plan table th {
	padding: 5px;
	background-color: #E3E3E3;
	text-align: center;
}

.plan table td {
	padding: 5px;
	background-color: #ffffff;
}

/* sn-company-block
------------------------------------------------------------- */
.sn-company-block {
	margin: 0;
	padding: 10px;
}

/* 中古機器販売ページ　カテゴリーレイアウト
------------------------------------------------------------- */
.used-top dl {
	width: 122px;
	margin: 0 5px 0 0;
	display:block;
	float: left;
}

.used-top dl dt {
	width: 120px;
	display:block;
	text-align:center;
}
.used-top dl dt p {
	margin: 0 !important;
	padding: 0 !important;
}

.used-top dl dt img {
	width: 120px;
	height: auto;
	border: 1px solid #cccccc;
}

.used-top dl dd {
	width: 120px;
	display: block;
	text-align: center;
	text-indent: 0;
}

.used-top dl dd p {
	margin: 0 !important;
	padding: 0 !important;
}


.usedlist table {
	width: 98%;
	background-color: #83B0F5;
}

.usedlist table th {
	padding: 5px;
	background-color: #8FBCFE;
	color: #ffffff;
	text-align: center;
}

.usedlist table td {
	padding: 5px;
	background-color: #ffffff;
	text-align:center;
}

.item-list-img p {
	margin: 0 auto !important;
	padding: 0 !important;
	text-align:center !important;
}

.item-list-img img {
	width: 50px;
	height: 50px;
}

#sn-company {
	margin: 15px 0 0 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	text-align: left;
	letter-spacing: -0.05em;
}
.ninka {
	margin: 0px;
	padding: 2px;
	border: 1px solid #0071E1;
	background-color: #F0F8FF;
	color: #0066FF;
	text-align: center;
	letter-spacing: -0.05em;
}

.used-contact-table table {
	width: 97%;
	background-color: #ffffff;
}

.used-contact-table table th {
	width: 150px;
	padding: 5px;
	background-color: #F1FCFE;
	border-bottom: 1px dotted #0066ff;
	font-weight: normal;
	color: #333333;
	text-align: left;
}

.used-contact-table table td {
	padding: 5px;
	background-color: #ffffff;
	border-bottom: 1px dotted #0066ff;
	text-align: left;
}

/* 2024-03-25 15:48:55
/* 全ページ共通
/* お問い合わせボタン
*/
.button_contact a {
width: 100%;
max-width: 300px;
display:block;
margin: 0 auto;
padding: 10px;
background-color: #f19d0c;
color: #fff;
text-align:center;
text-decoration: none;
border-radius: 4px;
}
.button_contact a:hover {
	opacity: 0.6;
}


/* 2024-03-26 11:37:22
/* 各ページアイキャッチイメージ */
.eyecatch_image img {
width: 100% !important;
max-width: 520px !important;
height: auto !important;
}

/* 2024-03-27 16:01:39
/* カテゴリー記事ごとにスペース */
.cat_cut {
height: 30px;
}

/* 2024-03-27 17:29:13
/* ヘッダー　リモートバナー
*/
#remote a {
width: 100%;
max-width: 120px;
height: auto;
border-radius: 4px;
background-color: #f19d0c;
margin: 18px 10px 6px auto;
padding: 6px;
display:block;
color: #fff;
text-align:center;
text-decoration: none;
float:right;
}
#remote a:hover {
opacity: 0.6;
}

/* 2024-03-28 10:29:04
/* 取り扱い商品バナー
*/
.banner_service a:hover {
opacity: 0.6;
}