@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	■サイト共通　layout.css
	URL : -
	AUTHOR : digichro_onda
	GUIDELINE : 1.0
	NOTE : レイアウトスタイル
	───────────────────────────────
	LIST OF CONTENT
	───────────────────────────────
	+ [00]デフォルト設定
	+ [01]左右中央レイアウト設定
	+ [02]1カラムレイアウトスタイル
	+ [03]2カラムレイアウトスタイル
	+ [04]レイアウトサイズ制御
	
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[00]デフォルト設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#wrapper,
div#global_header_inner,
div#header,
div#global_navi,
div#contents,
div#topicpath,
div#banner,/**/
div#parter,/**/
div#footer{
	clear:both;
	text-align:left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[01]左右中央レイアウト設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
layout_l：左寄せレイアウト
─────────────────────────────────── */
body.layout_l div#wrapper {
	margin:0 0 0;
}
/* ───────────────────────────────────
layout_c：中央揃えレイアウト
─────────────────────────────────── */
body.layout_c div#wrapper,
body.layout_c div#global_header_inner,
body.layout_c div#header div#header_inner,
body.layout_c div#global_navi ul,
body.layout_c div#topicpath ol,
body.layout_c div#bg_mainVisual,
body.layout_c div#mainVisual,
body.layout_c div#section_btn,
body.layout_c div.area_carousel, /**/
body.layout_c div#contents,
body.layout_c div#pagetop,
body.layout_c div#banner div#banner_inner,
body.layout_c div#partner div#partner_inner,
body.layout_c div#footer div#footer_inner,
body.layout_c div#footer div.copyright {
	margin-right:auto;
	margin-left:auto;
}
/* ───────────────────────────────────
layout_right：右寄せレイアウト
─────────────────────────────────── */
body.layout_right {
	text-align:right
}
	body.layout_right div#wrapper {
		margin:0;
	}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[02]1カラムレイアウトスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
layout_single：1カラムレイアウト(お問い合わせフォームなどで使用)
─────────────────────────────────── */
body.layout_single {

}
	/* areaMain：メインエリア
	─────────────────────────────────── */
	body.layout_single div#area_main {
		margin:0 auto;
	}
	/* areaSub：サブエリア
	─────────────────────────────────── */
	body.layout_double_l div#area_sub {
	}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[03]2カラムレイアウトスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
layout_double_l：2カラムレイアウト：メイン左
─────────────────────────────────── */
body.layout_double_l {
}
	/* areaMain：メインエリア
	─────────────────────────────────── */
	body.layout_double_l div#area_main {
		float:left;
	}		
	/* areaSub：サブエリア
	─────────────────────────────────── */
	body.layout_double_l div#area_sub {
		float:right;
	}

/* ───────────────────────────────────
layoutDoubleL：2カラムレイアウト：メイン右
─────────────────────────────────── */
body.layout_double_r {

}
	body.layout_double_r ol#topickpath {
		padding-left:260px;
	}

	/* areaMain：メインエリア
	─────────────────────────────────── */
	body.layout_double_r div#area_main {
		float:right;
	}
	/* areaSub：サブエリア
	─────────────────────────────────── */
	body.layout_double_r div#area_sub {
		float:left;
	}	

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[04]レイアウトサイズ制御
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
flame960：width960px
─────────────────────────────────── */
body.flame960 {
}
	body.flame960 div#global_header,
	body.flame960 div#header div#header_inner,
/*	body.flame960 div#global_navi ul, */
	body.flame960 div#topicpath ol,
/*	body.flame960 div#mainVisual,	*/
	body.flame960 div#section_btn,
	body.flame960 div#pagetop,
	body.flame960 div#banner div#banner_inner,
	body.flame960 div#parter div#parter_inner,
	body.flame960 div#footer div#footer_inner,
	body.flame960 div#footer div.copyright{
		width:960px;
	}
	body.flame960 div.area_carousel,
	body.flame960 div#contents {
		width:940px;
		padding-right:10px;
		padding-left:10px;
	}
	
		/* area_main：メインエリア
		─────────────────────────────────── */
		body.layout_double_l div#area_main {
			width:650px;
		}
			body.layout_double_l div#area_main .section_cmn {
				width:630px;
				margin-right:auto;
				margin-left:auto;
			}
		body.layout_single div#area_main {
			width:940px;
		}
			body.layout_single div#area_main .section_cmn {
				width:920px;
				margin-right:auto;
				margin-left:auto;
			}
		
		/* area_sub：サブエリア
		─────────────────────────────────── */
		body.flame960 div#area_sub,
		body.flame960 div#area_sub .section_cmn {
			width:250px;
		}