@charset "UTF-8";

/* -------------------------------------------------- */
/*     　　　　　   　　HOMECSS　　   　　　　　　　　*/
/* -------------------------------------------------- */
/* 目次----------------------------------------------
■TOPIC
■グローバルメニュー
■おすすめ商品
■お知らせ
----------------------------------------------------- */

/*　------ TOPIC ------　*/
#layout #topic {
	padding: 10px 10px 8px 10px;
	font-size: 1.2em;
	line-height: 1.6;
	border-bottom: 3px double #122d66;
}

/*　------ グローバルメニュー ------　*/
#layout #main_box #main #g_menu {
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 20px;
	line-height: 0;
}
#layout #main_box #main #g_menu ul {
	list-style: none;
	width: 720px;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#layout #main_box #main #g_menu ul li {
	float: left;
	margin: 0;
	padding: 0 18px 0 0;
}

/*　------ おすすめ商品 ------　*/
#layout #main_box #main #osusume_box {
	margin: 15px 10px 30px 10px;
	font-size: 1.2em;
	line-height: 1.3;
}
#layout #main_box #main div.osusume {
	padding: 10px 0;
	border-bottom: 1px dashed #a0a0a0;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#layout #main_box #main #osusume_box h3 {
	background: url(../img/arrow_circle_y.gif) no-repeat 0 0.1em;
	font-size: 1.2em;
	padding-left: 15px;
	margin-bottom: 0.2em;
}
#layout #main_box #main div.osusume div.osusume_l {
	width: 130px;
	float: left;
}
#layout #main_box #main div.osusume div.osusume_r {
	width: 600px;
	float: right;
}
#layout #main_box #main div.osusume div.osusume_ll {
	width: 330px;
	float: left;
}
#layout #main_box #main div.osusume div.osusume_lr {
	width: 400px;
	float: right;
}

/*　------ お知らせ ------　*/
#layout #main_box #main #news {
	margin: 5px 10px 0 10px;
	font-size: 1.2em;
	line-height: 1.3;
}
#layout #main_box #main #news dl {
	padding: 10px 0;
	border-bottom: 1px dashed #a0a0a0;
}
#layout #main_box #main #news dd {
	margin: 0;
	padding: 3px 0 0 20px;
}
.news_ttl {
	font-size: 1.2em;
}