@charset "utf-8";
/*------------------------------------------------------
【履歴】
2009/12/16	仕変：カテゴリを自由追加の形式に
2009/11/29	「御刀処勇進堂」向けにカスタマイズ
・不要スタイルの削除
・ターゲットブラウザ想定解像度を変更（800px　⇒　1024px）
・キャラクターセットの変更（euc-jp　⇒　utf-8）
2007/7/15	新規作成


【機能】サイト内メインCSS
【備考】
　文字コード　UTF8	***重要！***
　windowsでの閲覧を前提とする
　IE5.5以上推奨、Netscape、Opera、FireFox対応済み
　Ajax対応
　ディスプレイ解像度　1024px（VGA、XGA）以上推奨
------------------------------------------------------*/


/*------------------------------------------------------
■タグ
------------------------------------------------------*/
body {
	font-family: "メイリオ", "ＭＳゴシック", "HGｺﾞｼｯｸM", "ＭＳ Ｐ明朝", "MS PMincho", "osaka", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	color: #CCC;
	background-color: #000;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../img/Common/BackGround.gif);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: auto;
	padding: 0px;
	margin-bottom: auto;
	margin-left: auto;
}
/*アンカー*/
a:link {
	color: #37aeb9;
}
a:visited {
	color: #090;
}
a:hover {
	color: #FFFF99;
	background-color: #3366CC;
}
/*段落*/
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
/*強調*/
strong {
	color: #7DA2FF;
	font-weight: bold;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #06F;
}
small {
	font-size: 12px;
}
hr {
	height: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*------------------------------------------------------
■メインコンテナ
------------------------------------------------------*/
/*メインコンテナ*/
#Container {
	width: 1024px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #000;
}
#Container h1 {
	font-size: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin: 0px;
}

/*------------------------------------------------------
■ヘッダ
------------------------------------------------------*/
/*ヘッダ*/
#Header {
	font-weight: normal;
	background-image: url(../img/Common/OkatanaTop.jpg);
	background-repeat: no-repeat;
	width: 976px;
	text-align: left;
	vertical-align: bottom;
	height: 145px;
	background-position: left top;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 5px;
	padding-left: 24px;
}
#Header h1 {
	font-size: 36px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 48px;
	margin-left: 0px;
}
#Header .headerYushindou {
	font-size: 36px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 48px;
	margin-left: 0px;
}
#Header h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-weight: bold;
}
/*ナビゲーションバー*/
#Navigation {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#Navigation .navMenuLeft {
	clear: none;
	float: left;
	height: 36px;
	width: 204px;
	overflow: hidden;
}
#Navigation .navMenuRight {
	clear: none;
	float: right;
	height: 36px;
	width: 170px;
	overflow: hidden;
}
/*パン屑リスト*/
#Bread {
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 4px;
	background-color: #03004c;
	height: 28px;
}

/*------------------------------------------------------
■メインスペース
------------------------------------------------------*/
/*メインスペース*/
#Main {
	width: 700px;
	float: right;
	clear: none;
	overflow: hidden;
}
/*アイコンつき段落*/
#Main h2 {
	background-image: url(../img/Common/ImgSqArrow.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #999;
}
#Main table {
	border-collapse: separate;
	border-spacing: 0px;
	margin: 5px;
	padding: 0px;
}
#Main td {
	margin: 0px;
	padding: 7px;
	border: 1px dotted #069;
	background-color: #003;
}
#Main ul {
}
#Main li {
	list-style-type: square;
}
/*お勧め*/
#Main .mainDisplay {
	width: 700px;
}
#Main .mainDisplay .displayDetail{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
/*サイト紹介文*/
#Main .mainDescription {
	background-image: url(../img/Common/BackDescription.jpg);
	height: 250px;
	width: 700px;
}
/*トップカテゴリ表示枠*/
#Main .mainCategory {
	background-image: url(../img/Index/CategoryTop.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: none;
	width: 700px;
	overflow: hidden;
	height: auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/*トップカテゴリ名　Ajax仕様*/
#Main .mainCategory .mainCategoryNameOff {
	clear: none;
	float: left;
	height: 22px;
	width: 336px;
	font-size: 18px;
	overflow: hidden;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
/*トップカテゴリ名　Ajax仕様*/
#Main .mainCategory .mainCategoryNameOn {
	color: #FFFF99;
	background-color: #3366CC;
	clear: none;
	float: left;
	height: 22px;
	width: 336px;
	font-size: 18px;
	overflow: hidden;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	cursor: pointer;
}
/*各種サービス　買取*/
#Main .mainCategoryService1 {
	clear: none;
	float: left;
	width: 233px;
	overflow: hidden;
	height: auto;
	font-size: 12px;
}
/*カテゴリのタイトル*/
#Main .mainCategoryServiceTitle {
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #72be94;
	border-left-color: #72be94;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: none;
	border-right-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	width: auto;
	font-size: 16px;
}
/*各種サービス　諸工作*/
#Main .mainCategoryService2 {
	clear: none;
	float: left;
	width: 350px;
	overflow: hidden;
	height: auto;
	font-size: 12px;
}
/*詳細表示枠*/
#Main .mainContents {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: 148px;
	width: 348px;
	overflow: hidden;
	border: 1px solid #acd598;
	background-image: url(../img/Common/CategoryFrame.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
}
/*詳細表示枠*/
#Main .mainFaq {
	margin: 0px;
	padding: 7px;
	height: auto;
	width: auto;
	overflow: hidden;
	border: 1px solid #acd598;
	background-repeat: no-repeat;
	font-size: 12px;
}
#Main .mainFlow {
	margin: 0px;
	clear: none;
	float: left;
	height: auto;
	width: auto;
	font-size: 16px;
	background-image: url(../img/HelpNavi/FlowFlame.jpg);
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: left top;
}
#Main .mainFlow ul {
	margin: 0px;
	padding: 0px;
}
#Main .mainFlow li {
	margin: 0px;
	list-style-image: url(../img/Common/IconBole_y.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: inside;
}
/*ドロップディレクトリドアーズ*/
#DropDirectoryDoors {
	background-color: #010021;
	background-image: url(../img/Common/ImgArrow.png);
	background-repeat: no-repeat;
	clear: none;
	float: left;
	height: 36px;
	/*幅指定は　基本枠（700/2px）　からpadding部を差し引いた数値*/
	width: 310px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-position: 5px 12px;
	font-size: 18px;
}

/*------------------------------------------------------
■サイドバー
------------------------------------------------------*/
#Sidebar {
	clear: none;
	width: 300px;
	float: left;
	overflow: hidden;
}
/*お勧め商品*/
#Sidebar .sideNewArticle {
	margin: 0px;
	padding: 0px;
	height: 198px;
	width: 298px;
	overflow: hidden;
	border: 1px solid #acd598;
	background-image: url(../img/Common/BackNewArticle.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
}
/*新着情報*/
#Sidebar .sideTopNews {
	margin: 0px;
	padding: 0px;
	height: 848px;
	width: 298px;
	overflow: hidden;
	border: 1px solid #acd598;
	background-image: url(../img/Common/BackTopNews.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
}
/*サイドバー用詳細表示枠*/
#Sidebar .sideDetail {
	padding: 5px;
	height: 823px;
	overflow: scroll;
	font-size: 12px;
	width: 288px;
}
/*業物*/
#Sidebar .sideWazamono {
	margin: 0px;
	padding: 0px;
	height: 248px;
	width: 298px;
	overflow: hidden;
	border: 1px solid #acd598;
	background-image: url(../img/Common/BackWazamono.jpg);
	background-repeat: repeat;
	font-size: 12px;
	background-attachment: fixed;
}
/*サイドバー用詳細表示枠*/
#Sidebar .sideWazamonoDetail {
	padding: 5px;
	height: 223px;
	overflow: scroll;
	font-size: 12px;
	width: 288px;
	line-height: 180%;
}
#Sidebar .sideLicense, .sideContents {
	margin: 0px;
	padding: 0px;
	width: 298px;
	overflow: hidden;
	border: 1px solid #acd598;
	background-image: url(../img/Index/ImgLicese.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: right top;
}
#Sidebar .sideLicense {
	height: auto;
}
#Sidebar .sideContents {
	height: auto;
}
#Sidebar li {
	list-style-type: decimal;
}
/*フラットドアーズ*/
#FlatDoors {
	font-size: 14px;
}
#FlatDoors ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#FlatDoors li {
	margin: 0px;
	height: 23px;
	width: 202px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 36px;
	list-style-type: none;
	font-weight: bold;
}
#FlatDoors .fdLink {
	/*リンクする場合*/
	background-image: url(../img/Common/BackFlatDoorsLink.jpg);
	cursor: pointer;
}
#FlatDoors .fdVisited {
	/*表題のみの場合*/
	background-image: url(../img/Common/BackFlatDoorsVisited.jpg);
	color: #333;
	cursor: auto;
}

/*------------------------------------------------------
■フッタ
------------------------------------------------------*/
/*お気に入りに追加*/
#BookMark {
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #03004c;
}
/*フッタ*/
#Footer {
	text-align: center;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../img/Common/BackFooter.jpg);
	background-repeat: no-repeat;
	height: 128px;
	background-position: left top;
}
/*コピーライト*/
#Copyright {
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	top: 0px;
}

/*------------------------------------------------------
■汎用Class
------------------------------------------------------*/
/*詳細表示枠*/
.classDetail, .classDetail2 {
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 8px;
	margin-left: 12px;
}
.classDetail {
	line-height: 200%;
}
.classDetail2 {
	line-height: 150%;
}
/*コンテンツタイトル*/
.classTitle {
	font-size: 22px;
	padding-right: 10px;
	padding-left: 10px;
}
/*フロートの解除用セレクタ*/
.classEracerBoth {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	width: 0px;
	height: 0px;
}
.classEracerLeft {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: none;
	width: 0px;
	height: 0px;
}
.classEracerRight {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: right;
	float: none;
	width: 0px;
	height: 0px;
}
/*汎用フロート*/
.classFloatRight {
	clear: none;
	float: right;
	overflow: hidden;
	width: auto;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.classFloatLeft {
	clear: none;
	float: left;
	overflow: hidden;
	width: auto;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/*サイズ固定の空白*/
.classWhiteSpace {
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
/*区切り線*/
.classSeparator {
	margin: 0px;
	background-image: url(../img/Common/Line.gif);
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
/*特別強調　青*/
.classStrongBlue {
	color: #9CF;
	background-color: #009;
}
/*特別強調　赤*/
.classStrongRed {
	color: #FCF;
	background-color: #903;
}
/*価格　売り切れ*/
.classPriceOut {
	color: #009;
	text-decoration: line-through;
}
