@charset "euc-jp";

  

#document article a,
#document article img {
	border: none;
}

#document article li {
	list-style: none;
}

#document article p.button01,
#document article p.tptop {
	text-align: right !Important;
	width: 997px;
}

#document article p.left {
	text-align: left !Important;
}

#document article p.size01 {
	font-size: 16.8px;
	font-weight: bold;
}

#document article p.size02 {
	font-size: 1.4em;
}

#document article p.size03 {
	font-size: 2em;
    font-weight: bold;
}

#document article p.size04 {
		font-size: 1.2em;
	font-weight: 600;
	word-break: normal;
}

#document article span {
	color: #ff0000;
}

#document article span b {
	font-size: 1.2em;
}

#document article span.color01 {
	color: #3087ca;
}

#document article span.color02 {
	color: #3087ca;
	font-size: 1.4em;
}

#document article p.tptop a {
	text-decoration: underline;
}

#document article ul {
/*    margin-right: -10px;
    margin-top: -10px;
	margin-left: -10px;*/
	margin: 0;
}

#document article ul li {
    float: left;
    margin: 10px 0 0 0;
    width: auto;
}

#document article div.section h2, 
#document article div.section p,
#document article div.section p img,
#document article div.section p.lead,
#document article div.section p.imageBig {
	text-align: center;
}

#document article div.paragraph05 {
	margin: 0 auto;
	width: 997px;
}

#document article div.paragraph05 p.paragraphImage {
    float: left;
    padding: 0 10px 5px 0;
	margin-top: 0px;
}
#document article div.paragraph05 p.paragraphImage {
    padding: 0 7px 5px 0;
}
#document article div.paragraph05 div {
    margin-bottom: -15px;
}
#document article div.paragraph05 div p {
    margin-bottom: 15px !important;
}

#document article div.paragraph06 {
	margin-left: 80px;
	width: 862px;
}

#document article div.paragraph06 p.paragraphImage {
    float: right;
    padding: 0 0 5px 10px;
	margin-top: 0;
}

#document article div.paragraph03 {
	margin: 0 auto;
    padding: 10px;
}

#document article div.paragraph03 p {
    margin-bottom: 15px !important;
}
#document article div.paragraph03 p.paragraphLast {
    margin-bottom: 0;
}

#document article ul.bannerStyle02 {
}
#document article ul.bannerStyle02 li {
    float: left;
    margin: 10px 10px 0 0;
    width: 464px;
}

#document article div.buttonArea#b01 {
	background:  url(../img/container_magazine/button/bg_button01.jpg) no-repeat;
	margin: 30px auto;
	height: 470px;
	width: 842px;
	position: relative;
}

#document article div.buttonArea ul {
    margin-right: -10px;
    margin-top: -10px;
	margin-left: 30px;
	
	position: absolute;
	bottom: 0;
}

#document article div.buttonArea p,
#document article div.buttonArea p.text {
	text-indent: -9999px !important;
}

#document article div.buttonArea ul li {
    float: left;
    /*margin: 10px 10px 0 0;*/
    margin: 10px 0;
    width: auto;
}

#document article div.buttonArea#b02 {
	background:  url(../img/container_magazine/button/bg_button02.jpg) no-repeat;
	margin: 30px auto;
	height: 296px;
	width: 842px;
	position: relative;	
}

#document article div.buttonArea#b03 {
	background:  url(../img/container_magazine/button/bg_button03.jpg) no-repeat;
	margin: 30px auto;
	height: 340px;
	width: 842px;
	position: relative;
	bottom: 0px;
}

/* # container
---------------------------------------------------------------------------- */

#document div#container, 
#document article #topArea {
	width: 980px;
	margin: 0 auto;
}

#document article div#mainVisual {
	position: relative;
	width: 980px;
/*    margin-left: 22px; */
/*	margin-left: -70px;*/
}


#document article div#mainVisual h1 {
	left: 17px;
    position: absolute;
    top: 164px;
}

#document article div#mainVisual p {
	margin-bottom: 0;
	text-align: center;
	margin-top: 0;
}


#document article div.topList {
	background: url(../img/container_magazine/bg_topArea.jpg) no-repeat bottom center;
}

#document article div.topList ul {
	/*margin-right: 	10px;*/
}


#document article div.topList h2 {
	text-align: center;
}

#document article div.topList p,
#document article div.topList ul li {
	float: none;
	text-align: center;
	margin-top: 0;
}

/* # section ----------------------------- */

#document article div.section div.element {
	background: url(../img/container_magazine/bg_element.jpg) repeat-y center top;
}

#document article div.section div.element div.elementInner {
	background: url(../img/container_magazine/bg_element_bottom.jpg) no-repeat center bottom;
	padding-bottom: 14px;
}

#document article div.section div.sectionInner ul {
}

#document article div.section#s02 p.left,
#document article div.section#s03 p.left,
#document article div.section#s04 p.left { 	
padding-left: 110px;
    width: 802px;

}

#document article div.section#s11 p.left {
}

/* # section01 ----------------------------- */

#document article div.section#s01 {
	margin: 0 auto;
	width: 980px;
}

#document article div.section#s01 p.foot {
	width: 920px;
}

#document article div.section p.foot,
#document article div.section p.text {
	text-align: left;
	margin-left: 55px;
}


/* # section02 ----------------------------- */

#document article div.section#s02 p.lead {
	margin-top: -25px;
}

#document article div.section#s02 div.innerBlock {
	background:  #d2d7e6;
	width: 962px;
	margin: 0 auto;
}

#document article div.section#s02 div.innerBlock p.bottom{
	margin-top: -30px;
}

#document article div.section#s02 ul.listArea li {
	padding: 150px 10px 5px 10px;
	height: 208px;
	width: 185px;
}

#document article div.section#s02 ul li p {
	text-align: left;
	font-size: 14.4px;
	font-weight: bold;
}

#document article div.section#s02 ul li.list01 {
	background: url(../img/container_magazine/img_02_02.jpg) no-repeat;
}

#document article div.section#s02 ul li.list02 {
	background: url(../img/container_magazine/img_02_03.jpg) no-repeat;
}

#document article div.section#s02 ul li.list03 {
	background: url(../img/container_magazine/img_02_04.jpg) no-repeat;
}

#document article div.section#s02 ul li.list04 {
	background: url(../img/container_magazine/img_02_05.jpg) no-repeat;
}

#document article div.section#s02 p.caution {
	font-weight: bold;
    margin-left: 106px;
    margin-top: -50px;
    text-align: left;
}

#document article div.section#s02 p.paragraphLast {
	margin-top: 30px;
}


/* # section03  ----------------------------- */

#document article div.section#s03 div.listArea {
	background: url(../img/container_magazine/bg_03.png) no-repeat;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 0 auto;
	width: 862px;
}

#document article div.section#s03 ul.bannerStyle02 {
margin-left: 22px;
    margin-right: -10px;
    margin-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
}
#document article div.section#s03 ul.bannerStyle02 li {
    float: left;
    margin: 10px 10px 0 0;
    width: 385px;;
}

#document article div.section#s03 ul.bannerStyle02 li.top {
	text-align: right;
	width: 802px;
}

/* # section04  ----------------------------- */

#document article div.section#s04 div.innerBlock {
	background: url(../img/container_magazine/bg_04.png) no-repeat center top;
	padding: 120px 20px 0;
}

#document article div.section#s04 div.innerBlock ul li {
	margin-top: -10px;
}

#document article div.section#s04 p.bottom {
	text-align: left;
	margin-top: -40px;
}

#document article div.section#s04 p.left {
	padding-bottom: 20px;
}



/* # section05  ----------------------------- */

#document article div.section#s05 {
/*	background: url(../img/container_magazine/bg_section.png) no-repeat  center 51px ; */
}

#document article div.section#s05 p,
#document article div.section#s05 h2 {
	margin: 0 auto;
	
}

#document article div.section#s05 p.lead {
	margin-left: -40px;
}


/* # section07 ----------------------------- */

#document article div.columnStyle01 {
    width: 620px;
}
#document article div.columnStyle01 div.columnLeft {
    display: inline;
    float: left;
    width: 410px;
}

#document article div.columnStyle01 div.columnLeft p {
	text-align: left;
}

#document article div.columnStyle01 div.columnLeft h3 {
    border-bottom: 1px solid #011f81;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#document article div.columnStyle01 div.columnLeft p {
    margin-bottom: 15px;
}
#document article div.columnStyle01 div.columnRight {
    float: right;
    width: 200px;
}
#document article div.columnStyle01 div.columnRight p img {
    padding-bottom: 5px;
}
#document article div.columnStyle01 div.columnRight p.caption {
    font-size: 90%;
    text-align: center;
}


/* # section9  ----------------------------- */

#document article div.section#s09 p.lead {
	text-align: left;
	margin-left: 115px;
}

#document article div.section#s09 p.up {
	margin-top: -110px;
}

/* # section10 ----------------------------- */

#document article div.section#s10 div.paragraph06 p.text  {
	margin-left: 0px;
}

#document article div.section#s10 div.paragraph06 p.text img {
	margin-top: 30px;
	margin-left: 0px;
	
}

/* # section11  ----------------------------- */

#document article div.section#s11 div.sectionInner {
	background: url(../img/container_magazine/bg_11.jpg) repeat-y center;
	padding-bottom: 20px;
}

#document article div.section#s11 p.lead {
	 margin-bottom: 20px;
    margin-left: 102px;
    margin-top: -48px;
    text-align: left;
}


#document article div.section#s11 ul li.succes {
	position: relative;
	background: #FFF;
	padding: 20px;
}

#document article div.section#s11 p.title {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#document article div.columnStyle03 {
	padding-top: 40px;
    width: 730px;
}
#document article div.columnStyle03 div.columnLeft {
    float: left;
    width: 200px;
}
#document article div.columnStyle03 div.columnLeft p img {
    padding-bottom: 5px;
}
#document article div.columnStyle03 div.columnLeft p.caption {
    font-size: 90%;
    text-align: center;
}
#document article div.columnStyle03 div.columnRight {
    display: inline;
    float: right;
	padding-right: 10px;
    width: 500px;
}
#document article div.columnStyle03 div.columnRight h4 {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#document article div.columnStyle03 div.columnRight p {
    margin-bottom: 15px;
	padding-left: 20px;
	width: 590px;
}

#document article div.columnStyle04 {
	background: url(../img/container_magazine/bg_11_01.png) no-repeat center;
    width: 817px;
	height: 164px;
}
#document article div.columnStyle04 div.columnLeft {
    float: left;
	margin-right: 40px;
    width: 200px;
}
#document article div.columnStyle04 div.columnLeft p img {
    padding-bottom: 5px;
}
#document article div.columnStyle04 div.columnLeft p.caption {
    font-size: 90%;
    text-align: center;
}
#document article div.columnStyle04 div.columnRight {
    display: inline;
    width: 490px;
}
#document article div.columnStyle04 div.columnRight h5 {
	border-bottom: 1px solid #FFF;
	padding-left: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;
	padding-top: 14px;
}
#document article div.columnStyle04 div.columnRight p {
	text-align: left;
    margin-bottom: 15px;
	padding-left: 20px;
}

/* # section12  ----------------------------- */

#document article div.section#s12 div.sectionInner {
	background: url(../img/container_magazine/bg_12.jpg) repeat-y center;
	padding-bottom: 20px;
}

#document article div.section#s12 table {
	margin: 0 auto;
	border: none;
}

#document article div.section#s12 table td {
	border: solid 0px #CCC;
	border-collapse: collapse;
	background: #FFF;
	padding: 20px;
}


/* # sFootArea  ----------------------------- */

#document article div#sFootArea {
	margin: 0 auto;
	width: 1028px;
}

#document article div#sFootArea p {
	text-align: center;
}

#document article div#sFootArea div.footInner {
	margin-bottom: 40px;
}


/* # clearfix
---------------------------------------------------------------------------- */

#document article div.container,
#document article div.section,
#document article div.section ul,
#document article div.paragraph05,
#document article div.paragraph05 div p,
#document article div.columnStyle03,
#document article ul.bannerStyle02,{
	zoom: 1;
}


#document article div.container:after,
#document article div.section:after,
#document article div.section ul:after,
#document article div.paragraph05:after,
#document article div.paragraph05 div p:after,
#document article div.columnStyle03:after,
#document article ul.bannerStyle02:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#document article div#s02 .elementInner p.left.size01 {
  margin: 0 auto;
  padding-left: 0;
}
#document article #s02 .elementInner ul {
  width: 860px;
  margin: 0 auto;
}
#document article #s02 .elementInner ul li:last-child {
  margin-right: 0;
}
#document article div.buttonArea ul {
  margin: 0;
  left: 30px;
  bottom: 10px;
  width: 782px;
}
#document article div.buttonArea ul li:last-child {
  margin-left: 20px;
}
#document article div.buttonArea#b01 ul li:last-child {
  margin-left: 0px;
}
#document article div#s02 .paragraph03 p {
  margin-top: 20px;
}
#document article div#s03.section div.listArea {
  padding-bottom: 20px;
}
#document article div#s03.section p.left {
  padding-left: 40px;
}
#document article div#s04.section #ul01 li {
  margin-left: 70px;
}
#document article div#s04.section p.left {
  margin-top: 10px;
  padding-left: 70px;
}
#document article ul#specs {
  padding: 0 30px;
}
#document article ul#specs li {
  margin: 10px;
}
#document article ul#easy {
  padding: 0 60px;
}
#document article ul#easy p.size02 {
  font-size: 16px;
}
#document article ul#secure {
  padding: 0 40px;
}
#document article ul#secure li {
  margin: 10px;
}
#document article div#s09.section p.lead {
  margin-left: 70px;
}
#document article div#s10.section div.paragraph06 {
  margin-left: 60px;
}
#document article p.bottom {
  margin: 0 40px 1em;
  font-size: 12px;
}
#document article div#s11.section li.succes {
  margin: 10px 60px 0;
}