@charset "utf-8";

.LMarginM { margin-left: 10px; }
#LColumn h4 { font-weight:bold; color: #696969; padding-left: 5px; margin-bottom: 5px; }

#LColumn .ContentBlock h5 { color: #696969; padding-left: 10px; margin-bottom: 5px; font-size: 12px; padding-right: 10px; }

/*-----------------------------------------------------------------------------
 TOP - ContentsBlock Concept 1-3
-----------------------------------------------------------------------------*/
#Concept1, #Concept2, #Concept3 { float: left; width: 233px; border: 1px solid #DDDDDD; }
#Concept1 { margin-right:-3px; } /* IE6 BugFix */
#Concept2, #Concept3 { margin-left: 7px; }
#Concept1 { background: url(../../img_real/top/img_concept01.gif) no-repeat right bottom; }
#Concept2 { background: url(../../img_real/top/img_concept02.gif) no-repeat right bottom; }
#Concept3 { background: url(../../img_real/top/img_concept03.gif) no-repeat right bottom; }
.TConcept h3 { height: 35px; font-size: 110%; line-height: 35px; padding-left: 5px; background: url(../../img_real/top/bg_concept.gif) left top; font-weight:bold; }
#Concept1 h3 { color: #ff8400; border-top: 4px solid #ff8400; }
#Concept2 h3 { color: #9f45c4; border-top: 4px solid #9f45c4; }
#Concept3 h3 { color: #5c9c00; border-top: 4px solid #5c9c00; }
.TConcept h3 strong { font-size: 120%; font-weight:bold; }
.TConcept p { line-height:130%; padding: 5px 5px 0 5px; }
/* .TConcept p { line-height:130%; padding: 5px 5px 0 5px; text-indent: 0.3em; font-size: 90%; } */
.TConcept p.Line01 {  }
.TConcept p.Line02 { width:160px; padding: 5px 0 10px 5px; }
.TConcept p strong { font-weight:normal; }
#Concept1 p span { color: #ff8400; padding-right:2px; }
#Concept2 p span { color: #9f45c4; padding-right:2px; }
#Concept3 p span { color: #5c9c00; padding-right:2px; }

/*-----------------------------------------------------------------------------
 TOP - ContentsBlock PriceList
-----------------------------------------------------------------------------*/
#PriceList { width:200px; float: left; background: url(../../img_real/top/img_bg_price_btm.gif) no-repeat left bottom; padding-bottom: 20px; }
#PriceList h3 { text-indent:-9999px; display:block; width:200px; height:20px; background: url(../../img_real/top/img_bg_price_top.gif) no-repeat left bottom; }
#PriceList div { width: 190px; background: url(../../img_real/top/img_bg_price_mid.gif) repeat-y left top; padding: 5px;  }

#PriceList p { border-top: 1px solid #CCC; padding-top: 5px; font-size: 85%; line-height: 120%; }
#PriceList dl { margin-bottom: 15px; }
#PriceList dl dt { margin-bottom:0; font-weight: bold; color: #FFF; background: #2483FF; padding-top: 2px; padding-bottom: 0; padding-left: 5px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #009; border-bottom: 1px solid #009; }
#PriceList dl dt strong { font-weight:bold; }
#PriceList dl dd { margin-bottom:0; text-align:right; }

#PriceList dl dd a:visited { color:#333; text-decoration:underline; }
#PriceList dl dd a:hover { color:#333; text-decoration:none; }
#PriceList dl dd a { color:#333; text-decoration:underline; }

#PriceList dl dl { border-left:none; margin-bottom: 0; text-align: left; line-height: 120%; }
#PriceList dl dl dt { margin-bottom:0; padding-bottom: 0; background:none; font-size: 120%; line-height: 100%; padding-top: 5px; border:none; }
#PriceList dl dl dt a:visited { color:#333; text-decoration:none; margin-left:5px; }
#PriceList dl dl dt a:hover { text-decoration:underline; margin-left:5px; }
#PriceList dl dl dt a { color:#333; text-decoration:none; margin-left:5px; }
#PriceList dl dl dt span { margin-left: 5px; font-weight: bold; color: #2483FF; font-size: 70%; }
#PriceList dl dl dd { margin-bottom:0; text-align: right; font-size: 95%; line-height: 100%; }
#PriceList dl dl dd span { font: normal 140% "Arial Black"; }
#PriceList dl dl dd.Discount { background:#FC3; color: #F30; font-weight: bold; text-align: center; padding-top: 1px; padding-bottom: 1px; }
#PriceList dl dl dd.Discount span { font: bold normal 120% "Arial Black"; }
#PriceList dl dl dd.Discount strong { font-size: 110%; font-weight: bold; }

/*-----------------------------------------------------------------------------
 TOP - ContentsBlock Dev Products Frame
-----------------------------------------------------------------------------*/

.ContentsBlock #LColumn_1_2 h3 { width: 100%; font-size:110%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; height: 26px; width: 488px; padding-left: 20px; line-height: 26px; margin-bottom: 10px; font-weight:bold; background: url(../../img_real/common/bg_h5_01.gif) no-repeat 0 0; color: #333333; }

/* DEV */
div.DevFrame { float: left; }
div.DevFrame div.Lineup { float: left; width: 510px; background: url(../../img_real/top/img_bg_dev_btm.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 5px; }
div.DevFrame div.Lineup div.FrameTop { float: left; width: 500px; background: url(../../img_real/top/img_bg_dev_top.gif) no-repeat left top; padding: 10px 5px 5px 5px; }
div.DevFrame div.Lineup div h4 a:visited, div.DevFrame div.Lineup div h4 a:hover { color:#333; }
div.DevFrame div.Lineup div h4 a { color:#333; }
div.DevFrame div.Lineup div h4 a span { margin-left:10px; font-size: 85%; color: #2CACE4; }
div.DevFrame div.Lineup div p { font-size: 100%; line-height: 120%; padding-bottom: 10px; padding-left: 295px; }

div.Lineup div ul.Line01 li { color:#960; background:#fff; padding: 1px; border: 1px solid #960; }
div.Lineup div ul.Line02 li { color:#666; background:#fff; padding: 1px; border: 1px solid #666; }

/* Products */
div.ProductsFrame { float: left; width: 510px; }
div.ProductsFrame div.LEdge { margin-right:10px; }
div.ProductsFrame div.Lineup { float: left; display: inline; width: 250px; background: url(../../img_real/top/img_bg_p_btm.gif) no-repeat left bottom; padding-bottom: 5px; }
div.ProductsFrame div.Lineup div.Frametop { float: left; width: 240px; background: url(../../img_real/top/img_bg_p_top.gif) no-repeat left top; padding: 10px 5px 5px 5px; }
div.ProductsFrame div.Lineup div.FrametopNew { float: left; width: 240px; background: url(../../img_real/top/img_bg_p_top_new.gif) no-repeat left top; padding: 10px 5px 5px 5px; }
div.ProductsFrame div.LastFloat { margin-right:-3px; } /* IE6 BugFix */

div.ProductsFrame div.Lineup div h4 span { font-size: 75%; color: #666; }
div.ProductsFrame div.Lineup div h4 a { color:#333; padding-left: 82px; background: url(../../img_real/top/img_linkarrow.gif) no-repeat 68px center; }
div.ProductsFrame div.Lineup div h4 a span { color: #2CACE4; }
div.ProductsFrame div.Lineup div h4 span a { color: #333; font-size: 110%; font-weight: normal; background: url(none); text-align: right; }
div.ProductsFrame div.Lineup div p { font-size: 95%; line-height: 120%; }

div.ProductsFrame div.Lineup div ul li { float:right; color:#360; font-size: 75%; background:#fff; padding: 1px; border: 1px solid #360; line-height: 100%; margin-right: 3px; }

/* DEV Products Common */
div.Lineup div img { float: left; margin-right: 5px; padding-top: 1px; padding-bottom: 2px; padding-left: 2px; }
div.Lineup div h4 { font-size: 120%; line-height: 100%; padding-top: 3px; }
div.Lineup div h4 a { display:block; background:url(../../img_real/top/img_linkarrow.gif) no-repeat left center; padding-left:15px; }

div.Lineup div ul { width:100%; float: left; margin-bottom: 3px; }
div.Lineup div ul li { float:right; font-size: 75%; padding: 1px; line-height: 100%; margin-right: 3px; }

/*-----------------------------------------------------------------------------
 TOP - BannerArea
-----------------------------------------------------------------------------*/
#BannerArea { float:left; width:200px; padding-top: 10px; padding-bottom: 10px; background:#F2F2F2; }
.Banner01 {  text-align:center; }
.Banner01 p { font-size:90%; line-height: 100%; }
.Banner01 p span { color:#F30; margin-right:2px; font-weight: bold; }
.Banner01 img { background:#FFF; padding:3px; border:#ccc solid 1px; }

/*-----------------------------------------------------------------------------
 SiteMap
-----------------------------------------------------------------------------*/
.Sitemap h3 { display:block; background:url(../../img_real/top/h_sitemap.gif) no-repeat left top; }
div#SiteMap {  }
div#SiteMap a:link { color: #333333; text-decoration: underline; }
div#SiteMap a:visited { color: #333333; text-decoration: underline; }
div#SiteMap a:hover { text-decoration: none; }
div#SiteMap a:active { color: #ff4200; }
#SiteMap dl { padding: 0 40px; margin-bottom: 5px; }
#SiteMap span { font-weight:normal; margin-left: 15px; color: #666666; }
#SiteMap dl dt { font-weight: bold; padding-left: 5px; margin-bottom:10px; border-left: 5px solid #666666; border-bottom: 1px dotted #999999; }
#SiteMap dl dd { padding-left: 5px; margin-bottom: 3px; }
#SiteMap dl dl { padding-left: 10px; padding-right: 0; padding-bottom: 5px; }
#SiteMap dl dl dt { border-left: 5px solid #999999; border-bottom: none; margin-bottom: 5px; }