@charset "shift_jis";/* エスケープ */


/*-------------------------
 * 文字揃え
--------------------------*/
#content_wrapper .textLeft {
text-align:left;
}
#content_wrapper .textCenter {
text-align:center;
}
#content_wrapper .textRight {
text-align:right;
}


/*-------------------------
 * インデント
--------------------------*/
div#content_wrapper .indentIcon {/* アイコン画像の場合 */
padding-left:15px;
text-indent:0;
background:url(../img/icon.gif) left 3px no-repeat;
zoom: 1; /* 【IE対策】印刷非表示バグ解決 */
}


/*-------------------------
 * フロート、横並び
--------------------------*/

/*リストを横並びにする（display:inlineにて）
--------------------------*/
#content_wrapper ul.inline,
#content_wrapper ol.inline {
position:relative;/* 【IE対策】横並びのリストが複数行になる場合、背景画像が表示されないのを防ぐ */
}
#content_wrapper ul.inline li,
#content_wrapper ol.inline li {
display:inline;
margin-left:1em;
white-space:nowrap;
}
#content_wrapper ul.inline li.first,
#content_wrapper ol.inline li.first {
margin-left:0;
}

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

/* ベタ塗り背景色のボックス-----------------*/
div#content_wrapper .boxArea_notes {
background-color: #F4F4F4;
padding: 13px;
margin-bottom:5px;
border:#C0C0C0 solid 1px;
font-size: 90%;
}

/* 緑斜線背景画像のボックス（ページ内リンクなど）-----------------*/
div#content_wrapper .boxAppeal {
background:url(../img/oblique.gif);
padding:13px;
margin-bottom:5px;
}



/*-------------------------
 * ボタン風テキストリンク
--------------------------*/

/* HTMLにて、aタグにクラスbtn_bgを指定することで、ボタン風のテキストリンクになります。 */
/* 複数行には対応していません。 */
a.btn_bg {
background:url(../img/btn_bg_l.gif) left top no-repeat;
display:inline-block;
padding-left:25px;
line-height:30px;
}
a.btn_bg span {
background:url(../img/btn_bg_r.gif) right top no-repeat;
display:inline-block;
height:30px;
padding-right:20px;
}
a.btn_bg:link,
a.btn_bg:visited,
a.btn_bg:hover,
a.btn_bg:active {
color:#FFFFFF;
font-weight:bold;
}

/*-------------------------
 * 余白
--------------------------*/

/* 上マージン-----------------*/
div#content_wrapper .mt05em {
margin-top:.5em;
}

div#content_wrapper .mt1em {
margin-top:1em;
}

/* 下マージン-----------------*/
div#content_wrapper .mb05em {
margin-bottom:.5em;
}

div#content_wrapper .mb1em {
margin-bottom:1em;
}

div#content_wrapper .mb2em {
margin-bottom:2em;
}

/*-------------------------
 * リンク装飾
--------------------------*/

/* 他ページへのリンク（大きいアイコン右向き）
--------------------------*/
#content_wrapper p.link,
#content_wrapper ul.link li,
#content_wrapper ol.link li,
#content_wrapper li.link,
#content_wrapper a.link {
background: url(../img/arrow1.gif) left 5px no-repeat;
padding-left:15px;
zoom: 1; /* 【IE対策】印刷非表示バグ解決 */
}

/* ページ内リンク（小さいアイコン下向き）
--------------------------*/
#content_wrapper li.link_down {
background: url(../img/arrow2d.gif) left 7px no-repeat;
padding-left:12px;
zoom: 1; /* 【IE対策】印刷非表示バグ解決 */
}
* html #content_wrapper ul.link_down li {
background-position:left 4px;
}

/*-------------------------
 * 価格表示
--------------------------*/

div#content_wrapper .normalPrice {
font-size: 90%;
text-decoration:line-through;
}

div#content_wrapper .normalPrice_2 {
font-size: 105%;
text-decoration:line-through;
}

div#content_wrapper .specialPrice {
font-size: 120%;
font-weight: 550;
color: red;
}

/*-------------------------
 * キャンペーン対応
--------------------------*/
div#content_wrapper div.campaign {
margin-top: 5px;
}

/* --------------------------------
   お知らせ　年度メニュー
-------------------------------- */
div#content_wrapper div.news ol.year_menu {
border-bottom:#50C935 solid 3px;
margin:0;
padding:0;
}
div#content_wrapper div.news ol.year_menu li {
float:left;
width:auto;
margin-right:2px;
background-color:#EFEFEF;
background-image:url(../img/arr_news_year.gif);
background-position:8px 10px;
background-repeat:no-repeat;
}
div#content_wrapper div.news ol.year_menu li a {
display:block;
padding:5px 10px 5px 15px;
}
div#content_wrapper div.news ol.year_menu li.selected {/* 選択中の年 */
background-color:#50C935;
background-image:url(../img/arr_news_year_a.gif);
}
div#content_wrapper div.news ol.year_menu li.selected a:link,
div#content_wrapper div.news ol.year_menu li.selected a:visited,
div#content_wrapper div.news ol.year_menu li.selected a:hover,
div#content_wrapper div.news ol.year_menu li.selected a:active {
color:#FFFFFF;
}