@import url(/jp/global/styles/overlay.css);

/* VAR PAGE
------------------------*/
#var #main .grid2cola .column.first { width:608px; margin-bottom:30px; }
#var #main .grid2cola .column.first p.intro { color:#666; font-size:14px; font-weight:normal; line-height:21px; margin-bottom:30px; }
#var #main .grid2cola .column.first .grid2col { margin-bottom:20px;}
#var #main .grid2cola .column.first .grid2col .column { width:293px; margin:0 20px 0 0; padding:24px 0 0; background:url(/jp/education/shop/images/var_bg_column-top.gif) no-repeat left top; }
#var #main .grid2cola .column.first .grid2col .column.last { width:293px; margin:0px; }
#var #main .grid2cola .column.first .grid2col .column .callout { color:#000; font-size:12px; line-height:20px; margin:-3px 0 0; padding:0 20px 22px 22px; background:url(/jp/education/shop/images/var_bg_column-bottom.gif) no-repeat left bottom; }
#var #main .grid2cola .column.first .grid2col .column .callout.academic,
#var #main .grid2cola .column.first .grid2col .column .callout.solution { height:160px; }
#var #main .grid2cola .column.first .grid2col .column .callout.system,
#var #main .grid2cola .column.first .grid2col .column .callout.support { height:140px; _height:143px; }
#var #main .grid2cola .column.first .grid2col .column .callout h3 { color:#444; font-size:14px; margin-bottom:10px;  }
#var #main .grid2cola .column.first .grid2col .column .callout .right { width:62px; text-align:center; margin:0 0 0 16px; padding:0; float:right; }
@media screen and (max-device-width: 1024px) { #var #main .grid2cola .column.first .grid2col .column .callout.system .right { margin-left: 25px; }} 



#var #main .grid2cola .column.first .grid2col .column .callout.solution .right { margin:0 0 0 7px;}
#var #main .grid2cola .column.first .grid2col .column .callout.support .right { margin:0 0 -5px 16px;}
#var #main .grid2cola .column.last { width:259px; }
#var #main .grid2cola .column.last h3.info { color:#444; font-size:12px; font-weight:normal; height:25px; margin:0; padding:10px 0 0 16px; background:url(/jp/education/shop/images/var_bg_sidebox-top.gif) no-repeat left top; }
#var #main .grid2cola .column.last .side-box { color:#797c80; margin:0; padding:20px 20px 8px; background:url(/jp/education/shop/images/var_bg_sidebox-bottom.gif) no-repeat left bottom; }
#var #main .grid2cola .column.last .side-box p { margin-bottom:16px; }
#var #main .grid2cola .column.last .side-box p.link { margin-bottom:24px; }
#var #main .grid2cola .column.last .side-box hr { margin-bottom:16px; *color:#E4E4E4; }
#var #main .grid2cola .column.last .side-box p strong { color:#000; font-size:14px; }
#var #main hr { margin-bottom:18px; *color:#E4E4E4; }
#var #main .grid4col.partner h3 { border:none; color:#898989; font-size:18px; font-weight:normal; }
#var #main .grid4col.partner h4 { margin-bottom:6px; }
#var #main .grid4col.partner h4 a { color:#0088CC;}
#var #main .grid4col.partner p { color:#555; margin-bottom:40px; }
#var #main .grid4col.partner .column.canon { width:25%; _width:32%; }
#var #main .grid4col.partner .column.kaga { width:20%; _width:32%; }
#var #main .grid4col.partner .column.mitani { width:25%; _width:32%; }
#var #main .grid4col.partner .column.csk { width:20%; _width:32%; }
#var #main .grid4col.partner .column img { margin-bottom:10px; }
#var #main .grid4col.partner .column p { color:#000; margin-bottom:38px; }

#var #main h1 a, #main h3 a, #main strong a, #main h4 a { color:#000 !important; }

/* Table 
--------------------------------------*/
/* #content #areatab h3{ font-size:14px; margin-bottom:4px;margin-top:30px;} */
#content #storetable {padding:4px 0px 10px;margin:0px;}
#content #storetable p{line-height:140%;padding:12px 0px 4px 0px ;margin:0px ;}
#content #storetable h3{ font-size:14px; margin:16px 0px 5px; font-weight:bold; color:#555;}
#content #storetable table {background-color:#dcdcdc; margin:0px 0 10px ; border-collapse: separate; border-spacing: 1px;}
#content #storetable table td{ padding:8px; font-size:12px; margin:1px; align:center;}
#content #storetable tr.title {background-color:#cccccc;}
#content #storetable tr.title td{color:#fff; text-align:center;padding: 5px 0px 5px 0px ;}
#content #storetable tr.company {background-color:#dceff6;}
#content #storetable tr.contents {background-color:#fff}
#content #storetable tr td.timetable {width:25%}
#content #storetable tr td.shopname {width:20%}
#content #storetable tr td.address {width:30%}
#content #storetable tr td.tellnum {width:15%}
#content #storetable tr td.date {width:25%}
#resellerheader:after,button.go:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }