@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------

	サービス名 / index styles
	author  : (C)R&D http://www.randd.co.jp/
	ページ名：INDEX CSS

---------------------------------------------- */

/*  GENERAL SELECTER
---------------------------------------------- */

@import url("common.css");
@import url("layout.css");


/*  for index
---------------------------------------------- */
div.main_img {
	margin: 10px 0px 5px;
}

*.sp-l20 {
	margin-left: 20px !important;
}

/*新着情報*/

ul.top_ul_bn {
	
}

ul.top_ul_bn li {
	display: inline;
	margin:0px 5px 0px;
}

ul.top_ul_bn li img {
	list-style-type: none;
	border: none;
	vertical-align: top;
	margin-bottom:10px;
}

/*新着情報*/

div.info_inbox {
	margin:0px 20px 10px;
	height: 114px;
	overflow-y: scroll;
}

dl.information_dl {
	
}

dl.information_dl dt {
	background-color:#f2ffff;
	padding:4px 0px 3px 22px;
	background-image: url(../images/common/icon_info.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

dl.information_dl dd {
	padding:3px 10px 6px 22px;
	line-height:140%;
}

/*特集*/
div.ind_cont680_box {
	background-image: url(../images/index/ind_cont680_bg_color.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin:0px 0px 10px;
}

div.ind_cont680_box_bot {
	background-image: url(../images/index/ind_cont680_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:4px;
}

/*特集の商品テーブル*/
table.topic_table {
	width: 100%;
	margin:10px 0px 0px;
}

table.topic_table td.td_item {
	width: 120px;
}

/*2カラム箇所のボックス*/
div.content680_2box {
	
}

/*2カラム箇所の左ボックス*/
div.idx-menulist-base {
	margin: 20px 0px 5px;
	padding-left: 7px;
}

/*商品の画像*/
div.idx-menulist-img{
	margin-bottom:10px;
	margin-right: 10px;
	width: 75px;
	float: left;
}

div.idx-menulist-img div.img{
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 75px;
	height: 75px;
}

/*商品名と説明文の枠*/
div.idx-menulist-txt{
	width: 220px;
	float: left;
}

/*商品名*/
div.idx-menulist-txt h3{
	margin-bottom: 10px;
	font-size: 100%;
}

/*説明文*/
div.idx-menulist-txt p{
	font-size: 90%;
}


/*2カラム箇所の左ボックス*/
div.content359_2box_left {
	width:359px;
	float:left;
	margin:0px 0px 10px;
	background-image: url(../images/index/ind_cont359_bg_color.jpg);
	background-repeat: repeat-y;
	background-position: left center;
}

div.content359_inbox {
	background-image: url(../images/index/ind_cont359_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 4px;
}

div.content311_2box_right {
	width:311px;
	float:right;
	margin:0px 0px 10px;
	background-image: url(../images/index/ind_cont311_bg_color.jpg);
	background-repeat: repeat-y;
	background-position: right center;
}

/*まぐまぐ*/
td.mail_td_right {
	text-align:right;
}

div.content311_inbox {
	background-image: url(../images/index/ind_cont311_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 4px;
}

div.content311_inbox_mar {
	margin:10px;
}

table.311_table td.td_item {
	width:55px;
}

/*タブ*/
ul.oyakudachi_ul {
	
}

ul.oyakudachi_ul li {
	display: inline;
	background-image: url(../images/common/link_icon01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:2px 0px 0px 19px;
	cursor: pointer;
	margin:0px 10px;
	color: #2277bb;
}

ul.oyakudachi_ul li:hover {
	color: #fe6500;
	text-decoration: underline;
}

div.margin_top10 {
	margin-top:10px;
}