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

body {
  /*”wŒiF*/
  background-color: #f0f0f0;
  /*₯”wŒi‚π‰ζ‘œ‚Ι‚·‚ικ‡*/
/*background-image:url(../images/back.gif);
  background-repeat:repeat-x;
*/
  margin: 0 auto;
  font: normal 12px 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/

  color:#666666;
  line-height: 140%;
  letter-spacing:1px;
  height:100%;
}

form{
  margin: 0;
}
ul {
  list-style: none;
}

table caption{-moz-border-radius:.3em;border-radius:.3em;}
table th{-moz-border-radius:.3em;border-radius:.3em;}
table td{-moz-border-radius:.3em;border-radius:.3em;}

.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_navi{
  background:url(../images/contents_back_navi.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-color:#fff;
  }
  
#header .logo {
float:left;
  }
#header .name {
float:left;padding-left:10px;
  }
#header .navi {
float:right;
  }
  
/* ƒƒjƒ…[*/
.menu_back {
  background-image: url(../images/menu_bar.gif);
  }
.menu_bk{background-color:#b7c0b6;padding:2px 0;}
  
/*ƒ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{
  /*₯ƒtƒbƒ^[‚Μ”wŒiF*/
  background-color: #b7c0b6;
  color:#ffffff;
  width:761px;
  height:35px;
  padding:5px 4px 0px 6px;
  margin: 0px auto;
  }

.foot_wide{
  background-color: #b7c0b6;
  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;
  }
/*cart*/
.basket{
  border: #cc0000 1px solid;
  padding:9px 2px 10px 34px;
  margin:5px 10px 5px 5px;
  color:#666;
  background:#fff url(../images/cart.png) no-repeat 3px 4px;
  -moz-border-radius: .3em;
  border-radius: .3em;
}
.cart_num{
  color:#cc0000;
  font-weight:bold;
}


/*“ό‹ΰξ•ρ*/
.pay_info{
  color:#cc0000;
  padding:3px 5px;
  margin:5px 15px 5px 10px;
  border-color:#fbb7b7;
  border-width:7px 1px 1px 1px;
  border-style:solid;
  background:#ffefef;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

/*‰οˆυŒό‚―ξ•ρ*/
.kaiin_info{
  color:#000;
  padding:3px 5px;
  margin:5px 15px 5px 10px;
  border-color:#bfbdbd;
  border-width:7px 1px 1px 1px;
  border-style:solid;
  background:#f1f1f1;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

/*ΕVŽΐΡξ•ρ*/
.jisseki_box{
  border:1px solid #666;
  margin:5px 14px 5px 7px;
  padding:5px;
  background-color:#e2eace;
  -moz-border-radius: .3em;
  border-radius: .3em;
  background:#d0ddb0;
  background: -webkit-gradient(linear, left top, left bottom, from(#e2eace), to(#d0ddb0) );
  background: -moz-linear-gradient(-90deg, #e2eace, #d0ddb0);
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e2eace',endColorstr='#d0ddb0');
}
.jisseki_box div{padding:1px;}
.jisseki_datetime{border-bottom: 1px dashed #666;font-weight:bold;}
.jisseki_state{border-top: 1px dashed #666;color:#c00;font-weight:bold;}
.jisseki_comment{font-size:x-small;text-align:center;}
/*
€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯€₯
’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£’£

*/

/*@ƒ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;
  }

.ft_red_b {
  font-weight:bold;
  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 #6ebca8 solid;
  border-bottom: 2px #6ebca8 solid;
  clear: both;
  font-size: 116%;
  color:#61b4a5;
  padding: 8px;
  margin-right:15px;
  background: #ffffff;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#f4fbfa), 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 #6ebca8 solid;
  border-bottom: 2px #6ebca8 solid;
  clear: both;
  font-size: 190%;
  color:#61b4a5;
  padding: 8px;
  margin-right:15px;
  background: #ffffff;
  width:40%;
}

.navi_title{
  clear:both;
  padding:5px;
  margin-right:5px;
  border-width:1px 3px 0 3px;
  border-color: #8dcbb9;
  border-style:solid;
  color:#fff;
  line-height:140%;
  font-weight:bold;
  background: #6ebca8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4fbfa), to(#6ebca8) );
  background: -moz-linear-gradient(-90deg, #f4fbfa, #6ebca8);
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4fbfa', endColorstr='#6ebca8');
  -moz-border-radius: .3em;
  border-radius: .3em;
}

.conframe {
  border:2px solid #cccc00;
  margin:10px 0px 10px 0px;
  padding:20px;
  background-color:#ffffee;
  text-align:left;
  color:#666;
  font-weight:bold;
}

.conf_s {
  border:2px solid #6ebca8;
  margin:0px;
  padding:0px;
  background-color:#fff;
  text-align:center;
  color:#6ebca8;
  font-weight:bold;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

.err {
  border:2px solid #cc0000;
  margin:10px 0px 10px 0px;
  padding:20px;
  background-color:#ffeeee;
  text-align:left;
  color:#cc0000;
  font-weight:bold;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

.err_s {
  border:2px solid #cc0000;
  margin:0px;
  padding:0px;
  background-color:#ffeeee;
  text-align:center;
  color:#cc0000;
  font-weight:bold;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

/*@ƒŠƒ“ƒ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:#666;
  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: #666;
  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;
border: none;
vertical-align:bottom;
}

.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:10px;
  }
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 {
  padding:20px 20px 20px 40px;
  }
/*@₯ƒŒƒCƒAƒEƒgƒeƒXƒg—p₯@*/  
div.info {
  /*width:100%;*/
  height:auto;
  padding:5px 5px 10px 5px;
  margin:20px 0 20px 0;
  border: 1px solid gray;
  -moz-border-radius: .3em;
  border-radius: .3em;
  }
div.info p{padding:5px 5px 0px 10px;}
div.info .title{padding:5px;background-color:#eaecd2;}
div.info .chiku{margin:2px;padding:2px;background-color:#eaecd2;color:#666;text-align:center;border: 1px solid gray;}
div.info .info_date{padding:5px 0 0 10px;float:left;}
div.info .info_syousai{padding: 5px 0 0 100px;}
div.info .event_syousai{padding: 5px 0 0 80px;}
div.info li {padding: 0 5px 0 5px;float: left;list-style-type: none;}

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;
  -moz-border-radius: .3em;
  border-radius: .3em;
  }
div.info_red p{padding:5px 0px 0px 10px;}

div.info_yellow {
  height:auto;
  padding:10px 0px 10px 0px;
  margin:20px 0 20px 0;
  border:1px solid #cccccc;
  background-color:#ffffee;
  -moz-border-radius: .3em;
  border-radius: .3em;
  }

div.info_d_yellow {
  height:auto;
  padding:10px 0px 10px 0px;
  margin:20px 0 20px 0;
  border:1px solid #6666  ;
  background-color:#cccc00;
  color:#000000;
  -moz-border-radius: .3em;
  border-radius: .3em;
  }

div.info_blue {
  height:auto;
  padding:10px 0px 10px 0px;
  margin:20px 0 20px 0;
  border:1px solid #9999ff;
  background-color:#ccccff;
  color:#000000;
  -moz-border-radius: .3em;
  border-radius: .3em;
  }

.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;
  margin-bottom:5px;
  }
  
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;
  display:block;
  visibility:hidden;
  }

.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:#b3dbd4;
    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;
  }
  .errortext-l
  {
    font-size: 16px;
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
  }
  { 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;
  }

/*-----161004’Η‰Α-----*/

div.inputDesign p{
  padding:0px 10px;
}

div.inputDesign input[type=radio] {
  display: none;
}

div.inputDesign .radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 10px;
  padding: 20px 30px 20px 40px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #6ebca8;
}
div.inputDesign .radio:hover {
  background-color: #b3dbd4;
}
div.inputDesign .radio:hover:after {
  border-color: #6ebca8;
}
div.inputDesign .radio:after {
  -webkit-transition: border-color 0.2s #6ebca8;
  transition: border-color 0.2s #6ebca8;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

div.inputDesign .radio:before {
  -webkit-transition: opacity 0.2s #6ebca8;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #6ebca8;
  content: '';
  opacity: 0;
}
div.inputDesign input[type=radio]:checked + .radio:before {
  opacity: 1;
}
div.inputDesign h3{
      background-color: #b3dbd4;
      color: black;
      padding: 0.5em 1.5em;
      margin-bottom:10px;
}
.zaiko_num{color:#cc0000;text-align: left; font-size: larger; font-weight: bold;}