@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* article
========================================================================================================
*/

/*----------------------------------------
                  usage
-----------------------------------------*/

article#usage section section{
  width:100%;
  padding:0;
}

article#usage section section#usage01 h2{
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#usage section section#usage01 h2{
  margin:0 0 30px 0;
 }
}

article#usage section section#usage04{
  margin:0 0 80px 0;
 }

@media print, screen and (min-width:960px) { 
 article#usage section section#usage04{
  margin:0;
 }
}

/*----------------------------------------
                 usage
-----------------------------------------*/

article#usage section section div{
  width:90%;
  border-bottom:1px dotted #777;
  margin:30px auto 30px auto;
}

@media print, screen and (min-width:640px) { 
 article#usage section section div{  
   width:100%;
   padding:0 20px;
   margin:0 auto 30px auto;
 }
}

article#usage section section div:last-child{
  border-bottom:none;
  margin:0 auto 30px auto;
}

@media print, screen and (min-width:640px) { 
 article#usage section section div:last-child{
  border-bottom:none;
  margin:0 0 50px 0;
 }
}

article#usage section div h3{
  background:url(/common/images/icon13.png) no-repeat 0 0;
  font-size:18px; font-size:1.8rem;
  font-weight: 700;
  line-height:130%;
  padding:0 0 0 30px;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:640px) { 
 article#usage section div h3{
  height:30px;
  background:url(/common/images/icon13.png) no-repeat 0 3px;
  line-height:28px;
  padding:0 0 0 30px;
  margin:0 0 10px 0;
 }
}

/*------p-------*/

article#usage section div p{
  width:100%;
  line-height:200%;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#usage section div p{
  margin:0 0 15px 0;
 }
}

article#usage section div p:last-child{
  margin:0 0 30px 0;
}

article#usage section section#usage03 p{
  width:90%;
  line-height:130%;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:640px) { 
 article#usage section section#usage03 p{
  width:94%;
  margin:0 auto 30px auto;
 }
}

article#usage section section#usage03 div p{
  width:100%;
  line-height:200%;
}

article#usage section section#usage04 p{
  line-height:200%;
  margin:0 20px 20px 20px;
}

@media print, screen and (min-width:640px) { 
 article#usage section section#usage04 p{
  margin:0 20px 50px 20px;
 }
}

/*------dl-------*/

section#usage01 dl{
  width:95%;
  padding:0;
  margin:20px auto;
}

@media print, screen and (min-width:640px) { 
 section#usage01 dl{
   margin:0 auto 50px auto;
 }
}

section#usage01 dl dt{
  width:100%;
  display:inline-block;
  font-size:14px; font-size:1.4rem;
  text-align: center;
  font-weight: 700;
  line-height:130%;
  background-color:#F4F4F4;
  padding:13px 0 13px 10px;
  margin:0;

}

@media print, screen and (min-width:640px) { 
 section#usage01 dl dt{
   width:25%;
   min-height:40px;
   margin:0 0 5px 0;
   padding:13px 0;
  }
}

section dl dd{
  width:100%;
  display:inline-block;
  background-color:#FFF;
  font-size:14px; font-size:1.4rem;
  line-height:130%;
  padding:13px 0 13px 10px;
  margin:0;
  text-align: center;
}

@media print, screen and (min-width:640px) { 
 section dl dd{
  width:74%;
  min-height:40px;
  display:inline-block;
  background-color:#FFF;
  padding:13px 0 13px 30px;
  margin:0 0 5px 0;
  text-align: left;
  font-size:16px; font-size:1.6rem;
 }
}

section dl dd ul li{
  line-height:160%;
}


/*------table-------*/

section#usage03 div table{
  width:100%;
  margin:20px 0 20px 0; 
}

@media print, screen and (min-width:640px) { 
 section#usage03 div table{
  margin:20px 0 40px 0; 
 }
}

section#usage03 div table th{
  width:20%;
  min-height:40px;
  background-color:#F4F4F4;
  border-bottom:5px solid #FFF;
  font-size: 14px; font-size: 1.4rem;
  vertical-align:middle;
  text-align:center;
  padding:0;
}

section#usage03 div table td{
  min-height:40px;
  border-bottom:5px solid #FFF;
  font-size: 14px; font-size: 1.4rem;
  vertical-align:middle;
  line-height:180%;
  padding:15px 0 15px 10px;
}

@media print, screen and (min-width:640px) { 
 section#usage03 div table td{
  padding:15px 0 15px 30px;
 }
}