*{ margin: 0; padding: 0; } img{ border:none; vertical-align:bottom; } body{ color:#FFF; font-size:12px; background-color:#140f0f; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } a { color:#FFF; } a:hover { color:#EEE; } .left{ float:left;} .right{ float:right;} .clear {clear:both;height:0;} .aligncenter { text-align:center; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ #top,#company,#information { padding:100px 0 0; margin:-100px 0 0 !important; } .headerWrapper { background:url(../images/header_bg.png) top left repeat-x; height:177px; width:100%; padding:0; z-index: 100; } .navbar-fixed-top { height:177px !important; } .headerContainer { background:url(../images/head_bg.png) top center no-repeat; height:110px; width:100%; } .header { height:110px; width:1000px; margin:0 auto; padding:0; h1 { margin:0; } h1 a.headLogo { display:block; width:402px; height:89px; padding:0; margin:0; background:url(../images/logo.png) top left no-repeat; span { display:none; } } .headMenu{ margin: 0; } ul { margin:20px 0 0 0; li { display:block;float:left;padding:15px 30px 0 10px; a { display:block; height:40px; font-size:18px; color:#FFF; background:url(../images/sankaku.png) 0 5px no-repeat; padding:0 0 0 20px; } } } .jpqTtl { font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:20px; } } .conceptWrapper { background:url(../images/concept_bg.png) top center repeat-x; .conceptArea { margin:180px auto 0 auto; width:100%;height:810px; background:url(../images/concept_base_bg.png) top center no-repeat; .content { width:1000px; margin:0 auto; .conceptTtl { padding:30px 0 0 0;text-align:center; } .movieArea { margin:44px auto;width:780px;z-index:1;} .zzindex{ z-index:1;} video { margin:0 0 0 30px; } } .messege { padding:5px 50px;color:#555;font-size:14px;font-weight:bold;text-align:center; } } } .movieLead { text-align:center;padding:20px 0 0 0; } .companyWrapper { background:url(../images/h2_wrapper_bg.png) top center repeat-x; margin:50px 0 0 0; } .h2Wrapper { width:900px;margin:0 auto;padding:0 0 20px 0; background:url(../images/h2_bg.png) top center no-repeat; h2 { text-align:center;font-size:24px;padding:58px;color:#FFF; } } .btnCompany{ h3 { display:block; margin:0px auto ; width:607px; height:75px; color:#FFF; font-size:20px; padding:22px 0 0 280px; font-weight:bold; text-shadow: 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px #000; /* Firefox用 */ -webkit-box-shadow: 1px 1px 1px #000; /* Safari,Google Chrome用 */ } h3.unisis { background:url(../images/btn_bg_unisis.png) top left no-repeat; } h3.teshima { background:url(../images/btn_bg_teshima.png) top left no-repeat; } h3.tom { background:url(../images/btn_bg_tom.png) top left no-repeat; } h3.tsubasa { background:url(../images/btn_bg_tsubasa.png) top left no-repeat; } h3.bear { background:url(../images/btn_bg_bear.png) top left no-repeat; } h3.yasui { background:url(../images/btn_bg_yasui.png) top left no-repeat; } p { margin:0 auto 0px auto; padding:15px; line-height:24px; font-size:14px; strong { padding:0 10px 0 0;} } .borderline { padding:4px; } .clmn{ margin:0 auto 30px auto; border:4px solid #FFF; padding:0 0 10px 0; line-height:24px; font-size:14px; color:#000; strong { padding:0 10px 0 0;} .logo { width:250px;padding:5px;background-color:#FFF;border-right:1px solid #CCC;border-bottom:1px solid #CCC; } .c_logo{width:250px;} .cnts{width:580px;margin:0 0 20px 0;padding:10px;} h4 { background-color:#FFF;color:#333;padding:2px 10px;font-size:14px;border-bottom:1px solid #CCC;border-right:1px solid #CCC; } a { color:#333; } a.btn { color:#FFF; } .text { padding:0 10px; } } .unisisBg { background:url(../images/unisis_bg.png) bottom left repeat-x #c0e4ff; } .teshimaBg { background:url(../images/teshima_bg.png) bottom left repeat-x #e2e2e2; } .tomBg { background:url(../images/tom_bg.png) bottom left repeat-x #fba61c; } .bearBg { background:url(../images/bear_bg.png) bottom left repeat-x #a4ffd5; } .tsubasaBg { background:url(../images/tsubasa_bg.png) bottom left repeat-x #f14547; } .yasuiBg { background:url(../images/yasui_bg.png) bottom left repeat-x #039fe8; } } .statement { padding:10px 20px; .photos { background-color:#000;margin:10px 0;padding:5px 20px; } .btnArea { margin:0 auto; } } .infoWrapper { width:840px;margin:0 auto; .info { font-size:16px;border-bottom:1px dotted #CCC;padding:10px; .date { padding:0 0 5px 0; } } } .footerWrapper { width:100%; height:510px; margin:150px 0 0 0; background:url(../images/footer_bg.png) top left repeat-x #FFF; .footer { text-align:center;padding:36px 0 10px 0; .footerLogo { padding:116px 0 20px 0; } } } /*アコーディオン用*/ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; } /* states and images */ .ui-state-hover .ui-icon, .ui-state-focus .ui-icon,.ui-state-active .ui-icon {} /* positioning */ .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } /* jQuery UI Accordion 1.8.11*/ .ui-accordion { width: 885px;margin:0 auto; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; } .ui-accordion-icons .ui-accordion-header a { } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }