@charset "utf-8";

/********************************************************************************

	フランチャイズサイトトップページスタイル

********************************************************************************/

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

	01.contents-body
	
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	main-visual
------------------------------------------------------------------------ */
#main-visual {
	margin:0 auto 15px auto;
	width:900px;
}
/* ------------------------------------------------------------------------
	ad-area
------------------------------------------------------------------------ */
.ad-area{
	margin:0 0 20px 0;
}
.ad-area-l {
	float:left;
	width:335px;
}
.ad-area-r {
	float:right;
	width:335px;
}
/* ------------------------------------------------------------------------
	ad-area-l
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
    onaoshi-banner
------------------------------------------------------------------------ */
.banner-onaoshi{
    margin: 0 15px 25px 15px;
}

/* --------------------------------
	banner
-------------------------------- */
.ad-area-l ul {
	margin:0 0 15px 0;
}
.ad-area-l li.odd {
	float:left;
	
}
.ad-area-l li.even {
	float:right;
}
.ad-area-l li img {
	vertical-align:top;
}
/* --------------------------------
	topics
-------------------------------- */
.ad-area .topics {
	background:url(/images/topics-top.gif) left top no-repeat;
	padding:5px 0 0 0;
}
/* ---------- h3 ---------- */
.ad-area .box-h3 {
	background:url(/images/topics-h3-bottom.gif) left bottom no-repeat;
	margin:0 5px 10px 5px;
	padding:0 0 5px 0;
}
.ad-area h3 {
	background:url(/images/topics-h3-top.gif) left top no-repeat;
	padding:5px 10px 0 10px;
	color:#FFF;
	font-size:100%;
}
/* ---------- dl ---------- */
.ad-area dl {
	background:url(/images/topics-bottom.gif) left bottom no-repeat;
	padding:0 10px 10px 10px;
}
.ad-area dt {
	float:left;
	clear:left;
	width:9em;
	margin:0 0 5px 0;
}
.ad-area dd {
	margin:0 0 5px 9em;
}
/* ----------------------------------------------------------------
	info-area
---------------------------------------------------------------- */
.info-area .article-list {
	margin:0 10px 15px 10px;
}

/* ----- article-list ----- */
.info-area .article-list dl {
	margin:0 10px;
}
.info-area .article-list dt {
	float:left;
	clear:left;
	width:9em;
}
.info-area .article-list dd {
	margin:0 0 0 9em;
}
/* ----- to-list-page ----- */
.info-area .to-list-page {
	text-align:right;
	margin:0 10px 0 0;
}
.info-area .to-list-page a {
	background:url(/common/images/component/arrow-right.gif) left center no-repeat;
	padding:0 0 0 18px;
}

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

	category-list
	
------------------------------------------------------------------------ */
.line {
	margin:0 15px 25px 15px;
}
.line .odd {
	float:left;
	width:315px;
}
.line .even {
	float:right;
	width:315px;
}
.line img {
	float:left;
	vertical-align:top;
	padding:2px;
	border:1px solid #999;
}
.line img.rollover {
	border:none;
}
.line dl {
	margin:0 0 0 130px;
}
.line dt {
	background:url(/images/category-list-dt.gif) left center no-repeat;
	padding:5px 0 5px 20px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #999;
	font-weight:bold;
}

/* ========================================================================

	02.detail
	
======================================================================== */
/* ------------------------------------------------------------------------
	contents-header
------------------------------------------------------------------------ */

.tab-nav li {
	float:left;
	margin:0 5px 0 0;
	line-height:1;
}
.tab-nav li img {
	vertical-align:bottom;
}


/* ------------------------------------------------------------------------
	01.contents-body
------------------------------------------------------------------------ */

/* --------------------------------------------------
	contents-summary
-------------------------------------------------- */
.contents-summary {
	padding:0 15px;
	margin:0 0 15px 0;
}
.contents-summary-l {
	float:left;
	width:345px;
}
.contents-summary-r {
	float:right;
	width:300px;
	text-align:right;
}
.contents-summary dl {
	padding:10px;
}
.contents-summary dd {
	margin:0 0 0 18px;
}