/*  eos.aspx  *//*  eos.aspx  *//*  eos.aspx  */
/*  security.aspx  *//*  security.aspx  *//*  security.aspx  */
/*共通のCSS*//*共通のCSS*//*共通のCSS*/

body{
	font-size: 83%;
}

div#contentsWrap h1 img {
	height: 402px;
	width: 960px;
}


nav#breadNavi {
	min-width: 960px !important;
	display: inherit;
	padding: 12px 0 0 0;


}

nav#breadNavi ul {
	padding: 0 12px;
	margin: 0 0 20px 0;
	font-size: 1.1rem;
}

nav#breadNavi ul li span, nav#breadNavi ul li a {
	color: #3c3c3c;
}

ul.section {
	border-left: 1px solid #fff;
	}

.nav{
	background: #a4cff2;
	min-width: 960px;
	}
.nav li{
	float: left;
	width: 33%;
	text-align: center;
	font-size: 180%;
	color: #0060ac;
	font-weight: bold;
	padding: 5px 0;
	border-right: 1px solid #fff;
}
.nav li.active{
	background: #0060ac;
	color: #fff;
	/*margin: 0 7px 0 0;*/
}
#contentsWrap article .nav .select a{
	color: #013e6e;
	display: block;
}
#contentsWrap article .nav .select:hover{
	color: #0060ac;
	background: #0060ac;
	height: 100%;
}

#contentsWrap article .nav li a:hover{
	color: #fff;
}

.alr{
	text-align: right;
}

.attentionText {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
/*  eos.aspx  *//*  eos.aspx  *//*  eos.aspx  */
/*  security.aspx  *//*  security.aspx  *//*  security.aspx  */
/*共通のCSSここまで*//*共通のCSSここまで*//*共通のCSSここまで*/



/*  eos.aspx  *//*  eos.aspx  *//*  eos.aspx  */

.section{
	width: 960px;
	margin: 0 auto;
}
	.inner{
		width: 880px;
		margin: 0 auto;
	}
	.header .inner{
		width: 960px;
		margin: 0 auto;
	}
.section h2{
	font-size: 280%;
	font-weight: bold;
	color: #0078d7;
	border-bottom: #1970b8 1px solid;
	margin: 0 0 20px;
	padding: 30px 20px 0;
}
.section h3{
	font-size: 200%;
	font-weight: bold;
	margin: 0 0 15px;
}
.section p{
	font-size: 160%;
	margin: 0 0 15px;
}

.all{
	text-align: left;
}
.bg_edeff0{
	background: #edeff0;
	min-width: 960px;
}
.fs_14{
	font-size: 140% !important;
}
.fs_13{
	font-size: 130% !important;
}

.fs_18{
	font-size: 180% !important;
	font-weight:bold;
}

.mt_25{
	margin-top: 25px !important;
}
.mb_25{
	margin-bottom: 25px !important;
}
.section .page_top{
	padding: 0 0 20px;
	margin: 0;
}
.section .page_top a{
	text-decoration: underline;
}



/*  header  */
.head_bg{
	background: #0078d7;
	min-width: 960px;
}



/*    */
.table_note{
	margin: 0 0 10px 10px;
}

.table_note ul li{
	float: left;
	padding: 0 35px 0 0;
}



/*  3カラム  */
.col3{
	margin: 0 0 20px;
}
.col3 .col{
	float: left;
	padding: 0 21px 0 0;
}
.risk.col3 .col{
	padding: 0 17px 0 0;
}
.col_end{
	padding: 0;
}



/*  2カラム  */
.col2{
	position: relative;
	margin: 30px 0;
}
.col2 .col2_img{
	position: absolute;
	top: 22.5%;
	left: 40.9%;
}
.col2 dl{
	width: 400px;
	background: #7fbbeb;
	color: #fff;
}
.col2 dl dt{
	background: #013087;
	font-size: 230%;
	padding: 15px 0 10px;
	text-align: center;
}
.col2 dl dd{
	background: #0060ac;
	font-size: 200%;
	line-height: 1.2;
}
.col2 dd span{
	padding: 0 0 0 1em;
}
.leftbox{
	float: left;
}
.leftbox dd{
	padding: 16px 8px;
	margin: 0 17px 12px;
}
.rightbox{
	float: right;
}
.rightbox dd{
	padding: 16px 5px 16px 21px;
	margin: 0 17px 12px;
}



/*    */
.txt_blue,
#contentsWrap article .linklist_01 a,
#contentsWrap article .page_top a{
	color: #0063cf;
}
#contentsWrap article .linklist_01 a{
	text-decoration: underline;
}
#contentsWrap article .linklist_01 a img{
	vertical-align: middle;
	padding: 0 0 0 5px;
}



/*  テーブル  */
.life_circle{
	font-size: 150%;
	color: #fff;
	margin: 0 0 17px;
	background: #6a6a6a;
}
.life_circle .tb_col1{
	background: #efefef;
}
.life_circle .tb_col2{
	background: #efefef;
}
.life_circle .bg_orange{
	background: #c74e05;
}
.life_circle .bg_green{
	background: #efefef;
}
.life_circle .bg_red{
	background: #e81123;
}
.life_circle .fc_ffffff{
	color: #ffffff;
}
.life_circle .fc_464646{
	background-color:#efefef;
	color: #464646;
	border-right:#fff 1px solid;
}
.life_circle .border_none,
.support_end .border_none{
	border-right: none;
}
.life_circle tr{
	border-bottom: #fff 1px solid;
}
.life_circle tr th{
	background: #2a2a2a;
	font-weight: normal;
	padding: 10px 0 12px;
}
.life_circle tr td{
	border-right: #fff 1px solid;
	padding: 20px 10px 20px 5px;
	text-align: right;
}
.support_end{
	font-size: 115%;
	color: #fff;
	margin: 0 0 9px;
	text-align: center;
}
.support_end thead{
	background: #4c4c4d;
}
.support_end .tb_col1{
	background: #1772c1;
	text-align: left;
}
.support_end .tb_col2{
	background: #dcdddd;
}
.support_end .tb_col3{
	background: #fafafa;
}
.support_end .tb_col4,
.support_end .bg_red{
	background: #e81123;
}
.support_end .tb_col5{
	background: #dcdddd;
}
.support_end tr{
	border-bottom: #fff 1px solid;
}
.support_end tr th{
	padding: 20px 0;
	border-right: #fff 1px solid;
}

.support_end tr th.midashi {
	padding: 13px 10px;
}

.support_end tr td{
	border-right: #fff 1px solid;
	padding: 13px 10px;
}
.support_end .fc_000{
	color: #000;
}
.support_end .tb_txt{
	font-size: 90%;
	padding: 0 16px;
	text-align: left;
}

.read_text {
	padding: 0 5px 0 5px;
}


/*  security.aspx  *//*  security.aspx  *//*  security.aspx  */

div#contentsWrap .Layout_mb20 {
	margin-bottom: 20px;
}

div#contentsWrap .Layout_mb25 {
	margin-bottom: 25px;
}

div#contentsWrap .Layout_mb30 {
	margin-bottom: 30px;
}

div#contentsWrap .header_bg {
	background-color: #02756f;
}

div#contentsWrap .header_inner {
	margin: 0 auto;
	width: 960px;
}

div#contentsWrap .nav_box {
	background-color: #a4cff2
}

div#contentsWrap .nav_box_bg {
	margin: 0 auto;
	width: 960px;
}

div#contentsWrap .nav_inner li {
	float: left;
	width: 435px;
	font-size: 150%;
	color: #0060ac;
	font-weight: bold;
	padding: 5px 0 5px 45px;
}

div#contentsWrap .nav_inner li.onn {
	background: #0060ac;
	color: #fff;
}


div#contentsWrap .block h2,
div#contentsWrap .block h3 {
	font-size: 280%;
	color: #09723a;
	border-bottom: #09723a 1px solid;
	margin: 0 0 20px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 30px 20px 0;
}

div#contentsWrap .block_wrap_gray {
	background-color: #edeff0;
	min-width: 960px;
}

div#contentsWrap .block {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 960px;
}

div#contentsWrap .block p {
	font-size: 160%;
}

div#contentsWrap .item {
	width: 880px;
	padding: 0 40px 0 40px;
}

div#contentsWrap .item .intro_text {
	padding: 0 5px 30px 5px;
}

div#contentsWrap .Old_Caution {
	width: 855px;
	margin: 0 auto 20px;
	padding: 25px 0 0 30px;
	min-height: 226px;
	background-color: #02756f;
	background-image: url(../../../images/article/windows10-portal/eos/atlife_Security_bg001.gif);
	background-repeat: no-repeat;
}

div#contentsWrap .Old_Caution h3,
div#contentsWrap .Old_Caution h4 {
	width: 690px;
	color: #fff;
	font-size: 260%;
	margin: 0 0 25px 0;
	/*position: relative;
	top: 27px;
	left: 30px;*/
}

div#contentsWrap .Old_Caution p {
	width: 690px;
	color: #fff;
	font-size: 150%;
	/*position: relative;
	top: 55px;
	left: 30px;*/
}

div#contentsWrap .inner_box {
	padding: 35px 25px 25px 25px;
	background-color: #fbfbf3;
	width: 830px;
}

div#contentsWrap .inner_box_left {
	float: left;
	width: 475px;
	margin: 0 25px 0 0;
}

div#contentsWrap .inner_box_left h3,
div#contentsWrap .inner_box_left h4 {
	margin: 0 0 15px 0;
	font-size: 240%;
	color: #09723a;
	line-height: 1.3em;
}

div#contentsWrap .inner_box_left h3 span,
div#contentsWrap .inner_box_left h4 span {
	font-weight: bold;
}

div#contentsWrap .inner_box_left p {
	font-size: 140%;
}


div#contentsWrap .inner_box_right {
	float: left;
	width: 328px;
}



div#contentsWrap .Security_point {
	width: 845px;
	margin: 0 auto;
	padding: 20px 0 20px 35px;
	min-height: 256px;
	background-color: #09723a;
	background-image: url(../../../images/article/windows10-portal/eos/atlife_Security_bg002.gif);
	background-repeat: no-repeat;
}

div#contentsWrap .Security_point h3,
div#contentsWrap .Security_point h4 {
	width: 690px;
	color: #fff;
	font-size: 260%;
	margin: 0 0 25px 0;
	/*position: relative;
	top: 27px;
	left: 33px;*/
}

div#contentsWrap .Security_point p {
	width: 690px;
	color: #fff;
	font-size: 150%;
	/*position: relative;
	top: 55px;
	left: 33px;*/
}

div#contentsWrap .Security_point_inner_white {
	width: 643px;
/*	position: relative;
	top: 88px;
	left: 33px;*/
	padding: 15px 20px 15px 20px;
	background-color: #FFF;
}

div#contentsWrap .Security_point_inner_white ul li {
	color: #09723a;
	font-weight: bold;
	font-size: 150%;

}

.block .page_top a{
	text-decoration: underline;
}


div#contentsWrap {
	width: 100% !important;
  min-width: 960px;
	overflow: visible;
	padding: 0;
}
.gameMaker h3 {
	color: #863a77;
}