@import url("button.css");
/*
----------------------------------------------
 jns stylesheet
 Version:  2010.06.11
----------------------------------------------- 
*/
html {
    height: 100%;
}
* {
  padding:0;
  margin:0;
  }

body {
  background-color: #f4f4ff;
/*
  background-image:url(../images/back.gif);
  background-repeat:repeat-x;
*/
  margin: 0 auto;
  font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  font-size:12px;
  color:#666666;
  line-height: 140%;
  letter-spacing:1px;
  height:100%;
}

form{
  margin: 0;
}

.container_center {
  margin: 0 auto;
  }

.container_center_wide {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  }

/*  ƒVƒƒƒhƒE@*/

#shadow_01 {
  background-image:url(../images/shadow_01.gif);
  background-repeat:repeat-y;
  }

#shadow_02 {
  background-image:url(../images/shadow_02.gif);
  background-repeat:repeat-y;
  }

a {
  color:#656565;
  text-decoration: underline;
} 

/* for IE5 Mac hidden start \*/
a {
  overflow:hidden;
}
/*for IE5 Mac hidden end */

a:link {
  color: #656565;
}
a:visited {
  color: #656565;
}

a:hover {
  color: #e3006b;
  text-decoration: underline;
}
a:active {
  color: #ff0000;
}

  
#wrap{
  background:url(../images/contents_back.gif) repeat-y center;
  width:100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -40px;
  }
#wrap_wide{
  background:url(../images/contents_back_wide.gif) repeat-y;
  width:100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -40px;
  }
#container{
  width:770px;
  margin: 0 auto;
  padding:0 4px 40px 5px;
  }

#container_wide{
/*  width:1200px;
  background:url(../images/contents_back_wide.gif) repeat-y #ffffff;*/
  padding:0 4px 40px 5px;
  margin: 0 auto;
  }

#container:after,
#container_wide:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
  
/*ƒwƒbƒ_[*/
  
#header {
  background-image: url(../images/header_back.gif);
  background-repeat:repeat-x;
  }
  
.header_bgcolor01 {
  width:770px;
  height:2px;
  background-color: #08154A;
  }
.header_bgcolor02 {
  width:1200px;
  height:2px;
  background-color: #08154A;
  }
  
/* ƒƒjƒ…[*/
.menu_back {
background-image: url(../images/menu_bar.gif);
  }
  
/*ƒRƒ“ƒeƒ“ƒc*/
  
.contents_padding01 {
  padding: 6px 0 0 6px;
  }
  
.contents_padding02{
  padding:6px 0 1px 0;
  }
  
.contents_padding03 {
  padding: 6px 6px 0 6px;
  }
  
/* what's new */
.what_padding {
  padding: 0 0 1.5px10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height: 130%;
  letter-spacing:0px;
  }
  
.what_padding02{
  padding:6px 3px 6px 0;
  }
  
/*ƒtƒbƒ^[*/  
.foot{
  background-color: #08154A;
  color:#ffffff;
  width:761px;
  height:35px;
  padding:5px 4px 0px 6px;
  margin: 0px auto;
  }

.foot_wide{
  background-color: #08154A;
  color:#ffffff;
  height:35px;
  padding:5px 4px 0px 6px;
  margin: 0 auto;
  }

/*₯•s—v?₯*/
.footer_border {
  background-image:url(../images/border.gif);
  }
  
.fotter_padding01 {
  padding:0 0 0 20px;
  font-family:Arial, Helvetica, sans-serif;
  vertical-align:middle;
  letter-spacing:0;
  }

/*
€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯
’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£

*/

/*@ƒeƒLƒXƒg@*/

.font_10 {
  font-size:10px;
  }

.font_12 {
  font-size:12px;
  margin-top:30px;
  }

.font_14 {
  font-weight:800;
  font-size:16px;
  margin-top:40px;
  }

.font_01 {
  margin-bottom:12px;
  font-weight:bold;
  color: #0D60BE;
  }
  
.font_red {
  color:#cc0000;
  }

.font_blue {
  color:#3333ff;
  }

.font_bold {
  font-weight:800;
  color:#FF9900;
  }

.font_white {
  color:#fff;
  font-size:14px;
  font-weight:600;
  }

.comment {
  background-color:#ff0000;
  color:#ffffff;
  text-align:center;
  border:1px solid #ffffff;
}

.title1 { 
  border-left: 10px #baa7f7 solid;
  border-bottom: 2px #baa7f7 solid;
  clear: both;
  font-size: 116%;
  color:#6666ff;
  padding: 8px;
  margin-right:15px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(rgba(255,255,255,0)));
}

.title2 {
  border-left: 10px #f7a7ba solid;
  border-bottom: 2px #f7a7ba solid;
  clear: both;
  font-size: 116%;
  color:#ff6666;
  padding: 8px;
  margin-right:15px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(rgba(255,255,255,0)));
}

.title_signup { 
  border-left: 10px #baa7f7 solid;
  border-bottom: 2px #baa7f7 solid;
  clear: both;
  font-size: 190%;
  color:#6666ff;
  padding: 8px;
  margin-right:15px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(rgba(255,255,255,0)));
}

.err {
  border:1px solid #cc0000;
  margin:10px 0px 10px 0px;
  padding:20px;
  background-color:#ffeeee;
  text-align:center;
  color:#cc0000;
  font-weight:bold;
}

/*@ƒŠƒ“ƒNƒeƒLƒXƒg@*/
div.main01 a:link,div.main02 a:link,div.main03 a:link,
div.main04 a:link,div.main05 a:link,div.main06 a:link,
div.main09 a:link,div#recruitbox a:link {
  color:#666666;
  /*text-decoration: underline;*/
  } 
div.main01 a:visited,div.main02 a:visited,div.main03 a:visited,
div.main04 a:visited,div.main05 a:visited,div.main06 a:visited,
div.main09 a:visited,div#recruitbox a:visited{
  color: #666666;
  /*text-decoration: underline;*/
  }
div.main01 a:hover,div.main02 a:hover,div.main03 a:hover,
div.main04 a:hover,div.main05 a:hover,div.main06 a:hover,
div.main09 a:hover,div#recruitbox a:hover{
  color: #999999;
  }
div.main01 a:active,div.main02 a:active,div.main03 a:active,
div.main04 a:active,div.main05 a:active,div.main06 a:active,
div.main09 a:active,div#recruitbox a:active {
  color: #999999;
  }

/*@Pƒ^ƒO@*/
.p_01 {
  padding-bottom:20px;
  }
  
.p_02 {
  padding:0 30px 10px 10px;
  }
  
.p_03 {
  padding-bottom:10px;
  }
  
.p_04 {
  padding:20px 0 0 0;
  }
  
.p_05 {
  padding:10px 0 0 0;
  } 
  
.p_06 {
  padding:0 20px 0 20px;
  }
  
.p_07 {
  padding:10px 0 0 0;
  color:#0033FF;
  }
  
.p_08 {
  padding:5px;
  }
  
.p_09 {
  padding-bottom:40px;
  }
.p_10 {
  padding:10px;
  }
    
/*@ƒŠƒXƒg@*/
.ol_01{
  padding:10px 20px 20px 50px;
  }
  
.ol_02 {
  padding-left:30px;
  margin-bottom:10px;
  }
  
.ul_01 {
  padding-left:20px;
  margin-bottom:10px;
  }
  
.ul_02 {
  padding-left:20px;
  }
  
.list_01 {
  padding-left:20px;
  list-style-image:url(../images/header_icon.gif);
  }
  
.list_01 li {
  margin-bottom:5px;
  }

.list_02 {
  padding-left:20px;
  list-style-image:url(../images/maru01.gif);
  margin-bottom:15px;
  }
  
.list_02 li {
  margin-bottom:5px;
  }

.list_03 {
  list-style: none outside;
  margin-bottom:10px;
  }
  
.list_03 li {
  margin:5px;
  }

/*  ƒ}[ƒWƒ“@*/
.margin_01 {
  margin-bottom:12px;
  }
  
.margin_02 {
  margin-bottom:5px;
  }
  
.margin_03 {
  margin-bottom:20px;
  }
  
.margin_04 {
  margin-bottom:15px;
  }
  
.margin_05 {
  margin-top:10px;
  }
  
.margin_06 {
  margin-top:30px;
  }
  
.margin_07 {
  margin:30px 0 30px 0;
  }
  
.margin_08 {
  margin:30px 0 10px 0;
  }
  
/*  ƒpƒfƒBƒ“ƒO@*/
.padding_01 {
  padding-left:20px;
  }
  
.padding_02 {
  padding: 5px 28px 15px 28px;
  }
  
.padding_03 {
  padding:30px 0 0 20px;
  }
  

/*  img@*/
img {
 -ms-interpolation-mode:bicubic;
}

.img_01 {
  float:right;
  margin:0 0 10px 10px;
  }
  
.img_02 {
  float:left;
  margin:0 15px 15px 0;
  }
  
.img_03 {
  float:right;
  padding:10px 40px 10px 0;
  }
  
#img_04 {
  width:290px;
  float:right;
  text-align:right;
  }

/*  ƒtƒ[ƒg@*/
.float_01 {
  float:left;
  }
    
.float_02 {
  float:right;
  }
  
.float_03 {
  float:left;
  padding:0 11px 20px 10px;
  }
  
.float_04 {
  float:left;
  padding-bottom:15px;
  }
  
.float_05 {
  float:right;
  margin_top:30px;
  }
  
/* ƒiƒrƒQ[ƒVƒ‡ƒ“@*/
div#navi {
  width:169px;
  float:left;
  padding: 5px 0 0 5px;
  } 
  
/*  ƒƒCƒ“ƒRƒ“ƒeƒ“ƒc@*/
div.main00 {
  padding:0px;
  }

div.main01 {
  width: 586px;
  height:auto;
  float:right;
  padding:5px 2px 0 0;
  margin-bottom:20px;
  }
div.main01_wide {
  width: 1010px;
  height:auto;
  float:right;
  padding:5px 2px 0 0;
  margin-bottom:20px;
  }
  
div.main02 {
  width:570px;
  height:auto;
  float:right;
  padding:5px 15px 0 0;
  }
  
div.main03 {
  width:570px;
  height:auto;
  float:right;
  margin-bottom:15px;
  }
  
div.main04 {
  width:570px;
  height:auto;
  float:right;
  padding:5px 15px 0 0;
  margin-bottom:15px;
  }
  
div.main05 {
  padding:5px 40px 0px 20px;
  }
  
div.main06 {
  width:760px;
  height:auto;
  padding:0 0px 0px 0px;
  }
  
div.main07 {
  padding:15px 0 15px 20px;
  border-bottom: dotted 1px #0D60BE;
  }
  
div.main08 {
  padding:5px 0 0 20px;
  margin:10px 0 5px 0;
  border-bottom: dotted 1px #0D60BE;
  width:300px;
  }
  
div.main09 {
  padding:0 20px 20px 40px;
  }
div.main10 {
  padding:5px 0px 0px 0px;
  }
div.main11 {
  padding:0 20px 20px 100px;
  }
div.main12 {
  padding:5px 30px 0px 30px;
  }
div.main13 {
  width:530px;
  height:auto;
  float:right;
  padding:5px 15px 0 0;
  }

/*@₯ƒŒƒCƒAƒEƒgƒeƒXƒg—p₯@*/  
div.info {
  width:100%;
  height:auto;
  padding:0 0 10px 0px;
  margin:20px 0 20px 0;
  border: 1px solid gray;
  }
div.info p{padding:5px 0px 0px 10px;}

div.info_red {
  width:100%;
  height:auto;
  padding:10px 0px 10px 0px;
  margin:20px 0 20px 0;
  border:1px solid #cc0000;
  background-color:#ffeeee;
  color:#cc0000;
  }
div.info_red p{padding:5px 0px 0px 10px;}

div.info_yellow {
  width:100%;
  height:auto;
  padding:10px 0px 10px 0px;
  margin:20px 0 20px 0;
  border:1px solid #cccccc;
  background-color:#ffffee;
  }


.box1{
float:right;
width:72%;
height:auto;
}
/*@£ƒŒƒCƒAƒEƒgƒeƒXƒg—p£@*/  


  
/*@ƒRƒ“ƒeƒ“ƒc@*/  
div#topic {
  text-align:left;
  font-size:10px;
  }
  
div#topic_02 {
  text-align:left;
  font-size:10px;
  padding-left:20px;
  }
  
div.dotted_03 {
  width:530px;
  float:right;
  margin-right:20px ;
  margin-bottom:20px;
  border-bottom:dotted 1px #ccc; 
  }

.clear {
  clear:both;
  }

.cl {
  display: inline-block;
}
.cl:after {
  content: "";
  display: block;
  clear: both;
}

/*  ƒe[ƒuƒ‹@*/

.table_back01 {
  background-color:#ccc;
  }
  
.table_back01 td {
  background-color:#ffffff;
  padding: 5px;
  }
  
.table_back02 {
  float: right;
  background-color:#ccc;
  margin-left:20px;
  }
  
.table_back02 td {
  background-color:#E0F8CB;
  padding: 5px;
  }

/* ‰οŽΠŠT—v@*/
table.gaiyou td {
  padding:10px ;
  text-align:left;
  vertical-align:top;
  }
  
table#gaiyou p {
  padding:0 0 10px 0; 
  }
  
table.map td {
  padding:10px 0 0 10px;
  text-align:left;
  vertical-align:top;
  }
  
/*@Μ—pξ•ρ@*/
table.recruit {
  background-color:#CCCCCC;
  }

table.recruit td {
  padding:5px 5px 5px 10px;
  text-align:left;
  vertical-align:top; 
  }
  
.recruit_back {
  background-color:#EDEFF1;
  }
  
.recruit_back02 {
  background-color:#08154A;
  }
  
.recruit_back03 {
  background-color:#ffffff;
  }
  
.recruit_text {
  letter-spacing:0;
  }
  
div#recruitbox {
  width:550px;
  float:right;
  padding:0 30px 30px 0;
  text-align:center;
  }

/*@CTIƒVƒXƒeƒ€@*/

.cti_table {
  background-image:url(../images/solution04_table05.gif);
  background-repeat:repeat-y;
  }
  
/*  Q&A  */
.q_a p {
  margin-bottom:10px;
  }
  
/*  ƒMƒƒƒ‰ƒŠ[@*/
.gallery {
  width:auto;
  margin-top:10px;
  }
  
/*  ‰EƒNƒŠƒbƒN‹ΦŽ~‘΍τ@*/
#iso_back {
  float:right;
  margin:30px 20px 0 10px;
  background-image:url(../images/iso.jpg);
  }

#privacy_back {
  float:right;
  margin:15px 20px 0 20px;
  background-image:url(../images/privacy05.gif);
  background-repeat:no-repeat;
  }

/*@ƒ{[ƒ_[@*/
.border_01 {
  border-top: #CCCCCC solid 2px;
  }
  
.border_02 {
  border-bottom:2px solid #ccc;
  }

.border_03 {
  border-left:2px solid #ccc;
  }
  
.border_04 {
  border-right:2px solid #ccc;
  }

/*@ƒXƒy[ƒX@*/
.space {
  height:100px;
  }
  
/*@Hƒ^ƒO@*/
.h4 {
  line-height:150%;
  letter-spacing:0;
  color:#0D60BE;
  }
.pc_mobile {
  background-image: url(../images/pc_mobile.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}

/*@englishƒy[ƒW‚Φ‚ΜƒŠƒ“ƒN@*/
#to_english a,
#to_english a:active,
#to_english a:visited {
  width: 75px;
  height: 18px;
  background: url(../images/to_english.gif) no-repeat;
  display: block;
  float: right;
  margin: 2px 6px 0 0;
  _margin: 2px 3px 0 0;
  }
  
#to_english a:hover {
  width: 75px;
  height: 18px;
  background: url(../images/to_english_on.gif) no-repeat;
  display: block;
  float: right;
  margin: 2px 6px 0 0;
  _margin: 2px 3px 0 0;
  }
  
#to_english span {
  display: none;
  }
  
  
/*@englishƒy[ƒW‚ΜŽw’θ@*/ 

.english_contents {
  width:690px;
  height:auto;
  padding:0 40px 20px 40px;
  font-family: Arial, Helvetica, sans-serif;
  }

#greeting_box01,
#greeting_box02 {
  width: 100%;
  height: auto;
  margin-bottom:30px;
  color: #000066;
  font-weight: bold;  
  }
  
#greeting_box02 {
  margin:30px 0 0;  
  }

.greeting_h2 {
  height: auto;
  font-size:14px;
  margin-bottom:12px;
  color: #000066;
  border-bottom: 1px solid #000066;
  margin-bottom: 10px;
  clear: both;
  font-family:"Times New Roman", Times, serif;
  }
  
.greeting_p {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  }
  
#greeting_takayama {
  width: 159px;
  height: 207px;
  float:left;
  margin-right: 30px;
  }
  
#greeting_em {
  width:auto;
  height:auto;
  float:right;
  margin: 15px 0;
  display: block;
  font-family:"Times New Roman", Times, serif;
  }
  
#topic_greeting {
  text-align:left;
  font-size:10px;
  padding-left:20px;
  font-family:"Times New Roman", Times, serif;
  }

/*ƒIƒ“ƒ‰ƒCƒ“ƒTƒCƒ“ƒAƒbƒv*/

  .whiteboldtext
  { font-size:12px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    background-color:#9999ff;
    border:solid #D5D5D5 1px;
  }
  .input_text{
    font-size:12px;
    padding: 5px 10px 5px 10px;
    background-color:#ffffff;
    border:solid #D5D5D5 1px;
  }
  .btext
  { font-size: 10pt;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
  }
  .errortext
  { font-size:12px;
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
  }
  .comp_boldtext
  { font-size:12px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    background-color:#cc0000;
  }
  .comp_text{
    font-size:20px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    background-color:#ffcccc;
  }


/*-----090317’Η‰Α-----*/

.service_boxl{
  width:430px;
  float:left;
  }

.service_boxr{
  width:111px;
  float:right;
  }
  
  
.service_img01{
  text-align:center;
  padding:10px 0;
  }
  
.service_title01{
  margin:0 0 15px 0;
  }

.font01{
  font-size:10px;
  }