/*====================================================*/

/* メインエリア：トップページ( indexhtml ) のCSSです。*/

/*====================================================*/

/*【メインエリア：トップページ】*/
#index {
 width: 780px;
}


/*【メインビジュアル】*/
#index .main_visual {
 width: 780px;
 height: 340px;
}


/*【サブエリア (更新履歴・ショッピング・インフォバナー・モバイル情報)】
　  ※基本情報のみ版 サブエリア と共有 */
#index .sub_area {
 width: 780px;
 clear: both;
}
/* エリアA／B */
#index .sub_unit {
 width: 390px;
 float: left;
}


/* 【サブエリア：更新情報エリア】*/
/* 見出し */
#index .news_header {
 width: 390px;
 height: 27px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
/* RSS */
#index .rss {
 width: 100px;
 height: 27px;
 float: left;
}
/* ボタン「RSS」 */
#index .rss a {
 width: 90px;
 height:17px;
 margin: 5px 5px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

/*【更新情報】*/
/* エリア：ショッピングバナーあり */
#index .news01 {
 font-size: 12px;
 line-height: 16px;
 width: 389px;
 height: 92px;
 /*padding: 5px 0px 6px 0px;*/
 clear: both;
 overflow: auto;
}

/* エリア：ショッピングバナーなし */
#index .news02 {
 font-size: 12px;
 line-height: 16px;
 width: 389px;
 height: 173px;
 /*padding: 5px 0px 0px 0px*/;
 clear: both;
 overflow: auto;
}

/*【更新情報ユニット】*/
#index *.{margin:0px}
/* 日付 */
#index .news01 dt {
 float: left;
 margin: 3px 0.5em 0px 0px;
 padding-left: 22px;
}
#index .news02 dt {
 float: left;
 margin: 3px 0.5em 0px 0px;
 padding-left: 22px;
}
#index .news02_ dt {
 float: left;
 margin: 0px 0.5em 0px 0px;
 padding-left: 22px;
}
/* 内容 */
#index .news01 dd {
 width: 278px;
 margin-top: 3px;
 margin-left: 0px;
 float: left;
}
#index .news02 dd {
 width: 278px;
 margin-top: 3px;
 margin-left: 0px;
 float: left;
}
#index .news02_ dd {
 width: 276px;
 float: left;
}

/*【ショッピングエリア】*/
#index .shopping {
 width: 390px;
 height: 85px;
}
/* バナー */
#index .shopping a.style,
#index .shopping a.sports {
 width: 359px;
 height: 70px;
 margin: 17px 0px 0px 17px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

/*【ショッピングエリア】*/
#index .shopping_ {
 width: 390px;
 height: 85px;
}
/* バナー */
#index .shopping_ a.style,
#index .shopping_ a.sports {
 width: 359px;
 height: 70px;
 margin: 11px 0px 0px 16px;
 display: block;
 text-indent: -9999px;
 border: 1px solid #000000;
 overflow: hidden;
}


/*【インフォバナーエリア】*/
#index .info_banner {
 height: 130px;
 width: 370px;
 padding-left: 20px;
 clear: both;
}
/* インフォバナー */
#index .info_banner li {
 padding: 17px 20px 0px 0px;
 float: left;
}


/* ★【モバイル情報エリア】*/
#index .mobile {
 width: 390px;
}

/*【モバイルサイト タイトル】*/
#index .mobile .title {
 font-size: 12px;
 line-height: 1.5em;
 font-weight: bold;
 width: 345px;
 height: 20px;
 margin-left: 20px;
 padding-top: 2px;
 text-indent: 20px;
}

#index .mobile .access {
 font-size: 12px;
 line-height: 1em;
 width: 345px;
 padding-top: 0px;
}

/* iPhone */
#index .mobile .access_iphone .url {
 font-size: 12px;
 line-height: 1em;
 width: 345px;
 padding-top: 2px;
}

/* 【URL送信】*/
#index .mobile .access {
 float: left;
 padding-left: 20px;
 width: 285px;
}
/* iPhone */
#index .mobile .access_iphone {
 float: left;
 padding-left: 20px;
 width: 353px;
}

/* 説明テキスト */
#index .mobile .access .caution {
 font-size: 10px;
 line-height: 1.2em;
 width: 285px;
 height: 37px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

/* 説明テキスト(iPhone) */
#index .mobile .access_iphone .iphone_caution {
 font-size: 10px;
 line-height: 1.2em;
 width: 355px;
 height: 17px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

/* テキストフィールド／ボタン 配置 */
#index .mobile .access dl,
#index .mobile .access dt,
#index .mobile .access dd,
#index .mobile .access_iphone dl,
#index .mobile .access_iphone dt,
#index .mobile .access_iphone dd {
 float: left;
 margin:0px;
 padding:0px;
}
/* テキストフィールド */
#index .mobile .access dt .url_field {
 font-size: 10px;
 width: 228px;
 margin-right: 6px;
}
/* テキストフィールド(iPhone) */
#index .mobile .access_iphone dt .url_field_iphone {
 font-size: 10px;
 width: 280px;
 margin-right: 6px;
}
/* ボタン「送信」*/
#index .mobile .access dd .submit,
#index .mobile .access_iphone dd .submit {
 width: 42px;
 height: 18px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

/* 【二次元コード】*/
#index .mobile img {
 float: left;
}

/*====================================================*/