article@charset "UTF-8";

/* body#column div#content
======================================================================= */
body#column div#content p.ban { margin-top: 20px; margin-bottom:18px; }

body#column div#content .ttl { padding-left:16px; background: url(/img/common/arw_red.png) no-repeat left 2px; color:#e26e94; font-weight:bold; }
body#column div#content .txt { margin-top:8px; }
body#column div#content div.box { padding-bottom:10px; margin-bottom:10px; background: url(/img/common/line_hrz_dot.gif) left bottom repeat-x; }

body#column img.onleft { float:left; padding-right:10px; padding-bottom:10px; }
body#column img.onright { float:right; padding-left:10px; padding-bottom:10px; }

body#column .return { clear:both; }

.round7	{ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* body#column additional
======================================================================= */
body#column textarea	{ width: 550px; height: 50px; font-size:12px; color:#888; }
body#column ul.temp { margin: 10px 0px; }
body#column ul.temp li { margin-left: 30px; }
body#column b { color: #fbb100; font-size: 14px; font-weight: bold; } 

/* addition - recommend
======================================================================= */
.recommend { width: 629px; height: 153px; background: url(/img/common/rec_back.png) left top no-repeat; }
.wrap1 { width: 200px; float: left; margin-left: 7px; position: relative; }
.wrap1 .txt { font-size: 10px; text-align: left; margin: 3px 20px;}
.wrap1 img { height: 82px; margin-top: 10px; border: none; }
.wrap1 .new { width: 42px; height: 42px; position: absolute; left: 25px; top: 5px; background: url(/img/recommend/icon_new.png) left top no-repeat; }
.wrap1 .recent { width: 42px; height: 42px; position: absolute; left: 25px; top: 5px; background: url(/img/recommend/icon_recent.png) left top no-repeat; }
.wrap1 .comment { width: 42px; height: 42px; position: absolute; left: 30px; top: 5px; background: url(/img/recommend/icon_comment.png) left top no-repeat; }
.wrap1 .soon { width: 42px; height: 42px; position: absolute; left: 25px; top: 5px; background: url(/img/recommend/icon_soon.png) left top no-repeat; }
.wrap1 .now { width: 42px; height: 42px; position: absolute; left: 25px; top: 5px; background: url(/img/recommend/icon_now.png) left top no-repeat; }

/* addition - link-ext
======================================================================= */
a.link { background: url(/img/common/link-ext.gif) 0 50% no-repeat; padding-left: 16px; }
a.int { background: url(/img/common/link-int.gif) 0 50% no-repeat; padding-left: 16px; display: inline; }
/* addition - member_privilege
======================================================================= */
span.priv { background: url(/img/common/member_privilege.gif) 100% 50% no-repeat; padding-right: 79px; }

/* addition - media/trial/list
======================================================================= */
.mlist { width: 310px; float: left; position: relative; background-position: 40px 0px; background-repeat: no-repeat; padding-top: 210px; }
.mlist .mtitle { width: 280px; font-size: 14px; font-weight: bold; text-align: center; }
.mlist table { width: 280px; font-size: 10px; }
.mlist table .top { border-top: solid 1px #bbb; }
.mlist table .tnum { border-left: solid 1px #bbb; padding: 5px; font-size: 12px; vertical-align: top; }
.mlist table .ttrial { border-right: solid 1px #bbb; padding-right: 5px; vertical-align: middle; }
.mlist table .f88 { background: #f88; }
.mlist table .last { border-bottom: solid 1px #bbb; }
.mlist .infomer { width: 280px; text-align: right; font-size: 10px; }
.mlist .new { width: 42px; height: 42px; background: url(/img/common/new_item.png) left top no-repeat; position: absolute; top: 5px; left: 25px; }

/* addition - search_btn
======================================================================= */
.top_search { margin: 5px 0px; }
.top_search a { display: block; width: 83px; height: 23px; background:url(/img/common/search_btn_d.png) no-repeat; }
.top_search a span { display: none; }
.top_search a:hover { background-position: 0px -23px; }

/* addition - top_schedule
======================================================================= */
.schedule ul { margin: 5px; list-style: none; font-size: 10px; }
.schedule ul li { margin: 0 10px; }
.schedule ul li.w { background: url(/img/top/thismonth_w.gif) 0% 50% no-repeat; padding-left: 65px; }
.schedule ul li.ss { background: url(/img/top/thismonth_ss.gif) 0% 50% no-repeat; padding-left: 65px; }
.schedule ul li.sn { background: url(/img/top/thismonth_sn.gif) 0% 50% no-repeat; padding-left: 65px; }
.schedule ul li.e { background: url(/img/top/thismonth_e.gif) 0% 50% no-repeat; padding-left: 65px; }

/* addition - inquiry_faq
======================================================================= */
.q {margin: 10px 0px; background: url(/img/inquiry/faq-q.gif) left top no-repeat; padding-left: 20px; color: #000; cursor: pointer; text-decoration: underline;}
.a {margin: 10px; background: url(/img/inquiry/faq-a.gif) left top no-repeat; padding-left: 20px; display: none;}

/* addition - varticle
======================================================================= */
#varticle {width: 670px; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;}
#varticle .articleTitle {font-size: 22px; color: #333; border-bottom: solid 3px #faa; padding: 9px 10px 0px 10px; background: #fee;}
#varticle .articleComeon {font-size: 16px; color: #333; margin: 10px; border-bottom: solid 1px #caa;}
#varticle .articleBody {font-size: 13px; color: #333; margin: 10px 0px 10px 20px; line-height: 1.6;}
#varticle .articleBody ul	{margin:10px 0;}
#varticle .articleBody li	{margin:10px 0 10px 30px;list-style-type:disc;}
#varticle .articleAuthor {text-align: right; padding-right: 20px; font-size: 12px; color: #333;}
#varticle .articleLink {font-size: 14px; color: #644; margin: 10px 0px 10px 20px;}
#varticle .articleLink ul {margin: 0; padding: 0; list-style-type: none;}
#varticle .articleLink li {margin-left: 20px; padding: 0;}
#varticle .articleCaption {width:200px;font-size: 10px; color: #333; text-align: center;}
#varticle a {color: #34959e;}
#varticle p {margin: 1em 0;}

/* addition - tarticle
======================================================================= */
#tarticle {width: 670px; font-size:12px; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;}
#tarticle .articleTitle {font-size: 18px; color: #333; border-bottom: solid 3px #faa; padding: 9px 10px 0px 10px; background: #fee;}
#tarticle .articleComeon {font-size: 15px; color: #333; margin: 10px; border-bottom: solid 1px #caa;}
#tarticle .articleBody {font-size: 12px; color: #333; margin: 10px 0px 10px 5px; line-height: 1.6;}
#tarticle .articleAuthor {text-align: right; padding-right: 20px; font-size: 12px; color: #333;}
#tarticle .articleLink {font-size: 11px; color: #644; margin: 10px 0px 10px 20px;}
#tarticle .articleLink ul {margin: 0; padding: 0; list-style-type: none;}
#tarticle .articleLink li {margin-left: 20px; padding: 0;}
#tarticle .articleCaption {font-size: 10px; color: #333; text-align: center;}
#tarticle .icon	{width: 250px; margin: 0 0 0 10px; padding: 0; float: left;}
#tarticle .icon img	{vertical-align: top; border: none; padding: 0; margin: 0 0 5px 0; line-height: 1;}
#tarticle a {color: #34959e;}
#tarticle p {margin: 1em 0;}