@charset "UTF-8"; /* Theme Name: cloudtpl_729 Theme URI: http://c-tpl.com/ Description: cloudtpl_729 Version: 1.0 Author: Cloud template Author URI: http://c-tpl.com/ Tags: simple Cloud template v1.0 http://c-tpl.com/ This theme was designed and built by Cloud template, whose blog you will find at http://c-tpl.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td{ padding:0; margin:0; } table{ border-collapse: collapse; border-spacing:0; } img{ border:0; line-height:0; } ol,ul{ list-style:none; } body{ font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; color:#333; background:url(images/bg.png); } a:link,a:visited{color:#999;text-decoration:none;} a:hover{color:#ddd;} a:active, a:focus {outline:0;} img{border:0;} /******************************* レイアウト *******************************/ #header, #mainNav, #wrapper,#footer ul{ margin:0 auto; width:880px; clear:both; } #sidebar{ float:left; width:233px; padding:22px 0 50px; } #main{ float:right; width:627px; padding:22px 0 50px; } /******************************* /* ヘッダー *******************************/ #headerWrap{ height:147px; } #header{ position:relative; height:147px; } #header h1,#header h2,#header p{ position:absolute; top:31px; font-size:10px; font-weight:normal; line-height:22px; } /* スローガン */ #header h1{ top:2px; left:0; color:#555; } /* ロゴ */ #header h2{ left:0; } /* 住所 */ #header p{ right:0; } /************************************ /* メインナビゲーション ************************************/ ul#mainNav{ position:absolute; top:102px; height:45px; } ul#mainNav li{ text-indent: -5000px; float:left; } ul#mainNav a{ display: block; width: 176px; height: 45px; background:url(images/home.png) no-repeat 0 0; } ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;} ul#mainNav li.menu-item-2 a{background-image:url(images/NEWS.png);} ul#mainNav li.menu-item-3 a{background-image:url(images/works.png);} ul#mainNav li.menu-item-4 a{background-image:url(images/biography.png);} ul#mainNav li.menu-item-5 a{background-image:url(images/contact.png);} /******************************* /* メイン *******************************/ #mainImg{margin-bottom:20px;} h3.heading{ clear:both; padding-left:15px; line-height:34px; font-size:12px; font-weight:normal; color:#000; background:url(images/headingBg.png) no-repeat 0 0; } .article{ border:0; margin:0 0 20px 0; padding: 0 10px 0 10px; background:none; border:1px solid #dcdcdc; background:#fff; } .article_cell{ clear:both; padding:20px 0 25px; border-bottom:1px dashed #dcdcdc; background:#fff; } .main{ padding:20px 10px 20px 10px; margin:0 0 20px 0; border:0; background:none; border:1px solid #dcdcdc; background:#fff; } .last{border-bottom:none;} #main h2{ padding:0px 10px 10px 10px; font-size:16px; color:#333333; border-bottom:1px solid #dcdcdc; } .main h4{ margin:0 0 10px 10px; font-size:12px; font-weight:normal; color:#999; } .article h4{ margin:0 0 10px 10px; font-size:12px; font-weight:normal; color:#999; } .alignleft{ float:left; padding:0 15px 15px 10px; } .alignright{ float:right; padding: 0 10px 15px 15px; } .aligncenter{ padding: 20px 0 20px 0; text-align: center; } .main p{ padding:0 10px 0 10px; } .article p{ padding:0 10px 0 10px; } .picture{ width:193px; float:left; text-align:center; background-color:#ffffff; border-top:1px solid #eaeaea; border-right:1px solid #ddd; border-bottom:1px solid #ccc; border-left:1px solid #eaeaea; padding:5px 0 5px 0; margin:5px 0 0 5px; } .picture:hover{ background-color:#fffaef; } #date { text-align: right; padding-right: 15px; padding-top: 15px; padding-bottom: 10px; font-weight:bold; color:#333333; } #next { text-align: center; padding-top: 30px; padding-bottom: 30px; } /******************************* /* サイトバー *******************************/ #sidebar h3{ clear:both; padding-left:15px; line-height:34px; font-size:12px; font-weight:normal; color:#000; background:url(images/side_headingBg.png) no-repeat 0 0; } #sidebar ul{ font-size:11px; overflow:hidden; padding:0 0 10px 17px; border:1px solid #dcdcdc; margin-bottom:20px; background:#fff; } #sidebar ul li{ line-height:0; padding:10px 0; margin-right:15px; border-bottom:1px dashed #dcdcdc; } #sidebar ul a:link,#sidebar ul a:visited{ display: block; padding-left:12px; line-height:normal; text-decoration:none; color:#313131; background:url(images/linkArrow.gif) no-repeat 0 50%; } #sidebar ul a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a{color:#999;} #sidebar ul li.last{border-bottom:none;} #sidebar p{margin-bottom:20px;} /******************************* /* フッター *******************************/ #footer{ clear:both; } #footer ul{ font-size:10px; padding:25px 0; text-align:center; } #footer li{ display: inline; padding: 5px 16px; border-left:1px dotted #c9c9c9; } #footer li a{ color:#313131; } #footer li a:hover{ color:#999; } p#copy{ color:#aaa; padding:10px 0 37px; text-align:center; font-size:10px; }