/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */ /* ++++++ 横幅設定 ++++++ */ /* 左サイドバーの横幅 */ #left {width: 150px; float: left;} /* 中央コンテンツ部分の横幅 */ #center {width: 430px; float: left; margin:0px 0px 0px 15px;} /* 右サイドバーの横幅 */ #right {width: 170px; float: right; padding-right:20px;} body { font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; background-image:url(img/bg.gif); background-color: #FFFFFF; text-align: center; margin: 0px 0px 20px 0px; padding: 0px; color: #333333; } a:link { text-decoration: none; color: #004A99;} a:visited { text-decoration: none; color: #004A99;} a:hover { text-decoration: none; color: #0044CC;} a:active { text-decoration: none; color: #0044CC;} a img{ border:0px} #container { margin-left:auto; margin-right:auto; width: 800px; text-align: left; background-color:#FFFFFF; background-image:url(img/bg_wrapper.gif); background-repeat:repeat-y; border-top:solid 2px #004A99; border-right:solid 5px #004A99; border-bottom:solid 5px #004A99; border-left:solid 5px #004A99; } #container-inner { padding:10px 20px 10px 150px; position: static; } #header { margin:0px; padding:0px; width:800px; border-bottom:solid 1px #004A99; } #main { padding:20px 0px 20px 0px; width:800px; } #footer { clear:both; padding:10px 20px 10px 20px; width:760px; border-top:solid 1px #003399; line-height: 130%; text-align:left; } #footer p{ margin:0px;} #contact a{ float:right; display: block; padding:4px 20px 4px 20px; background-image:url(img/bg_btn.gif); background-position: 0 -3px; background-color:#ACDCFF; border-left:solid 2px #DAEDF8; border-top:solid 2px #DAEDF8; border-right:solid 2px #529ABC; border-bottom:solid 2px #529ABC; } #contact a:hover{ background-color:#84C1F4; background-image:url(img/bg_btn_on.gif); border-left:solid 2px #A4D1F7; border-top:solid 2px #A4D1F7; border-right:solid 2px #5099D6; border-bottom:solid 2px #5099D6; } /* ++++++ コンテンツ部分のデザイン ++++++ */ .entry h2 {font-size: 90%} .entry h3 {font-size: 120%; color: orange;} .entry p {font-size: 90%; color: #444444; line-height: 150%;} .entry p.posted {font-size: 80%; color: #999999; border-top: solid 2px yellowgreen; padding-top: 6px;} .entry a { color: #6688DD; } .entry {margin-bottom: 40px; padding:10px; border:solid 1px #DDDDDD;} .entry-footer{border-top:solid 1px yellowgreen; padding-top:2px;} /* ++++++ サイドバー部分のデザイン ++++++ */ /* メニューエリア設定 */ #menus { float:left; width:140px; background-color:#ACDCFF; border-top:solid 1px #004A99; border-right:solid 1px #004A99; border-bottom:solid 1px #004A99; text-align:left; } #menus ul{ margin:0px; padding:0px; } #menus li {list-style-type:none;} #menus li a{ display: block; padding:7px 0px 7px 20px; background-image:url(img/bg_btn.gif); background-color:#ACDCFF; border-left:solid 2px #DAEDF8; border-top:solid 2px #DAEDF8; border-right:solid 2px #529ABC; border-bottom:solid 2px #529ABC; } #menus li a:hover{ background-color:#84C1F4; background-image:url(img/bg_btn_on.gif); border-left:solid 2px #A4D1F7; border-top:solid 2px #A4D1F7; border-right:solid 2px #5099D6; border-bottom:solid 2px #5099D6; } #menus li.presentpage { display: block; padding:7px 0px 7px 20px; background-color:#E8F5FF; background-image:url(img/bg_btn.gif); border-left:solid 2px #FFFFFF; border-top:solid 2px #FFFFFF; border-right:solid 2px #98C6E7; border-bottom:solid 2px #98C6E7; color: #004A99; font-weight:bold; text-align:left; } /* アーカイブス */ #archives{ clear:both; width: 120px; margin:20px 10px; } form{ margin-top:6px;} /* カレンダー */ .sidebar #calendar table { width: 170px; } #calendar table { font-size: 90%; text-align: center; border: solid 1px yellowgreen; } #calendar td { padding: 5px 0; /*border: solid 1px yellowgreen;*/ background-color:#EEF4D0; } #calendar a { text-decoration: none; color: red; } #calendar caption { padding-top:5px; padding-bottom:3px; background-color: yellowgreen; } /* メニュー */ .sidebar h2 { font-size: 90%; margin-bottom: 0px; border-bottom: solid 1px yellowgreen; text-align:center; color: #FFFFFF; background-color: yellowgreen; padding: 3px 0 0; } .sidebar ul { font-size: 90%; list-style-type:none; margin-top: 5px; margin-bottom: 30px; margin-left:0; padding-left:0; } /* フィード情報 */ #feed { font-family: Verdana, Arial, sans-serif; font-size: 90%; color: #666666; } /* Movable Type情報 */ #powered { margin-top: 50px; font-family: Verdana, Arial, sans-serif; font-size: 90%; color: #666666; } /****** ******/ .date-header { margin-top: 0; font-size: 80%; font-weight: bold; text-transform: uppercase; } .entry-header { margin-top: 0; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 1.5; } .entry-footer, .comment-footer, .trackback-footer { margin: 0; border-top: 1px solid #DDDDDD; padding-top: 3px; color: #666; font-size: 80%; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; } .content-nav { margin-top: 0; } #trackbacks-info { margin: 10px 0; border: 1px dashed #a3b8cc; padding: 0 10px; color: #292e33; font-size: 80%; text-align: center; background: #e6ecf2; } .comments-open-footer { margin: 10px 0; } h1, h2, h3, h4, h5, h6 { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; } .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; border-left: 5px solid orange; padding: 5px; color: orange; background: #EEEEEE; font-size: 100%; font-weight: bold; line-height: 1; text-transform: uppercase; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #fff; } .entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 80%; } .commenter-profile img { vertical-align: middle; }