﻿.categolybutton {
  display       : inline-block !important;
  border-radius : 7%;          /* 角丸       */
  font-size     : 9pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  text-decoration: none !important;	/* リンクの下線なし  */
  cursor        : pointer;     /* カーソル   */
  padding       : 2px 5px;   /* 余白       */
  margin-right  : 5px;
  background    : #003300;     /* 背景色     */
  color         : #ffffff !important;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #003300;    /* 枠の指定 */
	float         : none !important;
	width         : auto !important;
}
.categolybutton:hover {
  color         : #003300 !important;     /* 背景色     */
  background    : #ffffff !important;     /* 文字色     */
}

.productbutton {
  display       : inline-block !important;
  border-radius : 7%;          /* 角丸       */
  font-size     : 9pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  text-decoration: none !important;	/* リンクの下線なし  */
  cursor        : pointer;     /* カーソル   */
  padding       : 2px 5px;   /* 余白       */
  margin-right  : 5px;
  background    : #0000ff;     /* 背景色     */
  color         : #ffffff !important;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #0000ff;    /* 枠の指定 */
	float         : none !important;
	width         : auto !important;
}
.productbutton:hover {
  color         : #0000ff !important;     /* 背景色     */
  background    : #ffffff !important;     /* 文字色     */
}

.articlerankbutton {
  display       : inline-block !important;
  border-radius : 7%;          /* 角丸       */
  font-size     : 9pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  text-decoration: none !important;	/* リンクの下線なし  */
  cursor        : pointer;     /* カーソル   */
  padding       : 2px 5px;   /* 余白       */
  margin-right  : 5px;
  background    : #ff0000;     /* 背景色     */
  color         : #ffffff !important;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #ff0000;    /* 枠の指定 */
	float         : none !important;
	width         : auto !important;
}
.articlerankbutton:hover {
  color         : #ff0000 !important;     /* 背景色     */
  background    : #ffffff !important;     /* 文字色     */
}

.articlebox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.articlebox article {
    margin: 0; 
    padding: 0;
}

.download{
  border: 1px solid #e1e2e4;
  padding: 12px 18px 7px 18px;
  margin-top: 340px;
}

.download dt{
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 5px;
}

.download dd{
  background: url(../img/icon_pdf.png) no-repeat;
  background-size: 16px auto;
  padding-left: 22px;
  margin-bottom: 5px;
}

.reference{
}

.reference dt{
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 5px;
}

.reference dd{
  background: url(../img/icon_link.png) no-repeat;
  background-size: 16px auto;
  padding-left: 22px;
  margin-bottom: 5px;
}

.faqlist{
  font-size: 1.5em;
  font-weight: bold;
}

.nomargin{
  margin: 0;
}

/* 共通Header用 */
/*------ヘッダー-----------------------*/

/* common.cssの指定を外す */
.whitefooter{
	background: none;
  clear: both;
}

.foot_in{
	padding-left: 0px;
}

.naver{
	padding-left: 0px;
}

.logo p{
	margin: 0px !important;
}

.faqh2{
  border-bottom: none !important;
  border-left: none !important;
  padding-left: 0px;
  margin-bottom: 22px;
 }

/* base.cssの指定を外す */
.contact_box dl{
	margin: 0px;

}