@charset "Shift_JIS";

/*
Document Index :
01. Grid center Style
*/



/* ============================== 01. Grid center Style ============================== */

#container {width:100%; background:#f4f4f4 url(/solutions/grid_center/image/bg02.gif) repeat-y center; text-align:center;}
#container #mainArea {width:870px; background:url(/solutions/grid_center/image/bg01.gif) no-repeat top; margin:0px auto;}
#container #navigationArea {width:830px; background:url(/solutions/grid_center/image/navbg.gif) repeat-x; height:58px; margin:0px auto;}
#container #navigationArea ul {list-style:none; margin:0px; padding:4px 0px 8px;}
#container #navigationArea ul li {display:inline; margin:0px; padding:0px;}
#container #navigationArea ul.subnav {margin:0px; padding:0px 0px 10px;	font-size:10px;	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif; list-style:outside;}
#container #navigationArea ul.subnav li {margin:0px 15px 0px 0px; padding:0px 10px 10px 15px; font-size:10px; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif; background:url(/solutions/grid_center/image/arrow01.gif) no-repeat 0px 1px;}
#container #navigationArea ul.subnav li a:link {color:#FFF; text-decoration:none;}
#container #navigationArea ul.subnav li a:visited {color:#FFF; text-decoration:none;} 
#container #navigationArea ul.subnav li a:hover {color:#FFF; text-decoration:underline;}
#container #contentsArea {width:850px; background:#ebebeb url(/solutions/grid_center/image/bg03.gif) no-repeat top; padding:20px 0px; margin:10px auto 0px;}
#container #contentsArea #contentsArea02 {width:765px; background:#FFFFFF url(/solutions/grid_center/image/contentsbg.gif) repeat-x; border:3px solid #d7d7d7; text-align:left; margin:0px auto; padding:12px 20px 20px;}
#container #contentsArea #contentsArea02 p.paragraph02 {border-top: 1px solid #999; border-bottom: 1px solid #999;	padding: 15px 0px;}
#container div.box {border-left:3px solid #000000; margin: 0px; padding: 15px 20px 0px;}
#container div.first p {width:100%; margin-bottom:0px;}
#container div.second p {width:100%; margin-bottom:0px;}
#container p.imgItem2 {text-align:center; padding-bottom:20px;}
#container p.productName {padding:0px 20px;}
#container h1 {margin:0px; padding:29px 0px 0px 0px;}
#container h2 {margin:0px 0px 20px; padding:0px;}
#container h3 {margin:30px 0px 0px; padding:0px;}
#container h3.heading1 {font-size:16px; margin:0px 15px 10px 0px; padding:5px 0px 5px 10px;	border-bottom:1px dashed #000000; border-left:3px solid #000000;}
#container h3.heading2 {margin:10px 0px 0px; padding:0px;}
#container h4 {font-size:12px; margin:0px 0px 5px; padding:0px 0px 5px; color:#FF0000; border-bottom:1px dashed #888888;}
#container h4 img {vertical-align: middle;}
#container h4.heading1 {margin:0px 0px 5px;}
#container h4.heading2 {margin:0px 0px 5px; border-bottom:none;}
#container h5 {font-size:12px; margin:20px 0px 6px; padding:4px 4px 4px 10px; background:#EEE;}
#container ul.linklist1 {margin:0px;padding:0px;}
#container ul.linklist1 li {list-style:none; background:url(/common/image/arrow_7x7.gif) no-repeat 0px 4px; margin:5px 0px; padding:0px 10px 0px 13px;}
#container ul.linklist2 {margin:0px; padding:0px; font-weight:bold; float:right;}
#container ul.linklist2 li {list-style:none; background:url(/solutions/grid_center/image/icon01.gif) no-repeat 0px 4px; margin:5px 0px; padding:0px 0px 0px 16px;}
#container .partnerArea {background:#fffff2 url(/solutions/grid_center/image/partnerbg.gif) repeat-x bottom; padding:0px 0px 5px;}
#container .partnerArea .partner {width:725px; border:1px solid #cccccc; padding:20px; margin:15px 0px 0px;}
#container .hardware {border:1px solid #cccccc; background:#FFFFFF;}
#container div.imgAndText1 {margin:30px 0px 0px 0px; padding:0px;}
#container div.imgAndText1 .imgItem {float:left; width:150px; margin:0px 15px 0px 0px; padding:0px;}
#container div.imgAndText1 div.partnerTxt {float:right; width:600px;}
#container .news {background:#fffff2; padding:15px; border:1px solid #cccccc;}

#container dl.topics {margin:15px 0px 0px; background:url(http://www.oracle.co.jp/common/image/bgPortlet.gif) repeat-x bottom;}
#container dl.topics dt {margin:0px; padding:5px; background:#CCC; width:20%; text-align:center; font-weight:bold;}
#container dl.topics dd {margin:0px 0px 15px 0px; padding:5px 8px 8px; border:1px solid #CCC;}
#container dl.topics dd ul.linklist1 {margin:0px; padding:0px;}

#container #mainContents {width:570px; float:left;}
#container #rightMenu {width:180px; float:right;}

#container #rightMenu h2 {width:162px; font-size:12px; line-height:14px; padding:10px 8px; margin:5px auto 0px auto; background:#EEE; border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px none #CCC; border-left:1px solid #CCC; text-align:center;}
#container #rightMenu .rightMenuBox {width:162px; padding:5px 8px; background:#FFF; border-top:1px none #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; margin:0px auto 15px; text-align:left;}