@charset "utf-8";
/*----------------------------------------------------
  #cssDesign
    東京海上日動の海外旅行保険
    ----------------------------------------------------*/
/* 共通設定
-------------------------------------- */
#box_main_contents {
  position: relative;
}
#cssDesign {
  background: #FFF;
  overflow: hidden;
  width: 920px;
  margin: 0 0px 2em -5px;
  padding-top: 20px;
  padding-left: 20px;
}
#cssDesign a:link,
#cssDesign a:visited {
  text-decoration: none;
}

#cssDesign a:hover img {
  background-color: #FFF;
  opacity:0.6;
  filter:alpha(opacity=60);
}
#cssDesign h2,
#cssDesign h3,
#cssDesign h4,
#cssDesign p,
#cssDesign li,
#cssDesign dt,
#cssDesign dd,
#cssDesign th,
#cssDesign td {
  font-size: 14px;
  line-height: 1.4;
}
#cssDesign h2 {
  line-height: 1;
  margin-bottom: 1em;
}
#cssDesign h3 {
  color: #fff;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 1;
}
#cssDesign #t1 h3,
#cssDesign #t3 h3,
#cssDesign #t5 h3,
#cssDesign #t7 h3 { 
  background-color: #00B9EF; 
}
#cssDesign #t2 h3,
#cssDesign #t4 h3,
#cssDesign #t6 h3,
#cssDesign #t8 h3 { 
  background-color: #FF6161; 
}
#cssDesign h4 {
  line-height: 1;
  margin-bottom: .5em;
}
#cssDesign .box {
  clear: both;
  margin-bottom: 1.1em;
  width: 900px;
}
#cssDesign .box >.post {
  padding: 15px 26px 11px;
  border-left: 4px solid #E8E8E8;
  border-right: 4px solid #E8E8E8;
  clear: both;
}
#cssDesign .box >.post:last-of-type {
  border-bottom: 4px solid #E8E8E8;
}
#cssDesign .box .post p {
  line-height: 1.6;
}
#cssDesign .box .post p img {
  margin-bottom: .5em;
}
#cssDesign .box .post dt p {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  background-color: #848484;
  padding: 1px 11px 0;
}
#cssDesign ul.navi {
  margin-bottom: 1px;
  overflow: hidden;
}
#cssDesign ul.navi img{
  vertical-align: bottom;
}
#cssDesign ul.navi li {
  float: left;
}

#cssDesign ul.navi2{
  background: #f1f1f1;
  width: 900px;
  margin-bottom: 20px;
  padding:10px 0;
  display: flex;
  justify-content: center;
}
#cssDesign ul.navi2 li + li{
  margin-left: 20px;
}
#cssDesign .flex {
  padding: 15px 25px 0;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
#cssDesign .boxHarf {
  width: 435px;
  padding: 15px 15px;
  border: 1px solid #ccc;
  box-shadow: 4px 5px 6px #ccc;
  margin: 0 15px 17px 0;
}
#cssDesign .flex >.boxHarf:last-of-type { margin-right: 5px; }
#cssDesign .flex dl {
  width: 32%;
  display: flex;
  flex-wrap: wrap;
}
#cssDesign .flex dl dt {
  width: 65%;
  font-size: 20px;
}
#cssDesign .flex dl dd {
  width: 35%;
  text-align: right;
  font-size: 20px;
}
/*#cssDesign .boxHarf h4,
#cssDesign .boxHarf p {
  padding-right: 20px;
  padding-left: 20px;
  }*/
/*#cssDesign .boxHarf h4 {
  padding-top: 10px;
  }*/
  #cssDesign .boxHarf p,
  #cssDesign .boxFull p {
    font-size: 13px;
  }
  #cssDesign table {
    width: 100%;
  }
  #cssDesign th,
  #cssDesign td {
    border: solid 3px #E8E8E8;
  }
  #cssDesign .note {
    color: #666;
  }
  #cssDesign .item2 {
    overflow: hidden;
  }
  #cssDesign p.btnGoTop {
    clear: both;
    text-align: right;
  }
/* コンテンツ
-------------------------------------- */

/* t1 */
#cssDesign #t1 h3 { 
  font-size: 32px;
  padding: 17px 15px 12px;
}
/* t2 */
#cssDesign #t2 h3 { 
  font-size: 36px;
  padding: 16px 20px 9px;
}
#cssDesign #t2 .post {
  padding-right: 22px;
  padding-left: 22px;
}
#cssDesign #t2 .boxHarf h4 { color: #CE0000; font-size: 25px; }
#cssDesign #t2 .boxFull {
  clear: both;
  background: url(/parts/tmn/body859.gif) no-repeat left bottom;
  padding-bottom: 15px;
}
#cssDesign #t2 .boxFull h4 {
  background: url(/parts/tmn/head859.gif) no-repeat;
  padding-top: 10px;
  padding-left: 12px;
}
#cssDesign #t2 .boxFull p {
  padding: 0 15px 0 12px;
}
/* t3 */
#cssDesign #t3 h3 { 
  font-size: 30px;
  padding: 9px 15px 5px;
}
#cssDesign #t3 h3 div { 
  font-size: 13px;
  padding-bottom: 4px;
}

#cssDesign #t3 .post p:last-of-type {
  clear: both;
  font-size: 20px;
  font-weight: bold;
  color: #CE0000;
  letter-spacing: -1.5px;
}
/* t4 */
#cssDesign #t4 h3 { 
  font-size: 31px;
  padding: 8px 26px 3px 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#cssDesign #t4 h3 div:first-child { font-size: 25px; }
#cssDesign #t4 .post p { 
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 10px;
}
#cssDesign #t4 .post p:nth-of-type(1) {
  font-size: 19px;
  color: #ce0000;
}
#cssDesign #t4 .post p:nth-of-type(2) {
  font-size: 23px;
  color: #000;
}
#cssDesign #t4 .post p:last-of-type {
  margin-top: -37px;
}
/* t5 */
#cssDesign #t5 h3 { 
  font-size: 36px;
  padding: 5px 26px 5px 12px;
  line-height: 1;
  display: flex;
  align-items: center;
}
#cssDesign #t5 h3 div:first-child { 
  font-size: 20px;
  background-color: #353535;
  padding: 15.5px 15px;
  border-radius: 50% 50% 50% 50%;
  margin-right: 15px;
  box-shadow: 2px 3px 4px -2px #353535;
}
#cssDesign #t5 h3 div:last-child { padding-top: 7px; }
#cssDesign #t5 .post {
  padding: 15px 25px 0;
  overflow: hidden;
  display: flex;
}
#cssDesign #t5 .boxHarf {
  margin: 0 15px 25px 0;
  width: 435px;
}
#cssDesign #t5 .boxHarf h4,
#cssDesign #t5 .boxHarf p {
  padding-left: 12px;
}
#cssDesign #t5 .boxHarf h4 {
  font-size : 20px ;
  border-bottom: 1px solid #e46969;
  padding: 5px 0 15px;
}
#cssDesign #t5 .boxHarf h4 .small:last-of-type { float: right; }
#cssDesign #t5 .boxHarf .small { font-size: 13px; }
#cssDesign #t5 .boxHarf p:first-of-type { height: 55px; }
#cssDesign #t5 .boxHarf p:last-of-type {
  color: #00B9EF;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  border: 2px solid #60D9FC;
  padding: 10px 7px;
  margin-top: 12px;
}

/*#cssDesign #t5 .item1 {
  margin-right: 0;
  }*/
  /* t6 */
  #cssDesign #t6 h3 {
    font-size: 21px;
    padding: 9px 20px 6px;
    line-height: 23px;
  }
  #cssDesign #t6 .post {
    padding-right: 20px;
    padding-left: 20px;
  }
  #cssDesign #t6 ul {
    overflow: hidden;
    margin-bottom: 1.2em;
  }
  #cssDesign #t6 ul li {
    float: left;
  }
  #cssDesign #t6 .post >p:nth-of-type(1) { font-size: 14px; font-weight: bold; }
  #cssDesign #t6 .post >p:nth-of-type(2) { font-size: 26.5px; font-weight: bold; line-height: 2; }
  #cssDesign #t6 .post >p:nth-of-type(2) span { color: #CE0000; }
  #cssDesign #t6 .post >p:nth-of-type(3) {
    color: #509F00;
    font-size: 20px; font-weight: bold;
    line-height: 2;
    letter-spacing: -0.8px;
    background-color: #F5ED94;
    padding: 4px 8px 1px;
    box-shadow: 4px 4px 5px #ccc;
    margin-bottom: 25px;
  }
  #cssDesign #t6 .post >p:nth-of-type(3) span { 
    display: inline-block; color: #7BB04E; 
    transform: scale(0.8, 1); margin: 0 -53px;
  }
  #cssDesign #t6 p {
    font-size: 18px;
  }
  #cssDesign #t6 h4 {
    font-size: 27px;
    margin-bottom: 0.3em;
  }
  #cssDesign #t6 p.note {
    font-size: 11px;
    color:#FF0000;
    line-height: 1.4;
  }
  #cssDesign #t6 .note li {
    font-size: 11px;
    color: #666;
  }
/*  #cssDesign #t6 .item1 p,
  #cssDesign #t6 .item2 p {
    padding: 10px 16px;
    margin-bottom: 1em;
  }*/
/*  #cssDesign #t6 .item1 p {
    border: 2px solid #60D9FC;
  }
  #cssDesign #t6 .item2 {
  }
  #cssDesign #t6 .item2 p {
    border: 2px solid #FFC8C8;
  }*/
  #cssDesign #t6 .item3 {
    clear: both;
  }
  #cssDesign #t6 .item1 h4 { color: #00B9EF; }
  #cssDesign #t6 .item2 h4 { color: #E01968; }
  #cssDesign #t6 .item3 h4 { color: #509F00; }
  #cssDesign #t6 h4 .small { color: #333333; font-size: 12px; }
  #cssDesign #t6 .boxFull {
    padding: 10px 16px;
    margin-bottom: 20px;
  }
  #cssDesign #t6 .item1 .boxFull { border: 2px solid #00B9EF; }
  #cssDesign #t6 .item2 .boxFull { border: 2px solid #FFC8C8; }
  #cssDesign #t6 .item3 .boxFull { border: 2px solid #9FD569; }
  /* t7 */
  #cssDesign #t7 h3 {
    font-size: 39px;
    padding: 15px 20px 7px;
  }
  #cssDesign #t7 h4 {
    margin-bottom: 1em;
  }
  #cssDesign #t7 p.note {
    font-size: 12px;
    padding: 1em 0;
  }
  #cssDesign #t7 ol {
    padding-right: 22px;
    padding-left: 22px;
  }
  #cssDesign #t7 ol li {
    font-size: 13px;
    margin-top: 4px;
  }
  #cssDesign #t7 ol li.flex {
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #cssDesign #t7 #insurance ol li.flex table {

  }
  #cssDesign #t7 #insurance ol li.flex table tr >* { 
    text-align: left;
    font-size: 11px !important;
    border: 1px solid #333;
    padding: 3px;
  }
  #cssDesign #t7 .step {
    clear: both;
    background: url(/parts/tmn/body859.gif) no-repeat left bottom;
    margin-bottom: 8px;
    overflow: hidden;
  }
  #cssDesign #t7 .step dl {
    background: url(/parts/tmn/head859.gif) no-repeat;
    padding-top: 10px;
    overflow: hidden;
  }
  #cssDesign #t7 .step dt {
    float: left;
    margin: 0 20px 20px 10px;
  }
  #cssDesign #t7 .step dd {
    font-weight: bold;
    overflow: hidden;
    padding-top: 8px;
    padding-right: 20px;
  }
  #cssDesign #t7 .step dd.note {
    font-weight: normal;
    font-size: 11px;
    padding-top: 4px;
  }
  #cssDesign #t7 th {
    padding: 20px 30px;
  }
  #cssDesign #t7 td {
    padding: 20px 16px;
    ;
  }
  #cssDesign #t7 th.type5B,
  #cssDesign #t7 th.typeA2,
  #cssDesign #t7 th.typeF4 {
    background: #FEECEC;
  }
  #cssDesign #t7 th.type4B,
  #cssDesign #t7 th.typeC2,
  #cssDesign #t7 th.typeC3,
  #cssDesign #t7 th.typeF3 {
    background: #E7EFCE;
  }
  #cssDesign #t7 th.type2B,
  #cssDesign #t7 th.typeB2,
  #cssDesign #t7 th.typeH2 {
    background: #EDFBFF;
  }
  #cssDesign #t7 .post table tr th.th_big {
    width: 120px;
    font-size: 20px;
    color: #666666;
    padding: 0;
  }
  /* t7-insurance */
  #cssDesign #t7 #insurance th,
  #cssDesign #t7 #insurance td {
    text-align: right;
    padding: 3px 6px;
    vertical-align: top;
  }
  #cssDesign #t7 #insurance td {
  }
  #cssDesign #t7 #insurance th.head {
    background: #FFF1C0;
    text-align: left;
  }
  #cssDesign #t7 #insurance td.head {
    text-align: left;
  }
  #cssDesign #t7 #insurance p {
    font-size: 14px;
  }
  #cssDesign #t7 #insurance ul.note {
    padding-top: 1em;
  }
  #cssDesign #t7 #insurance .note li {
    font-size: 11px;
    text-indent: -1em;
    margin-bottom: 6px;
    margin-left: 1em;
  }
  #cssDesign #t7 #insurance .hint {
    background-color: #FEFF32;
    display: block;
  }
  #cssDesign #t7 #insurance .same {
    background-color: #F6CA06;
  }
  #cssDesign #t7 #insurance .same-hint{
    color: #ff9900;
    float: right;
    margin-right: 5px;
  }

/* t8 */
#cssDesign #t8 h3 { 
    font-size: 39px;
    padding: 15px 20px 7px;
}
  #cssDesign #t8 th,
  #cssDesign #t8 td {
    padding: 16px;
  }
  #cssDesign #t8 td ul {
    background: #F5F5F5;
    padding: 10px 20px;
    margin-top: 10px;
  }
  #cssDesign #t8 ul.note {
    padding-top: 1.5em;
  }
  #cssDesign #t8 ul.note li {
    color: #000;
  }
  #cssDesign #t8 li.note {
    font-size: 12px;
  }
  #cssDesign #t8 ul.info {
    margin-top: 1em;
    margin-bottom: 2em;
  }
  #cssDesign #t8 ul.info li {
    color: #690;
  }
  #cssDesign #t8 th {
    background: #F5F5F5;
  }
  #cssDesign #t8 th.head,
  #cssDesign #t8 td.head {
    text-align: left;
  }
  #cssDesign #t8 .notice {
    padding-top: 1.5em;
  }
  #cssDesign #t8 .notice p {
    color: #F66;
  }
  #cssDesign #t8 .agency {
    background: #F5F5F5;
    padding: 20px 20px 10px;
  }
  #cssDesign #t8 .agency dl {
    padding-bottom: 10px;
  }
  #cssDesign #t8 .agency dt {
    margin-bottom: 10px;
  }
/* 契約ボタン
-------------------------------------- */
#cssDesign p.goPage	{
	text-align: center;
  padding: 14px 0 6px;
}
#cssDesign p#onKeyView.goPage	{
	padding: 0 0 30px;
  text-align: left;
  margin-top: -80px;
}
#cssDesign p#onKeyView .note	{
	font-size: 11px;
  color: #900;
}

.policy_link a {
  position: absolute;
  bottom: 20px;
  left: 32%;
  display: block;
  border-radius: 4px;
  background-color: #ddd;
  width: 280px;
  text-align: center;
  padding: 20px 5px;
  font-weight: bold;
  letter-spacing: 1px;
}

.policy_link a:hover {
  opacity: 0.6;
}


/*
-------------------------------------- */
fieldset.aboutGuide	{
	width: 245px;
  float: right;
  border: solid 1px #E2E2E2;
  padding: 6px;
  margin-right: 20px;
  margin-bottom: 12px;
}
.aboutGuide legend	{
	font-weight: bold;
  padding: 0 6px;
  display: block;
}
.aboutGuide ul	{
	text-align: right;
}
.aboutGuide li	{
	float: left;
  margin-left: 10px;
}
/**/
#cssDesign #tx.box	{
	background: none;
}
#cssDesign h2.subTitle	{
	border-bottom: solid 5px #E8E8E8;
  padding: 0 20px 12px;
  font-size: 16px;
}
#cssDesign #insurance .charge	{
	overflow: hidden;
}
#cssDesign #insurance .charge h4	{
	float: left;
  margin-right: 10px;
  padding-top: 4px;
  font-weight: normal;
  font-size: 12px;
}
#cssDesign #insurance .charge ul	{
	overflow: hidden;
}
#cssDesign #insurance .charge li	{
	line-height: 1.3;
  font-size: 11px;
}
#cssDesign #insurance.wideTable th,
#cssDesign #insurance.wideTable td	{
  font-size: 13px;
}
#cssDesign #insurance.wideTable td li	{
  font-size: 12px;
}