@charset "utf-8";
/* ===================================================================
    共通スタイルシート
   =================================================================== */

/* -------------------------------------------------------------------
    標準
   ------------------------------------------------------------------- */
html{
  height:100%;
  margin-bottom:1px;
}

body {
  font-size: 12px;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust:none;
  margin: 0;
  padding: 10px 10px 0 10px;
}

p, h1, h2, h3, h4, h5, h6, form {
  margin: 0;
  padding: 0;
}

ul, ol, li, dd, dt, dl {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  border: 0px;
}

a:link {
  color:#039;
  text-decoration: underline;
}

a:visited{
  color:#039;
  text-decoration: underline;
}

a:hover{
  color:#039;
  text-decoration: none;
}

a:active{
  color:#039;
  text-decoration: none;
}

.clearBoth{
  clear: both;
}

/* -------------------------------------------------------------------
    基本レイアウト
   ------------------------------------------------------------------- */
#bodyContainer {
  width:980px;
  margin-left : auto ;
  margin-right : auto ;
  padding:0;
  text-align:center;
  background:#fff;
}

#adContainer {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
}

/* アーティクルコンテナ 3カラム用 */
#article3ColContainer {
  margin: 0;
  padding: 0px;
  text-align: left;
  height: auto;
}

#article3ColContainer #subNaviContainer {
  margin: 0px;
  padding: 0px;
  width: 170px;
  height: auto;
  float: left;
}

#article3ColContainer #articleContainer {
  margin: 0px;
  padding: 0px;
  width: 795px;
  height: auto;
  float: right;
}

#article3ColContainer #articleContainer #articleSubContainer {
  margin: 0px;
  padding: 0px;
  width: 200px;
  height: auto;
  float: right;
}

#article3ColContainer #articleContainer #articleMainContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  float: left;
}

/* アーティクルコンテナ 2カラム用 */
#article2ColContainer {
  margin: 0px;
  padding: 0px;
  text-align: left;
  height: auto;
}

#article2ColContainer #subNaviContainer {
  margin: 0px;
  padding: 0px;
  width: 170px;
  float: left;
}

#article2ColContainer #articleContainer {
  margin: 0px;
  padding: 0px;
  width: 795px;
  float: right;
}


/* -------------------------------------------------------------------
    ヘッダ
   ------------------------------------------------------------------- */

#headerContainer{
  margin: 0;
  padding: 0;
}

#headerContainer #headerLogoArea{
  margin: 0;
  padding: 0;
  width: 390px;
  float: left;
  text-align: left;
}

#headerContainer #inaviContainer{
  margin: 0 0 5px 0;
  padding: 0;
  width: 590px;
  float: right;
  text-align: right;
}

#headerContainer #inaviContainer ul li{
  float: right;
  margin: 0 0 5px 10px;
  padding: 0;
}

/* -------------------------------------------------------------------
    グローバルナビ
   ------------------------------------------------------------------- */

#gnaviContainer{
  background-image:url(/common_files/images/men_global_menu_bg.jpg);
  background-repeat:repeat-x;
}

#gnaviContainer #gnavi {
  list-style-type: none;
  list-style-position:outside;
  position: relative;
}

#gnaviContainer #gnavi li{
  display: block;
  overflow: hidden;
  cursor: pointer;
  width: 140px;
  height: 30px;
  float: left;
  text-align: left;
  margin: 0 0 15px 0;
  background-image:url(/common_files/images/men_global_menu.jpg);
  background-repeat:no-repeat;
} 

#gnaviContainer #gnavi a{
  display:block;
  height:30px;
  text-indent:-9999px;
  outline:none;
}

#gnaviContainer #gnavi #news {
  background-position: 0px 0px;
}
#gnaviContainer #gnavi #feature{
  background-position: -140px 0px;
}
#gnaviContainer #gnavi #contents {
  background-position: -280px 0px;
}
#gnaviContainer #gnavi #article {
  background-position: -420px 0px;
}
#gnaviContainer #gnavi #calendar {
  background-position: -560px 0px;
}
#gnaviContainer #gnavi #blog {
  background-position: -700px 0px;
}
#gnaviContainer #gnavi #community {
  background-position: -840px 0px;
}

#gnaviContainer #gnavi #news:active, #gnaviContainer #gnavi #news:hover {
  background-position: 0 bottom;
}
#gnaviContainer #gnavi #feature:active, #gnaviContainer #gnavi #feature:hover{
  background-position: -140px bottom;
}
#gnaviContainer #gnavi #contents:active, #gnaviContainer #gnavi #contents:hover {
  background-position: -280px bottom;
}
#gnaviContainer #gnavi #article:active, #gnaviContainer #gnavi #article:hover {
  background-position: -420px bottom;
}
#gnaviContainer #gnavi #calendar:active, #gnaviContainer #gnavi #calendar:hover {
  background-position: -560px bottom;
}
#gnaviContainer #gnavi #blog:active, #gnaviContainer #gnavi #blog:hover {
  background-position: -700px bottom;
}
#gnaviContainer #gnavi #community:active, #gnaviContainer #gnavi #community:hover {
  background-position: -840px bottom;
}


/* -------------------------------------------------------------------
    フッタ
   ------------------------------------------------------------------- */
   
#footerContainer{
  width: 980px;
  margin: 30px 0 0 0;
  padding: 5px 0;
  border-top: dotted 1px #999;
  background: #eee;
}

#footerContainer #footerCopyrightArea{
  float: left;
  width: 860px;
  text-align: left;
  padding: 0 0 0 10px;
  font-size: 9px;
  color: #666;
  line-height: 100%;
}

#footerContainer #footerPageTopArea{
  float: left;
  width: 100px;
  text-align: right;
  padding: 0 10px 0 0;
}


/* -------------------------------------------------------------------
    パンくず
   ------------------------------------------------------------------- */

#pankuzuContainer {
  text-align: left;
  margin: 0;
}

#pankuzu li {
  display: block;
  float: left;
  padding: 0 10px 0 15px;
  margin: 0 0 15px 0;
  font-weight: bold;
  line-height: 130%;
  font-size: 12px;
  background:url(/common_files/images/mar_pankuzu.gif) no-repeat 0 2px;
}

/* -------------------------------------------------------------------
    サブナビ
   ------------------------------------------------------------------- */

.subNaviArea{
}

.subNaviArea ul{
  margin:0 0 5px 0;
  color:#000;
  list-style-type:none;
}

.subNaviArea .cornerName {
  padding: 4px 5px 4px 5px;
  font-size:11px;
  line-height:130%;
  background-color: #eee;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #999;
}

.subNaviArea .categoryName {
  padding: 4px 5px 4px 15px;
  font-size:11px;
  line-height:130%;
  background-color: #eee;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #999;
}

.subNaviArea a:link {
  color: #333;
  text-decoration: none;
}

.subNaviArea a:active {
  color: #333;
  text-decoration: none;
}

.subNaviArea a:hover {
  color: #333;
  text-decoration:underline;
}

.subNaviArea a:visited {
  color: #333;
  text-decoration: none;
}

/* -------------------------------------------------------------------
    ページング
   ------------------------------------------------------------------- */

.paging {
  font-size:12px;
  text-align: center;
  margin-bottom:10px;
  float:center;
}
	
.paging li {
  margin:0px 1px;
  padding:0;
  display:inline;
  position: relative;
  text-align:center;
  color: #333;
}

.paging li a:link {
  padding:2px 10px;
  border:1px solid #333;
  text-decoration: none;
  color: #333;
}

.paging li a:hover {
  padding:2px 10px;
  border:1px solid #333;
  text-decoration: underline;
  color: #333;
}

.paging li a:active {
  padding:2px 10px;
  border:1px solid #333;
  text-decoration: none;
  color: #333;
}

.paging li a:visited {
  padding:2px 10px;
  border:1px solid #333;
  text-decoration: none;
  color: #333;
}

.paging li.currentPage {
  background:#d0d0d0;
  padding:2px 10px;
  border:1px solid #333;
  font-weight:bold;
}

.paging li.noLink {
  background:#eee;
  padding:2px 10px;
  border:1px solid #999;
  font-weight:normal;
  color: #999;
}

/* -------------------------------------------------------------------
    装飾
   ------------------------------------------------------------------- */

h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}

h6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}

hr {
  border:solid 0px #fff;
  border-bottom:dotted 1px #999;
  height: 1px; 
  padding-bottom: 5px;
}

/*
  タイトル系
*/

.contentsSubTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  color: #fff;
  margin:0;
  padding:3px 0 3px 5px;
  border-left:solid 3px #c00;
  background:url(/common_files/images/ite_subject_sub_title_bg.gif) repeat;
}

.contentsSectionTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  margin:0 0 5px 0;
  padding:2px 0 2px 5px;
  border-left:solid 3px #333;
  border-bottom:solid 1px #333;
  background:url(/common_files/images/ite_subject_section_title_bg.gif) repeat;
}

.contentsHeadlineTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  margin:0 0 5px 0;
  padding:2px 0 2px 5px;
  border-left:solid 3px #666;
}

/*
  写真系
*/

.photoBorderBlack {
  margin: 0;
  padding: 0;
  border: #000 1px solid;
}

.photoBorderGray {
  margin: 0;
  padding: 0;
  border: #666 1px solid;
}

.photoFrame3 {
  padding: 3px;
  border-top: #CCC 1px solid;
  border-right: #666 1px solid;
  border-bottom: #666 1px solid;
  border-left: #CCC 1px solid;
  background: #FFF;
}

.photoFrame5 {
  padding: 5px;
  border-top: #CCC 1px solid;
  border-right: #666 1px solid;
  border-bottom: #666 1px solid;
  border-left: #CCC 1px solid;
  background: #FFF;
}

.photoSizeSSmall {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
}

.photoSizeSmall {
  width: 80px;
  height: 80px;
  vertical-align: middle;
  text-align: center;
}

.photoSizeMedium {
  width: 140px;
  height: 140px;
  vertical-align: middle;
  text-align: center;
}

.photoSizeLarge {
  width: 320px;
  height: 320px;
  vertical-align: middle;
  text-align: center;
}

/*
  フォーム系
*/

.formText {
  font-size: 12px;
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

.formButton  {
  font-size: 12px;
  background: #ccc; 
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

/* -------------------------------------------------------------------
    フォント
   ------------------------------------------------------------------- */
.fontArticleLLarge {
  font-size: 16px;
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

.fontArticleLarge {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

.fontArticle {
  font-size: 12px;
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

.fontArticleSmall {
  font-size: 11px;
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

.fontArticleSSmall {
  font-size: 10px;
  color: #000;
  font-weight: normal;
  line-height: 130%;
}

.fontComment {
  font-size: 12px;
  font-weight: normal;
  color: #333;
  line-height: 130%;
}

.fontArticleDate {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  line-height: 130%;
}

.fontDate {
  font-size: 12px;
  color: #666;
  font-weight: bold;
  line-height: 130%;
}

.fontTimeStamp {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  line-height: 130%;
}

.fontNotice {
  font-size: 12px;
  color: #f60;
  line-height: 130%;
}

.fontAlert {
  font-size: 12px;
  color: #f00;
  line-height: 130%;
}

.fontElementGreen {
  color: #690;
}
.fontElementRed {
  color: #600;
}
.fontElementOrange {
  color: #f80;
}

.fontAuthor {
  font-size: 12px;
  color: #333;
  font-weight: normal;
  line-height: 130%;
}


/* -------------------------------------------------------------------
    ボックス系
   ------------------------------------------------------------------- */

.boxInfo {
  margin: 0;
  padding: 10px;
  background-color: #fff;
  border:solid 1px #000;
}

.boxInfoDark {
  margin: 0;
  padding: 10px;
  background-color: #fff;
  border:solid 1px #999;
}

.boxAlert {
  margin: 0;
  padding: 10px;
  background-color: #fff0ee;
  border:solid 2px #f60;
  line-height: 130%;
  color: #f60;
}


/* -------------------------------------------------------------------
    エリア系
   ------------------------------------------------------------------- */

.leadArea {
  width: 95%;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  line-height: 120%;
  text-align: left;
  padding: 0;
  margin: 0;
}

.articleMediumArea {
  width: 550px;
  text-align: left;
}

.contentsAreaGray {
  background: #f0f0f0;
  padding: 10px;
}

.contentsAreaGreen {
  background: #eef5c5;
  padding: 10px;
}

.contentsAreaOrange {
  background: #ffeea0;
  padding: 10px;
}

.contentsAreaBlue {
  background: #bbcce0;
  padding: 10px;
}

/* -------------------------------------------------------------------
    テーブル
   ------------------------------------------------------------------- */

/*
  カタログ出力系
*/
.tblCatalogSubject {
  border:solid 1px #999;
  background: #333;
  padding: 2px;
  color : #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogLabel {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #eee;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogLabelLeft {
  border-left:solid 1px #999;
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #eee;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogLabelTop {
  border-right:solid 1px #999;
  border-Top:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #eee;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogLabelLeftTop {
  border:solid 1px #999;
  background: #eee;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogMain {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogMainLeft {
  border-right:solid 1px #999;
  border-left:solid 1px #999;
  border-bottom:solid 1px #999;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogMainTop {
  border-right:solid 1px #999;
  border-top:solid 1px #999;
  border-bottom:solid 1px #999;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblCatalogMainLeftTop {
  border:solid 1px #999;
  padding: 2px;
  color : #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

/*
  フォーム出力系
*/
.tblFormSubject {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #036;
  padding: 5px;
  color : #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
  background:url(/common_files/images/ite_form_subject_bg.gif) repeat;
}

.tblFormLabel {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #e6e6fa;
  padding: 5px;
  color : #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
  background:url(/common_files/images/ite_form_label_bg.gif) repeat-x;
}

.tblFormLabelNecessary {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #ffefd5;
  padding: 5px;
  color : #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
  background:url(/common_files/images/ite_form_label_necessary_bg.gif) repeat-x;
}

.tblFormMain {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #fff;
  padding: 5px;
  color : #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}

.tblFormControl {
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  background: #eee;
  padding: 5px;
  color : #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  vertical-align: top;
}


/*
  スペック出力系
*/

.tblSpecTopSmall {
  border-top:solid 1px #666;
  border-bottom:solid 1px #666;
  border-right:solid 2px #fff;
}

.tblSpecSmall {
  border-bottom:solid 1px #666;
  border-right:solid 2px #fff;
}


/* -------------------------------------------------------------------
    マーカー
   ------------------------------------------------------------------- */

.relatedArea{
  margin:0;
  padding:0;
}

.relatedArea ul{
  margin:0;
  padding:0;
  color:#000000;
  list-style-type:none;
}

.relatedOurPage{
  padding: 0 0 0 15px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_blue.gif) no-repeat 0 2px;
}

.relatedOurPageWide{
  padding: 0 0 5px 15px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_blue.gif) no-repeat 0 2px;
}

.relatedPage{
  margin:0;
  padding: 0 0 0 15px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_orange.gif) no-repeat 0 2px;
}

.relatedOurArticle{
  margin:0;
  padding: 0 0 0 15px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_green.gif) no-repeat 0 2px;
}

.relatedNew{
  margin:0;
  padding: 0 0 0 25px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_new.gif) no-repeat 0 2px;
}

.relatedNew a:link,
.relatedNew a:active,
.relatedNew a:hover,
.relatedNew a:visited {
  color: #f30;
  font-weight: bold;
}

.relatedMurmur{
  margin:0;
  padding: 0 0 0 25px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_murmur.gif) no-repeat 0 2px;
}

.relatedSpending{
  margin:0;
  padding: 0 0 0 25px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_spending.gif) no-repeat 0 2px;
}

.relatedSlopeReport{
  margin:0;
  padding: 0 0 0 25px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_slope_report.gif) no-repeat 0 2px;
}

.relatedSlopeGourmet{
  margin:0;
  padding: 0 0 0 25px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_slope_gourmet.gif) no-repeat 0 2px;
}

.relatedNotice{
  padding: 0 0 0 15px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_notice.gif) no-repeat 0 2px;
}

.relatedArea ul li.relatedShoppingPage{
  padding: 0 0 0 20px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_shopping.gif) no-repeat 0 1px;
}

.relatedArea ul li.relatedDiscPage{
  padding: 0 0 0 20px;
  font-size:12px;
  line-height:130%;
  background:url(/common_files/images/mar_disc.gif) no-repeat 0 1px;
}


/* -------------------------------------------------------------------
    段組み
   ------------------------------------------------------------------- */
   
/*
  基本2カラム（アーティクルメインコンテナ内）
*/

.colArticleMain2ColContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  text-align: left;
}

.colArticleMain2ColContainer .col2ColLeftContainer {
  margin: 0px;
  padding: 0px;
  width: 285px;
  float: left;
  text-align: left;
  vertical-align: top;
}

.colArticleMain2ColContainer .col2ColRightContainer {
  margin: 0px;
  padding: 0px;
  width: 285px;
  float: right;
  text-align: left;
  vertical-align: top;
}

/*
  基本3カラム（アーティクルメインコンテナ内）
*/

.colArticleMain3ColContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  text-align: left;
  vertical-align: top;
}

.colArticleMain3ColContainer .col3ColLeftCenterContainer {
  margin: 0px;
  padding: 0px;
  width: 186px;
  float: left;
  text-align: left;
  vertical-align: top;
  margin-right: 11px;
}

.colArticleMain3ColContainer .col3ColRightContainer {
  margin: 0px;
  padding: 0px;
  width: 186px;
  float: left;
  text-align: left;
  vertical-align: top;
}

/*
  基本4カラム（アーティクルメインコンテナ内）
*/

.colArticleMain4ColContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  text-align: left;
  vertical-align: top;
}

.colArticleMain4ColContainer .col4ColLeftCenterContainer {
  margin: 0px;
  padding: 0px;
  width: 136px;
  float: left;
  text-align: left;
  vertical-align: top;
  margin-right: 11px;
}

.colArticleMain4ColContainer .col4ColRightContainer {
  margin: 0px;
  padding: 0px;
  width: 136px;
  float: left;
  text-align: left;
  vertical-align: top;
}

/*
  コンテンツカラム
*/

/* ２カラム大サイズ：画像に180pix */
.colContentsListLargeContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  text-align: left;
}

.colContentsListLargeContainer .colPicContainer {
  margin: 0px;
  padding: 0px;
  width: 180px;
  float: left;
  text-align: left;
  vertical-align: top;
}

.colContentsListLargeContainer .colMainContainer {
  margin: 0px;
  padding: 0px;
  width: 390px;
  float: right;
  text-align: left;
  vertical-align: top;
}

/* ２カラム小サイズ：画像に60pix */
.colContentsListSmallContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  text-align: left;
}

.colContentsListSmallContainer .colPicContainer {
  margin: 0px;
  padding: 0px;
  width: 60px;
  float: left;
  text-align: left;
  vertical-align: top;
}

.colContentsListSmallContainer .colMainContainer {
  margin: 0px;
  padding: 0px;
  width: 510px;
  float: right;
  text-align: left;
  vertical-align: top;
}

.colContentsListContainer {
  margin: 0px;
  padding: 0px;
  width: 580px;
  text-align: left;
}

/* ２カラム：画像に160pix */
.colContentsListContainer .colPicContainer {
  margin: 0px;
  padding: 0px;
  width: 160px;
  float: left;
  text-align: left;
  vertical-align: top;
}

.colContentsListContainer .colMainContainer {
  margin: 0px;
  padding: 0px;
  width: 410px;
  float: right;
  text-align: left;
  vertical-align: top;
}

/* コンテンツカラムcolMainContainer内3カラム用 */
.colContentsListContainer .col3ColContainer {
  margin: 0px;
  padding: 0px;
  width: 410px;
  text-align: left;
  vertical-align: top;
}

.colContentsListContainer .col3ColContainer .col3ColLeftCenterContainer {
  margin: 0px;
  padding: 0px;
  width: 130px;
  float: left;
  text-align: left;
  vertical-align: top;
  margin-right: 10px;
}

.colContentsListContainer .col3ColContainer .col3ColRightContainer {
  margin: 0px;
  padding: 0px;
  width: 130px;
  float: left;
  text-align: left;
  vertical-align: top;
}


/*
  インフォメーション
*/

.colInformationContainer {
  width: 580px;
  height: auto;
  margin: 0;
  text-align: left;
}

.colInformationContainer .colIconContainer {
  width: 35px;
  float: left;
}

.colInformationContainer .colMainContainer {
  width: 535px;
  float: right;
}


/*
  著者紹介
*/

.colAuthorContainer {
  width: 580px;
  height: auto;
  margin: 0;
  text-align: left;
}

.colAuthorContainer .colPicContainer {
  width: 120px;
  float: left;
}

.colAuthorContainer .colMainContainer {
  width: 450px;
  float: right;
}

/*
  著者紹介（カラーエリア内）
*/

.contentsAreaGray .colAuthorContainer,
.contentsAreaGreen .colAuthorContainer,
.contentsAreaOrange .colAuthorContainer,
.contentsAreaBlue .colAuthorContainer {
  width: 560px;
  height: auto;
  margin: 0;
  text-align: left;
}

.contentsAreaGray .colAuthorContainer .colPicContainer,
.contentsAreaGreen .colAuthorContainer .colPicContainer,
.contentsAreaOrange .colAuthorContainer .colPicContainer,
.contentsAreaBlue .colAuthorContainer .colPicContainer {
  width: 120px;
  float: left;
}

.contentsAreaGray .colAuthorContainer .colMainContainer,
.contentsAreaGreen .colAuthorContainer .colMainContainer,
.contentsAreaOrange .colAuthorContainer .colMainContainer,
.contentsAreaBlue .colAuthorContainer .colMainContainer {
  width: 430px;
  float: right;
}


/* -------------------------------------------------------------------
    マージン
   ------------------------------------------------------------------- */

.marginSiteLead {
  margin: 13px 0 13px 10px;
}

.marginT5 {
  margin: 5px 0 0 0;
}

.marginT10 {
  margin: 10px 0 0 0;
}

.marginT15 {
  margin: 15px 0 0 0;
}

.marginT20 {
  margin: 20px 0 0 0;
}

.marginT25 {
  margin: 25px 0 0 0;
}

.marginT30 {
  margin: 30px 0 0 0;
}

.marginB2 {
  margin: 0 0 2px 0;
}
.marginB5 {
  margin: 0 0 5px 0;
}
.marginB7 {
  margin: 0 0 7px 0;
}

.marginB10 {
  margin: 0 0 10px 0;
}

.marginB15 {
  margin: 0 0 15px 0;
}

.marginB20 {
  margin: 0 0 20px 0;
}

.marginB25 {
  margin: 0 0 25px 0;
}

.marginB30 {
  margin: 0 0 30px 0;
}

.marginT2B2 {
  marginT2B2: 2px 0;
}

.marginT5B5 {
  margin: 5px 0;
}

.marginT10B10 {
  margin: 10px 0;
}

.marginT15B15 {
  margin: 15px 0;
}

.marginT20B20 {
  margin: 20px 0;
}

.marginT25B25 {
  margin: 25px 0;
}

.marginT30B30 {
  margin: 30px 0;
}

.marginB5L5 {
  margin: 0 0 5px 5px;
}

.margin2 {
  margin: 2px;
}

.margin5 {
  margin: 5px;
}
.margin7 {
  margin: 7px;
}

.margin10 {
  margin: 10px;
}

/* -------------------------------------------------------------------
    パディング
   ------------------------------------------------------------------- */

.paddingB5 {
  padding: 0 0 5px 0;
}

.paddingB10 {
  padding: 0 0 10px 0;
}

.paddingB15 {
  padding: 0 0 15px 0;
}

.paddingB20 {
  padding: 0 0 20px 0;
}

.paddingB25 {
  padding: 0 0 0 25px;
}

.paddingR4 {
  padding: 0 4px 0 0;
}

.paddingR5 {
  padding: 0 5px 0 0;
}

.paddingR10 {
  padding: 0 10px 0 0;
}

.paddingL5 {
  padding: 0 0 0 5px;
}

.paddingL10 {
  padding: 0 0 0 10px;
}

.paddingR5B15 {
  padding: 0 5px 15px 0;
}

.paddingR5B5 {
  padding: 0 5px 5px 0;
}

.paddingR10B15 {
  padding: 0 10px 15px 0;
}

.paddingB15L5 {
  padding: 0 0 15px 5px;
}

.paddingB15L10 {
  padding: 0 0 15px 10px;
}


.paddingR5B15L5 {
  padding: 0 5px 15px 5px;
}

.paddingR10B15R10 {
  padding: 0 10px 15px 10px;
}

.padding2 {
  padding: 2px;
}

.padding5 {
  padding: 5px;
}

.padding7 {
  padding: 7px;
}

.padding10 {
  padding: 10px;
}