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

/* ======================================================
PC用
====================================================== */
#newsletter_list {
	margin: 30px 0 0;
}
#newsletter_list ul {
    margin: 0 0 15px;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 10px;
}

.txtSpace {
	margin: 10px 0;
}
h5 {
	margin: 50px 0 10px;
}
.subTit {
	font-size:16px !important;
	font-weight: bold;
	margin: 20px 0 5px;
}
.marker {
	color: #fa9632;
	font-weight: bold;
}
.marker_red {
	color: red;
	font-weight: bold;
}
.marker_pink {
	color: #ff6699 !important;
	font-weight: bold;
}
.small {
	font-size: 12px !important;
}
.leftTxt {
	font-size: 13px !important;
	color: #000;
	width: 530px;
	float: left;
}
.rightImg {
	float: right;
	width: 180px;
	margin: 0 0 0 16px;
}
.rightImg02 {
	float: right;
	margin: 0 0 0 50px !important;
}

/*ピンクボックス*/
.pinkBox {
	border: solid 3px #ff6699;
	margin: 0 0 10px;
	padding: 10px;
}
 .pinkBox dt {
	color: #ff6699 !important;
	font-size: 16px !important;
	font-weight: bold;
}
 .pinkBox dd {
	color: #000;
	font-weight: bold;
}

/*ブルーボックス（角丸）*/
.blueBox {
	display: inline-block;
	border: solid 2px #00afef;
	border-radius: 20px;
	padding: 10px 20px;
	margin: 10px 0 0 0;
}
.blueBox .tit {
	font-size: 16px !important;
	color: #00afef !important;
	font-weight: bold;
	margin: 0 0 5px;
}
.blueBox .imgBox {
	/*display: block;*/
	text-align: center;
	margin: 15px auto 5px;
}
.blueBox .imgBox img {
	width: 150px;
	margin: 0 auto;
}
.blueBox .point_pink {
	font-size: 16px !important;
	font-weight: bold;
	color: #ff6699 !important;
	margin: -3px 0 8px;
}

/*グリーンボックス（角丸）*/
.greenBox {
	display: inline-block;
	border: solid 2px #00af50;
	border-radius: 20px;
	padding: 10px 20px;
	margin: 10px 0 0 0;
}
.greenBox .tit {
	font-size: 16px !important;
	color: #00af50 !important;
	font-weight: bold;
	margin: 0 0 5px;
}
.greenBox .s_tit {
	font-size: 15px !important;
	color: #000;
	font-weight: bold;
	margin: 8px 0 5px;
}
.greenBox dl {
	border: solid 2px #00af50;
	padding: 10px;
	margin: 10px auto;
	display: table;
}
.greenBox dt {
	color: #000;
	font-weight: bold;
}
.greenBox dd {
	color: #000;
}
.greenBox .point_red {
	color: red !important;
	font-size: 16px !important;
	font-weight: bold;
	margin: -3px 0 8px;
}

/*パープルボックス（角丸）*/
.perpleBox {
	display: inline-block;
	border: solid 2px #8063a1;
	border-radius: 20px;
	padding: 10px 20px 20px;
	margin: 10px 0 0 0;
}
.perpleBox .tit {
	font-size: 16px !important;
	color: #8063a1 !important;
	font-weight: bold;
	margin: 0 0 5px;
}
.perpleBox .imgBox {
	display: block;
	text-align: center;
	margin: 15px 0 5px;
}
.perpleBox .imgBox img {
	width: 150px;
}
.perpleBox .point_orange {
	color: #fa9632 !important;
	font-size: 16px !important;
	font-weight: bold;
	margin: -3px 0 8px;
}

/*グレーボックス（角丸）*/
.grayBox {
	display: inline-block;
	border: solid #ccc 2px;
	border-radius: 20px;
	padding: 10px 20px;
	margin: 10px 0 0 0;
}
.grayBox .tit {
	font-size: 16px !important;
	font-weight: bold;
	margin: 0 0 8px;
}
.grayBox .tit span {
	color: red;
}
.grayBox .s_tit {
	font-size: 15px !important;
	color: #000;
	font-weight: bold;
}

/*ピンクボックス*/
.small_pinkBox {
	border: solid 3px #ff6699;
	margin: 0 0 10px;
	padding: 9px 0px 10px 10px;
	display: inline-block;
	width: 300px;
}
.small_pinkBox dt {
	color: #ff6699 !important;
	font-size: 16px !important;
	font-weight: bold;
	margin: 2px 0 20px 0;
}
.small_pinkBox dd {
	color: #000;
	font-weight: bold;
}

/*ブルーボックス*/
.small_blueBox {
	border: solid 3px #00afef;
	margin: 0 0 10px;
	padding: 10px;
	display: inline-block;
	width: 300px;
}
.small_blueBox dt {
	color: #00afef !important;
	font-size: 16px !important;
	font-weight: bold;
}
.small_blueBox dd {
	color: #000;
	font-weight: bold;
}
.small_blueBox span {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

/*グリーンボックス*/
.greenBox02 {
	border: solid 3px #00af50;
	margin: 0 0 10px;
	padding: 10px;
}
 .greenBox02 dt {
	color: #00af50;
	font-size: 16px !important;
	font-weight: bold;
}
.greenBox02 dd {
	color: #000;
	font-weight: bold;
}

/*ブルーボックス（角丸）*/
.blueBox02 {
	display: table;
	border: solid 2px #00afef;
	padding: 10px 20px;
	margin: 20px auto 0;
}
.blueBox02 dt, .blueBox02 dd {
	font-size: 15px !important;
	color: #00afef;
	font-weight: bold;
	margin: 0 0 0px;
}

/*オレンジボックス*/
.orangeBox {
	border: #fa9632 3px solid;
	color: #fa9632;
	/*font-size: 18px;*/
	font-weight: bold;
	padding: 20px 60px;
	display: table;
	margin:  20px auto 30px;
}



/* 201407 */
.section01, .section02, .section03, .section04, .section05 {
	margin: 0 0 60px 0;
}
.section01 img {
	margin: 40px auto;
	text-align: center;
	display: block;
}
.section02 img {
	margin: 20px auto;
	text-align: center;
	display: block;
}
.section03 img, .section04 img, .section05 img {
	margin: 20px auto;
	text-align: center;
	display: block;
}
.section01 .leftImg {
	float: left;
	display: inline-block;
	width: 325px;
}
.section01 .rightTxt {
	float: right;
	display: inline-block;
	width: 420px;
	margin: 60px 0 0 0;
}
.section01 .graphBox {
	clear: both;
}
.graphBox p {
	font-size: 16px !important;
	font-weight: bold;
}
.section01 .graphBox li {
	display: inline-block;
}
.section01 .graphBox img {
	margin: 0 auto 20px;
}
.section02 ul {
	display: table;
	border: solid #ec7c30 3px;
	border-radius: 20px;
	padding: 20px 40px;
	margin: 20px auto 20px; 
}
.section02 li {
	color:  #ec7c30 !important;
	font-size: 18px !important;
	font-weight: bold;
}
.section04 .akisuBox02 {
	padding: 10px 56px 10px 20px;
}


.section05 .grayBox .goodsDetail {
	float: left;
	display: inline-block;
	margin: 20px 10px 10px 0px;
}
.section05 .grayBox .goodsDetail img {
	float: left;
	width: 140px;
	margin: 0 3px 0 0;
}
.section05 .grayBox .goodsDetail ul {
	display: inline-block;
	width: 200px;
}
.section05 .grayBox .goodsDetail .productName {
	padding: 100px 0 0 0;
}
.section05 .grayBox .goodsDetail li {
	display: inline-block;
	margin: 0 0 5px;
	font-size: 12px !important;
}
.section05 .grayBox .goodsDetail li img {
	width: 180px;
}
.section05 .grayBox dl {
	display: inline-block;
	margin: 0 0 20px 0;
}
.section05 .grayBox dl:last-child {
	margin: 0 0 0 0;
}
.section05 .grayBox dt {
	clear: both;
	display: block;
	 
}
.section05 .grayBox dt span {
	color: red !important;
}
.section05 .grayBox dd {
	display: inline-block;
	margin: 10px 0 0 0;
}
.section05 .grayBox .txtBox {
	margin: 5px 0 0 20px;
	width: 580px;
	float: left;
}
.section05 .grayBox .productImg {
	width: 120px;
	display: inline-block;
	float: left;
}
.section05 .grayBox dd img {
	width: 120px;
	display: inline-block;
}
.section05 .grayBox .txtBox02 {
	margin: 5px 0 0 20px;
	display: inline-block;
	float: left;
	width: auto;
	margin: 10px 0 0 0;
}
.section05 .grayBox .productImg02 {
	display: table;
	margin: 0 auto;
	padding: 20px 0px 0;
}

.section05 .grayBox .productImg02 img {
	width: auto;
	display: table;
	margin: 0 auto;
}


/* 201703*/
.orangeBox .yuukaiBox {
	clear: both;
	margin: 0 auto 10px;
	display: inline-block;
	
}
.orangeBox .yuukaiBox dt {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.orangeBox .yuukaiBox dd {
	color: #000;
}
.orangeBox .yuukaiBox .yuukaiImg {
	float: left;
}
.orangeBox .yuukaiBox .yuukaiTxt {
	float: right;
	width: 400px;
	padding: 50px 0 0 0;
	margin: 0 0 0 10px;
}
.orangeBox .yuukaiBox .yuukaiTxt02 {
	float: right;
	width: 400px;
	padding: 50px 0 0 0px;
	margin: 0 0 0 60px;
}
.orangeBox .yuukaiBox .yuukaiTxt03 {
	float: right;
	width: 250px;
	padding: 50px 0 0 20px;
}
.orangeBox .yuukaiBox .yuukaiTxt .orangeBox,
.orangeBox .yuukaiBox .yuukaiTxt02 .orangeBox,
.orangeBox .yuukaiBox .yuukaiTxt03 .orangeBox{
	padding: 10px 20px;
}
.perpleBox .perpleTit {
	background-color: #8063a1;
	color: #fff !important;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 15px !important;
	margin: 0 0 10px;
}
.perpleBox .buzzer4point dt {
	color: #8063a1;
	padding: 10px 0 5px;
	font-weight: bold;
}
.blueBack {
	background-color: #00afef;
	color: #fff !important;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 15px !important;
	margin: 30px 0 10px;
	display: inline-block;
}
.buzzerBox {
	display: table;
	margin: 20px auto 0;
}
.greenBack {
	background-color: #95cf57;
	padding: 20px 30px;
	border-radius: 8px;
	margin: 30px 0 10px;
	display: inline-block;
	float: left;
}
.greenBack dt {
	color: #fff !important;
	margin: 0 0 5px;
}
.greenBack dd {
	color: #fff !important;
	font-size: 18px !important;
}
.girl {
	float: right;
}
.ikaDl {
	clear: both;
	display: inline-block;
	margin: 0 0 10px;
}
.ikaDl .maru {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 40px;/* width,heightの半分 */
	-moz-border-radius: 40px;
	border-radius: 40px;
	float: left;
}
.ikaDl .maru span {
	color: #fff;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	padding: 25px 15px 0;
	margin: 0 0 0 3px;
	display: inline-block;
}
.ikaDl .maru .oneMozi {
	padding: 25px 25px 0;
}

.ikaDl .maruTxtbox {
	float: right;
	display: inline-block;
	margin: 12px 0 0 30px;
	width: 650px;
}
.ikaDl .maruTxtbox02 {
	float: right;
    display: inline-block;
    margin: 0 0 0 30px;
    width: 650px;
}
.ikaDl .maruTxtbox span {
	
}
.ikaDl .maruTxtbox .big,
.ikaDl .maruTxtbox02 .big {
	font-size: 23px;
	font-weight: bold;
}
.orangeMozi {
	color: #fa9632;
}
.greenMozi {
	color: #95cf57;
}
.blueMozi {
	color: #00afef;
}
.pinkMozi {
	color: #ff6699;
}
.perpleMozi {
	color: #8063a1;
}
.orangeBK {
	background-color: #fa9632;
}
.greenBK {
	background-color: #95cf57;
}
.blueBK {
	background-color: #00afef;
}
.pinkBK {
	background-color: #ff6699;
}
.perpleBK {
	background-color: #8063a1;
}

.osusumeBox {
	border: solid 3px #fa9632;
	padding: 10px 20px;
	margin: 0 0 10px;
}
.osusumeBox .tit {
	color: #fa9632 !important;
	font-size: 20px !important;
	font-weight: bold;
}
.osusumeBox .Innerbox{
	display: table;
	margin: 0 auto;
}
.osusumeBox dl {
	float: left;
	display: inline-block;
	width: 200px;
	padding: 0 20px;
}
.osusumeBox dt img {
	width: 160px;
	margin: 10px auto 5px;
}
.osusumeBox .tit02{
	color: navy;
	font-size: 18px !important;
	font-weight: bold;
	text-align: center;
	margin: 0 0 5px 0;
}
.osusumeBox dd {
	font-size: 13px !important;
	font-weight: normal;
}
.mamolook {
	width: 130px;
}
.osusumeBox02 {
	border: solid 3px #00afef;
	padding: 10px 20px;
	display: inline-block;
	margin: 0 0 10px;
}
.osusumeBox02 .tit {
	color: #00afef !important;
	font-size: 20px !important;
	font-weight: bold;
}
.osusumeBox02 dd {
	float: left;
}
.osusumeBox02 dd img {
	width: 150px;
	margin: 10px 0 10px;
}
.osusumeBox02 .osusumeTxt {
	float: right;
	width: 530px;
	margin: 10px 0 0 44px;
}
.osusumeBox03 {
	border: solid 3px #ff6699;
	padding: 10px 20px;
	display: inline-block;
}
.osusumeBox03 .tit {
	color: #ff6699 !important;
	font-size: 20px !important;
	font-weight: bold;
}
.osusumeBox03 dd {
	float: left;
}
.osusumeBox03 dd img {
	width: 150px;
	margin: 10px 0 10px;
}
.osusumeBox03 .osusumeTxt {
	float: right;
	width: 530px;
	margin: 10px 0 0 44px;
}

/* 201612 */
.smallBox {
	margin: 0 auto;
	display: table;
}
.blueFrame {
	border: solid 1px #00afef;
	padding: 10px;
	display: inline-block;
	margin: 8px 0 10px 0;
}
.perpleBox .rightImg03 {
	float: right;
	margin: -10px 15px 10px 30px;
	width: 150px;
}
.imgBox {
	display: table;
	margin: 0 auto;
}
.imgBox img {
	width: 120px;
	margin: 20px 10px 0px 0;
	float: left;
}
.imgBox dd {
	float: left;
}

.w230px {
	width: 230px !important;
}
.dorobo {
	margin: 0 auto !important;
	display: table !important;
}
.dorobo dd {
	float: left;
	display: inline-block;
	margin: 0 10px 0 0 !important; 
}


/* 201711 */
.boxTtl { 
	margin:5px 0;
  	font-size:1.2em;
	font-weight:bold;
	color:#666 !important;
}

.boxBtmImg {
	margin-bottom:30px !important;
}

.emp {
	margin:20px auto 20px; 
	padding:8px;
	font-size:1.4em;
	font-weight:bold;
	color:#F00 !important; 
	display:table;
	border:#F00 3px solid;
}

#ranking {
	overflow:hidden;
}

#recognition {
	width:35%;
	float:left;
}

#encounter {
	width:60%;
	float:right;
}

.rankTtl {
	text-align:center;
	font-size:1.05em;
	font-weight:bold;
	text-decoration:underline;
}

.rankBtm {
	margin-bottom:5px;
	text-align:center;
}

#ranking table {
	margin:10px 0;
	width:100%
}

#ranking table th, #ranking table td {
	padding:5px;
	text-align:center;
	border:#CCC 1px solid;
}

#ranking table th {
	vertical-align:middle;
	line-height:1.1em;
	background:#DDE9FF;	
}

#ranking table tr:nth-child(2) td {
	font-weight:bold;
	color:#F00 !important;
}


#ranking table tr:last-child td {
	font-weight:bold;
	color:#39F !important;
}

.greenBox dl#okAct {
	background:#D1F1DF;
	border:none !important;
}

#equip {
	margin:10px 0 0 0;
	padding:10px 20px;
	border:#7F7F7F 2px solid;
}

#equipInner {
	overflow:hidden;
}

#equip p.ttl {
	margin-bottom:10px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

#equip dl {
	padding:0;
	margin-right:20px;
	width:228px;
	float:left;
}

#equip dl dt {
	font-weight:bold;
}

#equip dl:last-child {margin-right:0;}

#equipContact {
	margin-top:10px;
	text-align:center;
	font-size:1.15em;
}

.mt0  {margin-top:0 !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.mb30 {margin-bottom:30px !important;}
.w100p {width:100%;}

.nW {
	padding-right:15px;
	background:url(http://www.alsok.co.jp/common/image/blank_global_dropdown_link.png) right center no-repeat;
}

/* 201806 */

#anchorLink {
}

#anchorLink li {
	margin-bottom: 3px;
	height: 18px;
	padding-left: 18px;
	background:url(/security_info/newsletter/image/anchor_down_arrow.png) left center no-repeat;
}


/* ======================================================
スマホ用
====================================================== */
@media screen and (max-width: 640px) {
		
/* ======================================================
	ニュースレター
====================================================== */
h4 {
	margin: 20px 0 10px;
	}
.leftTxt {
    width: 100%;
    float: none;
}
.rightImg {
	display: none !important;
}
.rightImg02 {
    float: none;
    margin: 0 auto !important;
	display: block;
}

.small_pinkBox, .small_blueBox {
	margin: 0 auto 10px;
	display: block;
}
/*.orangeBox {
    padding: 20px 30px;
}*/
	
	
	
.section01 img, .section02 img {
    margin: 20px auto;
}
.section01 .leftImg {
    float: none;
	width: auto;
	max-width: 100%;
	display: block;
	margin: 20px auto;
}
.section01 .rightTxt {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 0 0;
}
.section01 .graphBox  {
	margin: 20px 0 ;
}
.section01 .graphBox li {
	margin: 0 auto;
	text-align: center;
	display: block;
}
.section01 .graphBox img {
	margin: 0 auto;
	
}
.section02 ul {
	padding: 10px 20px;
    margin: 20px auto 20px;
}
.section03 .rusuBox .imgBox img {
    display: none;
}
.section04 .akisuBox02 {
    padding: 10px 20px;
}
.section05 .grayBox .goodsDetail {
    float: none;
	margin: 20px auto 10px;
	text-align: center;
	display: block;
}
.section05 .grayBox .goodsDetail ul {
    width: 100%;
}
.section05 .grayBox .goodsDetail img {
    float: none;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.section05 .grayBox .goodsDetail li {
    display: block;
	text-align: center;
}
.section05 .grayBox .goodsDetail li img {
    width: 60%;
	margin: 0 auto;
}
.section05 .grayBox .productImg {
    width: 100%;
    display: inline-block;
    float: none;
}
.section05 .grayBox .txtBox {
    margin: 5px 0 0 0;
    width: 100%;
    float: none;
}
.section05 .grayBox dd img {
    width: 80%;
    display: block;
}
.section05 .grayBox .productImg02 {
    display: block;
}

.perpleBox .rightImg03 {
	float: none;
    margin: 10px auto;
}
.section05 .grayBox .goodsDetail .productName {
    padding: 0 0 0 0;
}

	
/*201703*/
.orangeBox {
	padding: 20px 10px;
}
.orangeBox .yuukaiBox .yuukaiImg {
    float: none;
}
.orangeBox .yuukaiBox .yuukaiTxt {
    float: none;
    width: 90%;
    padding: 0 0 0 0;
    margin: 0 auto;
	text-align: center;
}
.orangeBox .yuukaiBox .yuukaiTxt02 {
    float: none;
    width: 90%;
    padding: 0;
    margin: 0 auto;
	text-align: center;
}
.orangeBox .yuukaiBox .yuukaiTxt03 {
    float: none;
    width: 90%;
    padding: 0;
    margin: 0 auto;
	text-align: center;
}
.girl {
	display: none !important;
}
.buzzerBox {
    margin: 0 auto;
}
.greenBack {
	margin: 10px 0 10px;
    float: none;
}
.ikaDl .maru {
    float: none;
	text-align: center;
	margin: 0 auto;
}
.ikaDl .maruTxtbox {
    float: none;
    display: block;
    margin: 10px auto 0;
    width: 90%;
	text-align: center;
}
.ikaDl .maruTxtbox02 {
    float: none;
    display: block;
    margin: 10px auto 0;
    width: 90%;
	text-align: center;
}
.osusumeBox dl {
    float: none;
    display: block;
    width: 90%;
    padding: 0 20px;
	text-align: center;
	margin: 0 auto;
}
.osusumeBox02 dd,
.osusumeBox03 dd{
    float: none;
}
.osusumeBox02 dd img,
.osusumeBox03 dd img {
    width: 50%;
    margin: 10px auto 10px;
	text-align: center;
}
.osusumeBox02 .osusumeTxt,
.osusumeBox03 .osusumeTxt {
    float: none;
    width: 90%;
    margin: 10px 0 0 0;
	display: inline-block;
}

.dorobo {
	display: inline-flex !important;
}

/* 201711 */
#equip dl {
	margin-bottom:20px;
	width:100%;
	float:none;
}

#equip dl dt {
	text-align:center
}

#recognition {
	width:100%;
	float:none;
}

#encounter {
	width:100%;
	float:none;
}

/* 201806 */

#anchorLink {
}

#anchorLink li {
	font-size: 110%;
}

}