@charset "utf-8";

/* [/]================================================*/
/* common
------------------------------------------------------------*/
#header h1.ci { position:absolute; display:inline; left:0; top:15px; }

body.pane3 #article { float:left; padding: 0 0 0 20px; width:920px;}
body.pane3 #article #main { float:left; width:700px; }
body.pane3 #article #aside { float:right; padding:0 20px 0 0; width:190px; }
body.pane3 #article #aside li { margin-bottom:6px; }
body.pane3 #article #aside li img { vertical-align:bottom; }

.top #content { padding:19px 0 0 0; background:url(/img/bg_content.gif) repeat-x center top #ffffff; }
.top #aside { width:200px; }
.top #aside li { margin-bottom:4px; }
.top #aside li img { vertical-align:bottom; }
.top #aside #support { width:190px; margin-top:45px; }

.top #aside li.inquiry { margin-top:19px; padding-bottom:10px; background:transparent url(/cmn/img/bg_dotted.gif) repeat-x center bottom; text-align:center; }
.top #aside li.inquiry a { display:inline-block; margin-top:14px; }

.top #aside li div#flashcontent-shortmovie { padding:10px; font-size:85%; }
.top #aside li #flashcontent-shortmovie img { margin:-10px -10px 5px -10px; }
.top #aside li #flashcontent-shortmovie { outline:none; background:#000000; color:#ffffff; vertical-align:bottom; }
.top #aside li #flashcontent-shortmovie noscript { margin:0; padding:0; font-size:93%; }

.top .category-image { display:block; margin-bottom:15px; }

.top .leftside { margin:-3px 0 0 -3px; float:left; width:232px; }

/* [Link]===================================================*/
.top .search-box a:link { color:#FFFFFF; text-decoration:none; }
.top .search-box a:visited { color:#FFFFFF; text-decoration:none; }
.top .search-box a:hover { color:#D0576A; text-decoration:none; }
.top .search-box a:active { color:#D0576A; text-decoration:none; }

.top .search-box { position:relative; padding:14px 14px 0 14px; width:204px; height:137px; background:url(/img/idx_bg_searcharea.gif) no-repeat top left;  }
.top .search-title { margin-bottom:6px; }
.top .search-title h1 { float:left; width:114px; height:12px; line-height:1em; font-size:12px; }
.top .search-titleitem { clear:both; margin-bottom:9px; }
.top form#itemsearch { height:21px; padding-bottom:13px; background:#262626 url(/cmn/img/bg_dotted02.gif) repeat-x center bottom; }

.top .search-box .link { position:absolute; right:14px; top:13px; padding:0 0 0 12px; background:transparent url(/img/idx_icon_disc01.gif) no-repeat center left; line-height:1.2em; font-size:12px; }
.top .search-box #itemsearch input#itemkeyword { width:154px; height:14px; padding:1px; position:absolute; left:14px; top:50px; line-height:1em; font-size:12px; }
.top .search-box #itemsearch > input#itemkeyword { width:152px; height:14px; line-height:1em; padding:2px; }
*+html .top .search-box #itemsearch input#itemkeyword { width:152px; height:14px; line-height:1em; padding:1px; }

.top .search-box #itemsearch input#search-btn { position:absolute; top:50px; right:14px; }
.top .search-box #myform input { position:absolute; right:14px; top:122px; }
.top .search-box select#b1 { width:160px; font-size:93%; position:absolute; left:14px; top:96px; min-height:16px; padding:2px; font-size:12px; }
.top .search-box select#b2 { width:160px; font-size:93%; position:absolute; left:14px; top:121px; min-height:16px; padding:2px; font-size:12px; }

.top .cm-box { width:232px; height:154px; }
.top .cm-box a { padding:14px 0 0 15px; width:215px; height:140px; display:block; background:transparent url(/img/idx_cmcafe_bg.gif) no-repeat top left; }
.top .cm-box a:hover { background-position:-232px 0; }
.top .note { padding:6px 0; color:#B70031; font-size:77%; line-height:1em; }
.top .txt-area1 { width:126px; font-size:85%; line-height:1.5em; }
.top .txt-area2 { width:160px; font-size:85%; line-height:1.5em; }

.top #menu { width:453px; margin:-3px 0 17px 3px; float:left;}

.top .area1 img , 
.top .area2 img ,
.top .area3 img ,
.top .area4 img { vertical-align:bottom; }
.top .area1 , 
.top .area2 ,
.top .area3 ,
.top .area4 { display:inline; }

.top .area1 { padding:4px 3px 2px 5px; width:219px; height:145px; float:left; background:transparent url(/img/idx_menu01_bg.gif) no-repeat top left; }
.top .area2 { padding:4px 4px 2px 3px; width:219px; height:145px; float:left; background:transparent url(/img/idx_menu02_bg.gif) no-repeat top left; }
.top .area3 { padding:4px 3px 2px 5px; width:219px; height:145px; float:left; background:transparent url(/img/idx_menu03_bg.gif) no-repeat top left; }
.top .area4 { padding:4px 4px 2px 3px; width:219px; height:145px; float:left; background:transparent url(/img/idx_menu04_bg.gif) no-repeat top left; }


/* [Link]===================================================*/
.top .new a:link { color:#524E4D; text-decoration:none; }
.top .new a:visited { color:#524E4D; text-decoration:none; }
.top .new a:hover { color:#D0576A; text-decoration:none; }
.top .new a:active { color:#D0576A; text-decoration:none; }
.top .article-area { background:url(/img/idx_bg_news_bottom.gif) no-repeat left bottom; }

.top .new { margin:0 0 10px -3px; width:685px; clear:both;  background:url(/img/idx_bg_news_side.gif) repeat-y left top;  }
.top .new .title-area { height:22px; padding:12px 0 0 11px; background:url(/img/idx_bg_news_top.gif) no-repeat top left; }
.top .new .title-txt { float:left; }

.top .new .rss { float:right; }
.top .new .rss p { float:left; margin:0px 9px 0 0 ; padding:0; }
.top .new .rss p img { vertical-align:middle; }

.top .article-area table.news { width:655px; padding-top:1px; margin:2px 0 3px 16px; font-size:93%; }
.top .article-area table.news tr { background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left bottom; }
.top .article-area table.news tr td { padding:4px 10px 5px 0; vertical-align:top; }
.top .article-area table.news td.day { color:#B70031; }
.top .article-area table.news td.company { }
.top .article-area table.news tr.last { background:none; }
.top .article-area table.news tr.last td,
.top .article-area table.news tr.last th { padding-bottom:6px; }
.top table thead { display:none; }

.top noscript { margin:16px;}
/* EOF*/
