@charset "shift-jis";

/*----------------------------------------
	mainSection column
	sideSectionありの設定
----------------------------------------*/

/*==[ mainSection (width sideSection) ]===================*/
#contentsBlock div#mainSection {
  float:left;
  margin:0;
  width:586px;
  _display:inline;
}

.lnBlank #contentsBlock div#mainSection {
  float:left;
  margin:0;
  width:610px;
  _display:inline;
}


/*==[ column ]===================*/
/*==[ 2 column (h3が入る場合) ]==*/
/* left */
#contentsBlock #mainSection .twoColumnHeading_03 .leftColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn {
  float:left;
  width:283px;
}

/* right */
#contentsBlock #mainSection .twoColumnHeading_03 .rightColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn {
  float:right;
  width:283px;
}

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

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

/* text */
#contentsBlock #mainSection .twoColumnHeading_03 .leftColumn .twoColumnTextRight,/* for HTML5 */
#contentsBlock #mainSection .twoColumnHeading_03 .rightColumn .twoColumnTextRight,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnTextRight,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnTextRight {
  float:right;
  width:165px;
}

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

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

/* text */
#contentsBlock #mainSection .twoColumnHeading_03 .leftColumn .twoColumnTextLeft,/* for HTML5 */
#contentsBlock #mainSection .twoColumnHeading_03 .rightColumn .twoColumnTextLeft,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.leftColumn div.twoColumnTextLeft,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.rightColumn div.twoColumnTextLeft {
  float:left;
  width:165px;
}

/* override */
#contentsBlock #mainSection .twoColumnHeading_03 .twoColumnTextLeft p,/* for HTML5 */
#contentsBlock #mainSection .twoColumnHeading_03 .twoColumnTextRight p,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.twoColumnTextLeft p,
div#contentsBlock div#mainSection div.twoColumnHeading_03 div.twoColumnTextRight p {
  margin:0 0 10px 0;
}


/*==[ 2 column (その他) ]==*/
#contentsBlock #mainSection .twoColumn_01,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumn_01 {
  margin:0 0 0 5px;
}
/* left */
#contentsBlock #mainSection .twoColumn_01 .leftColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumn_01 div.leftColumn {
  float:left;
  width:273px;
}

/* right */
#contentsBlock #mainSection .twoColumn_01 .rightColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumn_01 div.rightColumn {
  float:right;
  width:273px;
}

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

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

/* text */
#contentsBlock #mainSection .twoColumn_01 .twoColumnTextRight,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumn_01 div.twoColumnTextRight {
  float:right;
  width:155px;
}

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

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

/* text */
#contentsBlock #mainSection .twoColumn_01 .twoColumnTextLeft,/* for HTML5 */
div#contentsBlock div#mainSection div.twoColumn_01 div.twoColumnTextLeft {
  float:left;
  width:155px;
}

/*==[ 3 column ]==*/
#contentsBlock #mainSection .threeColumn_01,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 {
  margin:0 0 15px 10px;
}

#contentsBlock #mainSection .threeColumn_01 h4,/* for HTML5 */
#contentsBlock #mainSection .threeColumn_01 h5,/* for HTML5 */
#contentsBlock #mainSection .threeColumn_01 h6,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 h4,
div#contentsBlock div#mainSection div.threeColumn_01 h5,
div#contentsBlock div#mainSection div.threeColumn_01 h6 {
  margin:0 0 5px 0 !important;
}

html > body #contentsBlock #mainSection .threeColumn_01 p,/* for HTML5 */
html > body div#contentsBlock div#mainSection div.threeColumn_01 p {
  font-size:75%;
}

/* left */
#contentsBlock #mainSection .threeColumn_01 .leftColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 div.leftColumn {
  float:left;
  width:178px;
}

/* center */
#contentsBlock #mainSection .threeColumn_01 .centerColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 div.centerColumn {
  float:left;
  margin:0 0 0 21px;
  width:178px;
  _display:inline; /* IE 6.x */
}

/* right */
#contentsBlock #mainSection .threeColumn_01 .rightColumn,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 div.rightColumn {
  float:right;
  width:178px;
}

#contentsBlock #mainSection .threeColumn_01 .leftColumn span,/* for HTML5 */
#contentsBlock #mainSection .threeColumn_01 .centerColumn span,/* for HTML5 */
#contentsBlock #mainSection .threeColumn_01 .rightColumn span,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 div.leftColumn span,
div#contentsBlock div#mainSection div.threeColumn_01 div.centerColumn span,
div#contentsBlock div#mainSection div.threeColumn_01 div.rightColumn span {
  display:block;
  margin:0 0 5px 0;
  padding:4px 0;
  border:1px solid #c5c5c5;
  text-align:center;

}

#contentsBlock #mainSection .threeColumn_01 p,/* for HTML5 */
div#contentsBlock div#mainSection div.threeColumn_01 p {
  margin:0 0 5px 0 !important;
}

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

html > body #contentsBlock #mainSection .twoColumnTextLeft,/* for HTML5 */
html > body #contentsBlock #mainSection .twoColumnTextRight,/* for HTML5 */
html > body #contentsBlock #mainSection .threeColumn_01 p,/* for HTML5 */
html > body div#contentsBlock div#mainSection div.twoColumnTextLeft,
html > body div#contentsBlock div#mainSection div.twoColumnTextRight,
html > body div#contentsBlock div#mainSection div.threeColumn_01 p {
  font-size:100%;
}


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

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

div#contentsBlock div#mainSection div.leftBlock_01 em {
  font-size:75%; /* IE */
}

html > body div#contentsBlock div#mainSection div.leftBlock_01 em {
  font-size:75%;
}

/* right */
div#contentsBlock div#mainSection div.rightBlock_01 {
  float:right;
  width:330px;
}

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

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

div#contentsBlock div#mainSection div.rightBlock_02 em {
  font-size:75%;
  text-align:left !important;
  /* IE */
}


/* left */
div#contentsBlock div#mainSection div.leftBlock_02 {
  float:left;
  width:330px;
}