@charset "Shift_JIS";

/* Common */
#indexContents { width:900px; }
#indexBody { width:674px; float:right; text-align:left; }
#indexBody h2 { display:block; float:none; }
#indexBody h2.gray { background:#CCCCCC; }
#indexBody h2.normal { margin:30px 0 10px 0; }

/* Menu */
#indexMenu { width:200px; float:left; text-align:left; }
#indexMenu #menuProduct dt { margin:0 0 15px 0; }
#indexMenu #menuProduct dd { margin:0 0 15px 0; }
#indexMenu #menuProduct dd ul { margin:10px 0 0 0; }
#indexMenu #menuProduct dd ul li { list-style:disc; padding:0 0 0 0; margin:0 0 15px 30px; line-height:120%; font-size:12px; font-weight:bold; }
#indexMenu #menuStore dt { margin:25px 0 2px 0; }
#indexMenu #menuStore dd { margin:0 0 5px 0; }
#indexMenu #menuInfo dt { margin:27px 0 0 0; }
#indexMenu #menuInfo dd { margin:10px 0 0 0; }
#indexMenu #menuFactory dt { margin:38px 0 21px 0; }
#indexMenu #menuFactory dd { margin:0 0 20px 0; }
#indexMenu #menuFactory dd p.pict { float:left; width:59px; }
#indexMenu #menuFactory dd div { float:right; width:129px; }
#indexMenu #menuFactory dd div p { font-size:12px; line-height:120%; padding:0 0 5px 0; }
#indexMenu #menuFactory dd div p.title { font-weight:bold; } 

/* Index */
#indexctg { clear:both; }
#indexctg h2 { display:block; float:none; margin:15px 0 13px 0; }
#indexctg ul { height:325px; }
#indexctg ul li { list-style:none; float:left; margin:0 12px 12px 0; }
#indexctg ul li.end { margin:0 0 0 0; }
#indexctg ul li a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

ul.Groupset { padding:9px 0 9px 0; border-top:1px solid #333333; border-bottom:1px solid #333333; }
ul.Groupset li { position:relative; width:224px; height:275px; float:left; border-right:1px solid #333333; list-style:none; }
ul.Groupset li.end { border:none; }
ul.Groupset li p { position:absolute; font-size:12px; line-height:120%; }
ul.Groupset li p.pict { top:  0px; left:10px; }
ul.Groupset li p.text { top:157px; left:15px; width:194px; }
ul.Groupset li p.btn  { top:237px; left:50px; }
ul.Groupset li p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
ul.GroupsetEnd { border-top:none; }

#indexBody div.topics { margin:25px 0 0 0; width:674px; }
#indexBody div.topics p.pict { float:left; text-align:right; width:127px; }
#indexBody div.topics p.pict a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody div.topics div.data { float:right; text-align:left; width:531px; }
#indexBody div.topics div.data h3 { font-size:14px; font-weight:bold; color:#333333; margin:0 0 5px 0; }
#indexBody div.topics div.data p { font-size:12px; color:#666666; margin:0 0 8px 0; }
#indexBody div.topics div.data p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody table.servicelist { width:674px; background:#f8f8f8; margin:15px 0 0 0; }
#indexBody table.servicelist td { vertical-align:top; width:224px; padding:15px 10px 15px 30px; }
#indexBody table.servicelist td dl dt { margin:0 0 12px 0; }
#indexBody table.servicelist td dl dd { font-size:12px; line-height:100%; margin:0 0 7px 0; }

/* TopCommon */
#indexBody div.comtopics { margin:25px 0 0 0; width:674px; }
#indexBody div.comtopics p.pict { float:left; text-align:right; width:153px; }
#indexBody div.comtopics p.pict a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody div.comtopics div.data { float:right; text-align:left; width:506px; }
#indexBody div.comtopics div.data h3 { font-size:13px; font-weight:bold; color:#333333; margin:0 0 5px 0; }
#indexBody div.comtopics div.data p { font-size:12px; color:#666666; margin:0 0 8px 0; }
#indexBody div.comtopics div.data p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

#indexBody div.commediaset { border-top:1px solid #333333; border-bottom:1px solid #333333; }
#indexBody div.commediasetEnd { border-top:none; }
#indexBody div.commedia { margin:16px 0 16px 0; width:336px; float:left; }
#indexBody div.commedia p.pict { float:left; text-align:left; width:144px; padding:0 0 0 9px; }
#indexBody div.commedia p.pict img { padding:0 2px 5px 0; vertical-align:middle; }
#indexBody div.commedia p.pict a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody div.commedia div.data { float:right; text-align:left; width:157px; padding:0 20px 0 0; }
#indexBody div.commedia div.data h3 { font-size:12px; font-weight:bold; color:#333333; margin:0 0 5px 0; }
#indexBody div.commedia div.data p { font-size:12px; color:#666666; margin:0 0 8px 0; }
#indexBody div.commedia div.data p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

/* HDD */
#indexBody div.hddfeature { margin:20px 0 0 0; width:674px; }
#indexBody div.hddfeature p.pict { float:left; text-align:right; width:153px; }
#indexBody div.hddfeature p.pict a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody div.hddfeature div.data { float:right; text-align:left; width:506px; }
#indexBody div.hddfeature div.data h3 { font-size:14px; font-weight:bold; color:#333333; margin:0 0 5px 0; }
#indexBody div.hddfeature div.data p { font-size:12px; color:#666666; margin:0 0 8px 0; }
#indexBody div.hddfeature div.data p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

/* Network */
#indexBody div.netfeature { margin:20px 0 0 0; width:674px; }
#indexBody div.netfeature p.pict { float:left; text-align:right; width:358px; }
#indexBody div.netfeature p.pict a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody div.netfeature div.data { float:right; text-align:left; width:302px; }
#indexBody div.netfeature div.data h3 { font-size:14px; font-weight:bold; color:#333333; margin:0 0 5px 0; }
#indexBody div.netfeature div.data p { font-size:12px; color:#666666; margin:0 0 8px 0; }
#indexBody div.netfeature div.data p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

/* Bluetooth */
#indexBody div.bthfeature { margin:20px 0 0 0; width:674px; }
#indexBody div.bthfeature p.pict { float:left; text-align:right; width:147px; }
#indexBody div.bthfeature p.pict a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
#indexBody div.bthfeature div.data { float:right; text-align:left; width:505px; }
#indexBody div.bthfeature div.data h3 { font-size:14px; font-weight:bold; color:#333333; margin:0 0 5px 0; }
#indexBody div.bthfeature div.data p { font-size:12px; color:#666666; margin:0 0 8px 0; }
#indexBody div.bthfeature div.data p a:hover img { filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }