@import url(common_n.css);
@import url(media.css);
@import url(contents.css);

/*link*/
a:link {
  color: #00c;
  text-decoration: underline;
  }
a:visited {
  color: #00c;
  text-decoration: underline;
  }
a:hover {
  color: #c00;
  text-decoration: none;
  }
/*linknavi*/
a.navi:link {
  color: #008;
  text-decoration: underline;
  }
a.navi_2:link {
  color: #f60;
  font-weight: bold;
  text-decoration: underline;
  }
a.navi:visited {
  color: #008;
  text-decoration: underline;
  }
a.navi_2:visited {
  color: #f60;
  font-weight: bold;
  text-decoration: underline;
  }
a.navi:hover {
  color: #ffa500;
  text-decoration: none;
  }
a.navi_2:hover {
  color: #fd6c48;
  text-decoration: none;
  }
/*linklocalnavi*/
a.lonavi:link {
  color: #008;
  text-decoration: none;
  }
a.lonavi:visited {
  color: #008;
  text-decoration: none;
  }
a.lonavi:hover {
  color: #c00;
  text-decoration: underline;
  }
/*linklocalnavion*/
a.lonavion:link {
  color: #c00;
  font-weight: bold;
  text-decoration: none;
  }
a.lonavion:visited {
  color: #c00;
  font-weight: bold;
  text-decoration: none;
  }
a.lonavion:hover {
  color: #c00;
  font-weight: bold;
  text-decoration: underline;
  }
/*linkinner*/
a.inner:link {
  color: #008;
  font-size: 10px;
  line-height: 16px;
  text-decoration: underline;
  }
a.inner:visited {
  color: #008;
  font-size: 10px;
  line-height: 16px;
  text-decoration: underline;
  }
a.inner:hover {
  color: #ffa500;
  font-size: 10px;
  line-height: 16px;
  text-decoration: none;
  }
/*font*/
.text10 {
  color: #000;
  font-size: 10px;
  line-height: 16px;
  }
.text12 {
  color: #333;
  font-size: 12px;
  line-height: 18px
  }
.text14 {
  color: #000;
  font-size: 14px;
  line-height: 22px;
  }
.text16 {
  color: #000;
  font-size: 16px;
  line-height:  22px;
  }
.uketuke_tel {
  color: #f30;
  line-height: 20px;
  }
.media_title {
  color: #00008c;
  font-size: 24px;
  font-weight: bold;
  padding: 0;
  margin:0 auto;
  line-height: 26px;
  height: 45px;
  }
.media_title_s {
  color: #00008c;
  font-size: 16px;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 20px;
  }
td.text-std {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  }

td.midashi {
  padding: 0 0 0 30px;
  font-size: 12px;
  line-height: 16px;
  }
td.midashi_n {
  padding: 4px 0 4px 20px;
  font-size: 14px;
  line-height: 19px;
  }
td.midashi_n1 {
  padding: 4px 0 4px 20px;
  font-size: 14px;
  line-height: 19px;
  }
/*media*/
table.kyjn {
  border-top: 1px solid #030;
  border-left: 1px solid #030;
  }
td.gou {
  background: #028c9a;
  border-bottom: 1px solid #030;
  border-right: 1px solid #030;
  padding: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  }
td.tit {
  border-bottom: 3px solid #ffa500;
  border-left: 10px solid #ffa500;
  padding: 5px;
  color: #030;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  }
.sp {
  background: #ffa500;
  color: #fff;
  padding: 2px;
  font-weight: bold;
  }
.mg1,.mg2,.mg3,.mg4 {
  border-bottom: 1px solid #030;
  border-right: 1px solid #030;
  padding: 3px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  }
.mg1 {
  border-top: 1px solid #030;
  }
.mg3 {
  border-left: 1px solid #030;
  }
.mg4s{
  border-bottom: 1px solid #030;
  border-right: 1px solid #030;
  padding: 3px;
  color: #333;
  font-size: 10px;
  line-height: 16px;
  }
.mg5 {
  border-bottom: 1px solid #030;
  border-right: 1px solid #030;
  padding: 3px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  }
/*guide*/
.mg1 {
  background: #cfc;
  }
.mg2 {
  background: #ff9;
  }
.mg3 {
  background: #ffc;
  }
.mg4, .mg4s {
  background: #fff;
  }
.mg5 {
  background: #74a802;
  }
.m11 {
  background: #cff;
  border-top: 1px dotted #028c9a;
  border-bottom:1px solid #028c9a;
  border-left: 1px solid #028c9a;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  }
/*corp*/
.sum {
  padding: 3px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  }
/*contact*/
.con {
  padding: 3px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  }
/*recruit*/
.rec1 {
  padding: 5px;
  color: #333;
  font-size: 12px;
  line-height: 18px
  }
.rec2 {
  padding: 5px 10px;
  color: #333;
  font-size: 12px;
  line-height: 18px
  }
/*info*/
.info1 {
  padding: 10px 0;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  }
/*new*/
.new1 {
  padding: 10px 3px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  }
.tb-orange1 {
  background: #ffa500;
  padding: 5px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  }
.tb-green1 {
  background: #028c9a;
  padding: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  }
.tb-line1 {
  background: #028c9a;
  }
.tb-g-line {
  background: #028c9a;
  }
.margin-subsubsect {
  margin-left: 10px;
  }
.margin-subsubsubsect {
  margin-left: 30px;
  }
.point {
  color: #f00;
  font-size: 10px;
  font-weight: bold;
  }
div.so1 {
  padding-left: 10px;
  }
div.so2 {
  padding: 10px;
  }
div.so3 {
  padding-left: 20px;
  }
table.case{
padding:5px;
border:1px dotted #028c9a;
  }

body,td {
  color: #000;
  font-size: 12px;
  line-height: 18px;
/*font-family:ＭＳ Ｐゴシック",Osaka,sans-serif*/
  }
/*フォーム関係*/
body.fo {
  margin: 0;
  background: #fff url("../common/fo_bg.gif") repeat-y 50% 50%;
  text-align: center;
  }
#container_fo {
  width: 560px;
  background: #fff url("../common/fo_bg.gif") repeat-y 50% 50%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  }
#download img {
  border: none;
  }
#downloadpage ul,
#downloadpage li {
  margin: 0;
  padding: 0;
  }
#downloadpage li {
  list-style: none;
  float: left;
  display: inline;
  margin-right: 10px;
  }
pre {
  display: block;
  font: 100% Verdana,Arial,osaka,"ＭＳ Ｐゴシック",sans-selif;
  padding: 10px;
  border: 1px solid #bae2f0;
  background: #e3f4f9;
  margin: .5em 0;
  overflow: auto;
  width: 800px;
  }
#preview {
  position: absolute;
  border: 1px solid #ccc;
  background: #ddd;
  padding: 5px;
  display: none;
  color: #666;
  }
#downloadpage li {
  list-style: none;
  float: left;
  display: inline;
  margin-right: 10px;
  margin-bottom: 5px;
  }
#downloadpage .material {
  padding: 5px;
  border: 1px solid #ffa500;
  }

.bar_tw {
  background: #690;
  border: 1px solid #690;
  margin: 0 0 10px 0;
  padding: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  }
.twarea_line {
  position: relative;
  width: 560px;
  }
.cb1, .cb2, .cb3, .cb4, .cb5, .cb6, .cb7, .cb8, .cb9, .cb10, .cb11, .cb12, .cb13 {
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  width: 260px;
  height: 26px;
  margin-bottom: 5px;
  }
.cb1 {
  background: #f90 url(/images/bar.png);
  }
.cb2 {
  background: #06f url(/images/bar.png);
  }
.cb3 {
  background: #e8b900 url(/images/bar.png);
  }
.cb4 {
  background: #76ae00 url(/images/bar.png);
  }
.cb5 {
  background: #848 url(/images/bar.png);
  }
.cb6 {
  background: #c69 url(/images/bar.png);
  }
.cb7 {
  background: #096 url(/images/bar.png);
  }
.cb8 {
  background: #960 url(/images/bar.png);
  }
.cb9 {
  background: #96f url(/images/bar.png);
  }
.cb10 {
  background: #f66 url(/images/bar.png);
  }
.cb11 {
  background: #0cc url(/images/bar.png);
  }
.cb12 {
  background: #669 url(/images/bar.png);
  }
.cb13 {
  background: #6c6 url(/images/bar.png);
  }
.sidetitle {
  background: #fff;
  border: 1px solid #999;
  width: 158px;
  margin: 5px 0 0 10px;
  }
* html .sidetitle {
  width: 160px;
  margin: 5px 0 0 0;
  }
.sidetitle a {
  display: block;
  text-decoration: none;
  }
.sidetitle a:hover {
  background: #eee;
  }
#key {
  display: none;
  }
* html h1 {
  letter-spacing: -2px;
  }
#maincontents h1 { 
  margin-bottom: 12px;
  }
.se0,se1 {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  display: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  }
.apply a,
.apply a:link,
.apply a:visited {
  display: block;
  margin: 0 0 0 170px;
  width: 198px;
  height: 43px;
  background: url(/common/apply_btn.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  }
.apply a:hover,
.apply a:active {
  background: url(/common/apply_btn.png) 0 -43px no-repeat;
  }
*html .apply {
  }