@import "pllib"; /*Sample01 CSS for not IE*/ /*2012”N9ŒŽ11“ú*/ /*variables*/ .pinktxshadow{ text-shadow:0 1px 0 #e8c2bf; } /*general*/ body{ background-image:url('../img/sample01home.jpg'); background-repeat:no-repeat; background-position:-650px 190px; color:#675C53; font-size:1em; background-color:#FFFFFF; } aside#sample{ color:#000000; div#note{ a{ text-decoration:none; } } } /*header*/ div#headerhome{ position:relative; top:0; width:900px; height:790px; margin:0px auto; header{ border-top:1px solid #d0678e; position:relative; .w100; margin:0; padding:0; height:359px; h1{ display:block; position:relative; width:600px; font-family:'Helvetica', 'Arial', sans-serif; font-size:4.5em; text-align:right; line-height:0.9em; font-weight:900; color:#861d55; margin-top:30px; margin-left:300px; .pinktxshadow; } } section.home{ position:relative; .w100; height:430px; div.homeleft{ position:relative; width:440px; float:left; div#icon01{ position:relative; width:133px; height:41px; top:385px; left:0px; } div#icon02{ position:relative; width:101px; height:124px; top:260px; left:264px; } div#icon03{ position:relative; width:81px; height:81px; top:180px; left:148px; } } div.homeright{ position:relative; width:460px; float:right; background-image:url('../img/homeright.png'); background-repeat:no-repeat; background-position:0 4px; font-size:14pt; line-height:1.4em; font-weight:bold; .dropgray; } } } hr#whitedown{ display:block; position:relative; height:12px; .w100; border:0px solid #FFFFFF; background-image:url('../img/white_down.png'); background-repeat:no-repeat; background-position:-15px -5px; margin:0 0; z-index:9; } /*pattern language*/ section#pl{ margin-top:-12px; padding-top:50px; .w100; height:480px; position:relative; background-color:#FFBBCF; div.plwrapper{ position:relative; width:1000px; margin:auto auto; div.oregon{ position:relative; width:200px; float:left; img{border:5px solid #f19896; .br3; .miniboxshadow;} div.oregondetail{ padding:3px; .w100; p.oregontitle{ font-family:'Helvetica', 'Arial', sans-serif; font-size:0.75em; font-weight:bold; color:#c53f4d; margin:0; } p.olegonbyalexander{ font-family:'ensans', 'jasans', sans-serif; font-size:0.7em; color:#c53f4d; margin:0; } div.links{ text-align:center; font-size:0.7em; } } } div.principle{ position:relative; float:right; width:700px; font-size:1em; background-color:#FFC8D8; .pinktxshadow; .br5; h2.en, h2.ja{ font-family:'Helvetica', 'Arial', 'jasans', sans-serif; font-weight:bold; font-size:1.2em; color:#c53f4d; margin-top:1em; } h2.ja{ font-size:1em; } p.en, p.ja{ font-family:'Helvetica', 'Arial', 'jasans', sans-serif; font-size:1em; color:#c53f4d; line-height:1.5em; } p.ja{ font-size:0.9em; } } } } section#pl{ a{ color:#FFFFFF; &:hover{ color:#c53f4d; } } } hr#pinkdown{ display:block; position:relative; height:12px; .w100; border:0px solid #FFFFFF; background-image:url('../img/pink_down.png'); background-repeat:no-repeat; background-position:-15px -5px; margin:0 0; z-index:9; } /*footer*/ div#footerwrapper{ margin-top:-12px; position:relative; .w100; height:482px; background-color:#FFFFFF; color:#675C53; padding-top:12px; .droptx; footer#about{ position:relative; width:900px; height:470px; margin:0 auto; div.contact{ width:250px; float:left; font-size:1em; h3{ font-size:1em; font-weight:bold; } p{ font-size:0.8em; margin-left:1.5em; } a{color:#ad2e6c;} img{ display:block; float:left; margin:0 1em; } } div.vline{ width:5px; height:430px; background-image:url('../img/vertical_line.png'); margin:30px 0 auto; float:left; } div.partners{ width:250px; float:left; font-size:0.8em; div.icons{ img{ display:block; margin:0 auto; } } } div#vlin_r{ float:right; } div.vcinc{ width:390px; float:right; h3{ text-align:center; font-family:'Helvetica', 'Arial', sans-serif; font-size:1.5em; font-weight:bold; } p{font-size:0.9em;} } } } div#copyright_holder{ position:relative; top:-12px; .w100; height:50px; background-color:#ad2e6c; padding-top:0.5em; p{ .dropbrown; color:#FFFFFF; margin-left:80px; font-size:0.6em; } } div#ad{ .w100; .wb95; }