@charset "shift-jis";

/*----------------------------------------
	mainSection column
	sideSectionなしの設定
----------------------------------------*/

/*==[ mainSection (no sideSection) ]===================*/
#contentsBlockNSS #mainSection {
	float:left;
	margin:20px 25px 0 25px;
	width:812px;
	_display:inline;z
}

#gnRules #contentsBlockNSS #mainSection,
#gnApolicy #contentsBlockNSS #mainSection,
#gnPrivacypolicy #contentsBlockNSS #mainSection,
#gnSitemanual #contentsBlockNSS #mainSection,
#gnSitemap #contentsBlockNSS #mainSection {
	margin:0 25px;
}

/*==[ column ]===================*/
/*==[ 2 column (h3が入る場合) ]==*/
/* left */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn {
	float:left;
	width:396px;
}

/* right */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn {
	float:right;
	width:396px;
}

/*- 画像が入る場合 (画像:左) -*/
/* image */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn .twoColumnImageLeft,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn .twoColumnImageLeft {
	float:left;
	width:106px;
}

#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn .twoColumnImageLeft span,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn .twoColumnImageLeft span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 0;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn .twoColumnTextRight,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn .twoColumnTextRight {
	float:right;
	width:280px;
}

/*- 画像が入る場合 (画像:右) -*/
/* image */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn .twoColumnImageRight,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn .twoColumnImageRight {
	float:right;
	width:106px;
}

#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn .twoColumnImageRight span,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn .twoColumnImageRight span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 0;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .leftColumn .twoColumnTextLeft,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .rightColumn .twoColumnTextLeft {
	float:left;
	width:280px;
}

/* override */
#contentsBlockNSS #mainSection .twoColumnHeading_03 .twoColumnTextLeft p,
#contentsBlockNSS #mainSection .twoColumnHeading_03 .twoColumnTextRight p {
	margin:0 0 10px 0;
}


/*==[ 2 column (その他) ]==*/
#contentsBlockNSS #mainSection .twoColumn_01 {
	margin:0 0 0 5px;
}
/* left */
#contentsBlockNSS #mainSection .twoColumn_01 .leftColumn {
	float:left;
	width:391px;
}

/* right */
#contentsBlockNSS #mainSection .twoColumn_01 .rightColumn {
	float:right;
	width:391px;
}

/*- 画像が入る場合 (画像:左) -*/
/* image */
#contentsBlockNSS #mainSection .twoColumn_01 .leftColumn .twoColumnImageLeft,
#contentsBlockNSS #mainSection .twoColumn_01 .rightColumn .twoColumnImageLeft {
	float:left;
	width:111px;
}

#contentsBlockNSS #mainSection .twoColumn_01 .leftColumn .twoColumnImageLeft span,
#contentsBlockNSS #mainSection .twoColumn_01 .rightColumn .twoColumnImageLeft span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 5px;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
#contentsBlockNSS #mainSection .twoColumn_01 .twoColumnTextRight {
	float:right;
	width:275px;
}

/*- 画像が入る場合 (画像:右) -*/
/* image */
#contentsBlockNSS #mainSection .twoColumn_01 .leftColumn .twoColumnImageRight,
#contentsBlockNSS #mainSection .twoColumn_01 .rightColumn .twoColumnImageRight {
	float:right;
	width:111px;
}

#contentsBlockNSS #mainSection .twoColumn_01 .leftColumn .twoColumnImageRight span,
#contentsBlockNSS #mainSection .twoColumn_01 .rightColumn .twoColumnImageRight span { /* IE対策のためのspan */
	display:block;
	margin:0 0 20px 5px;
	padding:4px 0;
	text-align:center;
	border:1px solid #c5c5c5;
}

/* text */
#contentsBlockNSS #mainSection .twoColumn_01 .twoColumnTextLeft {
	float:left;
	width:275px;
}

/*==[ 2 column font size ]==*/
#contentsBlockNSS #mainSection .twoColumnTextLeft,
#contentsBlockNSS #mainSection .twoColumnTextRight,
#contentsBlockNSS #mainSection .threeColumn_01 p {
	font-size:100%; /* IE */
	line-height:120%;
}

html > body #contentsBlockNSS #mainSection .twoColumnTextLeft,
html > body #contentsBlockNSS #mainSection .twoColumnTextRight,
html > body #contentsBlockNSS #mainSection .threeColumn_01 p {
	font-size:100%;
}

/*----------------------------------------
	columnサンプル
----------------------------------------*/
/*
画像などのfloat sample

<p>のクラス名を変更し、width、text-alignを調節して使用
※IE対策のため左右にdivを配置
*/
/*==[ 画像左 (classのNumber 01) ]==*/
/* left */
#contentsBlockNSS #mainSection .leftBlock_01 {
	float:left;
	width:245px;
	text-align:center;
}

#contentsBlockNSS #mainSection .leftBlock_01 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

#contentsBlockNSS #mainSection .leftBlock_01 em {
	font-size:90%; /* IE */
}

html > body #contentsBlockNSS #mainSection .leftBlock_01 em {
	font-size:85%;
}

/* right */
#contentsBlockNSS #mainSection .rightBlock_01 {
	float:right;
	width:565px;
}

/*==[ 画像右 (classのNumber 02) ]==*/
/* right */
#contentsBlockNSS #mainSection .rightBlock_02 {
	float:right;
	width:245px;
	text-align:center;
}

#contentsBlockNSS #mainSection .rightBlock_02 span {
	display:block;
	margin:0 10px 3px 0;
	padding:4px;
	border:1px solid #c5c5c5;
}

#contentsBlockNSS #mainSection .rightBlock_02 em {
	font-size:90%; /* IE */
}

html > body #contentsBlockNSS #mainSection .rightBlock_02 em {
	font-size:75%;
}

/* left */
#contentsBlockNSS #mainSection .leftBlock_02 {
	float:left;
	width:565px;
}