@charset "utf-8";

@media print {
  body, #print-footer, .print-title {
    -webkit-print-color-adjust: exact;
  }
}


*{  margin:0; padding:0;}

html,body{
width:100%;
height:100%;
margin:0;
padding:0;
}

body {
  text-align:left;
  font-family: 'SourceHanSansJP-Normal','源ノ角ゴシック',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif, Verdana;
  margin: 0px;
  padding: 0px;
  background: #FFF;
  color:#333;
  font: 13px; /* モダンブラウザ */
  *font-size: small; /* Win IE7およびWin IE6標準準拠モード */
  *font: x-small; /* Win IE 5,5.5,6(後方互換モード) */
  line-height: 1.7;/* base line height */
}

/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

html{
  margin: 0 !important;
  padding:0 !important;}


/* general params--------------------*/
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
  padding: 0;/* margin&padding reset */
  line-height: 1.7;/* base line height */
  text-align: left;
  display: block;
  margin: 0;
  font-weight: normal;
}
table, th ,td {margin : 0; padding: 0; font-weight: normal;}
hr,.areaAnchor,.anchor { display : none; }
img { border: none; vertical-align: bottom;}
li { list-style: none; }/* link do not want a dot */

h1, h2, h3, h4, h5, h6{
  padding: 0;/* margin&padding reset */
  line-height: 1.7;/* base line height */
  text-align: left;
  display: block;
  margin: 0;
  font-weight: normal;
}

bold, strong{
  font-family: "ShsR";
}


/* link setting  */
a,a:link{ color: #1181C4; text-decoration:none;}
a:hover{ color: #EFC100; text-decoration:underline;}



/************************************************************************
  共通
************************************************************************/
/* layout */
.none {display: none;}
.clear { clear: both; line-height: 0;}
.fl { float: left;}
.fr { float: right;}
.ta-l{ text-align: left;}
.ta-c { text-align: center;}
.ta-r { text-align: right;}
.v_top { vertical-align: top;}
.v_bottom { vertical-align: bottom;}
.lh1-3 { line-height: 1.3;}
.lh1-4 { line-height: 1.4;}
.o-h{overflow: hidden;}

/* font */
.bold { font-family: 'SourceHanSansJP-Medium','源ノ角ゴシック',"ヒラギノ角ゴ ProN W6",Verdana;}
.underline {text-decoration: underline;}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* margin */
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt50 { margin-top: 50px;}

.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}

/* padding*/
.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}

.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}

.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}

.pr5 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}

/* color */
.color6 { color: #93daf5; /* お問い合わせ */}
.color5 { color: #ffb5c6; /* 会社概要 */}
.color4 { color: #c5a7e7; /* 入稿 */}
.color3 { color: #66ccc9; /* works */}
.color2 { color: #9bd754; /* 高品質 */}
.color1 { color: #f7c216; /* 理念 */}
.red { color: #da5867; /*あか*/}


/*  clearfix  */
.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{ min-height: 1px;}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/************************************************************************
  header
************************************************************************/
/*プリント用*/
#header, #header-logo, ul.globalnavi {
  display: none;
}

ul.print-gnavi{
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 40px;
}

.print-gnavi li{
  display: inline-block;
  border-bottom: solid 1px #333;
  width: 150px;
  color: #333;
  font-size: 13px;
  padding-bottom: 10px;
}
/*
.print-gnavi{ display: none;}*/

/*ここまで*/



#head-title{
/*  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 40px;*/
  display: none;
}

/*
#head-title{
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  zoom: 1;
  margin-bottom: 25px;
}*/

.print-title{
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 20px 0;
  background-color: #333;
  color: #fff;
}


/************************************************************************
  全体を包むwrapper
************************************************************************/
#wrapper{
  margin: 0 auto;
  max-width: 960px;
  overflow: hidden;
}

/************************************************************************
  main
************************************************************************/

#info{
  width: 420px;
  border: 1px solid #000;
  padding: 25px 30px;
  margin-bottom: 50px;
  float: left;
}

#feed{
  height: 250px;
  overflow: auto;
}

#info h2{
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
}

.bxslider-div{
  margin-bottom: 30px;
}

div.feed{
  width: 100%;
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid #b6b5ae;
  font-size: 17px;
}

#calendar{
  width: 410px;
  height: 335px;
  border: 1px solid #000;
  padding: 20px;
  margin-bottom: 50px;
  float: right;
}

.contact-l{
  width: 560px;
  float: left;
  overflow: hidden;
}

.contact-r{
  text-align: right;
  width:390px;
  float: right;
  overflow: hidden;
}

#top-contact-title{
  margin-bottom: 20px;
}

/************************************
  footer
************************************/

#footer, #thanks-footer{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  clear: both;
  background-color: #333;
  color: #fff;
  margin-top: 20px;
}

#footer-inner{
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
}

#footer-l, #footer-r{
  display: none;
}

ul#print-footer{
  margin: 0 auto;
  width: 90%;
  display: block;
  clear: both;
  margin: 0 auto;
  text-align: center;
  background-color: #333;
  color: #fff;
  font-size: 0;
  
}

#print-footer li{
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 13px;
  width: 45%;
}

#copyright{
  clear: both;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin: 20px 0;
  text-align: center;
}


/************************************
  全ページ共通
************************************/

/* みだし */
.subtitle-all{
  max-width:100%;
  text-align: center;
  margin: 0 auto; 
}

.title{
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.title-img{ 
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
  text-align: center;
}

.title6{ border-bottom: 1px dotted #93daf5; /* お問い合わせ */}
.title5{ border-bottom: 1px dotted #ffb5c6; /* 会社概要 */}
.title4{ border-bottom: 1px dotted #c5a7e7; /* 入稿 */}
.title3{ border-bottom: 1px dotted #66ccc9; /* works */}
.title2{ border-bottom: 1px dotted #9bd754; /* 高品質 */}
.title1{ border-bottom: 1px dotted #f7c216; /* 理念 */}

.subtitle{ 
  margin-bottom: 5px;
  font-size: 17px;
  padding-left: 10px;
}

.sub6{ border-left: 8px solid #93daf5; /* お問い合わせ */}
.sub5{ border-left: 8px solid #ffb5c6; /* 会社概要 */}
.sub4{ border-left: 8px solid #c5a7e7; /* 入稿 */}
.sub3{ border-left: 8px solid #66ccc9; /* works */}
.sub2{ border-left: 8px solid #9bd754; /* 高品質 */}
.sub1{ border-left: 8px solid #f7c216; /* 理念 */}

ul.contents{ margin: 30px 0 50px 0;}
ul.contents li{
  display: inline-block;
  border-right:1px solid #888;
  padding: 0 10px;
}
li.first{ padding-left: 0px !important;}
li.last{
  padding-right: 0px !important;
  border-right: none !important;
}

.list li{
  list-style: disc inside !important;
}

/************************************
  お問い合わせ
************************************/

#formWrap {
  max-width:960px;
  margin:0 auto;
  color:#555;
  line-height:120%;
  font-size:90%;
}

#formWrap h3{
  text-align: center;
  margin-top: 30px;
}

#mailerror{
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}


p.error_messe{
  margin:5px 0;
  color:red;
}

table.formTable{
  width:100%;
  margin:0 auto;
  border-collapse:collapse;
}

table.formTable td, table.formTable th{
  border:1px solid #888;
  padding:15px;
  font-size: 16px;
  vertical-align: top;
  line-height: 1.7;
}

table.formTable th{
  width:25%;
  background:#efefef;
  text-align:left;
  font-weight: normal;
}

p.submit{
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}

p.submit input{
  font-size: 17px;
  padding: 10px;
  margin: 0 10px;
  display: inline-block;
}

.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
  padding: 15px;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);

  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.button:hover {
  text-decoration: none;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.button:active {
  position: relative;
  top: 1px;
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.btn-reset:hover{
  color: #fae7e9;
  border: solid 1px #b73948;
  background: #da5867;
  background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
  background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}

.btn-submit:hover{
  color: #d9eef7;
  background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
  background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
  background-color:#63b8ee;
}


input, textarea, option{
  border:1px solid #777;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  font-size: 13px;
}

.select-box {
  background: #FFF;
  border: 1px solid #555;
  border-radius: 5px;
  font-size: 15px;
  text-align: left;
  height: 35px;
}

textarea:focus, input:focus{
  background: #fff;
  font-size: 14px;
}


/*----- お問い合わせthanksフッター下部設定 -----*/

#all{
    position: relative;      /* フッター位置指定のための基準設定をフッターの親に */
    min-height: 100%;        /* 全部囲ってるdiv#containerは、”最低でも”高さ100%に */
    height: auto !important; /* IE6はmin-height使えない */
    height: 100%
}

#thanks{
    padding-bottom:178px; /* フッターの高さ分空ける */
    margin: 0 auto;
    width: 960px;
}
#thanks-footer{
    position: absolute;  /* フッターを絶対配置に指定する設定 */
    bottom: 0;           /* フッターを一番下に置く */
    width: 100%
    height: 178px;        /* フッターの高さ */
}

/************************************
  入稿
************************************/
.soft-table{
  width: 500px;
}
.soft-table th{
  padding: 5px 5px 5px 0;
  width: 130px;
}
.soft-table td{
  padding: 5px;
}

.soft-table th, .soft-table td{
  border-bottom: 1px dashed #555;
}

.totop{
  text-align: right;
  margin-bottom: 20px;
  font-size: 13px;
}

.apptitle{
  font-size: 19px;
  color:#c5a7e7;
  padding: 10px; 
  text-align: left; 
}


/************************************
  理念
************************************/

.greeting{
  /*width: 850px;*/
  margin-top: 55px;
}

/*
.greeting-l{
  float: left;
  width: 425px;
}

.greeting-r{
  float: right;
  width: 425px;
  text-align: right;
}*/

.greeting-inner{
  margin: 0 auto;
  text-align: center;
  width: 350px;
}

.greeting-bottom{
  clear: both;
  width: 100%;
  padding: 50px 0 10px 0;
  text-align: center;
}

.greeting div{
  text-align: left;
  margin: 0 auto;
  width: 760px;}

.greeting h2{
  margin: 0 auto;
  padding: 0;
  margin-top: 50px;
  width: 740px;
  text-align: right;
}



/************************************
  高品質
************************************/
.quality_box{
  width: 960px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px dotted #9bd754;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.q_left{
  float: left;
  width: 400px;
  text-align: left;
}

.q_left h2{
  font-size: 110%;
  font-weight: bold;
}

.q_right{
  float: right;
  text-align: left;
}


/************************************
  会社概要
************************************/
.company_all{
  width: 960px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
  overflow: hidden;
}

.company-table{
  width: 470px;
  float: left;
  text-align: left;
}

.company-table th, .history-table th{
  width: 110px;
}

.company-table td, .history-table td{
  width: 360px;
}

.company-table th, .company-table td,
.history-table th, .history-table td{
  border-bottom: 1px dashed #555;
  padding: 5px;
}

.history-table th{
  vertical-align: top
}

.equipment-l{
  float: left;
  width: 470px;
}

.equipment-l h3{
  padding-top: 10px;
  font-size: 90%;
  font-weight: bold;
}

/************************************
  works
************************************/
.work-lead{
  max-width: 960px;
  text-align: center;
  margin-bottom: 60px;
}

.works_box{
  width: 958px;
  border:1px solid #66ccc9;
  overflow: hidden;
  height: auto;
}


.work-l{ float: left; }
.work-r{ float: right; }

.work-arrow{
  width: 100%;
  text-align: center;
  margin: 30px;
}

.w01, .w02, .w03, .w04{
  background-color: #66ccc9;
}

.w01{
  height: 85px;
  /*width: 311px;*/
  width: 100%;
  padding: 20px 0 0 35px;
}

.w01p{
  width: 325px;
  /*margin: 0 auto;*/
  padding: 15px 10px 10px 20px;
  float: left;
}

.work-contact{
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
  display: block;
}

.w02{
  width: 150px;
  text-align: center;
  padding: 15px 15px 0 0;
  height: 100%;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}

.w02p{
  float: left;
  width: 760px;
  padding: 0px 0 15px 15px;
}

.w03{
  width: 410px;
  height: 120px;
}

.w03 img{
  padding: 15px 0 0 20px;
}

.w03p{
  float: right;
  width: 380px;
  padding: 10px 15px 0 20px;
}

.w03-img{
  padding: 20px;
}

.w04{
  width: 170px;
  text-align: center;
  padding: 15px 15px 0 0;
  height: 100%;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}

.w04-left{
  float: left;
  width: 750px;
}

.w04p{
  float: left;
  width: 250px;
  padding: 15px 0 0 15px;
}

.w04-img{
  padding:20px 0;
  float: right;
}

.progress{
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.work-ex-all{
  text-align: center;
  margin-top: 50px;
}

.work-ex{
  width: 100%;
  border-top: 1px solid #66ccc9;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 40px;
}

.ex-left{
  overflow: hidden;
  float: left;
}

.ex-left dl{
  overflow: hidden;
  margin: 0 0 15px 0;
  width: 530px;
}

.ex-left dt, .ex-left dd{
  border-bottom: 1px dotted #66ccc9;
  float: left;
  margin: 0;
}

.ex-left dt{
  width: 120px;
  text-align: center;
  margin-right: 20px;
}

.ex-left dd{
  width: 390px;
}

.ex-discription{
  clear: both;
  width: 530px;
  overflow: hidden;
}

.ex-right{
  float: right;
  width: 400px;
  text-align: center;
}



/************************************
  404
************************************/

#notfound{
  margin: 30px 0;
}

#notfound h1, #notfound h2, #notfound h3{
  color:#3494d1;
}

#goog-fixurl h3{
  display: none;
}

.sorry{
  margin-top: 20px;
}



/* Widget content container */
   #goog-wm { }

    /* Heading for "Closest match"*/
   #goog-wm h3.closest-match { }

    /* "Closest match" link*/
   #goog-wm h3.closest-match a { }

    /* Heading for "Other things" */
   #goog-wm h3.other-things { }

    /* "Other things" list item */
   #goog-wm ul li { }

    /* Site search box */
   #goog-wm li.search-goog { display: list-item; }

a.button404, #goog-wm-sb{
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-sizze: 14px;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  color: #FFF;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.button404:hover, #goog-wm-sb:hover{
  color: #fff;
  text-decoration: none;
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.button404:active {
  position: relative;
  top: 1px;
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}