@charset "shift_jis";

/* ---------------------------------------- *

    name     ：design.css
    contents ：design
    data     ：08/11/17 e.adachi
    file     ：all

 * ---------------------------------------- */



/* ------------------------------ *
    リンク
 * ------------------------------ */

a:link { text-decoration: underline; color: #0066CC; }
a:visited { text-decoration: underline; color: #0066CC; }
a:hover { text-decoration: none; color: #5b99d8; }
a:active { text-decoration: none; color: #5b99d8; }



/* ------------------------------ *
    見出し
 * ------------------------------ */

h2 {
	background: url("../img/h2.jpg") repeat-y left top;
	border: 1px solid #aaa;
}
h3 {
	background: url("../img/h3_line.gif") repeat-x left bottom;
}
h3 span {
	background: url("../img/h3_mark.gif") no-repeat 4px 1px;
}



/* ------------------------------ *
    基本カラム
 * ------------------------------ */

html {
	background: #fff url("../img/bg_foot.gif") repeat-x center bottom;
}
body {
	background: url("../img/bg_head.gif") repeat-x center top;
}
div#wrap {
	background: url("../img/bg_menu.jpg") repeat-y 11px 0;
}
div.menu {
	background: url("../img/bg_menuline.gif") no-repeat right top;
}
div.menu .list strong a {
	background: url("../img/bg_menu_b.jpg") repeat-y 1px 0;
}
div.menu .list strong a:hover {
	/* background: url("../img/bg_menu_on.jpg") repeat-y 1px 0; */
	background: #e68429;
	color: #fff;
}
div.menu .list p a {
	background: url("../img/icon_arw_right_r.gif") no-repeat 0.1em 0.3em;
}
div.menu .list p a:hover {
	/* background: url("../img/bg_menu_on.jpg") repeat-y 1px 0; */
	background: #e68429;
	color: #fff;
}
div.menu .list p a:hover span {
	color: #ffd248;
}
div#side li a:link { text-decoration: none; color: #333; }
div#side li a:visited { text-decoration: none; color: #333; }
div#side li a:hover { text-decoration: none; color: #333; }
div#side li a:active { text-decoration: none; color: #333; }



/* ------------------------------ *
    部品カラム
 * ------------------------------ */
 
/* --- インフォメーション ---*/
table.info {
}
table.info th,
table.info td {
	border-bottom: 1px dotted #ccc;
}
 
/* --- 新刊＆おすすめ ---*/
div.new table td p.data {
	color: #2a8000;
}



/* ------------------------------ *
    アイコン部品
 * ------------------------------ */

.arw_right a {
	background: url("../img/icon_arw_right.gif") no-repeat left center;
}
.arw_top a {
	background: url("../img/icon_arw_top.gif") no-repeat left center;
}