@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: top.css
	data:2008/03/26 kinoshita

■目次 ==========================================
■[01]:TOP
**************************************************** */


/* common.cssを上書きする↓ */
div#maintd{
	width: 500px;
	float: left;
	text-align: center;
	padding: 0px;
	background: url(/img/top/bg_contents.gif) repeat;
}
div#footer div.bgBrown{
	padding-top : 210px;
	background: url(/img/top/footer_bg_illa.gif) no-repeat top center;
	width: 100%;
}

div#TopicPath {
	font-size: 10px;
	color: #42c1ff;
	text-align: right;
	line-height: 28px;
	width: 482px;
	float: left;
}

/*-----------------------------------------------------------
■私たちが選ばれる理由
------------------------------------------------------------*/
.iepngfix {
	behavior: url(/iepngfix.htc);
}

div.reasonBox{
	clear:both;
	width: 462px;
	margin-top : 10px;
}

div.reasonBox p{
	float: left;
	width: 212px;	
}

div.reasonBox div {
	background: url(/img/top/reason_bg.png) no-repeat right top;
	behavior: url(/iepngfix.htc);
	float: left;
	list-style:none;
	width: 250px;
	padding : 18px 0 8px 0;
}
div.reasonBox div a img{
	display:block;
}

/*-----------------------------------------------------------
■お得メニュー
------------------------------------------------------------*/
div.greatMenu{
	width: 462px;
	margin-top : 10px;
}


div.greatMenu div{
	width: 462px;
	float: left;
	padding: 0 0 8px 0;
	background: url(/img/top/bg_bottom_blue.gif) no-repeat left bottom #d2efff;
}

div.greatMenu div a img{
	display:block;
	float: left;
	margin: 0 0 4px 4px;
}

/* Firefoxのみ適用 */
html>/**/body div.greatMenu div{ padding: 0 0 2px 0;}
html>/**/body div.greatMenu div a img{ margin: 0 0 4px 7px;}

/*-----------------------------------------------------------
■成功事例
------------------------------------------------------------*/
div.successBox{
	width: 462px;
	margin-top : 10px;
/* 	padding: 0 0 8px 0;
 */	background: url(/img/top/bg_bottom_blue.gif) no-repeat left bottom #d2efff;
	float: left;
	display:inline;
	margin-left : 19px;
}



div.successBox div.title{
	float: left;
	padding: 0 8px;
	background: url(/img/top/success_ttl_bg.gif) no-repeat left top;
}

/* Firefoxのみ適用 */
html>/**/body div.successBox div.title{ width: 446px;}

div.successBox div.title img{
	float: left;
	margin: 6px 0 0 0;
}

div.successBox div.title select{
	float: right;
	margin: 10px 10px 0 0;
	color: #666666;
}


div.successBox div.listBox{
	padding: 4px 8px 4px 9px;
	float: left;
	margin-top : 2px;
}

div.successBox div.listBox dl{
	float: left;
	width: 140px;
	padding: 7px 3px 0px 3px;
	text-align: left;
	font-size: 10px;
	line-height: 16px;
	margin: 0 2px 4px 0;
	height: 164px;
	background: url(/img/top/success_bg.gif) no-repeat left top;
	display:inline;
}
/* ↓IE6のみに適用させる */
/* * html div.successBox div.listBox dl { float: right; } */

div.successBox div.listBox dl dt{ text-align: center; width: 140px; }
/* div.successBox div.listBox dl dt img{ display:block;}
 */
div.successBox div.listBox dl dt a img	{ border: 1px solid #FFF; }
div.successBox div.listBox dl dt a img:hover 	{ border: 1px solid #0099ff; }

div.successBox div.listBox dl dd{
	width: 133px;
	padding: 3px;
}

div.successBox div.listBox dl dd a:link 	{ color: #666666; text-decoration: none; }
div.successBox div.listBox dl dd a:visited 	{ color: #666666; text-decoration: none; }
div.successBox div.listBox dl dd a:hover 	{ color: #0099ff; text-decoration: underline; }

/* SEO用テキスト */
div.seoTextBox{
	padding-top : 10px;
	width: 462px;
	text-align: left;
	clear:both;
}

div.seoTextBox div{
	background-color: #fff;
	padding: 10px;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

/* 東和 */

div.towaBox{
	padding-top : 10px;
	width: 462px;
	text-align: left;
	clear:both;
	position: relative;
}

div.towaBox div{
	background-color: #fff;
	padding: 10px 8px;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

div.towaBox div span{
	padding-left: 10px;
	display:block;
}

div.towaBox div span.blue{
	color: #6699cc;
}

div.towaBox p img{
	position: absolute;
	top: 96px;
	right: 0px;
}


/*-----------------------------------------------------------
■右サイド
------------------------------------------------------------*/
div#side_right {
	width: 200px;
	float: left;
	padding-right: 30px;
	background: url(/img/top/side_right_bg.gif) repeat-y left;
}

/* IE6のみに適用させる */
/* * html div#side_right{ width: 200px; padding-right: 30px; } 
 */
div#side_right div {
	margin-bottom : 15px;
}

/* お問い合わせ */
div.contact{
	margin: 26px 0 14px 0;
}

div#side_right div.systemBox{
	margin-bottom : 5px;
	margin-left : 5px;
}
/* IE7のみに適用させる */
/* *+html div#side_right div.systemBox { margin-left : 0px; }
 */
/* IE6のみ */
* html div#side_right div.systemBox{ margin-left : 0px;}

div.systemBox h3{ margin-bottom : 0px; }
div.systemBox img{ display:block; }

div.systemBox p{
	background-color: #fff;
	width: 178px;
	text-align: left;
	padding: 5px;
	display:block;
	color: #99734a;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

/* 一覧へのボタン */
div#side_right div.systemBox div{
	background-color: #fff;
	width: 184px;
	display:block;
	margin: 0px;
	padding: 4px 2px;
	text-align: right;
}

div#side_right div.systemBox div img{ margin:2px 0 0 127px; }



/* IE6のみ */
/* * html div.systemBox p{ width: 188px;}
 */

/* 行事の豆知識 */

div.tipsBox p{
	background: url(/img/top/rside_ttl_tips_bg.gif) no-repeat -1px 0px #fff;
}

/* Firefoxのみ適用 */
html>/**/body div.tipsBox p{ background: url(/img/top/rside_ttl_tips_bg.gif) no-repeat 0px 0px #fff;}


div.systemBox p a:link 		{ color: #99734a; text-decoration: underline; }
div.systemBox p a:visited 	{ color: #99734a; text-decoration: underline; }
div.systemBox p a:hover 	{ color: #0099ff; text-decoration: underline; }



/* バナー */
div.banaBox{
	margin-top : 15px;
	margin-left : 5px;
}

div.banaBox img{
	margin-bottom : 5px;
	display:block;
}

/* IE7のみに適用させる */
div.banaBox { margin-right : 5px; }

/* 新着情報 */
div.newBox{
	text-align: left;
}
div.newBox img{ display:block; }
div.newBox h3{ margin-bottom : 0px; }

div.newBox ul{
	background-color: #fff;
	width: 190px;
	margin-left : 5px;
	padding: 2px 0 0 0;
}
/* Firefoxのみ適用 */
html>/**/body div.newBox ul{ padding: 2px 0 6px 0; }

div.newBox ul li{
	background: url(/img/top/new_mark.gif) no-repeat 6px 2px;
	text-indent:12px;
	font-size: 10px;
	line-height: 15px;
	padding: 0 4px 6px 7px;
}

div.newBox ul li span{
	color: #7ba720;
	letter-spacing: 2px;
}

div.newBox ul a img{
	margin : 8px 0 0 76px;
}

div.newBox ul a img{
	display:block;
}

div.newBox ul li.noImage{
	display:block;
	background:none;
}