@charset "utf-8";
/* ===================================================================
    ホーム用スタイルシート
   =================================================================== */

/* -------------------------------------------------------------------
    コンテナ
   ------------------------------------------------------------------- */

#topicsBannerContainer{
  padding: 0 0 15px 0;
}

#supponserContainer{
  clear:both;
  margin: 0px 0 30px 0;
  padding: 0;
}

#articleHomeContainer {
  text-align: left;
}

#articleHomeContainer #articleMainContainer {
  width: 715px;
  float: left;
  margin: 0 0 25px 0px;
}

#articleHomeContainer #articleSubContainer {
  width: 250px;
  float: right;
  margin: 0 0 25px 0;
}


/* -------------------------------------------------------------------
    ヘッドライン
   ------------------------------------------------------------------- */

.boxHeadline {
  margin: 0;
  padding: 2px 5px;
  border:solid 1px #567;
  background:#fff url(/images/ite_headline_bg.jpg) repeat-x left bottom;

}


/* -------------------------------------------------------------------
    スノーボードニュース
   ------------------------------------------------------------------- */

.newsPortalArea{
  padding: 0px;
  width: 703px;
  height: auto;
  background:#fff url(/images/ite_news_bg.gif) no-repeat right bottom;
  padding: 5px;
  border:solid 1px #666;
}


.newsPortalArea .colTopicLeftContainer {
  width: 344px;
  padding: 0 7px 0 0;
  float: left;
  text-align: left;
  vertical-align: top;
  border-right: 1px dotted #999;
}

.newsPortalArea .colTopicRightContainer {
  width: 344px;
  padding: 0 0 0 7px;
  float: right;
  text-align: left;
  vertical-align: top;
}

.newsPortalArea img {
  float: left;
  padding: 0px 7px 2px 0;
}

.newsPortalArea .fontArticle {
  font-size: 12px;
  line-height: 130%;
}

.newsPortalArea .fontDate {
  font-size: 11px;
  line-height: 130%;
  color: #690;
  font-weight: normal;
}

.newsPortalArea h3 {
  margin: 0 0 7px 0;
  font-weight: bold;
  font-size: 12px;
  line-height:130%;
}

.newsPortalArea .colTopicContainer h3 {
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 14px;
  line-height:130%;
}

.newsPortalArea .relatedArea {
  margin: 15px 0 0 0;
}

.newsPortalArea a{
  color:#039;
}

.newsPortalArea a:visited{
  color:#039;
}

.newsPortalArea a:hover{
  color:#039;
}


/* -------------------------------------------------------------------
    カレンダー
   ------------------------------------------------------------------- */

.tblCalendarDayLabel {
  border:solid 1px #999;
  background: #ddd;
  padding: 2px;
  color : #333;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  vertical-align: top;
}

.tblCalendarSatLabel {
  border:solid 1px #999;
  background: #add8e6;
  padding: 2px;
  color : #333;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  vertical-align: top;
}

.tblCalendarHolidayLabel {
  border:solid 1px #999;
  background: #ffc0cb;
  padding: 2px;
  color : #333;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  vertical-align: top;
}

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



/* -------------------------------------------------------------------
    ピックアップ
   ------------------------------------------------------------------- */

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

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

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


/* -------------------------------------------------------------------
    ブログ
   ------------------------------------------------------------------- */

.colBlogOfficialContainer {
  width: 360px;
  padding: 0;
  float: left;
  text-align: left;
  vertical-align: top;
}

.colBlogGuideContainer {
  width: 340px;
  padding: 0;
  float: right;
  text-align: left;
  vertical-align: top;
}

.colBlogGuideContainer .colPicContainer {
  width: 75px;
  padding: 0;
  float: left;
  text-align: left;
  vertical-align: top;
}

.colBlogGuideContainer .colMainContainer {
  width: 265px;
  padding: 0;
  float: right;
  text-align: left;
  vertical-align: top;
}


/* -------------------------------------------------------------------
    雑誌アフェリエイト
   ------------------------------------------------------------------- */

.colFujisanContainer {
  width: 240px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #666;
}

.colFujisanContainer .col2ColLeftContainer {
  margin: 0px;
  padding: 0px;
  width: 120px;
  float: left;
  text-align: center;
  vertical-align: top;
}

.colFujisanContainer .col2ColRightContainer {
  margin: 0px;
  padding: 0px;
  width: 120px;
  float: right;
  text-align: center;
  vertical-align: top;
}


/* -------------------------------------------------------------------
    散財総額
   ------------------------------------------------------------------- */

.boxSpendingTotal {
  margin: 0;
  padding: 2px 5px;
  border:solid 1px #333;
  background: #333 url(/images/ite_spending_total_bg.jpg) repeat-x left bottom;
}

.boxSpendingTotal .fontSpendingTotal {
  font-size: 24px;
  color: #fc0;
  font-weight: bold;
}

.boxSpendingTotal .fontArticleSmall {
  color: #fff;
}



/* -------------------------------------------------------------------
    ログイン／メンバーズ関係
   ------------------------------------------------------------------- */

.boxMembersArea {
  width: 238px;
  padding: 5px;
  border: 1px solid #069;
  background: #f0f7ff;
  font-size: 11px;
}

.boxMembersArea .fontNickName{
  font-size: 14px;
  font-weight: bold;
}

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

.boxMembersArea .formTextBox {
  font-size: 12px;
  color: #0073b1;
  background: #fff; 
  border:solid 1px #666;
  font-weight: normal;
  line-height: 130%;
}

.boxMembersArea .formLoginButton  {
  font-size: 10px;
  background: #0073b1; 
  border:solid 1px #666;
  color: #fff;
  font-weight: normal;
  line-height: 130%;
}

.boxMembersArea .fontLastLoginDate {
  font-size: 10px;
  font-weight: normal;
  color: #333;
}

.boxMembersArea hr {
  border:solid 1px #f0f7ff;
  border-bottom:dotted 1px #036;
  height: 1px; 
  padding-bottom: 5px;
}

.boxMembersArea .colPicContainer {
  width: 50px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  vertical-align: top;
}

.boxMembersArea .colMainContainer {
  width: 188px;
  margin: 0;
  padding: 0;
  float: right;
  text-align: left;
  vertical-align: top;
  line-height:130%;
}

.boxSpeak {
}
.boxSpeak .bl { 
  background: url('/common_files/images/ite_speak_bl.gif') bottom left no-repeat #cce0ee;
}
.boxSpeak .br {
  background: url('/common_files/images/ite_speak_br.gif') bottom right no-repeat; 
}
.boxSpeak .tl { 
  background: url('/common_files/images/ite_speak_tl.gif') top left no-repeat; 
}
.boxSpeak .tr { 
  background: url('/common_files/images/ite_speak_tr.gif') top right no-repeat;
  padding: 7px 10px; 
} 
.boxSpeak .author { 
  padding: 5px 0px 10px 35px; 
  background: url('/common_files/images/ite_speak.gif') 15px top no-repeat;
}
.boxSpeak .tl a:link, .boxSpeak .tr a:link, .boxSpeak .br a:link, .boxSpeak .bl a:link {
  color:#000;
  text-decoration: underline;
}
.boxSpeak .tl a:visited, .boxSpeak .tr a:visited, .boxSpeak .br a:visited, .boxSpeak .bl a:visited{
  color:#000;
  text-decoration: underline;
}
.boxSpeak .tl a:hover, .boxSpeak .tr a:hover, .boxSpeak .br a:hover, .boxSpeak .bl a:hover{
  color:#000;
  text-decoration: none;
}
.boxSpeak .tl a:active, .boxSpeak .tr a:active, .boxSpeak .br a:active, .boxSpeak .bl a:active{
  color:#000;
  text-decoration: none;
}


/* -------------------------------------------------------------------
    パートナー
   ------------------------------------------------------------------- */
   
#partnerContainer{
  width: 980px;
  margin: 0;
  padding: 0;
  text-align: left;
}


/* -------------------------------------------------------------------
    新作スノーボードDVD情報
   ------------------------------------------------------------------- */

.colSnowboardDvdContainer {
  height: auto;
}

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


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


.colSnowboardDvdContainer .fontDvdTitle {
  font-weight: bold;
  font-size: 14px;
  line-height:130%;
}

.colSnowboardDvdContainer .fontDvdReleaseDate {
  font-weight: bold;
  font-size: 12px;
  line-height:130%;
  color:#888;
}


/* -------------------------------------------------------------------
    Twitter
   ------------------------------------------------------------------- */

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