@charset "utf-8";


input,form {
	font-family:/* "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",*/Verdana, "ＭＳ Ｐゴシック",sans-serif;
}


input[type=text] {
	height: 14px;
	line-height: 14px;
}


/* IE6 */
.first-child {
	margin: 0 !important;
}
.first-fl {
	float: left !important;
}
.fft {
	overflow: hidden;
	zoom: 1;
}


/* for agSearch */
#agGoodsSearch {
	width:auto;
	margin: 0 auto 10px;
}
.agSearchTtlL {
	background: url(/askul/com/img/search_ttl_bg_l.png) no-repeat left top;
	height: 42px;
	padding-left: 5px;
}
.agSearchTtlR {
	background: url(/askul/com/img/search_ttl_bg_r.png) no-repeat right top;
	padding-right: 5px;
}
.agSearchTtlC {
	background: url(/askul/com/img/search_ttl_bg_c.png) repeat-x left top;
	height: 42px;
	width: 100%;
}
.agSearchTtlL .agSearchTtlR .agSearchTtlC h1 {
	padding-left: 5px;
	padding-top: 9px;
}
.agSearchContents {
	border: 3px solid #4BA4FF;
	padding: 5px auto;
	text-align:center;
}

.agSearchContents .agSearchContentsHead2 {
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.4;
}

.agSearchContents .agSearchContentsHead2 h2 {
	color: #0648d6;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.agSearchContents .agSearchInput {
	margin-top: 15px;
}
.agSearchContents .agSearchInput .agSearchInputHead2 {
	background: #dbdbdb;
	height: 25px;
	margin-bottom: 5px;
}
.agSearchContents .agSearchInput .agSearchInputHead2 h2 {
	padding-left: 8px;
	padding-top: 3px;
}
.agSearchContents .agSearchInput .agSearchInputList {
	border-bottom: 1px solid #4BA4FF;
	
}
.agSearchContents .agSearchInput .agSearchInputList ul li {
	display: inline;
	
}
.agSearchContents .agSearchInput .agSearchInputList ul li.first-child {
	padding-right: 2px;
}
.agSearchContents .agSearchInput .agSearchInputCont {
/*	background: #dfebf7;*/
/*	padding: 5px;*/
	
}
.agSearchContents .agSearchInput .agSearchInputCont .agSearchInputSelect {
	margin-bottom: 10px;
	
}
.agSearchContents .agSearchInput .agSearchInputCont .agSearchInputSelect select {
	border: 2px solid #4BA4FF;
	width: 80%;
	height: 50px;
	font-size: 1.8em;
/*	margin-left: 20px;*/
	
}
.agSearchContents .agSearchInput .agSearchInputCont .agSearchInputSelect input {
	border: 2px solid #4BA4FF;
	width: 80%;
	height: 50px;
	font-size: 1.5em;
/*	margin-left: 20px;*/
	
}
.agSearchContents .agSearchInput .agSearchInputCont .agSearchInputBtn p {
	text-align:center;
	
}

.agSearchtitle {
	padding: 5px;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: bold;
}

 /* --- 検索全体のBOX (サンプル用)--- */
.agSearchArea{
  width          : 900px;              /* BOXの幅               */
  height         : 50px;               /* BOXの高さ             */
  margin         : auto;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : bold;               /* 太字                  */
  line-height    : 0;                  /* 標準の行高さ          */
}

.agSearchAreaM{
  width          : 650px;              /* BOXの幅               */
  height         : 30px;               /* BOXの高さ             */
  margin         : 0 0 30px 0;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : bold;               /* 太字                  */
  line-height    : 0;                  /* 標準の行高さ          */
}

.agSearchAreaS{
  width          : 250px;              /* BOXの幅               */
  height         : 30px;               /* BOXの高さ             */
  margin         : auto;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : bold;               /* 太字                  */
  line-height    : 0;                  /* 標準の行高さ          */
}
 
 /* --- テキスト入力欄のSTYLE設定 --- */
.agSearchArea .agSearchText {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 50px;               /* 入力の高さ            */
  width          : 650px;              /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 5px;             /* 内余白                */
  border         : 2px solid #4ba4ff;  /* 枠線　幅,実践,色      */
  color          : #333;               /* 文字色                */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  font-size      : 28px;               /* フォントサイズ        */
}

.agSearchAreaM .agSearchTextM {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 40px;               /* 入力の高さ            */
  width          : 400px;              /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 5px;             /* 内余白                */
  border         : 2px solid #4ba4ff;  /* 枠線　幅,実践,色      */
  color          : #333;               /* 文字色                */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  font-size      : 18px;               /* フォントサイズ        */
}
 
 /* --- 検索ボタン欄のSTYLE設定 --- */
.agSearchArea .searchButton {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 50px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : auto;           /* 内余白                */
  border         : none;               /* 枠線　幅,実践,色      */
  background     : #4ba4ff;            /* ボタンの色            */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
  line-height    : 50px;               /* 1行の高さ             */
  font-size      : 40px;               /* フォントサイズ        */
}

.agSearchAreaM .searchButtonM {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 40px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 0;           /* 内余白                */
  border         : none;               /* 枠線　幅,実践,色      */
  background     : #4ba4ff;            /* ボタンの色            */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
  line-height    : 30px;               /* 1行の高さ             */
  font-size      : 18px;               /* フォントサイズ        */
}
 
 /* --- 検索ボタン欄にフォーカスか来たとき --- */
.agSearchArea .agSearchText:focus {
  background     : #cfe7ff;            /* フォーカス時の背景色  */
}
 
 /* --- 検索ボタン内のアイコンSTYLE設定 --- */
.agSearchArea .searchImg {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 30px;               /* 画像の高さ            */
  margin         : auto;               /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* --- IEの入力エリア右側×消し -------------------------*/
.agSearchArea .agSearchText::-ms-clear {
  display        : none;               /* ×を消す              */
}


#agAlphaList,
#agAlphaTab {
	display: none;
}

.agCautionNote {
	margin: 20px 0 0;
	padding: 12px 15px 10px 15px;
	border: 1px solid #d80000;
	background: #efefef url(/askul/com/img/attention-b-exmark-bg.gif) no-repeat 9px 8px;
	background-size:18px 18px;
	-webkit-background-size:18px 18px;
	-moz-background-size:18px 18px;
	-o-background-size:18px 18px;
}

.agCautionNote .heading {
	padding: 0 0 0 30px;
	color: #d80000;
	font-size: 1.4em;
	font-weight: bold;
}

.agCautionNote .body {
	font-size: 1.2em;
	line-height: 1.4;
}

.agCautionNote .body .text {
	margin: 3px 0 0;
	font-weight: bold;
}