@charset "utf-8";
/* CSS Document */

/*
name: FX-2
designer: Teiko Yumoto
developer: Kota
developer_url: http://www.kowaza.net/mag/
*/

/* base styles */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
  margin: 0;
  padding: 0;
  color: #333;
  font-style:normal;
  font-family:
    "メイリオ",
    Meiryo,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro W3",
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;
  }
* html * {
  font-family: "メイリオ", Meiryo, sans-serif;
  }

img {
  border: 0;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
  }


/* ページ全体への指定
----------------------------------------- */
body {
	padding-bottom:10px;
	font-size: 13px;
	line-height:1.3;
	background-color: #E0E0E0;
  }

p {
  margin-bottom:10px;
  font-size:13px;
  line-height:1.5;
  }


/* リンク色
----------------------------------------- */
a,
a:link,
a:visited {
  color: #1f78b4;
  }
a:hover,
a:focus,
a:active {
  color:#f00;
  }

/* 大枠
----------------------------------------- */
#wrap {
	margin:0 auto;
	width:900px;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
  }


/* ヘッダー部分
----------------------------------------- */
#head {
	height:200px;
	width: 900px;
	background-image: url(http://www.webaa.org/top_img.jpg);
	background-repeat: no-repeat;
  }
#head h1,
#head #ettl {
	padding:130px 150px 0 44px;
	font-size:30px;
	font-weight: bold;
	line-height:1.2;
	letter-spacing:-2px;
	color:#114416;
  }
#head h1 a,
#head #ettl a {
  color:#fff;
  text-decoration:none;
  }
#head h1 a:hover,
#head #ettl a:hover {
  color:#f00;
  text-decoration:underline;
  }
#head-side {
  width:100px;
  height:227px;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/head-side.jpg);
  position:absolute;
  top:0;
  left:760px;
  }


/* ナビゲーションバー
----------------------------------------- */
#navi {
	width:900px;
	height:32px !important;
	background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/navi-bak.jpg) repeat-x;
	position:absolute;
  }
#navi ul {
  padding:3px 0 3px 26px;
  height:26px;
  zoom:100%;
  }
#navi ul:after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
  }
#navi li {
  margin-right:13px;
  padding:0 13px 0 0;
  height:26px;
  float:left;
  list-style:none;
  border-right:1px solid #e5e5e5;
  }
#navi li a {
  padding-left:20px;
  height:26px;
  line-height:26px;
  display:block;
  text-decoration:none;
  color:#fff;
  font-size:12px;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/navi-head.jpg) no-repeat 0 0;
  }
#navi li a:hover {
  color:#ff0;
  background-position:0 -26px;
  }


/* 右コンテンツ領域
----------------------------------------- */
#content {
	width:560px;
	float:left;
	background-color: #FFF;
	padding-top: 57px;
	padding-right: 24px;
	padding-bottom: 26px;
	padding-left: 29px;
	margin-left: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
  }
#content:after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
  }


/* 中見出し (兼・個別ページの大見出し)
----------------------------------------- */
.headline-2,
#epage #e-h1 {
	background-image: url(http://www.webaa.org/h2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color:#666;
	height: 40px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
  }
.headline-2 h2,
#epage #e-h1 h1 {
	margin-bottom:12px;
	font-weight:bold;
	font-size:20px;
	line-height:1.2;
	color:#22862C;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 9px;
  }


/* キャッチ文
----------------------------------------- */
p.catch {
  font-size:13px;
  line-height:1.5;
  color:#24459c;
  }


/* 枠囲みオススメ商品
----------------------------------------- */
.rec-table {
  margin:20px 0;
  border:1px solid #b2b2b2;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rec-table-bak.gif) #ffffc2;
  }
.rec-table td.rec-upper {
  padding:10px 12px 0 68px;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/pickup.gif) no-repeat;
  }
.rec-table td.rec-upper p.rec-head {
  margin-bottom:8px;
  color:#33a02c;
  font-size:18px;
  font-weight:bold;
  line-height:1.2;
  }
p.item-name {
  margin-bottom:8px;
  font-size:13px;
  font-weight:bold;
  line-height:1.2;
  }
td.to-more,
td.to-affi {
  vertical-align:top;
  }
td.to-more {
  height:65px;
  }
td.to-more a {
  margin:10px 8px 4px 0;
  width:51px;
  height:45px;
  display:block;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/to-more.gif) no-repeat;
  text-indent:-10000px;
  }
td.to-affi a {
  margin-right:8px;
  width:51px;
  height:46px;
  display:block;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/to-affi.gif) no-repeat;
  text-indent:-10000px;
  }
.rec-table td.rec-bttm {
  padding-bottom:10px;
  text-align:center;
  }


/* ランキング上の中見出し
----------------------------------------- */
.ranking-area {
  margin-bottom:18px;
  }
.headline-3 {
  margin-bottom:8px;
  padding:7px 0 0;
  width:490px;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/h3-top.jpg) no-repeat;
  }
.headline-3 h3 {
  padding:0 10px 5px;
  width:480px;
  font-weight:bold;
  font-size:18px;
  line-height:1.1;
  color:#fff;
  text-align:center;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/h3-bttm.jpg) no-repeat left bottom;
  }


/* ランキングの商品
----------------------------------------- */
table.ranking {
  margin-bottom:9px;
  border:1px solid #b2b2b2;
  }
.ranking td.rank-left {
  padding:0 9px 7px;
  width:100px;
  border-right:1px solid #b2b2b2;
  background-color:#d9d9d9;
  vertical-align:top;
  }
.ranking td.crown-1 {
  background-image:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/crown.gif);
  background-repeat:no-repeat;
  text-align:right;
  }
.ranking td.rank-center {
  padding:9px 12px 0;
  }


/* ページトップに戻るのリンク
----------------------------------------- */
p.to-top {
  font-size:11px;
  text-align:right;
  }
p.to-top a {
  text-decoration:none;
  }
p.to-top a:hover {
  text-decoration:underline;
  }





/* 個別ページの指定
----------------------------------------- */
#epage #content p,
#epage #content img {
  margin-bottom:16px;
  }

/* 大見出し
----------------------------------------- */
#epage .headline-2 {
  margin-bottom:23px;
  }
/* 中見出し
----------------------------------------- */
#epage h2,
#link-page h3,
#tuhan-page h3 {
  margin-bottom:16px;
  padding:7px 10px 4px 20px;
  width:460px;
  font-weight:bold;
  font-size:16px;
  line-height:1.2;
  color:#f00;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/e-h3.jpg) no-repeat;
  }
/* 小見出し
----------------------------------------- */
#epage h3 {
  margin-bottom:3px;
  color:#4dac26;
  line-height:1.1;
  font-size:14px;
  font-weight:bold;
  }
/* バナー上のキャッチ
----------------------------------------- */
#epage #content p.e-catch {
  margin-bottom:3px;
  font-size:12px;
  color:#2077b4;
  }
/* 表組み
----------------------------------------- */
.e-table {
  margin-bottom:16px;
  width:490px;
  }
.e-table th,
.e-table td {
  padding:9px 11px;
  border:1px solid #b2b2b2;
  }
.e-table th {
  background:#e5e5e5;
  text-align:left;
  }

/* 申し込みボタン大
----------------------------------------- */
#content .button-large-a a,
#content .button-large-b a {
  margin:25px auto;
  width:283px;
  height:48px;
  display:block;
  text-indent:-9999px;
  background-repeat:no-repeat;
  }
#content .button-large-a a {
  background-image:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/button-large-a.jpg);
  }
#content .button-large-b a {
  background-image:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/button-large-b.jpg);
  }
#content .button-large-a a:hover,
#content .button-large-b a:hover {
  background-position:0 -48px;
  }
/* 申し込みボタン小
----------------------------------------- */
#content .button-small-a a,
#content .button-small-b a {
  margin:20px 0 20px auto;
  width:202px;
  height:37px;
  display:block;
  text-indent:-9999px;
  background-repeat:no-repeat;
  }
#content .button-small-a a {
  background-image:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/button-small-a.jpg);
  }
#content .button-small-b a {
  background-image:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/button-small-b.jpg);
  }
#content .button-small-a a:hover,
#content .button-small-b a:hover {
  background-position:0 -37px;
  }


/* リンク集ページ
----------------------------------------- */
dl.link-page dt {
  margin-bottom:4px;
  font-size:14px;
  font-weight:bold;
  }
dl.link-page dt a {
  text-decoration:none;
  }
dl.link-page dd {
  margin-bottom:20px;
  }


/* サイドバー
----------------------------------------- */
#side {
	width:201px;
	float:right;
	margin-right: 15px;
	padding-top: 57px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 25px;
  }


/* サイドバーのオススメ
----------------------------------------- */
#side-rec {
  margin:0 1px 15px 0;
  border-bottom:7px solid #feb22c;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/side-rec-bak.gif);
  }
#side-rec p {
  margin-right:18px;
  margin-left:18px;
  }
#side-rec #s-rec-title {
  margin-right:0;
  margin-left:0;
  padding:7px 10px 5px;
  color:#323232;
  line-height:1.2;
  font-size:15px;
  font-weight:bold;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/side-rec.gif) no-repeat;
  }
#side-rec img {
  margin:0 auto 8px;
  text-align:center;
  display:block;
  }
#side-rec #s-rec-des {
  font-size:11px;
  line-height:1.5;
  }


/* サイドメニュー項目
----------------------------------------- */
#side .s-menu {
  border-width:1px 1px 0;
  border-style:solid;
  border-color:#cccccc;
  }
#side .s-menu dt {
  padding:8px 12px 7px 22px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  line-height:1.1;
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/side-dt.jpg);
  }
#side .s-menu dd {
  border-bottom:1px solid #ccc;
  }
#side .s-menu dd a {
  padding:9px 8px 7px 26px;
  display:block;
  text-decoration:none;
  color:#666;
  background-image:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/side-dd.jpg);
  background-repeat:no-repeat;
  background-color:#e0e0e0;
  }
#side .s-menu dd a:hover {
  background-position:-200px 0;
  background-color:#ffff40;
  }


/* フッター
----------------------------------------- */
#foot {
	padding-bottom:13px;
	width:900px;
	clear:both;
	margin: auto;
	background-color: #AFF1C7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
  }
#foot address {
	margin:0 24px 0 25px;
	padding:10px 4px;
	text-align:right;
	font-size:10px;
	display:block;
  }


/* その他個別の指定
----------------------------------------- */
#wrap .center * {
  margin-left:auto;
  margin-right:auto;
  }
#wrap .center {
  text-align:center;
  }

#wrap .to-right * {
  margin-left:auto;
  margin-right:0;
  }
#wrap .to-right {
  text-align:right;
  }
#wrap .float-right {
  margin-bottom:10px;
  margin-left:10px;
  float:right;
  display:inline;
  }
#wrap .float-left {
  margin-bottom:10px;
  margin-right:10px;
  float:left;
  display:inline;
  }
#wrap .clr {
  clear:both;
  }


/* 文字の修飾
----------------------------------------- */
#wrap .black { color:black !important }
#wrap .gray { color:gray !important }
#wrap .blue { color:blue !important }
#wrap .red { color:red !important }
#wrap .yellow { color:yellow !important }
#wrap .green { color:green !important }
#wrap .purple { color:purple !important }
#wrap .pink { color:pink !important }
#wrap .orange { color:orange !important }
#wrap .white { color:white !important }
#wrap .black-back { background-color:black !important }
#wrap .yellow-back { background-color:yellow !important }
#wrap .pink-back { background-color:#ff00ff !important }
#wrap .green-back { background-color:#00ff00 !important }
#wrap .blue-back { background-color:#00ffff !important }
#wrap .underline { text-decoration:underline !important }
#wrap .bold { font-weight:bold !important }
#wrap .centerline { text-decoration:line-through !important }
#wrap .xx-small { font-size:58% !important }
#wrap .x-small { font-size:69% !important }
#wrap .small { font-size:83% !important }
#wrap .large { font-size:120% !important }
#wrap .x-large { font-size:144% !important }
#wrap .xx-large { font-size:172% !important }

/* MTテンプレ用
----------------------------------------- */
#mtonly {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/head-side.jpg);
  }
#mtsbanner {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/100-60-banner.gif);
  }
#mtrank-1 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-1.gif);
  }
#mtrank-2 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-2.gif);
  }
#mtrank-3 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-3.gif);
  }
#mtrank-4 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-4.gif);
  }
#mtrank-5 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-5.gif);
  }
#mtrank-6 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-6.gif);
  }
#mtrank-7 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-7.gif);
  }
#mtrank-8 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-8.gif);
  }
#mtrank-9 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-9.gif);
  }
#mtrank-10 {
  background:url(http://eboshi38.s65.coreserver.jp/mt/mt-static/support/themes/FX-2/rank-10.gif);
  }