@charset "utf-8";
/* CSS Document */


/*
#####################################################################

	汎用コンポーネント
	
#####################################################################
*/

/* ****************************************************
  色【bg-Color】
***************************************************** */

.bg-black { background: #1a1a1a none repeat scroll 0 0 !important; }
.bg-white { background: #FFF none repeat scroll 0 0 !important; }
.bg-glay1 { background: #f5f5f5 none repeat scroll 0 0 !important; }
.bg-red1 { background: #ff0404 none repeat scroll 0 0 !important;　}
.bg-blue1 { background-color: rgba(11,57,152,0.05) !important;}

.color-red1{ color: #ff0404 !important;}


/* ****************************************************
  文字揃え【TextAlign】
***************************************************** */

.alignLeft { text-align: left !important; }/*左寄せ*/
.alignCenter { text-align: center !important; }/*中央寄せ*/
.alignRight { text-align: right !important; }/*右寄せ*/



/* ****************************************************
  揃え位置【position】
***************************************************** */

.position-left{ margin:auto auto auto 0; }/*左揃え*/
.position-center{ margin:auto auto auto auto; }/*中心揃え*/
.position-right{ margin:auto 0 auto auto; }/*右揃え*/


/* ****************************************************
  パディング　マージン
***************************************************** */

.padding-bottom-none{padding-bottom: 0 !important;	}
.padding-top-none{padding-top: 0 !important;}
.padding-left-none,.padding-left-none li{padding-left: 0 !important;}

.margin-top-none {margin-top: 0 !important;}
.margin-bottom-none {margin-bottom: 0 !important;}

@media all and (min-width: 767px) {
	
	.margin-top-40 { margin-top: 40px !important; }
	.margin-top-60 { margin-top: 60px !important; }
	.margin-top-80 { margin-top: 80px !important; }
	
	.padding-top-40 { padding-top: 40px !important; }
	.padding-top-60 { padding-top: 60px !important; }
	.padding-top-80 { padding-top: 80px !important; }

	.margin-bottom-40 { margin-bottom: 40px !important; }
	.margin-bottom-60 { margin-bottom: 60px !important; }
	.margin-bottom-80 { margin-bottom: 80px !important; }
	
	.padding-bottom-40 { padding-bottom: 40px !important; }
	.padding-bottom-60 { padding-bottom: 60px !important; }
	.padding-bottom-80 { padding-bottom: 80px !important; }
}

@media all and (max-width: 767px) {
	.padding-top-none-sp { padding-top: 0 !important;}
	
	.margin-top-40-sp { margin-top: 40px !important; }
	.margin-top-60-sp { margin-top: 60px !important; }
	.margin-top-80-sp { margin-top: 80px !important; }
	.margin-top-100-sp { margin-top:100px !important; }
	.margin-top-120-sp { margin-top:120px !important; }
	.margin-top-160-sp { margin-top:160px !important; }
	
	.padding-top-40-sp { padding-top: 40px !important; }
	.padding-top-60-sp { padding-top: 60px !important; }
	.padding-top-80-sp { padding-top: 80px !important; }
	.padding-top-100-sp { padding-top:100px !important; }
	.padding-top-120-sp { padding-top:120px !important; }
	.padding-top-160-sp { padding-top:160px !important; }
}

/* ****************************************************
  サイズ指定
***************************************************** */
.max-width-100{ max-width: 100px;}
.max-width-200{ max-width: 200px;}
.max-width-300{ max-width: 300px;}
.max-width-400{ max-width: 400px;}
.max-width-500{ max-width: 500px;}
.max-width-600{ max-width: 600px;}
.max-width-700{ max-width: 700px;}
.max-width-800{ max-width: 800px;}

.max-width-full{ max-width: 100%; width: 100%;}

/* ****************************************************
  見出し
***************************************************** */

.head-H1{
	margin-bottom: 58px;
	padding: 31px;
	text-align: center;
	color: #FFF;
	font-size: 4.4rem;
	font-weight: 700;
	background: #006fce !important;
	line-height: 1;
}

.head-H1 span{
	font-size: 2.8rem;
	margin-top: 25px;
	display: block;
	line-height: 1.2;	
}

@media all and (max-width: 767px) {

	.head-H1{
		font-size: 2.5rem;
	}
}




/* ****************************************************
  影
***************************************************** */

.shadow {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.16);
}


/*
#####################################################################

	汎用指定
	
#####################################################################
*/

/*テキストリンク*/
#main .comTxt a,
#main table a,
#main .comTxtUl03 a,
.price .comBox p a{
	color: dodgerblue !important;
	text-decoration: underline;
}

	
#scroll .comBox {
	box-shadow: 0 3px 30px rgba(0, 0, 0, 0.16);
}

/*.platform{
	padding-top: 160px !important;
}*/

body {
    background-color: #FFF !important;
}

h4{line-height: 1.588;}


.mainVisual {
    margin-top: 0;
}


/*.smlWide table{
    padding: 0 100px !important;
}*/


/*.comTxtUl03{
	width: 100%;
}*/

/*価格用のテーブル*/
.price .smlWide{
	max-width: 100%;
}


@media all and (min-width: 767px) {
	
	#scroll .top{
		margin: 100px 0 50px;
	}
	
	.marg90 {
		padding-top: 90px;
	}
	
	.blueBg,
	div.deepBlue{
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}
	
	.productBox,
	.summary{ padding-top: 98px;}
	
	/*.headline08 { margin: 0px 0 53px;}*/

}

@media all and (max-width: 767px) {

	.toolLink li{
		width: auto;
	}
}



/* ****************************************************
  テーブル
***************************************************** */

.products_base_tbl{
	border: none;
	
}

.products_base_tbl .bg_deepblue,
.products_base_tbl .bg_blue{
	background-color: #FFF;
}
.products_base_tbl th{border-top: 3px solid #000 !important;}

th.line{ margin-top: 0px;}

.products_base_tbl th {
    border-bottom: solid 1px #CCC;
}

/*テーブル100%指定*/
.table-W100{
	max-width: 100%;
	width: 100%;	
}

/*ライン消去*/
.none-boder-top th,
th.none-boder-top{
	border-top: none !important;
	
}
/*ライン付与*/
.boder-top th{
	border-top: 3px solid #000 !important;	
}
.boder-top2 td{
	border-top: 3px solid #000 !important;	
}