@charset "UTF-8";

/***************************otameshi***************************/

#otameshi #wrapper {
  background: url(../new-img/otameshi/headBg.jpg) repeat-x;
  _height: 1%;
}

#otameshi #head {
  background: url(../new-img/otameshi/headBg.jpg) repeat-x;
  height: 98px;
  margin: 0 auto;
}

#otameshi #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 50px 0 10px;
  position: relative;
}

#otameshi #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#otameshi #topicPath a {
  color: #000;
  text-decoration: underline;
}

#otameshi #topicPath a:hover {
  text-decoration: none;
}

#otameshi .sectionH3 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
}

#otameshi .sectionH3 .h3cont {
  background: url(../new-img/otameshi/bg01.jpg) no-repeat 0 0;
  padding: 620px 38px 30px;
  position: relative;
}

#otameshi .sectionH3 h2 {
  position: absolute;
  top: 22px;
  right: 35px;
}

#otameshi .sectionH3 #headBtn {
  position: absolute;
  top: 477px;
  right: 68px;
}

#otameshi .sectionH3 .sectionH4 {
  background: url(../new-img/otameshi/h4bg01.jpg) no-repeat 0 100%;
  margin: 0 0 20px;
}

#otameshi .sectionH3 .sectionH4 .h4cont {
  background: url(../new-img/otameshi/h4bg02.jpg) no-repeat 0 0;
  padding: 100px 30px 30px;
  position: relative;
}

#otameshi .sectionH3 .sectionH4 .h4cont h4 {
  position: absolute;
  top: 5px;
  left: -3px;
}

#otameshi .sectionH3 .sectionH4 .h4cont2:before,
#otameshi .sectionH3 .sectionH4 .h4cont2:after {
  content: '';
  display: table;
}

#otameshi .sectionH3 .sectionH4 .h4cont2:after {
  clear: both;
}

#otameshi .sectionH3 .sectionH4 .h4cont2 {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 30px;
  padding: 0 0 30px;
  zoom: 1; /* For IE 6/7 */
}

#otameshi .sectionH3 .sectionH4 .h4cont2.note {
  border: none;
  margin: 0;
  padding: 0;
}

#otameshi .sectionH3 .sectionH4 .h4cont2 .pict {
  float: right;
}

#otameshi .sectionH3 .sectionH4 .h4cont2 dl {
  float: left;
  width: 570px;
}

#otameshi .sectionH3 .sectionH4 .h4cont2 dl dt {
  margin: 0 0 20px;
}

#otameshi .sectionH3 .sectionH4 .h4cont2 dl dd {
  font-size: 120%;
  line-height: 180%;
}

#otameshi .sectionH3 #h402 {
  background: url(../new-img/otameshi/h402bg01.jpg) no-repeat 0 100%;
}

#otameshi .sectionH3 #h402 .h4cont:before,
#otameshi .sectionH3 #h402 .h4cont:after {
  content: '';
  display: table;
}

#otameshi .sectionH3 #h402 .h4cont:after {
  clear: both;
}

#otameshi .sectionH3 #h402 .h4cont {
  background: url(../new-img/otameshi/h402bg02.jpg) no-repeat 0 0;
  padding: 75px 30px 30px;
  zoom: 1; /* For IE 6/7 */
}

#otameshi .sectionH3 #h402 h4 {
  top: 1px;
  left: 20px;
}

#otameshi .sectionH3 #h402 .pict {
  float: left;
}

#otameshi .sectionH3 #h402 p {
  float: right;
  font-size: 120%;
  line-height: 180%;
  width: 515px;
}

#otameshi .sectionH3 dl.btn {
  margin: 0 0 20px -2px;
  position: relative;
}

#otameshi .sectionH3 dl.btn.last {
  margin: 0 0 0 -2px;
}

#otameshi .sectionH3 dl.btn dd {
  position: absolute;
  top: 235px;
  right: 20px;
}

#otameshi .sectionH3 #h403 .h4cont2 .pict {
  float: left;
}

#otameshi .sectionH3 #h403 .h4cont2 dl {
  float: right;
  padding: 10px 0 0;
  width: 650px;
}

#otameshi .sectionH3 #h403 .h4cont2 dl dt {
  background: url(../new-img/otameshi/h403dt.jpg) no-repeat 0 0;
  color: #00347b;
  font-weight: bold;
  font-size: 130%;
  margin: 0 0 5px;
  padding: 0 0 0 30px;
}

#otameshi .sectionH3 #h403 .h4cont2 dl dd {
  margin: 0;
}

#otameshi .sectionH3 #h403 .h4cont2 dl dd.name {
  font-size: 100%;
  margin: 0 0 10px;
}

/***************************news***************************/

#news #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
  position: relative;
}

#news #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#news #topicPath a {
  color: #000;
  text-decoration: underline;
}

#news #topicPath a:hover {
  text-decoration: none;
}

#news h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 87px;
  _height: 152px;
  padding: 65px 0 0 10px;
}

#news .sectionH3,
#news #newsWrap {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  zoom: 1;
}

#news .sectionH3 .h3cont,
#news #newsWrap #newsCont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
  padding: 30px 30px 30px;
}

#news .sectionH3 h3 {
  margin: 0 0 20px;
}

#news .sectionH3 .h3cont dl#newsList {
  margin: 0 0 20px;
}

#news .sectionH3 .h3cont dl#newsList dt {
  color: #666;
  font-size: 85%;
  margin: 0 0 5px;
}

#news .sectionH3 .h3cont dl#newsList dd {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 15px;
  padding: 0 0 10px;
}

#news .sectionH3 .h3cont .pager {
  text-align: right;
}

#news .sectionH3 .h3cont .pager a {
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
  padding: 3px 5px;
}

#news .sectionH3 .h3cont .pager a.c {
  background: #00357c;
  border: 1px solid #00357c;
  color: #fff;
}

#news .sectionH3 .h3cont .date {
  color: #666;
  font-size: 85%;
  margin: 0 0 5px;
}

#news .sectionH3 .h3cont h3 {
  color: #00347b;
  font-size: 210%;
  font-weight: bold;
  margin: 0 0 20px;
}

#news .sectionH3 .h3cont p {
  margin: 0 0 20px;
}

/***************************newsAdd***************************/

#news #newsWrap #newsCont:before,
#news #newsWrap #newsCont:after {
  content: '';
  display: table;
}

#news #newsWrap #newsCont:after {
  clear: both;
}

#news #newsWrap #newsCont {
  padding: 30px 30px 30px 0;
  zoom: 1; /* For IE 6/7 */
}

#news #newsWrap #newsCont #newsArea {
  border-right: 1px solid #ccc;
  float: left;
  padding: 0 29px 0 40px;
  width: 600px;
  _width: 670px;
}

#news #newsWrap #newsCont #sideArea {
  float: right;
  margin: 0 10px 0 0;
  width: 240px;
}

#news #newsWrap #newsCont #newsArea h2 {
  color: #00347b;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 8px;
  min-height: 1px;
  _height: auto;
  padding: 0;
}

#news #newsWrap #newsCont #newsArea .date {
  background: url(../new-img/news/border01.gif) no-repeat 0 100%;
  color: #666;
  margin: 0 0 10px;
  padding: 0 0 10px;
  text-align: right;
}

#news #newsWrap #newsCont .socialArea:before,
#news #newsWrap #newsCont .socialArea:after {
  content: '';
  display: table;
}

#news #newsWrap #newsCont .socialArea:after {
  clear: both;
}

#news #newsWrap #newsCont .socialArea {
  clear: both;
  margin: 0 0 40px;
  zoom: 1; /* For IE 6/7 */
}

#news #newsWrap #newsCont .socialArea.top {
  padding: 0 0 0 205px;
}

*:first-child + html #news #newsWrap #newsCont .socialArea.top {
  padding: 0 0 0 325px;
}

#news #newsWrap #newsCont .socialArea .face,
#news #newsWrap #newsCont .socialArea .tweet,
#news #newsWrap #newsCont .socialArea .pocket,
#news #newsWrap #newsCont .socialArea .hatena {
  float: left;
}

#news #newsWrap #newsCont .socialArea .tweet iframe {
  width: 115px !important;
}
#news #newsWrap #newsCont .socialArea .pocket iframe {
  width: 105px !important;
}

*:first-child + html #news #newsWrap #newsCont .socialArea .face {
  display: none;
}

#news.ie #newsWrap #newsCont .socialArea .hatena iframe {
  margin: -8px 0 0 -8px;
  height: 28px !important;
  width: 58px !important;
}

*:first-child + html #news.ie #newsWrap #newsCont .socialArea .hatena iframe {
  margin: -1px 0 0 -8px;
}

#news #newsWrap #newsCont #newsArea .likeboxArea {
  border: 1px solid #3b5998;
}

#news #newsWrap #newsCont #newsArea .sectionH3 {
  background: none;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 45px;
  padding: 0 0 20px;
}

#news #newsWrap #newsCont #newsArea .sectionH3.last {
  border: none;
  margin: 0;
}

#news #newsWrap #newsCont #newsArea .sectionH3 h3 {
  border-left: 10px solid #00347b;
  color: #333;
  font-size: 165%;
  font-weight: bold;
  margin: 0 0 25px -30px;
  line-height: 140%;
  padding: 8px 0 8px 20px;
}

#news #newsWrap #newsCont #newsArea .sectionH3 h4 {
  border-top: 1px solid #ccc;
  border-left: 7px solid #00347b;
  color: #00347b;
  font-size: 135%;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 5px 0 0 10px;
}

#news #newsWrap #newsCont #newsArea .sectionH3 p {
  font-size: 120%;
  line-height: 180%;
  margin: 0 0 20px;
}

#news #newsWrap #newsCont #newsArea .sectionH3 .pict {
  margin: 0 0 20px;
  text-align: right;
}

#news #newsWrap #newsCont #newsArea .sectionH3 .pict img {
  margin: 0 auto 2px;
}

#news #newsWrap #newsCont #newsArea dl.backnumber {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 45px;
  padding: 0 0 40px;
}

#news #newsWrap #newsCont #newsArea dl.backnumber dt {
  border-bottom: 2px solid #00347b;
  font-size: 165%;
  font-weight: bold;
  padding: 0 0 5px;
}

#news #newsWrap #newsCont #newsArea dl.backnumber dd {
  background: url(../new-img/news/icon01.gif) no-repeat 10px 7px;
  font-size: 120%;
  margin: 12px 0 0;
  padding: 0 0 0 25px;
}

#news #newsWrap #newsCont #newsArea dl.backnumber dd.all {
  background: url(../new-img/news/icon02.gif) no-repeat 10px 3px;
  padding: 0 0 0 32px;
}

#news #newsWrap #newsCont #sideArea .sectionH3 {
  background: none;
  margin: 0 0 30px;
}

#news #newsWrap #newsCont #sideArea .sectionH3 h3 {
  margin: 0 0 20px;
}

#news #newsWrap #newsCont #sideArea .past ul li {
  background: url(../new-img/news/icon01.gif) no-repeat 0 5px;
  margin: 12px 0 0;
  padding: 0 0 0 12px;
}

#news #newsWrap #newsCont #sideArea .past ul li.all {
  background: none;
  padding: 0;
  text-align: right;
}

#news #newsWrap #newsCont #sideArea .past ul li.all a {
  background: url(../new-img/news/icon02.gif) no-repeat 0 2px;
  padding: 0 0 2px 20px;
}

#news #newsWrap #newsCont #sideArea .magazine ul li {
  margin: 0 0 10px;
}

/***************************lineup***************************/

#main #lineup {
  padding: 65px 0 0;
  position: relative;
}

#main #lineup h4 {
  position: absolute;
  top: 0;
  left: -25px;
}

#main #lineup .h4cont:before,
#main #lineup .h4cont:after {
  content: '';
  display: table;
}

#main #lineup .h4cont:after {
  clear: both;
}

#main #lineup .h4cont {
  background: url(../new-img/thought/h4dlBg.jpg) no-repeat 0 100%;
  zoom: 1; /* For IE 6/7 */
}

#main #lineup .h4cont dl {
  float: left;
  margin: 0 26px 0 0;
  padding: 60px 125px 20px 20px;
  position: relative;
  width: 139px;
  _width: 284px;
}

#main #lineup .h4cont dl.lastChild {
  margin: 0;
}

#main #lineup .h4cont dl dt {
  position: absolute;
  top: 0;
  left: 0;
}

#main #lineup .h4cont dl dd {
  line-height: 160%;
}

#main #lineup .h4cont dl dd.pict {
  position: absolute;
  top: 60px;
  right: 20px;
}

#main #lineup .h4cont dl dd.btn {
  margin: 15px 0 0;
}

/***************************emergency***************************/

#emergency #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
  position: relative;
}

#emergency #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#emergency #topicPath a {
  color: #000;
  text-decoration: underline;
}

#emergency #topicPath a:hover {
  text-decoration: none;
}

#emergency h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 102px;
  _height: 152px;
  padding: 50px 0 0 10px;
}

#emergency h2 span {
  font-size: 14px;
  display: block;
  margin-bottom: -53px;
}

#emergency .sectionH3 {
  background: url(../new-img/emergency/h3bg.png) no-repeat -4px 0;
  _height: 1%;
  padding: 57px 0 0;
}

#emergency #h301 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  padding: 0;
}

#emergency .sectionH3 .h3cont {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  padding: 10px 40px 20px;
}

#emergency #h301 .h3cont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
  padding: 30px 40px 20px;
}

#emergency .sectionH3 h3 {
  margin: 0 0 20px;
}

#emergency .sectionH3 h3 {
  margin: 0 auto 35px;
  text-align: center;
}

/*#emergency .sectionH3 .product .pict{
float:left}

#emergency .sectionH3 .product .fig{
background:url(../new-img/emergency/productBg01.jpg) no-repeat 0 0;
float:right;
margin:0;
padding:5px 0 0;
width:420px}

#emergency .sectionH3 .product .fig .figCont{
background:url(../new-img/emergency/productBg02.jpg) no-repeat 0 100% #F7F7F7;
padding:5px 20px 20px}

#emergency .sectionH3 .product .fig p.noteSeibun{
margin:5px 0 0;
font-size:85%;
text-align:right}

#emergency .sectionH3 .product .fig .figCont table th{
border-bottom:1px dotted #B8B8B8;
color:#003375;
padding:10px 0;
width:90px}

#emergency .sectionH3 .product .fig .figCont table td{
border-bottom:1px dotted #B8B8B8;
padding:10px 0}

#emergency .sectionH3 .product dl{
float:left;
margin:0 0 0 30px;
width:275px}

#emergency .sectionH3 .product dl dd{
font-size:120%;
line-height:160%;
margin:15px 0 0}

#emergency .sectionH3 .product dl dd.price{
color:#E40112;
font-size:200%;
font-weight:bold}

#emergency .sectionH3 .product dl dd.price span{font-size:65%}

#emergency .sectionH3 .reco{margin:50px auto 30px}

#emergency .sectionH3 .sectionH4{
background:url(../new-img/basic/feature/h4bg02.png) no-repeat 0 100%;
margin:30px -2px 0;
padding:0 0 10px}

#emergency .sectionH3 .sectionH4 .h4cont{
background:url(../new-img/basic/feature/h4bg01.png) no-repeat 0 0;
padding:30px 30px 25px;
position:relative}

#emergency .sectionH3 .sectionH4 h4{
position:absolute;
top:10px;
left:-3px}

#emergency .sectionH3 .h402 .h4cont{padding:80px 30px 25px}

#emergency .sectionH3 .h402 .h402cont:before,
#emergency .sectionH3 .h402 .h402cont:after{
content:"";
display:table;}

#emergency .sectionH3 .h402 .h402cont:after{clear:both;}

#emergency .sectionH3 .h402 .h402cont{
border-bottom:1px dotted #ccc;
margin:0 0 30px;
padding:0 0 30px;
zoom:1;/* For IE 6/7 */ /*}

#emergency .sectionH3 .h402 .h402cont dl{
float:left;
width:520px}

#emergency .sectionH3 .h402 .h402cont .pict{float:right}

#emergency .sectionH3 .h402 dt{padding:0 0 10px}

#emergency .sectionH3 .h402 dd{
font-size:120%;
line-height:160%;
margin:20px 0 0}

#emergency .sectionH3 .h402 .fig{margin:30px 0 0}

#emergency #feature{
padding:50px 0 0;
position:relative}

#emergency #feature h4{
position:absolute;
top:0;
left:-35px}

#emergency #feature ul.anchor{
background:url(../new-img/emergency/anchorBg.jpg) no-repeat 50% 0;
margin:0 -20px 20px;
padding:90px 0 100px 410px}

#emergency #feature ul.anchor li{margin:0 0 20px}

#emergency #feature .featureCont:before,
#emergency #feature .featureCont:after{
content:"";
display:table;}

#emergency #feature .featureCont:after{clear:both;}

#emergency #feature .featureCont{
border-bottom:1px dotted #ccc;
margin:0 0 30px;
padding:0 0 30px;
zoom:1;/* For IE 6/7 */ /*}*/

/*#emergency #feature #fe03{
border-bottom:none;
margin:0;
padding:0}

#emergency #feature .featureCont .pict{float:left}

#emergency #feature .featureCont dl{
float:right;
width:500px}

#emergency #feature .featureCont dl dt{padding:0 0 10px}

#emergency #feature .featureCont dl dd{
font-size:120%;
line-height:160%;
margin:20px 0 0}

#emergency #imp{
padding:60px 0 0;
position:relative}

#emergency #imp h4{
position:absolute;
top:0;
left:-35px}

#emergency #imp .impCont:before,
#emergency #imp .impCont:after{
content:"";
display:table;}

#emergency #imp .impCont:after{clear:both;}

#emergency #imp .impCont{
background:url(../new-img/emergency/h404bg.jpg) repeat-y;
zoom:1;*/ /* For IE 6/7 */ /*}*/

/*#emergency #imp .impCont .sectionH5{
float:left;
padding:0 30px 1px;
width:370px;
_width:430px}

#emergency #imp .impCont .h502{float:right}

#emergency #imp .impCont .sectionH5 h5{margin:0 -10px 15px}

#emergency #imp .impCont .sectionH5 p{
font-size:110%;
line-height:160%}

#emergency #imp .impCont .h501 p{margin:0 0 25px}

#emergency #imp .impCont .h501 .pict{
margin:0 auto 15px;
text-align:center}

#emergency #imp .impCont .h502 p{margin:0 0 5px}

#emergency #imp .impCont .h502 .h5cont{
background:url(../new-img/emergency/h5bg02.png) no-repeat 0 100%;
margin:0 0 20px;
padding:0 0 5px}

#emergency #imp .impCont .h502 .h5cont dl{
background:url(../new-img/emergency/h5bg01.png) no-repeat 0 0;
padding:10px 10px 5px}

#emergency #imp .impCont .h502 .h5cont dl dt{
background:url(../new-img/emergency/h5dt01.jpg) no-repeat 0 0;
color:#0A3B7E;
font-weight:bold;
padding:7px 0 7px 40px}

#emergency #imp .impCont .h502 .h5cont dl dt.dt02{
background:url(../new-img/emergency/h5dt02.jpg) no-repeat 0 0}

#emergency #imp .impCont .h502 .h5cont dl dt.dt03{
background:url(../new-img/emergency/h5dt03.jpg) no-repeat 0 0;
margin:0 0 5px;
padding:0 0 2px 40px}

#emergency #imp .impCont .h502 .h5cont dl dd{
border-bottom:1px dotted #B4AFAB;
margin:0 0 10px;
padding:0 0 15px 40px}

#emergency #imp .impCont .h502 .h5cont dl dd.lastChild{
border:none;
margin:0;
padding:0 0 0 40px} */

#emergency .about_area,
#emergency .section02 {
  position: relative;
}

#emergency .about_area .btn_buy {
  position: absolute;
  right: 0;
  bottom: 0;
}

#emergency .about_area .btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

#emergency .underline,
#emergency .section01,
#emergency .section02 {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dcdcdc;
}

#emergency .section02 .gif {
  position: absolute;
  width: 400px;
  top: 869px;
  left: 20px;
}
#emergency .section02 .gif img {
  width: 100%;
}

/***************************thought***************************/

#product #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
  position: relative;
}

#product #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#product #topicPath a {
  color: #000;
  text-decoration: underline;
}

#product #topicPath a:hover {
  text-decoration: none;
}

#product h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 87px;
  _height: 152px;
  padding: 65px 0 0 10px;
}

#product .sectionH3 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
}

#product .sectionH3 .h3cont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
  _height: 1%;
  padding: 30px 30px 30px;
}

#product .sectionH3 h3 {
  margin: 0 0 20px;
}

#product .sectionH3 ul.prWrap:before,
#product .sectionH3 ul.prWrap:after {
  content: '';
  display: table;
}

#product .sectionH3 ul.prWrap:after {
  clear: both;
}

#product .sectionH3 ul.prWrap {
  zoom: 1; /* For IE 6/7 */
}

#product .sectionH3 ul.prWrap {
  background: url(../new-img/product/bg.jpg) no-repeat 100% 100%;
  margin: 0 -20px;
  padding: 0 20px 20px;
}

#product .sectionH3 ul.prWrap li {
  float: left;
  margin: 0 0 30px;
  position: relative;
}

#product .sectionH3 ul.prWrap li.note {
  float: right;
}

#product .sectionH3 ul.prWrap li .btn {
  position: absolute;
  top: 159px;
  left: 20px;
}

#product .sectionH3 ul.prWrap li .btn2 {
  position: absolute;
  top: 222px;
  left: 20px;
}

#product .sectionH3 ul.prWrap li .btn3 {
  position: absolute;
  top: 232px;
  left: 225px;
}

#product .sectionH3 ul.prWrap li p {
  margin: 0;
  position: absolute;
  top: 270px;
  left: 20px;
}

/***************************guide***************************/

#guide #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
  position: relative;
}

#guide #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#guide #topicPath a {
  color: #000;
  text-decoration: underline;
}

#guide #topicPath a:hover {
  text-decoration: none;
}

#guide h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 87px;
  _height: 152px;
  padding: 65px 0 0 10px;
}

#guide .sectionH3 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  height: 1%;
}

#guide .sectionH3 .h3cont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
  padding: 30px 30px 30px;
  zoom: 1;
}

#guide .sectionH3 h3 {
  background: url(../new-img/ec/h3border.gif) no-repeat 0 0;
  color: #000;
  font-size: 125%;
  margin: 40px 0 0;
  font-weight: bold;
  padding: 0 0 0 15px;
}

#guide .sectionH3 h3.first {
  margin: 0;
}

#guide .sectionH3 p {
  margin: 15px 0 0;
}
#guide .sectionH3 ul {
  margin: 10px 0 0;
}

#guide .sectionH3 ul li {
  background: url(../new-img/guide/icon.gif) no-repeat 0 5px;
  margin: 0 0 7px;
  padding: 0 0 0 15px;
}

#guide .sectionH3 dl dt {
  color: #00b9ef;
  font-size: 115%;
  font-weight: bold;
  margin: 20px 0 0;
}

#guide .sectionH3 dl dt.note {
  color: #000;
}

#guide .sectionH3 dl dd {
  margin: 10px 0 0;
}

/*#guide .sectionH3 dl.pict{
border-bottom:1px dotted #666;
padding:0 0 20px}*/

/***************************thought***************************/

#thought #main,
#tanpaku #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
  position: relative;
}

#thought #topicPath,
#tanpaku #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#thought #topicPath a,
#tanpaku #topicPath a {
  color: #000;
  text-decoration: underline;
}

#thought #topicPath a:hover,
#tanpaku #topicPath a:hover {
  text-decoration: none;
}

#thought h2,
#tanpaku h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 87px;
  _height: 152px;
  padding: 65px 0 0 10px;
}

#thought .sectionH3,
#tanpaku .sectionH3 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  height: 1%;
}

#thought .sectionH3 .h3cont,
#tanpaku .sectionH3 .h3cont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
  padding: 30px 30px 30px;
}

#thought .sectionH3 h3,
#tanpaku .sectionH3 h3 {
  margin: 0 0 20px;
}

#thought .sectionH3 .bg01 {
  background: url(../new-img/thought/bg01.jpg) no-repeat 100% 0;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 20px;
  padding: 0 310px 40px 0;
}

#thought .sectionH3 .bg01 p {
  font-size: 120%;
  line-height: 180%;
}

#thought .sectionH3 .bg02 {
  background: url(../new-img/thought/bg02.jpg) no-repeat 100% 0;
  margin: 0 -20px;
  padding: 20px 315px 20px 20px;
}

#thought .sectionH3 .bg02 .bgWrap {
  background: url(../new-img/thought/dlBg02.png) no-repeat 0 100%;
  margin: 0 0 35px;
  padding: 0 0 10px;
  width: 604px;
}

#thought .sectionH3 .bg02 .bgCont:before,
#thought .sectionH3 .bg02 .bgCont:after {
  content: '';
  display: table;
}

#thought .sectionH3 .bg02 .bgCont:after {
  clear: both;
}

#thought .sectionH3 .bg02 .bgCont {
  background: url(../new-img/thought/dlBg01.png) no-repeat 0 0;
  padding: 30px 30px 20px;
  zoom: 1; /* For IE 6/7 */
}

#thought .sectionH3 .bg02 .bgCont .pict {
  float: left;
}

#thought .sectionH3 .bg02 .bgCont dl {
  float: right;
  width: 300px;
}

#thought .sectionH3 .bg02 .bgCont dl dd {
  font-size: 120%;
  margin: 15px 0 0;
  line-height: 160%;
}

/***************************ec***************************/

#ec #container {
  background: url(../new-img/common/wrapBg01.jpg) repeat-x 50% -98px;
}

#ec #undercolumn {
  margin: 0 auto;
}

#ec #one_maincolumn {
  padding: 0;
  width: auto;
}

#ec #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
}

#ec .clearfix:before,
#ec .clearfix:after {
  content: '';
  display: table;
}

#ec .clearfix:after {
  clear: both;
}

#ec .clearfix {
  zoom: 1; /* For IE 6/7 */
}

#ec h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 87px;
  _height: 87px;
  padding: 65px 0 0;
}

#ec .sectionH2 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  height: 1%;
}

#ec .sectionH2 .h2cont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
  padding: 30px 30px 5px;
}

#ec input[type='image'] {
  vertical-align: bottom;
}

.main_column {
  padding: 0;
}

/*********cart*********/

#ec div#undercolumn_cart .point_announce {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 100%;
  text-align: left;
}

#ec #cart div#undercolumn_cart p.note {
  margin: 30px 0;
}

#ec #cart div#undercolumn_cart p.totalmoney_area {
  margin: 0;
}

#ec #cart .btn_area {
  margin: 0;
}

#ec #cart .btn_area ul:before,
#ec #cart .btn_area ul:after {
  content: '';
  display: table;
}

#ec #cart .btn_area ul:after {
  clear: both;
}

#ec #cart .btn_area ul {
  zoom: 1; /* For IE 6/7 */
}

#ec #cart .btn_area ul li {
  float: left;
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
}

#ec #cart .btn_area ul li.lastChild {
  float: right;
  margin: 0;
}

#ec #cart div.form_area {
  margin: 0 0 20px;
}

#ec #cart div.form_area p {
  margin: 0 0 30px;
}

#ec table th {
  background: url(../new-img/ec/cart/thBg.gif) repeat;
  border-color: #ccc;
  vertical-align: middle;
}

#ec table td {
  vertical-align: middle;
}

#ec div#undercolumn ul#quantity_level li {
  display: block;
}

#one_maincolumn .sub_area h3,
#two_maincolumn_right .sub_area h3,
#two_maincolumn_left .sub_area h3,
#three_maincolumn .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3 {
  background: url(../new-img/ec/h3border.gif) no-repeat 0 0;
  color: #000;
  margin: 0 0 15px;
  font-weight: bold;
  padding: 0 0 0 15px;
}

#ec div#undercolumn_login .login_area .inputbox {
  background: #f0f0f0;
  margin: 20px 0;
  padding: 30px 30px 20px;
}

#container .login_area dl.formlist {
  width: auto;
}

#container .login_area dl.formlist dt {
  background: none;
  padding: 8px 0 0;
  width: 120px;
}

#container .login_area dl.formlist dd {
  float: left;
  width: 500px;
}

#container .login_area dl.formlist dd input[type='text'],
#container .login_area dl.formlist dd input[type='password'] {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 30px;
  margin: 0 0 5px;
  width: 500px;
}

#ec #login p.inputtext {
  margin: 0 0 15px;
}

#ec #login .btnArea {
  position: relative;
}

#ec #login .btnArea p {
  position: absolute;
  top: 13px;
  left: 220px;
}

div#undercolumn_entry .kiyaku_text {
  background: #fafafa;
  border-color: #f4f4f4;
  border-radius: 5px;
  width: 900px;
}

#ec #kiyaku .btn_area {
  margin: 0 0 20px;
}

#ec #entry .btn_area {
  margin: 25px 0;
}

#ec #entry p {
  margin: 0 0 20px;
}

#ec #entry td p {
  margin: 0;
}

#ec #entry td p.top {
  margin: 0 0 10px;
}

#ec #shopping .flow_area {
  margin: 0 0 30px;
}

#ec #shopping p.last {
  margin: 0 0 10px;
}
#ec #shopping p.addbtn {
  margin: 0 0 30px;
}

#ec #shopping .btn_area {
  margin: 30px 0 20px;
}

div#undercolumn_shopping .point_area .point_announce {
  border: none;
  padding: 0;
}

#ec #shopping table {
  margin: 0 0 20px;
}

#ec #shopping table.last {
  margin: 0;
}

#ec div#complete_area .shop_information {
  border: none;
  padding: 0;
}

#ec div#complete_area .shop_information .name {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}

div#complete_area .message,
div#undercolumn_entry .message {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}

div#windowcolumn {
  border-color: #00357c;
}

div#windowcolumn h2 {
  background: none;
  border: none;
  color: #00357c;
  padding: 0;
}

div#window_area .message {
  color: #00357c;
  font-size: 120%;
}

#ec td input[type='radio'] {
  margin: 0 10px 0 0;
}

/***************************index***************************/

#index #main #h301 {
  background: url(../new-img/index/h301bg01.jpg) no-repeat 0 100%;
  height: 1%;
  margin: 0 0 25px 5px;
  padding: 0;
}

#index #main #h301 .h3cont {
  background: url(../new-img/index/h301bg02_02.jpg) no-repeat 0 0;
  _height: 1%;
  padding: 85px 60px 70px 50px;
}

#index #main #h301 h3 {
  margin: 0 0 10px;
}

#index #main #h301 p {
  margin: 0 0 10px;
  line-height: 180%;
}

#index #main #h301 p#h301_1 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 15px;
  font-weight: bold;
}
#index #main #h301 p#h301_2 {
  font-size: 13px;
  line-height: 1.6;
}
#index #main #h301 p#h301_3 {
  font-size: 14px;
  line-height: 1.6;
}
#index #main #h302 {
  background: url(../new-img/index/h302bg.jpg) no-repeat 5px 0;
  _height: 200px;
  padding: 10px 0 25px;
  position: relative;
}

#index #main #h302 h3 {
  margin: 0 0 15px 0;
}

#index #main #h302 .h3cont {
  height: 130px;
  margin: 0 0 0 55px;
  overflow: hidden;
  width: 500px;
}

#index #h304 h3 {
  margin: 0 0 15px 0;
}

#index #h304 .h3cont {
  height: 130px;
  margin: 0 0 0 30px;
  overflow: hidden;
}

#index #h304 .h3cont ul.slides li {
  float: left;
  margin: 0 0 0 10px;
  width: 298px;
}

/* add 20161104 */
#index #h304 {
  background: url(../new-img/index/h304bg.jpg) no-repeat 8px 0;
  padding: 10px 0 25px;
  position: relative;
  clear: both;
}
#index #h304 .h3cont ul.slides li img {
  width: 100%;
}
/* //add 20161104 */

#index #h304 .h3cont ul.slides li:first-child {
  margin: 0;
}

#index #h304 .h3cont ul.slides li.over {
  opacity: 0.8;
  filter: alpha(opacity=80); /* ie 6 7 */
  -ms-filter: 'alpha(opacity=80)'; /* ie 8 */
}

#index #main #h302 .flex-control-nav {
  display: none;
}

#index #main #h302 .flex-direction-nav a {
  height: 40px;
  margin: 0;
  top: 110px;
  _top: 50px;
  width: 27px;
}

#index #main #h302 .flex-direction-nav a.flex-prev {
  background: url(../new-img/index/left.jpg) no-repeat 0 0;
  left: 7px;
}

#index #main #h302 .flex-direction-nav a.flex-next {
  background: url(../new-img/index/right.jpg) no-repeat 0 0;
  right: 3px;
}

#index #main #h302 .flex-direction-nav a:hover {
  background-position: 0 -40px;
}

#index #main #h303 {
  background: url(../new-img/index/h303_2bg.jpg) no-repeat 5px bottom,
    url(../new-img/index/h303bg.jpg) repeat-y 5px 0;
  margin: 0 auto 25px;
  padding: 10px 0 25px;
  position: relative;
}

#index #main #h303 h3 {
  margin: 0 0 15px 0;
  padding: 0 0 0 2px;
}

#index #main #h303 .h3cont {
  padding: 0 23px 0 27px;
  position: relative;
}

#index #main #h303 ul.voiceTab:before,
#index #main #h303 ul.voiceTab:after {
  content: '';
  display: table;
}

#index #main #h303 ul.voiceTab:after {
  clear: both;
}

#index #main #h303 ul.voiceTab {
  background: url(../new-img/index/voiceTabBg.gif) repeat-x 0 100%;
  margin: 0 0 30px;
  zoom: 1; /* For IE 6/7 */
}

#index #main #h303 ul.voiceTab li {
  float: left;
}

#index #main #h303 ul.voiceTab li a {
  background: url(../new-img/index/voiceTab01.jpg) no-repeat 0 0;
  height: 46px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
  width: 186px;
}

#index #main #h303 ul.voiceTab li a.c,
#index #main #h303 ul.voiceTab li a:hover {
  background-position: 0 -46px;
}

#index #main #h303 ul.voiceTab li.voice01 a {
  width: 187px;
}
#index #main #h303 ul.voiceTab li.voice02 a {
  background-image: url(../new-img/index/voiceTab02.jpg);
}
#index #main #h303 ul.voiceTab li.voice03 a {
  background-image: url(../new-img/index/voiceTab03.jpg);
}

#index #main #h303 .voiceCont:before,
#index #main #h303 .voiceCont:after {
  content: '';
  display: table;
}

#index #main #h303 .voiceCont:after {
  clear: both;
}

#index #main #h303 .voiceCont {
  display: none;
  width: 560px !important;
  zoom: 1; /* For IE 6/7 */
}

#index #main #h303 #voice01 {
  display: block;
}

#index #main #h303 .voiceCont.hide {
  position: absolute;
  top: 76px;
  left: 27px;
}

#index #main #h303 .voiceCont .voicePict {
  float: left;
}

#index #main #h303 .voiceCont .voiceArea {
  float: right;
  margin: 0 10px 0 0;
  width: 320px;
}

#index #main #h303 .voiceCont .voiceLeft {
  left: 7px;
}

#index #main #h303 .voiceCont .voiceRight {
  right: 2px;
}

#index #main #h303 .voiceCont .voiceArrow {
  display: block !important;
  position: absolute;
  top: 230px;
}

#index #main #h303 .voiceCont.hide .voiceArrow {
  display: none !important;
}

#index #main #h303 .voiceCont dl ~ dl {
  border-top: 1px dotted #ccc;
  padding: 20px 0 0;
}

#index #main #h303 .voiceCont dl dt {
  background: url(../new-img/athlete/index/h303icon01.jpg) no-repeat 0 2px;
  color: #00357c;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0 0 2px 20px;
}

#index #main #h303 .voiceCont dl dd {
  margin: 0 0 15px;
  padding: 0 0 5px;
}

#index #main #h303 .voiceCont dl dd.name {
  background: url(../new-img/athlete/index/h303icon02.jpg) no-repeat 0 0;
  border: none;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 1px 0 2px 25px;
}

#index #main #h303 .voiceCont .more {
  clear: both;
  padding: 20px 0 0;
  text-align: right;
}

#index #sideBar #sideLogin {
  background: url(../new-img/index/sideBg2.jpg) no-repeat 0 100%;
  margin: 0 0 25px;
  padding: 25px 15px 15px;
  height: 220px;
  position: relative;
}
.btn_center {
  text-align: center;
  margin-bottom: 5px;
}
#btn_login_txt {
  background: url(../new-img/index/btn_arrow.png) no-repeat 10px center;
  padding: 5px 0 5px 40px;
  margin-bottom: 20px;
  font-size: 13px !important;
}
#btn_first_txt {
  padding: 5px 10px 5px 10px;
  font-size: 13px !important;
}
#index #sideBar #sideLogin a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#index #sideBar .sectionH3 {
  background: url(../new-img/index/sideBg.jpg) no-repeat 0 100%;
  padding: 0 10px 20px 20px;
}

#index #sideBar #sideH301 {
  background: url(../new-img/index/sideBg2.jpg) no-repeat 0 100%;
  margin: 0 0 25px;
  position: relative;
}

#index #sideBar .sectionH3 h3 {
  margin: 0 -10px 10px -20px;
}

#index #sideBar #sideH301 .more {
  position: absolute;
  top: 25px;
  right: 30px;
}

#index #sideBar #sideH301 dl {
  height: 210px;
  overflow-y: scroll;
}

#index #sideBar #sideH301 dl dt {
  color: #666;
  font-size: 85%;
  margin: 0 0 5px;
}

#index #sideBar #sideH301 dl dd {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 15px;
  padding: 0 0 10px;
}

/* add 20161104 */
#index #sideBar .h3cont ul.bnr li {
  margin: 0 auto;
  text-align: center;
  margin-top: 15px;
}
/* //add 20161104 */

#mypagecontact img {
  margin: 40px 250px;
}

/***************************teiki***************************/

#teiki #main {
  background: url(../new-img/common/contBg03.jpg) no-repeat 50% 100%;
  padding: 0 0 10px;
  position: relative;
}

#teiki #topicPath {
  font-size: 85%;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: left;
}

#teiki #topicPath a {
  color: #000;
  text-decoration: underline;
}

#teiki #topicPath a:hover {
  text-decoration: none;
}

#teiki h2 {
  background: none;
  border: none;
  color: #fff;
  font-size: 30px;
  margin: 0;
  min-height: 87px;
  _height: 152px;
  padding: 65px 0 0 10px;
}

#teiki .sectionH3 {
  background: url(../new-img/emergency/h3bg.png) no-repeat -4px 0;
  padding: 57px 0 0;
  zoom: 1;
}

#teiki #h301 {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  padding: 0;
}

#teiki .sectionH3 .h3cont {
  background: url(../new-img/common/contBg02.jpg) repeat-y;
  padding: 30px 40px 20px;
}

#teiki #h301 .h3cont {
  background: url(../new-img/common/contBg01.jpg) no-repeat 0 0;
}

#teiki #h301 .titleArea {
  background: url(../new-img/teiki/pict01.jpg) no-repeat 0 0;
  margin: 0 0 50px;
  min-height: 280px;
  _height: 280px;
  padding: 0 0 0 320px;
}

#teiki #h301 .titleArea h3 {
  margin: 0 0 25px;
}

#teiki #h301 .titleArea p {
  font-size: 120%;
  line-height: 160%;
  margin: 0 0 20px;
}

#teiki #h301 .sectionH4 {
  background: url(../new-img/teiki/h4bg.jpg) no-repeat 0 100%;
  margin: 0 -2px 35px;
  padding: 70px 30px 30px;
  position: relative;
}

#teiki #h301 #h403 {
  margin: 0 -2px;
}

#teiki #h301 .sectionH4 h4 {
  position: absolute;
  top: 0;
  left: -3px;
}

* html #teiki #h301 .sectionH4 h4 {
  left: -33px;
}

#teiki #h301 .sectionH4 p {
  font-size: 120%;
  line-height: 160%;
  margin: 0 0 15px;
}

#teiki #h301 .sectionH4 p span {
  color: #cc0000;
}

#teiki #h301 #h401 .h4cont:before,
#teiki #h301 #h401 .h4cont:after {
  content: '';
  display: table;
}

#teiki #h301 #h401 .h4cont:after {
  clear: both;
}

#teiki #h301 #h401 .h4cont {
  zoom: 1; /* For IE 6/7 */
}

#teiki #h301 #h401 .h4cont .pict {
  float: left;
}

#teiki #h301 #h401 .h4cont .detail {
  float: right;
  width: 580px;
}

#teiki #h301 #h401 .h4cont .detail dl:before,
#teiki #h301 #h401 .h4cont .detail dl:after {
  content: '';
  display: table;
}

#teiki #h301 #h401 .h4cont .detail dl:after {
  clear: both;
}

#teiki #h301 #h401 .h4cont .detail dl {
  zoom: 1; /* For IE 6/7 */
}

#teiki #h301 #h401 .h4cont .detail dl dt {
  float: left;
  padding: 1.4em 0 10px;
}

*:first-child + html #teiki #h301 #h401 .h4cont .detail dl dt {
  padding: 1em 0 10px;
}

#teiki #h301 #h401 .h4cont .detail dl dt strong {
  color: #04327f;
  font-size: 170%;
  margin: 0 0 0 8px;
}

#teiki #h301 #h401 .h4cont .detail dl dt strong span {
  font-size: 65%;
  font-weight: normal;
  margin: 0 0 0 5px;
  vertical-align: 0.2em;
}

#teiki #h301 #h401 .h4cont .detail dl dd {
  background: url(../new-img/teiki/off.jpg) no-repeat 0 3px;
  color: #cc0000;
  float: right;
  font-weight: bold;
  font-size: 320%;
  padding: 0 0 5px 165px;
}

#teiki #h301 #h401 .h4cont .detail dl dd span {
  font-size: 55%;
  font-weight: normal;
  margin: 0 0 0 5px;
  vertical-align: 0.2em;
}

* html #teiki #h301 #h401 .h4cont .detail dl dt strong span,
* html #teiki #h301 #h401 .h4cont .detail dl dd span {
  vertical-align: auto;
}

#teiki #h301 #h401 .h4cont .detail p {
  color: #333;
  font-size: 100%;
  line-height: 140%;
  margin: 0;
}

#teiki #h301 #h401 .h4cont .detail p.note {
  background: #ffeaea;
  border: 1px solid #ffbfbf;
  border-radius: 5px;
  color: #cc0000;
  font-size: 120%;
  margin: 0 0 20px;
  padding: 8px 0;
  text-align: center;
}

#teiki #h301 #h403 p span {
  color: #333;
}

#teiki #h301 #h403 dl dt {
  border-left: 3px solid #00357c;
  color: #00357c;
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
}

#teiki #h301 #h403 dl dd {
  font-size: 120%;
  line-height: 160%;
}

#teiki #h302 h3 {
  position: absolute;
  top: 5px;
  left: 2px;
}

* html #teiki #h302 h3 {
  left: -34px;
}

#teiki #h302 .h3cont {
  padding: 80px 40px 20px;
  position: relative;
}

#teiki #h302 .sectionH4 {
  border-top: 1px dotted #ccc;
  margin: 0 0 35px;
  padding: 35px 0 0;
}

#teiki #h302 .sectionH4.first {
  border: none;
  padding: 0;
}

#teiki #h302 .sectionH4 h4 {
  color: #00b8ed;
  font-size: 160%;
  font-weight: bold;
  margin: 0 0 15px;
}

#teiki #h302 .sectionH4.athlete h4 {
  color: #3841a4;
}
#teiki #h302 .sectionH4.senior h4 {
  color: #ffac00;
}

#teiki #h302 .sectionH4 .h4cont:before,
#teiki #h302 .sectionH4 .h4cont:after {
  content: '';
  display: table;
}

#teiki #h302 .sectionH4 .h4cont:after {
  clear: both;
}

#teiki #h302 .sectionH4 .h4cont {
  zoom: 1; /* For IE 6/7 */
}

#teiki #h302 .sectionH4 .h4cont .pict {
  float: left;
}

#teiki #h302 .sectionH4 .h4cont .detail {
  float: right;
  padding: 10px 0 0;
  width: 650px;
}

#teiki #h302 .sectionH4 .h4cont .detail dl:before,
#teiki #h302 .sectionH4 .h4cont .detail dl:after {
  content: '';
  display: table;
}

#teiki #h302 .sectionH4 .h4cont .detail dl:after {
  clear: both;
}

#teiki #h302 .sectionH4 .h4cont .detail dl {
  margin: 0 0 25px;
  zoom: 1; /* For IE 6/7 */
}

#teiki #h302 .sectionH4 .h4cont .detail dl dt {
  float: left;
  padding: 18px 0 0;
}

#teiki #h302 .sectionH4 .h4cont .detail dl dd {
  color: #cc0000;
  font-size: 320%;
  font-weight: bold;
  float: left;
  margin: 0 0 0 15px;
  padding: 5px 0 0;
}

#teiki #h302 .sectionH4 .h4cont .detail dl dd span {
  font-size: 50%;
  margin: 0 0 0 5px;
  vertical-align: 0.2em;
}

#teiki #h302 .sectionH4 .h4cont .detail dl dd.btn {
  padding: 0;
}

#teiki #h302 .guide {
  background: url(../new-img/teiki/h4bg01.jpg) no-repeat 0 0;
  margin: 0 -2px;
  zoom: 1;
}

#teiki #h302 .guide .guideCont {
  background: url(../new-img/teiki/h4bg02.jpg) no-repeat 0 100%;
  height: 1%;
  padding: 60px 32px 30px;
  position: relative;
}

#teiki #h302 .guide .guideCont2:before,
#teiki #h302 .guide .guideCont2:after {
  content: '';
  display: table;
}

#teiki #h302 .guide .guideCont2:after {
  clear: both;
}

#teiki #h302 .guide .guideCont2 {
  background: url(../new-img/teiki/h4bg03.png) repeat-y 50% 0;
  zoom: 1; /* For IE 6/7 */
}

#teiki #h302 .guide .guideCont h4 {
  position: absolute;
  top: 1px;
  left: 32px;
}

#teiki #h302 .guide .guideCont dl {
  float: left;
  margin: 0 0 0 35px;
  width: 256px;
}

#teiki #h302 .guide .guideCont dl.firstChild {
  margin: 0;
}

#teiki #h302 .guide .guideCont dl dt {
  border-left: 3px solid #00b9ef;
  font-size: 130%;
  font-weight: bold;
  padding: 0 0 0 10px;
}

#teiki #h302 .guide .guideCont dl dd {
  font-size: 120%;
  margin: 15px 0 0;
}

/***************************emergency***************************/

#satto #head,
#satto #wrapper {
  background: url(../new-img/satto/wrapBg.jpg) repeat-x #fff;
}

#satto #cont {
  background: url(../new-img/satto/contBg.jpg) no-repeat 50% 96px;
  width: 100%;
}

#satto #main {
  background: none;
  padding: 0 0 10px;
  position: relative;
}

#satto #topicPath {
  font-size: 85%;
  margin: 0 auto;
  padding: 15px 0 0;
  text-align: left;
  width: 960px;
}

#satto #topicPath a {
  color: #000;
  text-decoration: underline;
}

#satto #topicPath a:hover {
  text-decoration: none;
}

#satto h2 {
  background: none;
  border: none;
  color: #fff;
  margin: 0 auto 50px;
  width: 960px;
}

#satto .sectionH3 {
  margin: 0 auto;
  width: 960px;
}

#satto .sectionH3 h3 {
  margin: 0 0 30px 30px;
}

#satto #main .btn {
  margin: 0 auto 30px;
  text-align: center;
}

#satto #main .fig {
  margin: 0 auto 40px;
  min-width: 960px;
  text-align: center;
}

#satto #main ul.fig {
  background: url(../new-img/satto/figBg.jpg) repeat-x;
}

#satto #main .fig.note {
  background: url(../new-img/satto/figBg2.jpg) repeat;
  padding: 30px 0;
}

#satto #main #btnArea {
  padding: 20px 0 0;
  position: relative;
}

#satto #main #btnArea ul:before,
#satto #main #btnArea ul:after {
  content: '';
  display: table;
}

#satto #main #btnArea ul:after {
  clear: both;
}

#satto #main #btnArea ul {
  position: absolute;
  top: 570px;
  left: -17px;
  zoom: 1; /* For IE 6/7 */
}

#satto #main #btnArea ul li {
  float: left;
  margin: 0 0 0 37px;
}

/*index add 2016/07/12*/
#index #main #h301 h3 {
  margin: 0 0 15px;
  color: #13b7dc;
  font-size: 28px;
  font-weight: bold;
}

#index #main #h301 .h3cont_normal {
  background: url(../new-img/index/h301bg02_1.jpg) no-repeat 0 0;
  _height: 1%;
  padding: 57px 60px 26px 50px;
  overflow: hidden;
}

.picSectionH3 {
  float: left;
  width: 256px;
  margin: 0 10px 0-10px;
  padding-top: 20px;
}

.rightTxt {
  float: right;
  width: 238px;
}

/* //index add 2016/07/12*/

/*tanpaku*/

#tanpaku .sectionH3 .bgCont dl dd,
#tanpaku .sectionH3 .bgCont p,
#tanpaku .introTxt {
  font-size: 120%;
  line-height: 160%;
}

#tanpaku .introTxt {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 20px;
  padding: 0 0 40px 0;
}
#tanpaku h3 {
  margin-top: 40px !important;
  padding: 10px;
  background: #00357b;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#tanpaku .bgWrap {
  position: relative;
}

#tanpaku .bgCont:before {
  position: absolute;
  top: -10px;
  content: '';
  background: url(../new-img/tanpaku/bg_box_top.png) no-repeat;
  height: 34px;
  width: 919px;
}

#tanpaku .bgCont {
  background: url(../new-img/tanpaku/bg_box_middle.png) repeat-y;
  width: 919px;
  overflow: hidden;
}

#tanpaku .bgCont:after {
  position: absolute;
  left: -1px;
  bottom: -10px;
  content: '';
  background: url(../new-img/tanpaku/bg_box_bottom.png) no-repeat;
  height: 34px;
  width: 919px;
}

#tanpaku .txtRight {
  width: 391px;
  float: right;
  padding: 25px 30px 0 0;
}

#tanpaku .picLeft {
  position: relative;
  width: 438px;
  margin: 25px 30px;
  float: left;
  text-align: center;
}

#tanpaku .arrow {
  text-align: center;
  margin: 9px;
}

#tanpaku .cf {
  overflow: hidden;
}

#tanpaku .section03 .bgCont {
  margin-bottom: 60px;
}

#tanpaku .section03 dl {
  padding-top: 35px;
}

#tanpaku .section03 dt {
  color: #00357b;
  font-size: 18px;
  font-weight: bold;
}

#tanpaku .section03 dd {
  padding-top: 20px;
}

#tanpaku .shadowBox {
  padding: 0 30px 38px;
}
#tanpaku .shadowBox dl {
  padding-top: 20px;
}

#tanpaku .peptidList {
  margin-top: 25px;
}

#tanpaku .peptidList dl {
  padding: 0;
}

#tanpaku .peptidList dt {
  color: #0576de;
  font-weight: bold;
  font-size: 120%;
}

#tanpaku .peptidList dd {
  padding-top: 0;
}

#tanpaku .peptidList li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #056fdc;
}

#tanpaku .peptidList li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#tanpaku .boxLeft,
#tanpaku .boxRight {
  width: 44%;
  height: 393px;
  padding: 20px 15px;
  float: left;
  background: #fff;
  border: 1px solid #0095ef;
  box-shadow: 8px 8px 0px -4px #00357b;
  -moz-box-shadow: 8px 8px 0px -4px #00357b;
  -webkit-box-shadow: 8px 8px 0px -4px #00357b;
}
#tanpaku .boxLeft {
  margin-right: 35px;
}

#tanpaku .picPeptide {
  margin-top: 20px;
  text-align: center;
}

/* //tanpaku */

table th .hissu,
table th .nini {
  color: #fff;
  padding: 2px 6px;
  float: right;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

table th .hissu {
  background: #f93b3b;
}

table th .nini {
  background: #7fd8e0;
}