@charset "utf-8";
/* 
 *	汎用クラス,float,clearfix,
 *  lastUpdate 2009.03.09
 *  moduleの名前を変更
 *
 */


/* js
---------------------------------------------------------*/
div.popupBox, .fancyBox{
	/* with fancyBox with jq */
}

.btnOver{
	/* rollOver with jq */
}

/* stripe */
table.stripe{
	/* with jq */
}
.evenLine{
	background-color: #f6f6f6;
}
.oddLine{
	background-color: #fff;
}
/* 最後のエレメント付与する */
.last{

}




/* 汎用ラップ
---------------------------------------------------------*/
div.section{
	clear: both;
	min-height: 50px;
	margin-bottom: 2.0em;
	padding-bottom: 0.2em;
}
div.section div.section{
	border-bottom: none;
	background: none;
}

/*------------------------------------
<div class="sectionColumnSingle">
<div class="sectionColumnDouble">
…
</div>
<!-- /sectionColumnDouble -->
<div class="sectionColumnDouble">
…
</div>
<!-- /sectionColumnDouble -->
</div>
<!-- /sectionColumnSingle -->
------------------------------------*/
/* section内で使う */
div.sectionColumnSingle{
	clear: both;
	margin: 0 5px 2.0em 5px;
}
/* section内で使う */
div.sectionColumnDouble{
	display: inline;
	float: left;
	width: 48%;
	min-height: 50px;
	margin: 0 5px 2.0em 5px;
}
/* section内で使う */
div.sectionColumnTriple{
	display: inline;
	float: left;
	width: 31.5%;
	min-height: 50px;
	margin: 0 5px 2.0em 5px;
}

div.sectionColumnSingle div.sectionColumnDouble{
	width: 46%;
}
/* 汎用ラップ
---------------------------------------------------------*/


/* 文章ラップ */
div.paragraph{
	margin-bottom: 1em;
	padding: 5px;
}


div.wrapThumbnail {
	min-height: 100px;
	margin: 0 0 2em 0;

}

* html div.wrapThumbnail {
	height: 100px;

}

div.wrapThumbnail img {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;

}



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

汎用クラス, 組み合わせて使う

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

.minutely{
	font-size: 0.7em;
}

.strong{
	line-height: 1.2;
	font-size: 1.2em;
}

.veryStrong{
	line-height: 1.4;
	font-size: 1.4em;
}

.price{
	color: #cc0000;
}

.emphasis{
	color: #cc0000;
}

.through{
	text-decoration: line-through;
}


a.icoLink {
	padding-left: 18px;
	background: url(../images/ico_link.gif) no-repeat left center;
}

a.icoLinkB {
	padding: 2px 2px 2px 15px;
	font-size: 0.8em;
	background: url(../images/ico_link_b.gif) no-repeat left center #999;
}

a.icoLinkB:link, a.icoLinkB:visited, a.icoLinkB:hover, a.icoLinkB:active {
	color: #fff;
}

ul.listTabMenu {
	list-style-position: outside;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	background: url(../images/bg_tabUsual.gif) bottom repeat-x;
}
ul.listTabMenu li {
	display: inline;
	float: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0 2px;
	padding: 0;
	color: #333;
}
ul.listTabMenu li a {
	display: inline;
	float: left;
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
	/*
	color: #0066ff;
	background: url(../images/bg_tabUsual_li_a.gif) bottom repeat-x;*/
	background-color: #A5A5A5;
}
ul.listTabMenu li a:link {
	color: #fff;
}
ul.listTabMenu li a:visited {
	color: #fff;
}
ul.listTabMenu li a:hover, ul.listTabMenu li a.active {
	color: #0099ff;
	background-color: #fff;
	/*
	background-image: url(../images/bg_tabUsual_li_a_hover.gif);
	background-position: top;
	*/
}

* html ul.listTabMenu li a:hover, * html ul.listTabMenu li a.active {
	color: #0099ff !important;
	background-color: #fff !important;
}



ul.listTabMenu:after, div.wrapThumbnail:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE6 */
* html ul.listTabMenu, * html div.wrapThumbnail {
	display: inline-block;
}

/* for IE7 */
*+html ul.listTabMenu, *+html div.wrapThumbnail {
	display: inline-block;
}