@charset "shift_jis";

/* ?S??\??
---------------------------------------------------- */
body { margin: 0; padding: 0; color: #333333; background: white url(../images/bg.gif); text-align: center; }
body#new { background: white url(../images/newback.jpg); background-repeat:no-repeat;background-attachment:fixed; }
#wrapper { width: 860px; margin: 0 auto; color: #333333; background-color: transparent; background-image: url(../images/back-body.gif); background-repeat: repeat-y; }
/* ?????N
---------------------------------------------------- */
a:link {
  color: #3366ff;
  background: transparent;
}
img.h1 { margin-top: 30px; }
h1 { margin:0; padding:0;}
h2 {font-size:130%; font-weight:bold;}
h2.tools {margin-top:40px; color:#1a56d8; font-weight:bold; border-bottom:1px solid #1a56d8;}
h2.pub {margin-top:40px; color:green; font-weight:bold; border-bottom:1px solid green;}
h2.coverage {margin-top:40px; color:#4682B4; font-weight:bold; border-bottom:1px solid #4682B4;}
h2.service {border:none;}
h2.to {font-size:100%; margin-top:30px; color:#1a56d8; font-weight:bold; border-bottom:1px solid #1a56d8;}
h2.ar {font-size:100%; margin-top:30px; color:green; font-weight:bold; border-bottom:1px solid green;}
h2.co {font-size:100%; margin-top:30px; color:#4682B4; font-weight:bold; border-bottom:1px solid #4682B4;}
h3 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}
#main { text-align: left; width: 570px; float: left; margin-right: 20px; margin-left: 37px; }
p { color: #222; font-size: 80%; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック"; line-height: 2em; text-align: left; }
p.service { color: #424452; font-size: small; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック"; line-height: 1.5; text-align: left; }
p.seven-j {font-size:110%; margin-top:15px; color:#0b01da; font-weight:bold; border-bottom:1px solid #0b01da; line-height: 1.5; margin-bottom:0;}
p.seven-j-text {line-height:1.2;}
a:visited {
  color: #800080;
  background: transparent;
}
a:hover, a:active {
  color: #ff9933;
  background: transparent;
}
blockquote{
background-color: #fff;
padding: 1em;
border: #544989 1px solid;
border-left: #544989 10px solid;
margin: 3px 30px 3px 0px;
font-size:95%;
font-weight:bold;
line-height:2em;
}
span.stitle {font-size:110%;font-weight:bold; color:#000066;}
span.eye {font-size:120%; color:#ea5700; font-weight:bold;}
span.stripe{
  position: relative;
}

span.stripe:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
span.highlight {
font-size:120%;
background: linear-gradient(transparent 70%, #ffe4b1 70%); }
span.tag {
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #ffe4b1;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}
span.tag:before {
  content: '●';
  color: white;
  margin-right: 8px;
}


/* ?y?[?W?^?C?g??
---------------------------------------------------- */
#header-index  { width:840px; height:350px; margin-right: auto; margin-left: auto; }
#header-index2  { width:840px; height:500px; margin-right: auto; margin-left: auto; }
#header  { width:840px; height: 280px; margin-right: auto; margin-left: auto; }
img.header { margin-top: 30px; }
img.header2 { clear: both; }
.logo { text-align: left; float: left; clear: none; padding-top: 15px; padding-bottom: 3px; padding-left: 10px; }
/* ナビゲーション
---------------------------------------------------- */
#navigation { width: 180px; float: left; margin-top: 30px; padding-left: 30px; list-style: none; }
#navigation ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
#navigation li {
  margin: 0;
  padding: 0;
  width: 180px;
  height: 32px;
  text-indent: -9999px;
}
#navigation li a {
  outline: none medium;
  display: block;
  width: 180px;
  height: 32px;
}
#navigation li#top     {
  background: url(../images/nav_ch.jpg) no-repeat 0 0px;
}
#navigation li#service    {
  background: url(../images/nav_ch.jpg) no-repeat 0 -32px;
}
#navigation li#tools    {
  background: url(../images/nav_ch.jpg) no-repeat 0 -64px;
}
#navigation li#profile  {
  background: url(../images/nav_ch.jpg) no-repeat 0 -96px;
}
#navigation li#pub {
  background: url(../images/nav_ch.jpg) no-repeat 0 -128px;
}
#navigation li#pr {
  background: url(../images/nav_ch.jpg) no-repeat 0 -160px;
}

#navigation li#j {
  background: url(../images/nav_ch.jpg) no-repeat 0 -192px;
}
#navigation li#corp {
  background: url(../images/nav_ch.jpg) no-repeat 0 -224px;
}
#navigation li#pp {
  background: url(../images/nav_ch.jpg) no-repeat 0 -256px;
}
#navigation li#contact {
  background: url(../images/nav_ch.jpg) no-repeat 0 -288px;
}
#navigation li#top a:hover    {
  background: url(../images/nav_ch.jpg) no-repeat -180px 0px;
}
#navigation li#service a:hover    {
  background: url(../images/nav_ch.jpg) no-repeat -180px -32px;
}
#navigation li#tools a:hover    {
  background: url(../images/nav_ch.jpg) no-repeat -180px -64px;
}
#navigation li#profile a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -96px;
}
#navigation li#pub a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -128px;
}
#navigation li#pr a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -160px;
}
#navigation li#j a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -192px;
}
#navigation li#corp a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -224px;
}
#navigation li#pp a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -256px;
}
#navigation li#contact a:hover {
  background: url(../images/nav_ch.jpg) no-repeat -180px -288px;
}
#navigation li#top_static    {
  background: url(../images/nav_ch.jpg) no-repeat -180px 0px;
}
#navigation li#service_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -32px;
}
#navigation li#tools_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -64px;
}
#navigation li#profile_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -96px;
}
#navigation li#pub_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -128px;
}
#navigation li#pr_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -160px;
}
#navigation li#j_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -192px;
}
#navigation li#corp_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -224px;
}
#navigation li#pp_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -256px;
}
#navigation li#contact_static {
  background: url(../images/nav_ch.jpg) no-repeat -180px -288px;
}

#navigation p#sitemap {text-align:left; font-size:70%;}
/* ?t?b?^
---------------------------------------------------- */
#footer { width: 840px; clear: both; }
.menu_large { margin-top: 6px; }
.menu_m { margin-top: 3px; }
.menu_target { margin-top: 9px; }

/* スライドショー
---------------------------------------------------- */
#slideshow {
    position:relative;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}

/* コンテンツ
---------------------------------------------------- */
form {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0.5em 0 1.3em 0;
  border-width: 1px;
  border-color: #726d6b;
  border-style: none none dotted none;
}
fieldset#last {
  border-bottom: none;
}
input, select, textarea { border-style: solid; border-width: 1px; border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94; vertical-align: middle; color: #696969; background: #f1f1ed;}
input.button {
  background: Orange;
  border-color: #dfdfd6 #aaaa94 #aaaa94 #dfdfd6; color: black; 
}
.control {
  display: block;
  margin: 0 0 0 150px;
  padding-top: 0.8em;
  line-height: 2em;
}
.label {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 10px;
  float: left;
  width: 120px;
  line-height: 2em;
}
.label-m {
  clear: left;
  display: block;
  padding-top: 0.8em;
  padding-left: 12px;
  float: left;
  width: 120px;
  line-height: 2em;
}

.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/* 入力部品の幅設定
---------------------------------------------------- */
#mail1, #mail2, #city, #number, #bldg, #comment {
  width: 290px;
}
#pass1, #pass2 {
  width: 180px;
}
#name1, #name2, #name3, #name4, #year, #month, #day {
  width: 70px;
}
#post1, #post2 {
  width: 60px;
}
#state {
  width: 120px;
}
#tel1, #tel2, #tel3, #fax1, #fax2, #fax3 {
  width: 60px;
}


/* 送信ボタン
---------------------------------------------------- */
input#submit {width:140px; border:none;}




td.new {padding-bottom:10px;
	font-size: small; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック"; line-height: 1.5; text-align: left;}

/* 会社概要
---------------------------------------------------- */
td.corp01 {width:150px; font-weight:bold; font-size:90%; line-height:2.5em;}
td.corp02 {width:550px; font-size:90%; line-height:2.5em;}