@charset "EUC-JP";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 200;
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body #selectwrap{
  background: #fff;
  margin: 0;
  padding: 0;

}
@media (max-width: 768px) {
body #selectwrap{
  width: 100%;
}
}

/*------------------------------------------------
Link
------------------------------------------------*/
a { text-decoration: underline; background: transparent;}
a:link, a:visited { color: #535ca7; text-decoration: underline; }
a:hover, a:active { color: #FF3333; text-decoration: underline; }
/*----------------------------------------------*/

/*------------------------------------------------
ClearFix
------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
* html .clearfix { display: inline-block; }
*+html .clearfix { display: inline-block; }
/* for only mac IE5 \*//*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of for only mac IE5 */
/*----------------------------------------------*/

.clear{ clear: both; visibility: hidden; height: 0; }
.floatL {float: left;}
.floatR {float: right;}
.alt {
	display: none;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.t-center { text-align: center; }
.emp{ color: #C83153;}

/*------------------------------------------------
caution_img - 【ご注意】画像表示
------------------------------------------------*/
.caution_img { vertical-align: text-top; }
.caution_img2 { vertical-align: text-bottom; margin-right: 2px;}
.caution_img3 {
	vertical-align: top;
	margin: 0 0 0 3px;
}
/*----------------------------------------------*/

/*------------------------------------------------
caution_error - エラーメッセージ表示
------------------------------------------------*/
#caution_error {
	margin: 30px;
	padding: 17px 0 15px 100px;
	border: #EC0006 solid 1px;
	width: 700px;
	color: #EC0006;
	font-weight: bold;
	font-size: 16px;
	background-image: url(../images/cmn/icon_error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FEF5F5;
}

#caution_error2 {
	margin: 30px 0;
	padding: 12px 0 10px 100px;
	border: #EC0006 solid 1px;
	width: 760px;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/cmn/icon_error.gif) #FEF5F5 left center no-repeat;
}

/*----------------------------------------------*/

/*------------------------------------------------
Form
------------------------------------------------*/
/* Japanese mode - 全角モード */
.ime-act { ime-mode: active; }

/* IME=NG、UserSide=changeNG - IME=使用不可、ユーザー側で変更不可能 */
.ime-dis { ime-mode: disabled; }
.ime-pwd { font-size: 12px; ime-mode: disabled; }
imput { padding: 2px; vertical-align: middle; }
textarea { padding: 2px; }
select { vertical-align: middle; }
option { padding: 0px 5px; }
/*----------------------------------------------*/


/*------------------------------------------------
Margin
------------------------------------------------*/
#selectwrap .top5 { margin-top: 5px; }
#selectwrap .top7 { margin-top: 7px; }
#selectwrap .top10 { margin-top: 10px; }
#selectwrap .top15 { margin-top: 15px; }
#selectwrap .top20 { margin-top: 20px; }
#selectwrap .top30 { margin-top: 30px; }
#selectwrap .top40 { margin-top: 40px; }
#selectwrap .top50 { margin-top: 50px; }
#selectwrap .bottom2 { margin-bottom: 2px; }
#selectwrap .bottom4 { margin-bottom: 4px; }
#selectwrap .bottom6 { margin-bottom: 6px; }
#selectwrap .bottom10 { margin-bottom: 10px; }
#selectwrap .bottom15 { margin-bottom: 15px; }
#selectwrap .bottom20 { margin-bottom: 20px; }
#selectwrap .bottom30 { margin-bottom: 30px; }
#selectwrap .bottom40 { margin-bottom: 40px; }
#selectwrap .bottom50 { margin-bottom: 50px; }
#selectwrap .bottom100 { margin-bottom: 100px; }
#selectwrap .bottom170 { margin-bottom: 170px; }
#selectwrap .bottom200 { margin-bottom: 200px; }
#selectwrap .bottom220 { margin-bottom: 220px; }
#selectwrap .bottom250 { margin-bottom: 250px; }
#selectwrap .bottom380 { margin-bottom: 380px; }
#selectwrap .right10 { margin-right: 10px; }
#selectwrap .left10 { margin-left: 10px; }
#selectwrap .left20 { margin-left: 20px; }
#selectwrap .left30 { margin-left: 30px; }
#selectwrap .space_tb10 { margin-top: 10px; margin-bottom: 10px; clear: both; }
#selectwrap .space_tb1020 { margin-top: 10px; margin-bottom: 20px; clear: both; }
#selectwrap .space_tb1510 { margin-top: 15px; margin-bottom: 10px; clear: both; }
#selectwrap .space_tb1520 { margin-top: 15px; margin-bottom: 20px; clear: both; }
#selectwrap .space_tb20 { margin-top: 20px; margin-bottom: 20px; clear: both; }
#selectwrap .space_tb2010 { margin-top: 20px; margin-bottom: 10px; clear: both; }
#selectwrap .space_tb2030 { margin-top: 20px; margin-bottom: 30px; clear: both; }
#selectwrap .space_tb2040 { margin-top: 20px; margin-bottom: 40px; clear: both; }
#selectwrap .space_tb2080 { margin-top: 20px; margin-bottom: 80px; clear: both; }
#selectwrap .space_tb3010 { margin-top: 30px; margin-bottom: 10px; clear: both; }
#selectwrap .space_tb4015 { margin-top: 40px; margin-bottom: 15px; clear: both; }
#selectwrap .ptop30 { padding-top: 30px; }
#selectwrap .ptop10 { padding-top: 10px; }
#selectwrap .ptop50 { padding-top: 50px; }
#selectwrap .ptop150a { padding-top: 150px; }
#selectwrap .ptop150 { padding-top: 150px; }
#selectwrap .ptop200 { padding-top: 200px; }
#selectwrap .pbottom50 { padding-bottom: 50px; }
#selectwrap .pbottom100 { padding-bottom: 100px; }
#selectwrap .pbottom150 { padding-bottom: 150px; }
/*----------------------------------------------*/

@media (max-width: 768px) {
#selectwrap .ptop150 { padding-top: 180px; }
#selectwrap .ptop150a { padding-top: 120px; }
#selectwrap .ptop200 { padding-top: 180px; }	
}