@charset "utf-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


body { color:#333333; text-align:left; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',"MS P Gothic",osaka,sans-serif; font-size:14px; line-height:0; text-align:justify; text-justify:inter-ideograph;zoom:70%; }

/*  画像をリストで縦に並べた時にできる隙間をなくす  */
img {border:0;vertical-align:top;}
/*  -----  */

#pagetop { background:url("../img/bg_body.jpg") 0 0 repeat-x; }
#wrapper { width:900px; background-color:#fff; overflow:hidden; }
#container { }
#visual { clear:both; width:100%; }

/*  ヘッダー  */
#header { background:url("../img/bg_header.gif") left top no-repeat; width:900px; height:77px; border-top:2px solid #f76b1f; border-bottom:1px solid #ffffff;}
h1#logo { float:left; padding:13px 0 0 15px; }
#headerRightTop { display:none; }
/*  -----  */


/*  ナビ - メインメニュー  */
#navi { display:none }
#navi .mainmenu { float:left; }
#navi .mainmenu a.menu { display: block; }
/*  -----  */

/*  文字のサイズ変更  */
#fontSizeBgTop { display:none;}
#fontSizeTop { display:none; }
#fontButtonTop ul { display:none; }
#fontButtonTop li { display:none; }

#fontSizeBg { display:none; }
#pankuzu { float:left; padding:15px 0 0 18px; _padding:16px 0 0 18px; font-size:11px; line-height:1; height:12px; }
#fontSize { display:none; }
#fontButton ul { display:none; }
#fontButton li { display:none; }
/*  -----  */

#contents { clear:both; line-height:1.6; }

/*  What's New  */
#whatsNew { float:left;width:573px; margin:20px 0 0 0 }
.date { float:left;width:93px; padding:10px 0 0 0; }
.whatsNewTxt { float:right; width:480px; text-align:justify; text-justify:inter-ideograph; padding:10px 0 5px 0; background:url("../img/arrow_orange.gif") left top no-repeat; }
/*  -----  */


/*  Information  */
#information { float:right; margin:20px 0 0 0 }
.informationImg { float:left; width:90px; padding:12px 10px 0 2px; }
.informationTxt { float:left; width:169px; padding:12px 0 10px 0; }
.informationTxt1 { font-weight:bold; padding:0 0 0 0; etter-spacing:0.1em; }
.informationTxt2 { }
/*  -----  */



/*  トピック  */
#topic { }
#topicEco { }
#topic h2 { color:#333;font-size:18px;font-weight:bold;margin:20px 0 20px 9px;letter-spacing:0.1em;line-height:1; }
#topicEco h2 { color:#333;font-size:18px;font-weight:bold;margin:20px 0 20px 9px;letter-spacing:0.1em;line-height:1; }
#topicContents { padding:12px 10px 0 10px; }
#topicContents .read { margin:0 0 20px 0; }

#topic2 { float:left;width:864px; }
#topic2 h2 { background:url("../img/bg_topic.gif") 0 0 repeat-x; height:37px; font-size:14px; font-weight:bold; padding:9px 0 0 9px; }

.topicTxt1 { margin:0 0 14px 0; line-height:2.0; font-size:14px; }
.topicTxt2 { font-weight:bold; padding:5px 0 0 10px; background:url("../img/arrow_orange.gif") left 11px no-repeat; margin-top:1px;font-size:14px; }
.topicTxt2Eco { color:#333;font-size:14px;font-weight:bold;margin:5px 0; }
.topicTxt3 { text-align:justify; text-justify:inter-ideograph;font-size:12px; }
.linkTo3rd { display:inline; float:left; width:190px; margin:25px 29px 0 0; _margin:20px 29px 0 0; }
.linkTo3rdR { display:inline; float:left; width:190px; margin:25px 0 0 0; _margin:20px 0 0 0; }
.linkTo3rd3 { display:inline; float:left; width:350px; margin:25px 29px 0 0; _margin:20px 29px 0 0px; }
.linkTo3rd3R { display:inline; float:left; width:350px; margin:25px 0 0 0; _margin:20px 0 0 0px; }

.copy {padding:5px 0 15px 0;}
/*  -----  */


/*  サイドメニュー　*/
#sideMenu { display:none; }
#sideMenuEco { display:none; }

/*  -----  */


/*  フッター  */
#footer { padding:11px 0 35px 0; _padding:11px 0 14px 0; }
#footerL { }
#privacy { display:none; }
#term { display:none; }
#copyright { float:right; }
/*  -----  */


/* 第3階層　*/
h3 { font-size:16px; font-weight:bold; padding:0 0 10px 0; }
h4 { font-size:14px; font-weight:bold; padding:0 0 0 0; }
h5 { font-size:12px; font-weight:bold; padding:17px 0 10px 0; padding:4px 0 3px 10px; border-top:1px solid #ccc; background-color:#ededed; }
.txtLink { font-size:14px;letter-spacing:0.1em;line-height:2.0; }
.txtLinkEco { font-size:14px;letter-spacing:0.1em;line-height:2.0;color:#42a600; }

.txtLink a:link {color:#f76b1f;}
.txtLink a:visited {color:#f76b1f;}
.txtLink a:hover {color:#f76b1f;}
.txtLink a:active {color:#f76b1f;}

.txtLinkEco a:link {color:#42a600;}
.txtLinkEco a:visited {color:#42a600;}
.txtLinkEco a:hover {color:#42a600;}
.txtLinkEco a:active {color:#42a600;}

.list1 ol {font-size:14px;margin:20px 0 0 25px;}
.list1 li {padding:0 0 5px 0;list-style-type:decimal;line-height:2.0;}
.list2 ol {font-size:14px;margin:20px 0 0 34px;}
.list2 li {padding:0 0 5px 0;list-style-type:decimal;line-height:2.0;}
.list3 ol {font-size:14px;margin:20px 0 0 34px;}
.list3 li {padding:0 0 5px 0;list-style-type:square;line-height:2.0;}

.attention { font-size:12px; }


/* 事業内容 - リニューアル工事　*/
#renewalFlow table {line-height:2.0; margin:0 0 0 0;}
#renewalFlow .bgGray0 {background-color:#eee;}
#renewalFlow .bgGray {background-color:#eee;padding:10px 16px;}
#renewalFlow .arrow {padding:10px;}



/* 実績紹介　*/
.showcase {margin:0;}
.showcase table {}
.showcase td {line-height:2.0;}

.showcaseTxtArea {margin:-5px 0 0 0;}
.showcaseTxtArea .txt {padding:0 0 0 14px}


/* 採用情報 */
#recruit { margin:0; }
#recruit table {border-collapse:collapse;}
#recruit td {border-bottom:2px solid #fff;border-collapse:collapse;text-align:justify;text-justify:inter-ideograph;line-height:2.0;padding:10px 12px;background-color:#ededed;}
#recruit .bgGray { background-color:#ccc;font-weight:bold; }
#recruit textarea, #recruit select, #recruit input {margin:0;padding:0;background-color:#fff;border:1px solid #ccc;overflow:auto;}

#recruit2 { margin:0; }
#recruit2 table {}
#recruit2 td {text-align:justify;text-justify:inter-ideograph;line-height:2.0;background-color:#ededed;}
#recruit2 .txt { padding:9px 15px 8px 15px; }

/* 採用情報 - エントリーフォーム　*/
#form1 table {border:1px solid #bbb;border-collapse:collapse;}
#form1 td {border:1px solid #bbb;border-collapse:collapse;text-align:justify; text-justify:inter-ideograph;line-height:2.0;padding:10px;}
#form1 .bgGray {background-color:#f3f3f3;}
#form1 textarea, #form1 select, #form1 input {margin:0;padding:0 5px 0 5px;background-color:#fff;border:1px solid #ccc;overflow:auto;}

#form2 table {border:1px solid #bbb;border-collapse:collapse;}
#form2 td {border:1px solid #bbb;border-collapse:collapse;padding:20px;text-align:justify; text-justify:inter-ideograph;line-height:2.0;}
#form2 .bgGray {background-color:#f3f3f3;}
#form2 textarea, #form1 select, #form1 input {margin:0;padding:0 5px 0 5px;background-color:#fff;border:1px solid #ccc;overflow:auto;}

/* 採用情報 - 先輩が語る仕事内容　*/
.senior .left {float:left;padding:0 4px 0 5px;margin:0 12px 0 0;background-color:#f76b1f;color:#fff;font-weight:bold;line-height:2.0;font-size:14px;}
.senior .right {float:left;font-weight:bold;text-align:justify;text-justify:inter-ideograph;line-height:2.0;font-size:16px;}
.seniorTxt {clear:both; width:100%;padding:12px 0 0 0;_padding:0 0 0 0;_margin:-13px 0 0 0;}
*:first-child+html .seniorTxt {padding:0 0 0 0;margin:-13px 0 0 0;}

/* 会社情報 - 会社概要　*/
#corporate { margin:0 0 2px 0; }
#corporate table {border-collapse:collapse;}
#corporate td {border-collapse:collapse;text-align:justify;text-justify:inter-ideograph;line-height:2.0;background-color:#ededed;padding:0 12px 0 0;}
#corporate .b{ font-weight:bold;padding:10px 12px; }

/* 環境への取組み  - 株式会社コバックスつくば工場太陽光発電設備工事　*/
.eocology {margin:5px 0 0 0;}
.eocology td { padding:4px 0;}

/* サイトマップ　*/
.sitemap {margin:5px 0 0 0;}
.sitemap td { padding:2px 0;}
.sitemap a:link {color:#f76b1f;}
.sitemap a:visited {color:#f76b1f;}
.sitemap a:hover {color:#f76b1f;text-decoration:underline;}
.sitemap a:active {color:#f76b1f;}

/* お問い合わせ　*/
#agree {margin:10px 0 0 0;height:140px;overflow-y:auto;padding:9px 15px 0 15px;border:1px solid #ccc;width:812px;_width:796px; }
.button { display:none; }
/*  -----  */


.pagetop { display:none; }
.borderDotWhatsNew { clear:both; background:url("../img/border_dot_gray.gif") left bottom repeat-x; height:1px; width:573px; line-height:0; }
.borderDotInformation { clear:both; background:url("../img/border_dot_gray.gif") left bottom repeat-x; height:1px; width:273px; line-height:0; }
.borderDot { clear:both; width:100%; background:url("../img/border_dot_gray.gif") left top repeat-x; height:1px; line-height:0; }
.border1pxTop { clear:both; width:100%; border-bottom:1px solid #dbdbdb; padding:0 0 11px 0; _padding:23px 0 11px 0; line-height:0; }
.border1px { clear:both; width:100%; border-bottom:1px solid #dbdbdb; line-height:0; }
.borderDotSidemenu { background:url("../img/border_dot_gray_sidemenu.gif") left top repeat-x; height:1px; }

a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
a:active {color:#333;text-decoration:none; }

/*  Font Size  */
.txt10 { font-size: 10px; }
.txt12 { font-size: 12px; }
.txt14 { font-size: 14px; }
.txt16 { font-size: 16px; }
/*  -----  */

/*  Font Color  */
.txtRed { color:#ff0000; }
.txtOrange { color:#f76b1f; }
/*  -----  */

/*  Font Weight  */
.b { font-weight: bold; }
/*  -----  */

/*  Float & Clear  */
.fL { float:left; }
.fR { float:right; }
.cB { clear: both; width:1px; height:1px;}
/*  -----  */


/*  Text Align & Valign */
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }

.valignT  { vertical-align: top !important; }
.valignM  { vertical-align: middle !important; }
.valignB  { vertical-align: bottom !important; }
.valignBL { vertical-align: baseline !important; }
/*  -----  */


/*  Margin  */
.mAuto   { margin:0 auto; }

.mt0   { margin-top: 0; }
.mt5   { margin-top: 5px; }
.mt10  { margin-top: 10px; }
.mt15  { margin-top: 15px; }
.mt20  { margin-top: 20px; }
.mt25  { margin-top: 25px; }
.mt30  { margin-top: 30px; }
.mt35  { margin-top: 35px; }
.mt40  { margin-top: 40px; }
.mt45  { margin-top: 45px; }
.mt50  { margin-top: 50px; }
.mt55  { margin-top: 55px; }
.mt60  { margin-top: 60px; }
.mt65  { margin-top: 65px; }
.mt70  { margin-top: 70px; }
.mt75  { margin-top: 75px; }
.mt80  { margin-top: 80px; }
.mt85  { margin-top: 85px; }
.mt90  { margin-top: 90px; }
.mt95  { margin-top: 95px; }
.mt100 { margin-top: 100px; }
.mt105 { margin-top: 105px; }
.mt110 { margin-top: 110px; }

.mr0   { margin-right: 0; }
.mr5   { margin-right: 5px; }
.mr10  { margin-right: 10px; }
.mr15  { margin-right: 15px; }
.mr20  { margin-right: 20px; }
.mr25  { margin-right: 25px; }
.mr30  { margin-right: 30px; }
.mr35  { margin-right: 35px; }
.mr40  { margin-right: 40px; }
.mr45  { margin-right: 45px; }
.mr50  { margin-right: 50px; }
.mr55  { margin-right: 55px; }
.mr60  { margin-right: 60px; }
.mr65  { margin-right: 65px; }
.mr70  { margin-right: 70px; }
.mr75  { margin-right: 75px; }
.mr80  { margin-right: 80px; }
.mr85  { margin-right: 85px; }
.mr90  { margin-right: 90px; }
.mr95  { margin-right: 95px; }
.mr100 { margin-right: 100px; }
.mr105 { margin-right: 105px; }
.mr110 { margin-right: 110px; }

.mb0   { margin-bottom: 0; }
.mb5   { margin-bottom: 5px; }
.mb10  { margin-bottom: 10px; }
.mb15  { margin-bottom: 15px; }
.mb20  { margin-bottom: 20px; }
.mb25  { margin-bottom: 25px; }
.mb30  { margin-bottom: 30px; }
.mb35  { margin-bottom: 35px; }
.mb40  { margin-bottom: 40px; }
.mb45  { margin-bottom: 45px; }
.mb50  { margin-bottom: 50px; }
.mb55  { margin-bottom: 55px; }
.mb60  { margin-bottom: 60px; }
.mb65  { margin-bottom: 65px; }
.mb70  { margin-bottom: 70px; }
.mb75  { margin-bottom: 75px; }
.mb80  { margin-bottom: 80px; }
.mb85  { margin-bottom: 85px; }
.mb90  { margin-bottom: 90px; }
.mb95  { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }
.mb105 { margin-bottom: 105px; }
.mb110 { margin-bottom: 110px; }

.ml0   { margin-left: 0; }
.ml5   { margin-left: 5px; }
.ml10  { margin-left: 10px; }
.ml15  { margin-left: 15px; }
.ml20  { margin-left: 20px; }
.ml25  { margin-left: 25px; }
.ml30  { margin-left: 30px; }
.ml35  { margin-left: 35px; }
.ml40  { margin-left: 40px; }
.ml45  { margin-left: 45px; }
.ml50  { margin-left: 50px; }
.ml55  { margin-left: 55px; }
.ml60  { margin-left: 60px; }
.ml65  { margin-left: 65px; }
.ml70  { margin-left: 70px; }
.ml75  { margin-left: 75px; }
.ml80  { margin-left: 80px; }
.ml85  { margin-left: 85px; }
.ml90  { margin-left: 90px; }
.ml95  { margin-left: 95px; }
.ml100 { margin-left: 100px; }
.ml105 { margin-left: 105px; }
.ml110 { margin-left: 110px; }
/*  -----  */


/*  Padding  */
.pt0   { padding-top: 0; }
.pt5   { padding-top: 5px; }
.pt10  { padding-top: 10px; }
.pt15  { padding-top: 15px; }
.pt20  { padding-top: 20px; }
.pt25  { padding-top: 25px; }
.pt30  { padding-top: 30px; }
.pt35  { padding-top: 35px; }
.pt40  { padding-top: 40px; }
.pt45  { padding-top: 45px; }
.pt50  { padding-top: 50px; }
.pt55  { padding-top: 55px; }
.pt60  { padding-top: 60px; }
.pt65  { padding-top: 65px; }
.pt70  { padding-top: 70px; }
.pt75  { padding-top: 75px; }
.pt80  { padding-top: 80px; }
.pt85  { padding-top: 85px; }
.pt90  { padding-top: 90px; }
.pt95  { padding-top: 95px; }
.pt100 { padding-top: 100px; }
.pt105 { padding-top: 105px; }
.pt110 { padding-top: 110px; }

.pr0   { padding-right: 0; }
.pr5   { padding-right: 5px; }
.pr10  { padding-right: 10px; }
.pr15  { padding-right: 15px; }
.pr20  { padding-right: 20px; }
.pr25  { padding-right: 25px; }
.pr30  { padding-right: 30px; }
.pr35  { padding-right: 35px; }
.pr40  { padding-right: 40px; }
.pr45  { padding-right: 45px; }
.pr50  { padding-right: 50px; }
.pr55  { padding-right: 55px; }
.pr60  { padding-right: 60px; }
.pr65  { padding-right: 65px; }
.pr70  { padding-right: 70px; }
.pr75  { padding-right: 75px; }
.pr80  { padding-right: 80px; }
.pr85  { padding-right: 85px; }
.pr90  { padding-right: 90px; }
.pr95  { padding-right: 95px; }
.pr100 { padding-right: 100px; }
.pt105 { padding-right: 105px; }
.pt110 { padding-right: 110px; }

.pb0   { padding-bottom: 0; }
.pb5   { padding-bottom: 5px; }
.pb10  { padding-bottom: 10px; }
.pb15  { padding-bottom: 15px; }
.pb20  { padding-bottom: 20px; }
.pb25  { padding-bottom: 25px; }
.pb30  { padding-bottom: 30px; }
.pb35  { padding-bottom: 35px; }
.pb40  { padding-bottom: 40px; }
.pb45  { padding-bottom: 45px; }
.pb50  { padding-bottom: 50px; }
.pb55  { padding-bottom: 55px; }
.pb60  { padding-bottom: 60px; }
.pb65  { padding-bottom: 65px; }
.pb70  { padding-bottom: 70px; }
.pb75  { padding-bottom: 75px; }
.pb80  { padding-bottom: 80px; }
.pb85  { padding-bottom: 85px; }
.pb90  { padding-bottom: 90px; }
.pb95  { padding-bottom: 95px; }
.pb100 { padding-bottom: 100px; }
.pb105 { padding-bottom: 105px; }
.pb110 { padding-bottom: 110px; }

.pl0   { padding-left: 0; }
.pl5   { padding-left: 5px; }
.pl10  { padding-left: 10px; }
.pl15  { padding-left: 15px; }
.pl20  { padding-left: 20px; }
.pl25  { padding-left: 25px; }
.pl30  { padding-left: 30px; }
.pl35  { padding-left: 35px; }
.pl40  { padding-left: 40px; }
.pl45  { padding-left: 45px; }
.pl50  { padding-left: 50px; }
.pl55  { padding-left: 55px; }
.pl60  { padding-left: 60px; }
.pl65  { padding-left: 65px; }
.pl70  { padding-left: 70px; }
.pl75  { padding-left: 75px; }
.pl80  { padding-left: 80px; }
.pl85  { padding-left: 85px; }
.pl90  { padding-left: 90px; }
.pl95  { padding-left: 95px; }
.pl100 { padding-left: 100px; }
.pl105 { padding-left: 105px; }
.pl110 { padding-left: 110px; }
/*  -----  */