/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.2.0 build: 2676 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* レイアウト */ #headerWrap {background:url(./images/header_bk.gif);height:135px;margin:0 0 15px 0;} #header {width:900px;margin:0 auto;} #main {width:900px;margin:0 auto;} #contents {float:right;width:640px;margin:0 0 10px 0;} #contents #contentsMain {float:left;width:430px;} #contents #contentsSub {float:right;width:200px;} #side {float:left;width:230px;padding:10px;margin:0 0 10px 0;background:#000;color:#fff;overflow:hidden;} #footerWrap {clear:both;background:url(./images/footer_bk.gif);height:92px;} #footer {width:900px;margin:0 auto;} /* ヘッダ */ #header {position:relative;} #header .ttlLogo {margin:0 0 0 10px;} #header #topNavi {position:absolute;top:89px;left:55px;height:36px;width:831px;background:url(./images/top_navi_bk.gif);} #header #topNavi li {position:absolute;top:0;height:36px;} #header #topNavi li.prof {width:110px;left:0px;} #header #topNavi li.works {width:119px;left:125px;} #header #topNavi li.refer {width:119px;left:259px;} #header #topNavi li.special {width:92px;left:393px;} #header #topNavi li.sengoku {width:101px;left:500px;} #header #topNavi li.goods {width:101px;left:616px;} #header #topNavi li.inq {width:101px;left:730px;} #header #topNavi li a:hover img {filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;} #header.prof #topNavi li.prof {background:url(./images/top_navi_prof_on.gif);} #header.works #topNavi li.works {background:url(./images/top_navi_work_on.gif);} #header.refer #topNavi li.refer {background:url(./images/top_navi_refer_on.gif);} #header.special #topNavi li.special {background:url(./images/top_navi_special_on.gif);} #header.sengoku #topNavi li.sengoku {background:url(./images/top_navi_sengoku_on.gif);} #header.goods #topNavi li.goods {background:url(./images/top_navi_goods_on.gif);} #header.inq #topNavi li.inq {background:url(./images/top_navi_inq_on.gif);} #header.prof #topNavi li.prof a img , #header.works #topNavi li.works a img , #header.refer #topNavi li.refer a img , #header.special #topNavi li.special a img , #header.sengoku #topNavi li.sengoku a img , #header.goods #topNavi li.goods a img , #header.inq #topNavi li.inq a img {filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;} /* パンクズ */ #pankuzu {background:url(./images/pankuzu_bk.gif);height:35px;width:640px;margin:0 0 1.5em 0;overflow:hidden;} #pankuzu p {position:relative;z-index:2;width:59px;} #pankuzu p a:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} #pankuzu ol {margin:-35px 0 0 49px;} #pankuzu ol li {display:inline-block;*display:inline;zoom:1;height:35px;*height:34px;line-height:35px;vertical-align:middle;background:url(./images/pankuzu_li.gif) left top;padding:0 0 0 15px;} /* サイド */ #side h2 {border-top:dotted 1px #fff;padding:5px 0;font-weight:bold;} #side p {} #side ul li {} #side ul.twitter {font-size:85%;*font-size:78%;} #side a {color:#fff;} #side a:hover {color:#aaa;} #side a:hover img {filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} #side #sideBnr {margin:0 0 1em 0;} #side #sideBnr p {margin:0 0 5px 0;} #side #social {margin:0 -10px 1em 0;height:20px;} #side #social li {float:left;margin:0 6px 0 0;} #side #tweetHanbunko .icon {margin:-21px 0 3px 165px;} #side #tweetHanbunko .icon a:hover img {filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} #side #tweetHanmura {margin:0 0 1.5em 0;} #side #tweetHanmura .atten {font-size:77%;*font-size:68%;color:#999;} #side #tweetHanmura .tweet {width:230px;margin:0 0 0.5em 0;font-size:92%;*font-size:86%;clear:both;} #side #tweetHanmura .tweet img {float:left;margin:0 3px 3px 0;border:2px solid #222;background:#444;} #side #tweetHanmura .tweet p.text {} #side #tweetHanmura .monitter {clear:both;} #side #sideLink {} #side #sideLink li {list-style:outside disc;margin:0 0 0 20px;} /* フッタ */ #footer {padding:30px 0 0 0;} #footer ul {text-align:center;margin:0 0 10px 100px;} #footer ul li {display:inline;border-right:solid 1px #fff;padding:0 3px;} #footer ul li a {color:#fff;} #footer ul li a:hover {color:#aaa;} #footer address {text-align:center;color:#fff;margin:0 0 0 200px;} /* 共通 */ h1 {background:url(./images/h1_bk.gif) left bottom no-repeat;padding:0 0 7px 10px;font-weight:bold;font-size:123%;margin:0 0 1em 0;} .clearfix {display:inline-block;} .clearfix:after {display:block;visibility:hidden;clear:both;height:0;content: ".";}