/********************************************************************* /* GLOBAL reset *********************************************************************/ *{margin:0;padding:0;} article,aside,figure,footer,header,hgroup,nav,section{display:block;word-wrap:break-word;} html{overflow-y:scroll;} body{background-color:#ffffff;margin:0px auto;background-image: url("../images/header/background.png");background-repeat: repeat-x;} img{border:0;vertical-align:bottom;} ul{list-style:none;} a{text-decoration:none;} input[type=search]{border:solid 1px #cccccc;padding:3px;margin:0px 0px 0px 20px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;} input[type=search]:focus{background-color:#fffeee;} .clearfix{zoom:1;} .clearfix:after{content:"";display:block;clear:both;} /********************************************************************* /* HEADER *********************************************************************/ /*---------------------------------------------- /* header ----------------------------------------------*/ header{background:#D80C18 url('../images/header/bg_navi.jpg') no-repeat top center;margin:0 auto;text-align:center;width:100%;} #groval{margin:0 auto;padding:10px 0 10px;position:relative;width:1000px; display: inline-block; _display: inline;} #groval ul li{float:left; } #menu_contact{position:absolute;right:0;top:0;} #test { width: 1000px;height: 181px;text-align: center;border: none;background-image: url("../images/header/bg_navi2.jpg"); } #test2 {border: none;width: 180px;} #test3 {border: none;width: 280px;} #test4 { width: 960px; text-align:center;border: none;} #test5 { width: 960px;text-align: center;border: none;} /*---------------------------------------------- /* slideShow ----------------------------------------------*/ #slideShow{background:#D80C18;padding:0 0 20px;text-align:center;overflow:hidden;} /********************************************************************* /* MAIN CONTENT *********************************************************************/ a.mail { text-decoration: underline; color:#00bfff; } a:hover.mail { color: #add8e6; } #font1 { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color: #454545;letter-spacing: 0.2em;font-size: 0.9em; display: inline-block; _display: inline; } #font2 { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color: #00bfff;letter-spacing: 0.2em;font-size: 0.9em; display: inline-block; _display: inline;text-decoration: underline; } #font3 { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color: #454545;letter-spacing: 0.2em;font-size: 0.8em; display: inline-block; _display: inline; } a:hover img.overwhite{ cursor:pointer; filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity:0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ opacity:0.6; zoom:1; } /*---------------------------------------------- /* page_title_area ----------------------------------------------*/ #page_title_area{background:url('../images/bg/page-title-back.jpg') repeat-x 0 bottom;} #page_title_area #top_submenu{margin:0 auto;width:900px;} #page_title_area #top_submenu li{float:left;text-align:center;} #page_title_area #top_submenu li img{vertical-align:bottom;border:1px solid #999999;} #page_title_area .main-frame{clear:both;margin:0 auto;padding:30px 10px 20px 9px;width:980px;} #page_title_area hgroup{float:left;} #page_title_area hgroup h2{font-size:18pt;font-weight:lighter;line-height:0.8em;margin:0 0 10px;display:inline;} #page_title_area hgroup h2 a{color:#333333;} #page_title_area hgroup h2 a span{color:#F5340F;font-size:8pt;font-weight:bold;padding:0 0 0 3px;} #page_title_area aside{float:right;text-align:right;} #page_title_area aside p{font-size:8pt;margin:0 0 10px;} /*---------------------------------------------- /* pankuz ----------------------------------------------*/ #pankuzu{margin:0 auto;padding:20px 0;width:980px;} #pankuzu ul li{background:url('../images/icon/pankuzu.jpg') no-repeat left center;color:#9F9E9E;float:left;font-size:9pt;margin:0 5px 0 0;padding:0 0 0 15px;} #pankuzu ul li a{color:#9F9E9E;} #pankuzu ul li:first-child{background:url('../images/common/pankuzu-home.jpg') no-repeat left center;} #pankuzu strong{font-weight:normal;} /*---------------------------------------------- /* main_contents ----------------------------------------------*/ #main_contents{margin:0 auto;width:1000px;} #main_contents:after{content:"";display:block;clear:both;} #main_contents a{color:#000000;letter-spacing:0.1em;} #main_contents h4.mgn20{margin:0 0 20px;} #main_contents h4.mgn30{margin:0 0 30px;} #main_contents h4.mgn40{margin:0 0 40px;} #main_contents h4 span{border-left:solid 1px #C00;box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;font-size:14pt;font-weight:lighter;margin:0;padding:5px 0 5px 25px;} #main_contents2{margin:0 auto;width:1000px;} #main_contents2:after{content:"";display:block;clear:both;} #main_contents2 a{color: #00bfff;letter-spacing: 0.2em;} #main_contents2 h4.mgn20{margin:0 0 20px;} #main_contents2 h4.mgn30{margin:0 0 30px;} #main_contents2 h4.mgn40{margin:0 0 40px;} #main_contents2 h4 span{border-left:solid 1px #C00;box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;font-size:14pt;font-weight:lighter;margin:0;padding:5px 0 5px 25px;} /*---------------------------------------------- /* left_navi ----------------------------------------------*/ #left_navi{background:url('../images/bg/leftnavi-back.jpg');border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;float:left;padding:15px 10px;margin:0 0 100px;width:210px;} #left_navi a{color:#000000;} #left_navi #navi_title{background:url('../images/bg/leftnavi-title.jpg') no-repeat;color:#FFFFFF;font-size:9pt;padding:15px 25px;} #left_navi .dt-no-link{background:#F5F5F5;border-bottom:solid 1px #B8B8B8;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;padding:10px 10px;} #left_navi .dt-link a{background:#F5F5F5;border-bottom:solid 1px #B8B8B8;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;display:block;padding:10px 10px;} #left_navi .dt-link a:hover{background:#696969;background:linear-gradient(bottom, #000, #696969);background:-moz-linear-gradient(bottom, #000, #696969);background:-ms-linear-gradient(bottom, #000, #696969);background:-o-linear-gradient(bottom, #000, #696969);background:-webkit-linear-gradient(bottom, #000, #696969);color:#FFFFFF;} #left_navi .dt-active a{background:#696969;border-bottom:solid 1px #B8B8B8;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;display:block;padding:10px 10px;background:linear-gradient(bottom, #000, #696969);background:-moz-linear-gradient(bottom, #000, #696969);background:-ms-linear-gradient(bottom, #000, #696969);background:-o-linear-gradient(bottom, #000, #696969);background:-webkit-linear-gradient(bottom, #000, #696969);color:#FFFFFF;} #left_navi .dt-link a:hover strong{border-left:none;padding:10px 10px 10px 13px;} #left_navi .dt-no-link strong,#left_navi .dt-link a strong,#left_navi .dt-active a strong{border-left:solid 3px #CC0B17;display:inline-block;font-size:9pt;font-weight:normal;padding:10px;} #left_navi dd{background:#FFFFFF;border-bottom:1px dotted #B8B8B8;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;} #left_navi dd .active{background:#F0F0F0 url('../images/icon/mini_arrow_on.jpg') no-repeat 5% 50%;} #left_navi dd span{display:inline-block;font-size:8pt;letter-spacing:0;margin:0 0 3px;} #left_navi dd a{background:url('../images/icon/mini_arrow.jpg') no-repeat 5% 50%;display:block;font-size:9pt;padding:10px 0 10px 25px;} #left_navi dd a:hover{background:#F0F0F0 url('../images/icon/mini_arrow_on.jpg') no-repeat 5% 50%;} /*---------------------------------------------- /* textup-parts ----------------------------------------------*/ .textup-parts li{display:inline-block;margin:0 30px 30px 0;vertical-align:top;} .textup-parts img{float:none;margin:0;vertical-align:bottom;padding:0 0 10px;} .textup-parts .textup-frame{margin:0 0 10px;overflow:hidden;position:relative;width:220px;} .textup-parts .textup-frame :hover span{top:95px;} .textup-parts span{background:#000000;color:#FFFFFF;display:inline-block;filter:alpha(opacity=70);font-size:10pt;height:65px;left:0px;letter-spacing:0.1em;line-height:1.3em;opacity:0.8;padding:10px;position:absolute;top:220px;width:200px;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;} .textup-parts .textup-title{font-size:10pt;margin:0;} /********************************************************************* /* FOOTER *********************************************************************/ /*---------------------------------------------- /* ページトップへ戻るボタン設定 ----------------------------------------------*/ #footer_page_navi{clear:both;margin:10px auto 0;padding:10px 0 0;} #footer_page_navi .area{margin:0 auto;vertical-align:bottom;width:1000px;} #footer_page_navi #page_top{float:right;} /*---------------------------------------------- /* footer ----------------------------------------------*/ footer.address{background:#000 url('../images/footer/bg-footer2.gif');font-size:8pt;color:#a2a2a2;margin:0px 0px 0px 0px;width:100%;height:40px;clear:both;} footer.address aside{width:1000px;margin:0px auto;} footer.address a{color:#5A5A5A;} footer.address ul{float:left;padding:10px 0px 10px 0px;} footer.address ul li{border-right:1px solid #5A5A5A;float:left;padding:0 10px 0 0;margin:0 10px 0 0;} footer.address .none{border-right:none;} footer.address small{color:#5A5A5A;float:right;font-size:8pt;padding:10px 0px 10px 0px;}