@charset "Shift_JIS";
/* CSS Document */

/* =目次
---------------------------------------------------------
	
	■=余白設定
	
	■=エリア系
		
	■=汎用使用
	
	■=使用箇所決まっているもの

	■=detail

	■定義リストやリスト系
	
	■=footer
	
---------------------------------------------------------
*/


/* =余白設定
------------------------------------------------------------------------------*/

/* 余白設定（margin-right） */
.append01 { margin-right:5px !important; }
.append02 { margin-right:10px !important; }
.append03 { margin-right:15px !important; }
.append04 { margin-right:20px !important; }

/* 余白設定（margin-left） */
.prepend01 { margin-left:5px !important; }
.prepend02 { margin-left:10px !important; }
.prepend03 { margin-left:15px !important; }
.prepend04 { margin-left:20px !important; }

/* 余白設定（margin-bottom）*/
.back01 { margin-bottom:5px !important; }
.back02 { margin-bottom:10px !important; }
.back03 { margin-bottom:15px !important; }
.back04 { margin-bottom:20px !important; }

/*	余白設定（margin-top） */
.ahead01 { margin-top:5px !important; }
.ahead02 { margin-top:10px !important; }
.ahead03 { margin-top:15px !important; }
.ahead04 { margin-top:20px !important; }


/* =エリア系 
------------------------------------------------------------------------------*/

/*　ダブルクラスにすればいいけど、auとか使えるか分かんない・・・ */
/*  一応残してあるけど、基本的には親要素から細かく指定してある。 */


div.contentsInner { /*　左右に10pxのpadding */
	/* padding:0 10px; */
}

div.contentsInnerBottom { /*contentsInner下部に余白取る場合 */
	/* padding:0 10px 10px; */
}

div.contentsInnerLine { /*contentsInner以下に破線をつけて区切る時に使用(クラス名かんがえないとなぁ) */
	/*
	padding:0 10px 10px;
	border-bottom:2px #E33F00 dotted;
	margin-bottom:10px;
	*/
}

div.attentionArea {
	/*
	background:#FFDF99;
	padding:10px;
	*/
	/* margin-bottom:10px; /* 背景色指定で、paddingで余白取れない為 */
}

div.attentionAreaBottom { /* attentionArea下部に余白取る場合 */
	/*
	background:#FFDF99;
	padding:10px;
	*/
	margin-bottom:10px; /* 背景色指定で、paddingで余白取れない為 */
}


/* =汎用使用 
------------------------------------------------------------------------------*/

div.clear { /* clear用 */
	clear:both;
}

.leadText { /* リード文で使用 */
	padding:0 10px;
}

.formTitle { /* form要素のタイトルに使用 */
	margin:0;
	padding:0;
	font-weight:bold;
}

.noSpace { /* margin・paddingを0にする */
	margin:0;
	padding:0;
}

.redFont {
	color:#FF0000;
}

.boldFont {
	font-weight:bold;
}

div.pageTop { /* 「ページトップ」を右寄せ */
	padding:0 10px;
}

div.pageTop p { /* 「ページトップ」を右寄せ */
	text-align:right;
}

.alignRight {
	text-align:right;
}

.dottedLine {
	border-bottom:2px #E33F00 dotted;
	margin-bottom:10px;
}

/* フロート設定 */
.fr { float:right; }

.fl { float:left; }


/* =使用箇所決まっているもの
------------------------------------------------------------------------------*/

/* accesskeyは常に出るということで。accesskeyの上下に破線。パンクズ・メッシュのどちらか（またはどっちも）なくても崩れないように。 */

div.crumb { /* パンクズに使用 */
	padding-bottom:10px;
}

div.meshLink { /* メッシュリンクに使用 */
	border-top:2px #E33F00 dotted;
	padding:10px 0;
}
 
div.accessKey { /* アクセスキーに使用 */
	border-top:2px #E33F00 dotted;
	margin-bottom:10px;
	border-bottom:2px #E33F00 dotted;
	padding:10px 0;
}

div.crumb p {
	margin:0;
}

div.crumb p,
div.meshLink ul,
div.accessKey ul {
	padding:0 10px;
}


/* =定義リストやリスト系
------------------------------------------------------------------------------*/

/* 背景オレンジのDl */
dl.searchDl dt {
	background:#FF8B00;
	color:#FFFFFF;
	padding-left:10px;
}

dl.searchDl dt.innerDt {
	background:none;
	color:#000000;
	padding-left:0;
	font-weight:bold;
}

/* 背景グリーンのDl */
dl.inquireDl dt {
	background:#63A900;
	color:#FFFFFF;
	padding-left:10px;
}

dl.inquireDl dt.innerDt {
	background:none;
	color:#000000;
	padding-left:0;
	font-weight:bold;
}

/* 汎用dlの中のdd */
dd.contents { /* orangeやgreen.dlを使う際で、リストでないときはコレをつける。 */
	padding:10px;
}

dd.contentsLine { 
	padding:10px;
	border-bottom:2px #E33F00 dotted;
	margin-bottom:10px;
}

dd.contents ul.twoRowsList {

}

dd.contents ul.twoRowsListBottom {
	padding-botttom:10px;
}

dd.contents ul.twoRowsList li,
dd.contents ul.twoRowsListBottom li { /* 2列のチェックボックスに使用 */
	display:block;
	width:223px;
	float:left;
}

dd.contents ul.threeRowsList li { /* 3列のチェックボックスに使用 */
	display:block;
	width:148px;
	float:left;
}

li.altemateList { /* 背景白 */
	background:#FFFFFF;
}

li span.grayOut { /* 文字をグレーに */
	color:#999999;
}


/* 縦のリスト→DLの中でしか使わないように！→色々使ってるかも。。 */
ul.verticalList {
	padding-bottom:10px;
}

ul.verticalList li {
	padding-left:10px;
}


/* 横並びのリスト */
ul.harmonizingList {
	padding-bottom:10px;
}

ul.harmonizingList li {
	display:inline;
	border-right:1px #000000 solid;
	padding-right:10px;
	margin-right:10px;
}

ul.harmonizingList li.lastList {
	border:none;
	padding:0;
	margin:0;
}

/* =footer
------------------------------------------------------------------------------*/

p.homes {
	margin:20px 0 0 0;
	text-align:center;
}

p.homes img.favicon {
	vertical-align:baseline;
}

p.companyName {
	background:#E33F00;
	color:#FFFFFF;
	text-align:center;
	margin:0;
}

/* inquireのフッター背景は緑 */
div#inquireWrapperp.companyName,
div#shopInquireWrapperp.companyName { 
	background:#63A900;
}

marquee.bottomMarquee {
	background:#000000;
	color:#FFFFFF;
}