/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
float: left;	/*左側に回り込み（※２カラム使用時）*/
margin-top: -2em;
width: 250px;	/*サブコンテンツ幅*/
padding-bottom: 30px;
}
/*１カラム使用時のサブコンテンツ*/
.c1 #sub {
display: none;	/*表示させない設定*/
}



/*サブコンテンツ内のメニュー　（※２カラム使用時）
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
margin-bottom: 15px;	/*メニューブロックの下にあけるスペース*/
}
#sub .box1 ul.submenu {
margin-bottom: 0;	/*box1の中で使った場合に下にあけるスペースをなくす設定*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
border-bottom: 1px solid #C8d8c8; /*下側の線の幅、線種、色*/
color: #333;	/*リンクテキストの色*/
font-weight: normal; /*フォントをメインのようにboldにしない*/
text-decoration: none;
display: block;
padding: 2px 10px;	/*上下、左右への余白*/
background: #FFF;	/*背景色*/
-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
transition: 0.5s;			/*同上*/
}
/*マウスオン時*/
#sub ul.submenu li a:hover {
/*	background: #C7d8c8;	背景色*/
background: #000;	/*背景色*/
color: #FFF;	/*文字色*/
}
/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
border: 1px solid #C8d8c8; /*枠線の幅、線種、色*/
padding:0px;			/*ボックス内の余白*/
margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
/*	background: #e2e2e2 url(../img2/bg.png);	/*背景色と背景画像の読み込み*/
background: #FFF;	/*背景色と背景画像の読み込み*/
}
/*サブコンテンツ　商品一覧ボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#sub section.list {
font-size: 11px;	/*文字サイズ*/
border-bottom: 1px solid #cfcfcf;	/*下の線の幅、線種、色*/
border-right: 1px solid #cfcfcf;	/*右の線の幅、線種、色*/
border-left: 1px solid #cfcfcf;	/*左の線の幅、線種、色*/
line-height: 1.6;	/*行間*/
position: relative;
overflow: hidden;
}
#sub section.list a {
padding: 5px;	/*ボックス内の余白*/
text-decoration: none;
display: block;
overflow: hidden;
}
