/* body */ body{background:#fff; font:12px/20px "lr SVbN", "Osaka|"; color:#434342; text-align:center;} *{margin:0;padding:0;} /* link1 */ a:link {color:#EC6C01;} a:visited {color:#EC6C01;} a:hover {color:#EC9301;} a:active {color:#EC6C01;} /* link2 */ a.lk:link {color:#FFF;} a.lk:visited {color:#FFF;} a.lk:hover {color:#FBE2CC;} a.lk:active {color:#FFF;} /* copyright */ .cr:link { color:#f36a00;text-decoration:none; } .cr:visited { color:#f36a00;text-decoration:none; } .cr:active { color:#ff9933;text-decoration:underline; } .cr:hover { color:#ff9933;text-decoration:underline; } /* margin */ .mg10t {margin-top:10px;} .mg20t {margin-top:20px;} .mg10l {margin-left:10px;} /* text */ .ttl {font-size:14px; color:#000; font-weight:bold;} .cap {font-size:10px; line-height:14px;} .subtxt{color:#B4B4B4;} /* align */ .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} /* float */ .float-l {float:left;} .float-r {float:right;} /* clear */ .clear {clear:both;} .clear * {display:none;} img{border:none;} hr{display:none;} #container{width:750px; padding:20px 0; margin:0 auto; text-align:center;} #box{width:750px; padding-bottom:15px; background:url(../Images/backimage.gif) left bottom no-repeat;} /* hack (clearfix) */ .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix{display:inline-table;min-height:1%; /* for IE 7*/} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ /* Main */ #main{width:750px; height:236px; background:url(../Images/img_main.jpg) no-repeat;position:relative;} #main h1{width:70px; height:35px; position:absolute;top:20px;right:25px; font-size:12px;} #main h1 a{display:block; width:70px; height:35px; background:url(../Images/logo.gif) no-repeat; text-indent:-9999px;} #main p{display:none;} /* Navigatioin */ #navi ul{display:block; padding:12px 20px 0;} #navi li{list-style:none; float:left; overflow:hidden;} #navi li a{display:block; height:27px; background: url(../Images/navi_03.gif) left top no-repeat;} @media screen { #navi span.navi_title {display:none;} } #navi li img {width:100px; height:27px;} #navi li#nv1 a{width:100px; background-position:0 0;} #navi li#nv2 a{width:102px; background-position:-100px 0;} #navi li#nv3 a{width:102px; background-position:-202px 0;} #navi li#nv4 a{width:102px; background-position:-304px 0;} #navi li#nv5 a{width:102px; background-position:-406px 0;} #navi li#nv6 a{width:102px; background-position:-508px 0;} #navi li#nv7 a{width:99px; background-position:-610px 0;} #navi li#nv1 a:hover{width:100px; background-position:0 -27px;} #navi li#nv2 a:hover{width:102px; background-position:-100px -27px;} #navi li#nv3 a:hover{width:102px; background-position:-202px -27px;} #navi li#nv4 a:hover{width:102px; background-position:-304px -27px;} #navi li#nv5 a:hover{width:102px; background-position:-406px -27px;} #navi li#nv6 a:hover{width:102px; background-position:-508px -27px;} #navi li#nv7 a:hover{width:99px; background-position:-610px -27px;} #navi ul.home li#nv1 a{width:100px; background-position:0 -27px;} #navi ul.product li#nv2 a{width:102px; background-position:-100px -27px;} #navi ul.use li#nv3 a{width:102px; background-position:-202px -27px;} #navi ul.gallery li#nv4 a{width:102px; background-position:-304px -27px;} #navi ul.blog li#nv5 a{width:102px; background-position:-406px -27px;} #navi ul.support li#nv6 a{width:102px; background-position:-508px -27px;} #navi ul.store li#nv7 a{width:99px; background-position:-610px -27px;} /* contents */ #contents{padding:20px 21px 0;} #title{padding-bottom:4px; border-bottom:#B4B4B4 1px solid;} #title h2{float:left;width:125px; height:25px; background:url(../Images/header_partner.gif) no-repeat; text-indent:-9999px; font-size:12px;} #title div{float:right; margin-top:5px;} #title div p{float:left; padding-left:4px;} .anchor{margin-top:5px; padding:5px 0; border-top:1px #B4B4B4 solid; border-bottom:1px #B4B4B4 solid; font-size:12px;} .pagetop{padding-top:3px; text-align:right; border-top:1px #B4B4B4 solid;} /* Communication */ #communication{margin-top:30px; padding:5px 0;} #communication .category{float:left; width:128px; margin-top:10px;} #communication div{float:right; width:565px; margin-top:5px; min-height:140px; background:url(../Images/v_border.gif) repeat-y;} #communication div .left{float:left; width:275px;} #communication div .left .txt{padding-top:5px;} #communication div .left .partnerdetail{text-align:right; padding-top:10px;} #communication div .right{float:right; width:275px; text-align:left;} #communication div .right .txt{padding-top:5px;} #communication div .right .partnerdetail{text-align:right; padding-top:31px;} /* Web Browsing */ #webbrowsing{padding:5px 0;} #webbrowsing .category{float:left; width:128px; margin-top:10px;} #webbrowsing .sec{float:right; width:565px; margin-top:5px; padding-top:3px; min-height:140px; background:url(../Images/h_border.gif) repeat-x;} #webbrowsing div{float:right; width:565px; margin-top:5px; min-height:140px; background:url(../Images/v_border.gif) repeat-y;} #webbrowsing div .left{float:left; width:275px;} #webbrowsing div .left .txt{padding-top:5px;} #webbrowsing div .left .partnerdetail{text-align:right; padding-top:10px;} #webbrowsing div .right{float:right; width:275px; text-align:left;} #webbrowsing div .right .txt{padding-top:5px;} #webbrowsing div .right .img{padding-top:5px;} #webbrowsing div .right .partnerdetail{text-align:right; padding-top:30px;} /* SNS Blog */ #snsblog{padding:5px 0;} #snsblog .category{float:left; width:128px; margin-top:10px;} #snsblog div{float:right; width:565px; margin-top:5px; min-height:140px; background:url(../Images/v_border.gif) repeat-y;} #snsblog div .left{float:left; width:275px;} #snsblog div .left .txt{padding-top:5px;} #snsblog div .left .partnerdetail{text-align:right; padding-top:10px;} #snsblog div .left .commingsoon{height:128px; padding-top:50px;} #snsblog div .right{float:right; width:275px; text-align:left;} #snsblog div .right .txt{padding-top:5px;} #snsblog div .right .partnerdetail{text-align:right; padding-top:53px;} /* Other */ #others{padding:5px 0;} #others .category{float:left; width:128px; margin-top:10px;} #others div{float:right; width:565px; margin-top:5px; min-height:140px; background:url(../Images/v_border.gif) repeat-y;} #others div .left{float:left; width:275px;} #others div .left .txt{padding-top:5px;} #others div .left .partnerdetail{text-align:right; padding-top:10px;} #others div .left .commingsoon{height:128px; padding-top:50px;} #others div .right{float:right; width:275px; text-align:left;}