/************ 角丸ボックスの設定 ************/

/************ 初期値設定 ************/
div.box_left, div.box_main, div.box_top, div.box_bottom,
div.box_bottom div, div.box_top div {
 border: none;
 margin: 0;
 padding: 0;
 }
/************ 背景画像2（左辺〜右辺の画像） ************/
div.box_left, div.box_main {
 background-image: url(../../images/bg/bg_info_menu_box_middle.jpg); /*** 画像のURL ***/
 background-repeat: repeat-y;
 }
div.box_left {
 background-position: 0 0;
 }
div.box_main {
 background-position: top right;
 padding: 1px 6px 1px 0; /*** box_mainのpadding。実装の不具合があるようなのでtop/bottomに1px必要。IE6,Safari, FireFox ***/
 margin: 0 0 0 8px; /*** ボックス画像左辺の露出（立体風ボックスのハイライト部分とか） ***/
 }
/************ 背景画像1（角丸ボックス画像） ************/
div.box_top, div.box_bottom, div.box_bottom div, div.box_top div {
 background-image: url(../../images/bg/bg_info_menu_box_full.jpg); /*** 画像のURL ***/
 background-repeat: no-repeat;
 height: 8px; /*** 角丸の半径（露出する高さ） ***/
 }
div.box_top, div.box_bottom {
 padding-left: 8px; /*** 角丸の半径（露出する幅） ***/
 }
div.box_top {
 background-position: 0 0;
 }
div.box_top div {
 background-position: 100% 0;
 }
div.box_bottom {
 background-position: 0 100%;
 }
div.box_bottom div {
 background-position: 100% 100%;
 }
div.box_main > :first-child {
 margin: 0;
 } 
/************ 角丸ボックスの設定　ここまで************/