@charset "utf-8";

/**

 * 04-layout 

 * (c) FOURDIGIT Inc.

 */

/* body要素 */

	body {

		background-color: #fff;

	}



/* コンテンツラッパー */

	.page {

		background-color: #fff;

		background-image: url(/com/imgs/bg.gif);

		background-repeat: repeat-x;

		background-position: center top;

		color: #333333;

	}



/* コンテナ */

	body #containerBox {

		margin-right: auto;

		margin-left: auto;

		width: 940px;

		text-align: left;

	}



/* メインコンテンツボックス */

	body #mainContentBox {

		clear: both;

	}



/* メインコンテンツ */

	body #contentIn {

		float: right;

		width: 680px;

	}



/* サイドコンテンツ */

	body #sideContent {

		float: left;

		width: 240px;

	}



/* 旧コンテンツ - メインコンテンツ */

	#mainContentBoxOld {

		clear: both;

	}

	#mainContentBoxOld #contentIn {

		float: none;

		margin-right: auto;

		margin-bottom: 50px;

		margin-left: auto;

		width: 710px;

	}



/* 旧コンテンツ vanvan - メインコンテンツ */

	#vanvan #mainContentBoxOld {

		margin-right: auto;

		margin-bottom: 50px;

		margin-left: auto;

		width: 710px;

	}

	#vanvan #mainContentBoxOld #contentIn {

		float: right;

		margin-right: 0;

		margin-bottom: 50px;

		margin-left: 0;

		width: 470px;

	}

	#vanvan #mainContentBoxOld #sideContent {

		width: 220px;

	}



/* パンくず */

	.page #breadCrumb {

		margin-bottom: 15px;

		padding-left: 20px;

		font-size: 12px;

		line-height: 30px;

		color: #666666;

	}

	.page #breadCrumb li {

		float: left;

		padding-right: 5px;

	}

	.page #breadCrumb li a {

		margin-right: 5px;

		color: #0066cc;

	}

	.page #breadCrumb li strong {

		margin-right: 5px;

		font-weight: normal;

		color: #666666;

	}



/* セクション */

	.section {

		margin-bottom: 30px;

	}