@charset "UTF-8";

/*==================
全体スタイル
==================*/
* {
	margin:0;
	padding:0;
	color:#333333
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #FFFFFF;
	text-align:center;
	background-image: url(../img/cmn/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
}
div#pagebody {
	width: 950px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}

/*==================
ヘッダ
==================*/
.tle_maker{
	background-repeat: no-repeat;
	width:160px;
	height:24px;
}

.tle_background_only{
	background-image: url("../img/cmn/og/hbg.jpg");
	height:20px;
	color:#ffffff;
	font-size:14px;
	padding:4px 0 0 13px;
}
#tle_dartsmaker{
	background-image: url(../img/cmn/og/tle_dartsmaker.jpg);
}

#tle_flightmaker{
	background-image: url(../img/cmn/og/tle_flightmaker.jpg);
}

#tle_shaftmaker{
	background-image: url(../img/cmn/og/tle_shaftmaker.jpg);
}

#tle_tipmaker{
	background-image: url(../img/cmn/og/tle_tipmaker.jpg);
}

#tle_casemaker{
	background-image: url(../img/cmn/og/tle_casemaker.jpg);
}

#tle_boardmaker{
	background-image: url(../img/cmn/og/tle_boardmaker.jpg);
}

#tle_accemaker{
	background-image: url(../img/cmn/og/tle_accemaker.jpg);
}

#tle_apparelmaker{
	background-image: url(../img/cmn/og/tle_apparelmaker.jpg);
}

#tle_shinshouhin2{
	background-image: url(../img/cmn/og/tle_shinshouhin2.jpg);
	background-repeat: no-repeat;
	width:248px;
	height:31px;
}

#tle_sainyuka{
	background-image: url(../img/cmn/og/tle_sainyuka.jpg);
	background-repeat: no-repeat;
	width:248px;
	height:31px;
}

#tle_special_contents{
	background-image: url(../img/cmn/og/tle_special_contents.jpg);
	background-repeat: no-repeat;
	width:767px;
	height:25px;
}

#pickup_tle{
	background-image: url(../img/cmn/og/tle_pickup.jpg);
	background-repeat: no-repeat;
	width:767px;
	height:25px;
}

div#header {
	height: 80px;
	background-image: url(../img/cmn/header_bg.jpg);
	background-repeat: repeat-x;
}
div#shoplogo {
	float: left;
	height: 56px;
	padding:0px;
}

div#shoplogo a{
	background-image: url(../img/cmn/og/shoplogo.jpg);
	background-repeat: no-repeat;
	display:block;
	width:632px;
	height:56px;
}

div#sitemenu {
	float: right;
	height: 45px;
	padding: 5px 5px 0px 0px;
}

div#sitemenu a{
	float:left;
	background-repeat: no-repeat;
	display:block;
	width:70px;
	height:11px;
}

div#sitemenu a#yaji_cart{
	background-image: url(../img/cmn/og/yaji_cart.jpg);
}

div#sitemenu a#yaji_point{
	background-image: url(../img/cmn/og/yaji_point.jpg);
}

div#sitemenu a#yaji_guide{
	background-image: url(../img/cmn/og/yaji_guide.jpg);
}

div#sitemenu a#yaji_otoiawase{
	background-image: url(../img/cmn/og/yaji_otoiawase.jpg);
}

div#sitemenu img{
	float:left;
}

div#topmenu {
	float: left;
	height: 24px;
}

/*==================
トップメニュー
==================*/
ul#topmenu {
}	
ul#topmenu li {
	float: left;
	list-style-type: none;
}	
li#topmenu_1 a {
	background-image: url(../img/cmn/og/topmenu_1_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 80px;
}
li#topmenu_1 a:hover {
	background-image: url(../img/cmn/og/topmenu_1_on.jpg);
}
li#topmenu_2 a {
	background-image: url(../img/cmn/og/topmenu_2_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 60px;
}
li#topmenu_2 a:hover {
	background-image: url(../img/cmn/og/topmenu_2_on.jpg);
}
li#topmenu_3 a {
	background-image: url(../img/cmn/og/topmenu_3_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 60px;
}
li#topmenu_3 a:hover {
	background-image: url(../img/cmn/og/topmenu_3_on.jpg);
}
li#topmenu_4 a {
	background-image: url(../img/cmn/og/topmenu_4_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 60px;
}
li#topmenu_4 a:hover {
	background-image: url(../img/cmn/og/topmenu_4_on.jpg);
}
li#topmenu_5 a {
	background-image: url(../img/cmn/og/topmenu_5_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 60px;
}
li#topmenu_5 a:hover {
	background-image: url(../img/cmn/og/topmenu_5_on.jpg);
}
li#topmenu_6 a {
	background-image: url(../img/cmn/og/topmenu_6_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 60px;
}
li#topmenu_6 a:hover {
	background-image: url(../img/cmn/og/topmenu_6_on.jpg);
}
li#topmenu_7 a {
	background-image: url(../img/cmn/og/topmenu_7_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 80px;
}
li#topmenu_7 a:hover {
	background-image: url(../img/cmn/og/topmenu_7_on.jpg);
}
li#topmenu_8 a {
	background-image: url(../img/cmn/og/topmenu_8_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 80px;
}
li#topmenu_8 a:hover {
	background-image: url(../img/cmn/og/topmenu_8_on.jpg);
}
li#topmenu_9 a {
	background-image: url(../img/cmn/og/topmenu_9_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 80px;
}
li#topmenu_9 a:hover {
	background-image: url(../img/cmn/og/topmenu_9_on.jpg);
}
li#topmenu_10 a {
	background-image: url(../img/cmn/og/topmenu_10_off.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 60px;
}
li#topmenu_10 a:hover {
	background-image: url(../img/cmn/og/topmenu_10_on.jpg);
}
li.topmenu_line {
	background-image: url(../img/cmn/topmenu_line.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 3px;
}

div#navi_area {
	color: #999999;
	padding: 4px;
	font-size: 11px;
}

/*==================
サイドメニュー
==================*/

div#side {
	float: left;
	width: 160px;
	padding: 8px 0px 0px 0px;
	clear:left
}

div#side #tle_dartsitem{
	background-image: url(../img/cmn/og/tle_dartsitem.jpg);
	background-repeat: no-repeat;
	width:160px;
	height:24px;
}

div#side #tle_oridinal{
	background-image: url(../img/cmn/og/tle_oridinal.jpg);
	background-repeat: no-repeat;
	width:160px;
	height:24px;
}

div.sidemenu {
}
ul.sidemenu {
	background-image: url(../img/cmn/sidemenu_bg.jpg);
	background-repeat: repeat-x;
	padding: 7px;
	width: 144px;
	border: 1px solid #D9D9D9;
}
ul.sidemenu li {
	list-style-type: none;
	width: 144px;
	height: 22px;
	padding: 1px 0px 1px 0px;
}
ul.sidemenu li a {
	display: block;
	line-height: 22px;
	text-indent: 16px;
	vertical-align: middle;
	background-image: url(../img/cmn/og/sidemenu_btn_bg_off.gif);
	background-repeat: no-repeat;
	color: #666666;
}
ul.sidemenu li a:hover {
	text-decoration: none;
	background-image: url(../img/cmn/og/sidemenu_btn_bg_on.gif);
	background-repeat: no-repeat;
	color: #000000;
}


ul.sidemenu_sub {
	padding: 3px;
	width: 152px;
	border: 1px solid #D9D9D9;
}
ul.sidemenu_sub li {
	list-style-type: none;
	width: 152px;
	height: 22px;
	line-height:22px;
	vertical-align: middle;
	text-indent: 10px;
}
ul.sidemenu_sub li a {
	text-decoration: none;
	display: block;
	color: #666666;
}
ul.sidemenu_sub li a:hover {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #C0DF7D;
}

ul.side_otr_menu {
	font-size: 12px;
	text-align: left;
	height: 13px;
	line-height: 13px;
	vertical-align: middle;
	padding: 2px;
}
ul.side_otr_menu li {
	display: inline;
	list-style-type: none;
	float: left;
	padding: 0px 3px 0px 0px;
}

ul.side_otr_menu li#rd_ya_gr_wt {
	background-image: url(../img/cmn/og/rd_ya_gr_wt.jpg);
	background-repeat: no-repeat;
	width:13px;
	height:13px;	
}

div.side_bnr {
	margin-top: 8px;
}

/*==================
コンテンツ
==================*/

div#content {
	display: inline;
	width: 770px;
	float: right;
	padding: 8px 0px 0px 0px;
	clear:right
}

div#main {
	padding: 8px 0px 0px 0px;
}


/*==================
フッター
==================*/
div#footer {
	width: 950px;
	clear: both;
	padding: 10px 0px 5px 0px;
}
div#ftr_l {
	float: left;
	width: 450px;
	line-height: 18px;
	color: #666666;
	text-align: left;
}
div#ftr_r {
	float: right;
	width: 450px;
	line-height: 18px;
	color: #666666;
	text-align: right;
}

ul.footermenu {
	text-align: center;
}	
ul.footermenu li {
	list-style-type: none;
	display: inline;
	line-height:13px;
	padding: 0px 15px 0px 15px;
}
ul.footermenu li a {
	text-decoration: none;
	color: #666666;	
}
ul.footermenu li a:hover {
	color: #000000;
}


/*==================
テキスト
==================*/
.txt20px22 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 20px;
	line-height: 22px;
}
.txt13px15 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	line-height: 15px;
}
.txt11px13 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 13px;
}

.txt9px11 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 9px;
	line-height: 11px;
}

.txt_lgray {
	color: #666666;
}

/*==================
擬似クラス
==================*/
a:link {
	text-decoration: none;
	color: #3366CC;
}
a:visited {
	text-decoration: none;
	color: #3366CC;
}
a:hover {
	text-decoration: underline;
	color: #3366CC;
}

/*==================
クラス
==================*/
div.mkr_idx_tle {
	height: 26px;
	width: 770px;
}
ul.mkr_idx {
	text-align: center;
	width: 770px;
	margin-top: 6px;
	margin-left:3px;
}
ul.mkr_idx li {
	display: inline;
	list-style-type: none;
	padding: 3px;
}




div.idx_tle {
	margin-bottom: 12px;
}
div.idx_subtle {
	margin: 25px 0px 5px 10px;
	font-size: 14px;
}
ul.idx_tbl {
	text-align: center;
	width: 770px;
	margin-top: 6px;
}
ul.idx_tbl li {
	display: inline;
	list-style-type: none;
	padding: 3px;
}
.sq160bdy_c {
	background-image: url(../img/cmn/sq160_bg.gif);
	background-repeat: repeat-y;
	text-align: center;
}
.sq160bdy_l {
	background-image: url(../img/cmn/sq160_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

.line {
	background-image: url(../img/cmn/grayline_bg.jpg);
	background-repeat: repeat-x;
	height: 11px;
}
.mgn_btm_3 {
	margin-bottom: 3px;
}
.mgn_btm_5 {
	margin-bottom: 5px;
}
.mgn_btm_8 {
	margin-bottom: 8px;
}
.mgn_btm_15 {
	margin-bottom: 15px;
}
.waku {
	background-color: #CCCCCC;
	padding: 1px;
}.mgn_top_5 {
	margin-top: 5px;
}
.mgn_top_8 {
	margin-top: 8px;
}
.mgn_top_10 {
	margin-top: 10px;
}

ul.tab {
	height: 32px;
	text-align: left;
	padding: 0px 0px 0px 10px
}

ul.tab li.tab_on {
	*font-weight: bold;
	display: inline;
	list-style-type: none;
	float: left;
	width: 140px;
	height: 32px;
	background-image: url(../img/cmn/tab_on2.jpg);
	background-repeat: no-repeat;
	padding: 7px 0px 0px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
}
ul.tab li.tab_off {
	display: inline;
	list-style-type: none;
	float: left;
	width: 140px;
	height: 32px;
	background-image: url(../img/cmn/tab_off2.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color: #767676;
	text-align: center;
}
ul.tab li a {
	margin: 0px;
	text-decoration: none;
	color: #767676;
	display: block;
	width: 140px;
	height: 32px;
	padding: 0px;
	padding-top:6px;
}
ul.tab li a:hover {
	background-image: url(../img/cmn/tab_hover2.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

ul.tab_r {
	height: 32px;
	text-align: left;
	padding: 0px 0px 0px 10px
}

ul.tab_r li.tab_on {
	*font-weight: bold;
	display: inline;
	list-style-type: none;
	float: left;
	width: 140px;
	height: 21px;
	background-image: url(../img/cmn/tab_on_r.jpg);
	background-repeat: no-repeat;
	padding: 11px 0px 0px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
}
ul.tab_r li.tab_off {
	display: inline;
	list-style-type: none;
	float: left;
	width: 140px;
	height: 32px;
	background-image: url(../img/cmn/tab_off_r.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color: #767676;
	text-align: center;
}
ul.tab_r li a {
	margin: 0px;
	text-decoration: none;
	color: #767676;
	display: block;
	width: 140px;
	height: 32px;
	padding: 0px;
	padding-top:12px;
}
ul.tab_r li a:hover {
	background-image: url(../img/cmn/tab_hover_r.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
ul.tab li.tab_off{
font-size:11px;
}
ul.tab li.tab_on{
font-size:11px;
}
ul.tab_r li.tab_off{
font-size:11px;
}
ul.tab_r li.tab_on{
font-size:11px;
}
}

/*Calendar*/

#calendar #container {
	background-color: #FFFFFF;
}

#calendar #container #ccontent {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	width: auto;
	padding:0px;
}

#calendar .month{
	margin:0px auto;
    width:160px;
    xborder:1px solid #ccc;
    xborder-collapse:collapse;
    padding:0px;
        border-spacing:1px;
        *border-spacing:expression(this.cellSpacing="1px");
        background-color:#ccc;
}

#calendar .xmonth{
	background-image: url("../img/cmn/og/hbg.jpg");
	margin:0px auto;
    width:160px;
	height:24px;
    padding:0px;
    border-spacing:0px;
    text-align:center;
    *border-spacing:expression(this.cellSpacing="0px");
}

#calendar td {
	        background-color:#fff;
    xborder:1px solid #ddd;
    color:#555;
    padding:0 3px;
    text-align:right;
    width:14%;
    	xheight:20px;
}

#calendar th {
	xheight:20px;
	xbackground-repeat: repeat-x;
    color:#fff;
}

#calendar tr{
    xwidth:158px;
	height:20px;
}

#calendar tr.weekday{
    width:160px;
	border-width:0px;
	padding:0px;
}

#calendar tr.weekday td{
	border-width:0px;
	padding:0px;
}

#calendar a{
color:#ffffff;
text-decoration:none;
}

#calendar a:hover {
text-decoration:underline;
}

#calendar .actday{
	xbackground-image: url(images/xhbg.gif);
	xbackground-repeat: repeat-x;
    xcolor:#fff;
    xfont-weight:bold;
    xtext-decoration: underline;
    font-weight: bold;
    background-color:#cccccc;
}

#calendar .days td{
    background-color:#f1f1f1;
}

#calendar .sunday{
    xcolor:red;
}

#calendar .saturday{
    xcolor:blue;
}