@charset "utf-8";
@import "common_inner.css";

/* tab style */
/**********************************************/

.tabNav {
	margin             : 14px 0 15px 0;
	border-bottom      : 4px solid #FEF333;
	background         : url(/shared/img/surfing/detail/tab_ul_back.gif) repeat-x;
	overflow           : hidden;
	zoom               : 1;
}
.tabNav li {
	float              : left;
	height             : 28px;
	line-height        : 28px;
	text-align         : center;
	color              : #190a32;
	font-size          : 12px;
	font-weight        : bold;
	background         : #fff;
}

.tabNav li a {
	margin             : 0 0 0 0;
	width              : 139px;
	display            : block;
	height             : 28px;
	font-size          : 12px;
	color              : #190A32;
	line-height        : 28px;
	background         : url(/shared/img/shop/bg_tab_shop.gif) no-repeat top left;
}
.tabNav li a:hover  { background : url(/shared/img/shop/bg_tab_shop.gif) no-repeat 0 -28px;}
.tabNav li a.active { background : url(/shared/img/shop/bg_tab_shop.gif) no-repeat 0 -56px;}


/*side left*/
/**********************************************/

#sideLeft h3 {
	font-weight: normal;
}

#sideLeft .sideList li {
	width            : 223px;
	height           : 24px;
	/height          : 30px;
	text-indent      : 27px;
	font-size        : 12px;
	font-weight      : bold;
	background       : url("/shared/img/shop/navi_back01.jpg") no-repeat;
	display          : block;
	color            : #190a32;
	padding          : 6px 0 0 0; 
}

#sideLeft .sideList li span {
	letter-spacing   : -1px;
	font-size        : 10px;
}

#sideLeft ul.ul02 {
	padding          : 11px 0 15px 17px;
	background       : url(/shared/img/shop/ul_back.jpg) repeat-y left top;
	overflow         : hidden;
	zoom             : 1;
}

*+html #sideLeft ul.ul02 {
	padding-bottom   : 10px;
}

*html #sideLeft ul.ul02 {
	padding          : 12px 0 10px 17px;
}

#sideLeft ul.ul02 li {
	margin-bottom    : 8px;
	font-size        : 11px;
	color            : #483a60;
}


#sideLeft ul.ul02 li.mb9 {
	margin-bottom    : 9px;
}
	*html #sideLeft ul.ul02 li.mb9 {
		margin-bottom: 11px;
	}

#sideLeft ul.ul02 li.mb13 {
	margin-bottom: 12px;
}

	*html #sideLeft ul.ul02 li.mb13 {
		margin-bottom: 13px;
	}

#sideLeft ul.ul02 li select {
	height           : 21px;
	font-size        : 10px;
	width            : 185px;
}


#sideLeft ul.ul02 li.special a {
	width            : 91px;
	display          : block;
	background       : url(../img/shop/btn01_over.jpg) no-repeat;
	zoom             : 1;
}

#sideLeft ul.ul02 li.special {
	margin-bottom    : 0;
}

#sideLeft ul.ul02 li.special a: hover {
	background-color : #fff;
}

#sideLeft ul.ul02 li.special a: hover img {
	visibility       : hidden;
}

#sideLeft ul.ul03 {
	padding          : 15px 0 27px 17px;
}

*+html #sideLeft ul.ul03 {
	padding      : 14px 0 22px 17px;
}

*html #sideLeft ul.ul03 {
	padding      : 14px 0 22px 17px;
}

#sideLeft ul.ul03 li {
	margin-bottom    : 4px;
	font-size        : 11px;
}

*+html #sideLeft ul.ul03 li {
	margin-bottom: 1px;
}

*html #sideLeft ul.ul03 li {
	margin-bottom: 1px;
}

#sideLeft ul.ul03 li input {
	margin-right      : 10px;
	vertical-align    : -3px;
}

*+html #sideLeft ul.ul03 li input {
	margin-right  : 3px;
	vertical-align: -2px;
}

*html #sideLeft ul.ul03 li input {
	margin-right  : 3px;
	vertical-align: -2px;
}

#sideLeft ul.ul03 li.mb16 {
	margin-bottom     : 20px;
}

*+html #sideLeft ul.ul03 li.mb16 {
	margin-bottom : 15px;
}

*html #sideLeft ul.ul03 li.mb16 {
	margin-bottom : 15px;
}


/*side right*/ 
/**********************************************/

#sideRight .boxA {
	padding        : 1px 0 20px 0;
	border         : 1px solid #edebf0;
	width          : 700px;
}

*html #sideRight .boxA {
	width          : 702px;
}

#sideRight .boxA dl.dl01 {
	margin-bottom  : 20px;
	font-weight    : bold;
	color          : #190a32;
	font-size      : 13px;
	line-height    : 29px;
}

#sideRight .boxA dl.dl01 dt {
	padding-left   : 12px;
	width          : 90px;
	float          : left;
	clear          : left;
	background     : #baeaf0;
	font-size      : 11px;
}

*html #sideRight .boxA dl.dl01 dt {
	width          : 80px;
}

#sideRight .boxA dl.dl01 dd {
	padding-left   : 115px;
	background     : #f1eef5;
}

#sideRight .boxA .imgbox img,
#sideRight .boxA .imgbox2 img {
	margin         : 0 0 12px 20px;
	padding        : 1px;
	border         : 2px solid #e3dfea;
/* 	width          : 620px; */
}

#sideRight .boxA .imgbox2 {
	width          : 597px;
}

#sideRight .boxA div.text_area {
	padding        : 0 20px 0 21px; 
	font-size      : 11px;
	line-height    : 1.7;
	color          : #190a32;
}

#sideRight .boxA p {
	margin         : 0 0 10px 0;
}

#sideRight .boxA p.mb9 {
	margin-bottom  : 9px;
}

#sideRight .boxA p span {
	font-weight    : bold;
}

#sideRight .pageTop {
	padding        : 11px 0 32px 0;
	text-align     : right;
} 


#sideRight .boxA p.link a {
	padding-left      : 14px;
	color             : #3281A2;
	background        : url(../img/shop/detail_03/icon01.jpg) no-repeat left center;
}

#sideRight .boxA p.link a:hover {
	color             : #3281a2;
	text-decoration   : underline;
}

#sideRight .boxA p.mb0 {
	margin-bottom     : 0;
}