/* Theme Name: woody for FRED HAIR Theme URI: http//www.kyotokoto.jp Description: WP Theme for Fred Hair Author: nnjyami Author URI: http//www.nnjyami.net/ Version: 1.0 */ @charset "UTF-8"; /* CSS reset ------------------------------------------------------------------------ */ *{ margin:0; padding:0; } a img { border-width: 0px; outline: 0; } a { outline: none; } h1,h2,h3,h4,h5,em{ font-style: normal; font-weight: normal; margin: 0; padding: 0; } ul li { list-style: none; } html { height: 100%; } /* clear,float ------------------------------------------------------------------------ */ .clear { clear: both; } .left { float: left; } .right { float: right; } .clearfix { overflow: hidden; /* clearfix */ } /* IE6 */ * html .clearfix { zoom: 1; } /* txt ------------------------------------------------------------------------ */ .center { text-align: center; } .txt_right { text-align: right; } /*========================================================================= layout ========================================================================== */ body { font-size:13px; color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrapper { width:930px; margin:30px auto 0; } #header { width:900px; margin:0 auto; } #header .left { width:450px; float:left; } h1 { width:125px; height:34px; text-indent:-9999px; } h1 a { display:block; width:125px; height:34px; background:url(img/logo.png) no-repeat left top; } h2 { font-size:12px; font-weight:normal; margin-top:5px; } /* header ------------------------------------------------------------------------ */ #header_nav { width:220px; height:44px; float:right; margin-top:15px; background:url(img/header_nav.png) no-repeat 0 -44px; } #header_nav ul { display:block; width:220px; height:44px; } #header_nav li { display:block; width:55px; height:44px; float:left; text-indent:-9999px; } #header_nav li a { display:block; width:55px; height:44px; } #hn1 a { background:url(img/header_nav.png) no-repeat 0 0; } #hn2 a { background:url(img/header_nav.png) no-repeat -55px 0; } #hn3 a { background:url(img/header_nav.png) no-repeat -110px 0; } #hn4 a { background:url(img/header_nav.png) no-repeat -165px 0; } #hn1 a:hover, #hn2 a:hover, #hn3 a:hover, #hn4 a:hover { background-image:none; } /* main ------------------------------------------------------------------------ */ #main { width:930px; height:562px; padding-top:9px; background:#FFF url(img/main_bg.png) no-repeat center top; position:relative; } .contents { margin:0px 20px; width:890px; height:540px; } /* nav ------------------------------------------------------------------------ */ #nav { width:900px; height:30px; margin:5px auto; background:url(img/nav.png) no-repeat 0 -30px; } #nav ul { display:block; width:900px; height:30px; } #nav ul li { display:block; height:30px; float:left; text-indent:-9999px; padding:0; } #nav ul li a { display:block; height:30px; padding:0; margin:0; } #nav ul li a:hover { color:#65050D; } /* #n1 { width:185px; margin-right:66px; } #n2 { width:73px; margin-right:63px; } #n3 { width:68px; margin-right:71px; } #n4 { width:55px; margin-right:71px; } #n5 { width:50px; margin-right:133px; } #n6 { width:56px; } */ #n1 { width:251px; } #n2 { width:136px; } #n3 { width:139px; } #n4 { width:126px; } #n5 { width:183px; } #n6 { width:56px; } #n1 a { width:185px; background:url(img/nav.png) no-repeat 0 0; } #n2 a { width:73px; background:url(img/nav.png) no-repeat -251px 0; } #n3 a { width:68px; background:url(img/nav.png) no-repeat -387px 0; } #n4 a { width:55px; background:url(img/nav.png) no-repeat -526px 0; } #n5 a { width:50px; background:url(img/nav.png) no-repeat -652px 0; } #n6 a { width:56px; background:url(img/nav.png) no-repeat -835px 0; } #n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover { background-image:none; } /* footer ------------------------------------------------------------------------ */ #footer { width:900px; margin:30px auto 0; color:#666; } #sub_address { width:400px; float:left; } #sub_address strong { font-size:13px; font-weight:bold; } address { width:400px; padding-top:15px; float:right; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; font-style:normal; } /*========================================================================= bg ========================================================================== */ #top { background:url(img/main-img_top.jpg) no-repeat left top; } #about { background:url(img/main-img_about.jpg) no-repeat left top; } #topics { background:url(img/main-img_topics.jpg) no-repeat left top; } #menu { background:url(img/main-img_menu.jpg) no-repeat left top; } #link { background:url(img/main-img_link.jpg) no-repeat left top; } #renewal { background:url(img/main-img_renewal.jpg) no-repeat left top; } #staff { background:url(img/main-img_staff.jpg) no-repeat left top; } #calendar { background:url(img/main-img_cal.jpg) no-repeat left top; } /*========================================================================= text ========================================================================== */ h3 { font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; font-weight:bold; } /*========================================================================= top ========================================================================== */ #topTopics { width:220px; height:440px; padding:100px 20px 0; overflow:hidden; color:#181818; } #topTopics ul { display:block; width:215px; font-size:12px; border-left:1px dotted #666; } #topTopics li { margin-bottom:5px; padding-left:10px; } #topTopics a { color:#181818; } #topTopics h3 { font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; border-bottom:1px solid #333; line-height:50px; } #topTopics h3.clear { font-size:20px; margin-bottom:10px; border-bottom:1px solid #333; line-height:1.6; } #top_calendar #cal { width: 185px; color: #292929; margin-left: 5px; margin-top: 5px; } #top_calendar #cal table { width: 185px; text-align: center; margin-bottom:10px; } #top_calendar tr.month { height: 20px; text-align: left; font-size: 14px; line-height: 20px; } #top_calendar td { height: 20px; } #top_calendar tr.youbi td { font-size: 12px; height: 16px; color: #333333; } #top_calendar td.today { border: 1px solid #292929; } #top_calendar #cal td.event { background: url(img/top-cal_holiday.png) no-repeat center center; } * html #top_calendar #cal td.event { background: url(img/top-cal_holiday_ie.png) no-repeat center center; } #top_calendar td.sat { color: #404C76; } #top_calendar td.sun { color: #990000; } /*========================================================================= #access ========================================================================== */ #access { width:720px; height:390px; background:url(img/access_bg.jpg) no-repeat left top; padding:10px; position:absolute; color:#FFF; top:40px; left:105px; z-index:99; display:none; /*P.E */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow:2px 2px 2px #000; -moz-box-shadow:2px 2px 2px #000; -webkit-box-shadow:2px 2px 2px #000;} #access h3 { font-size:26px; padding-left:10px; padding-top:15px; color:#FFF; } #access p.left { width:410px; display:block; float:left; margin-top:275px; padding-left:10px; } #access table { width:275px; float:right; border-collapse:collapse; margin-top:25px; border-top:1px solid #999; } #access th { width:85px; text-align:left; font-weight:normal; vertical-align:top; } #access th,#access td { padding:8px 0; vertical-align:top; border-bottom:1px solid #999; } #access a { color: #DCDCDC; } #bg { width:100%; height:100%; background-color:#FFF; position:absolute; z-index:90; top:0; left:0; display:none; } #win { width:800px; height:400px; padding:10px; position:absolute; display:none; top:40px; left:65px; z-index:99; } /*========================================================================= title ========================================================================== */ #about h3, #topics h3, #renewal h3, #menu h3 { text-indent:-9999px; } /*========================================================================= about ========================================================================== */ #about .edit_area { color:#FFF; margin-top:435px; padding-left:20px; text-align:left; } /*========================================================================= topics ========================================================================== */ #topics #section { width:600px; margin:0 auto; } #topics h3 { height:105px; margin-bottom:10px; } #topics dl { width:550px; margin: 10px auto; border-bottom:1px dotted #FFF; clear:both; } #topics dt { width:100px; float:left; padding:10px 0; } #topics dd { width:440px; float:right; padding:10px 0; font-weight:bold; } #topics dl,#topics dl a { color:#FFF; text-decoration:none; } #topics dl a:hover { color:#7F060D; } #topics .post { width:550px; margin:10px auto; color:#FFF; } #topics .post h4 { line-height:2; border-bottom:1px solid #FFF; margin-bottom:10px; font-size:20px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; } #topics .post .date { text-align:right; margin-top:20px; } /*========================================================================= menu ========================================================================== */ #menu #section1 { width:410px; height:540px; float:left; } #menu h3 { width:200px; float:left; } #menu_nav { display:block; width:200px; height:500px; margin-left:200px; border-left:1px solid #6B6C65; padding-top:40px; } #menu_nav li { margin-bottom:5px; font-size:16px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; background:url(img/icon_line.png) no-repeat left center; } #menu_nav li a { color:#333; text-decoration:none; padding:5px; background:url(img/icon_line.png) no-repeat left center; padding-left:15px; display:block; width:170px; } #menu_nav li a:hover { color:#65050D; } #menu #section2 { width:470px; height:540px; overflow:hidden; float:right; border-left:1px solid #6B6C65; } #menu #section2 .box { height:515px; padding-top:25px; } #menu #section2 h4 { line-height:2; margin-bottom:10px; font-size:20px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; background:url(img/icon_line.png) no-repeat left center; padding-left:15px; } #menu #section2 dl { padding-left:15px; clear:both; display:block; width:440px; margin-bottom:15px; font-weight:bold; } #menu #section2 dt { width:370px; float:left; font-size:14px; } #menu #section2 dd { width:70px; float:right; text-align:right; } #menu #section2 span { font-weight:normal; font-size:13px; } /*========================================================================= style ========================================================================== */ #style_wrap { width:870px; height:500px; overflow:hidden; } #style { background:url(img/main-img_style.jpg) no-repeat left top; } /*========================================================================= link ========================================================================== */ #link #section { width:430px; float:right; } #link h3 { text-indent:-9999px; } #link p { margin:70px 0 15px 15px; } #link ul { width:400px; margin: 20px auto 0; } #link ul li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #333; } #link ul li a { color:#333; font-weight:bold; text-decoration:none; padding-right:15px; } #link ul li a:hover { color:#65050D; } /*========================================================================= calendar ========================================================================== */ #calendar { width:810px; height:445px; padding:100px 40px 0; } #calendar #cal { width: 400px; color: #292929; margin-left:0px; margin-top:30px; float:left; } #cal table { width: 400px; margin-bottom: 35px; text-align: center; font-family: "Arial Black", Gadget, sans-serif; } #cal tr.month { height: 30px; font-size: 16px; line-height: 30px; } #cal td { height: 30px; } #cal tr.youbi td { font-size: 14px; height: 30px; color: #333333; } #cal td.today { border: 1px solid #292929; } #cal td.event { background: url(img/top-cal_holiday.png) no-repeat center center; } * html #cal td.event { background: url(img/top-cal_holiday_ie.png) no-repeat center center; } #cal td.sat { color: #404C76; } #cal td.sun { color: #990000; } #calendar h3 { border-bottom:1px solid #333; line-height:35px; } #calendar .edit_area { width:350px; float:right; margin-top:100px; padding:10px; border:1px solid #65050D; } #calendar .edit_area p { margin-bottom:15px; } #calendar .edit_area strong { color:#65050D; } /*========================================================================= staff ========================================================================== */ #staff h3 { text-indent:-9999px; } #staff .edit_area { width:400px; height:320px; padding-top:190px; padding:190px 20px 0; } #staff #okubayashi { float:left; } #staff #ikoma { float:right; } #staff .edit_area p { color:#65050D; font-size:12px; font-family:Verdana, Geneva, sans-serif; } #staff .edit_area h4 { font-size:18px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; border-bottom:1px solid #333; margin-bottom:10px; } #staff .edit_area h4 span { padding-left:15px; font-size:13px; } #staff .edit_area dl { margin-bottom:10px; padding-left:40px; } #staff .edit_area dt { width:80px; float:left; color:#65050D; clear:both; } #staff .edit_area .last { border-bottom:1px dotted #333; } #staff .edit_area .last dt { float:none; } #staff .edit_area .last dd { height:120px; font-size:14px; }