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

/* :::::::::::::::::::: 上段ボックス設定 :::::::::::::::::::: */
#wrap-mid #main-col #main_copy { position: relative; margin: 0 auto 10px; }
#wrap-mid #main-col #main_copy h2#b-01 { width: 340px; position: absolute; left: 20px; top: 40px; line-height: 135%; font-weight: normal; font-size: 14px; }
#wrap-mid #main-col #main_copy p#b-02 { width: 340px; position: absolute; left: 20px; top: 170px; line-height: 135%; }

/* :::::::::::::::::::: 新着情報・パソコンNewsWatchingボックス設定 :::::::::::::::::::: */
#wrap-mid #main-col #info_box { width: 700px; margin: 0 auto 10px; }
#wrap-mid #main-col #info_box #w-new { width: 345px; height: 200px; float: left; position: relative; }
#wrap-mid #main-col #info_box #pc-info { width: 345px; height: 200px; float: right; position: relative; }
#info_box #w-new h3,#info_box #pc-info h3 { position: absolute; left: 32px; top: 6px; color: #990033; letter-spacing: 0.1em; }

/* :::::::::::::::::::: 新着情報・パソコンNewsWatchingインナーボックス設定 :::::::::::::::::::: */
div.inner_box { width: 325px; height: 155px; overflow: auto; position: absolute; left: 10px; top: 33px; }
.inner_box dl { width: 305px; margin: 3px 0 0 3px; }
.inner_box dl dt { color: #2A52A2; font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; margin:0 0 3px; }
.inner_box dl dd { margin: 0 0 7px; }
.inner_box dl dd ul { list-style: none; }
.inner_box dl dd ul li { font-size: 13px; margin-bottom: 5px; line-height: 18px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
.inner_box dl dd ul li img { vertical-align: middle; text-decoration: none; }
.inner_box dl dd ul li a span { display: block; width: 90%; font-size: 10px; line-height: 100%; }

/* :::::::::::::::::::: メニューバナーボックス設定 :::::::::::::::::::: */
#wrap-mid #main-col #m-b_box { width: 700px; margin: 0 auto 10px; position: relative; }
#wrap-mid #main-col #m-b_box h3 { position: absolute; left: 32px; top: 6px; color: #990033; letter-spacing: 0.2em; }

/* :::::::::::::::::::: メニューバナーボックスul設定 :::::::::::::::::::: */
#wrap-mid #main-col #m-b_box ul#menubanner1 { list-style: none; width: 680px; height: 60px; margin: 0; padding: 0 10px; position: absolute; left: 0; top: 40px; }
#wrap-mid #main-col #m-b_box ul#menubanner2 { list-style: none; width: 680px; height: 60px; margin: 0; padding: 0 10px; position: absolute; left: 0; top: 112px; }

/* :::::::::::::::::::: メニューバナーボックスli設定 :::::::::::::::::::: */
#wrap-mid #main-col #m-b_box li.m-b_lf { width: 335px; height: 60px; float: left; margin: 0 0 10px 0; }
#wrap-mid #main-col #m-b_box li.m-b_rt { width: 335px; height: 60px; float: right; margin: 0 0 0 0; }

/* :::::::::::::::::::: メニューバナーアンカー設定 :::::::::::::::::::: */
a#m_b-1,a#m_b-2,a#m_b-3,a#m_b-4 { display: block; width: 335px; height: 60px; }
a#m_b-1 { background: url(menubutton/banner-support_on.png) no-repeat 0 0; }
a#m_b-2 { background: url(menubutton/banner-lesson_on.png) no-repeat 0 0; }
a#m_b-3 { background: url(menubutton/banner-web_on.png) no-repeat 0 0; }
a#m_b-4 { background: url(menubutton/banner-lan_on.png) no-repeat 0 0; }

/* :::::::::::::::::::: メニューバナーアンカーonmouse設定 :::::::::::::::::::: */
* html #wrap-mid #main-col #m-b_box ul li a:hover { background-color: #FFFFFF; height: 60px; }
#wrap-mid #main-col #m-b_box ul li a:hover img { visibility: hidden; }

/* :::::::::::::::::::: 左カラムvalidationバナー設定 :::::::::::::::::::: */
#wrap-mid #L-col p.valid { text-align: right; margin: 0 0 10px; }

/* :::::::::::::::::::: 左カラムTwitter blogリンク設定 :::::::::::::::::::: */
#wrap-mid #L-col #mylink { width: 180px; text-align: center; margin-bottom: 5px; }
#wrap-mid #L-col #mylink a img { margin: 10px 2px 0 4px; }
#wrap-mid #L-col #mylink p { text-align: left; margin: 0 0 0 2px; }