@charset "utf-8";
img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

h1,h2,h3,h4,h5.h6 {
	margin: 0;
	padding: 0;
}


p,dt,dd,li {
	margin: 0;
	padding: 0;
	font-size: 14px;/*font-size: 12px;*/
	color: #333333;
	line-height:1.5;
}


li {
	list-style-type: none;
}




/* social
-------------------------------------------------------------------------*/
.social {
	width: 840px;
	height: 35px;
	position: relative;
	text-align: left;
	margin: 25px 0 0 0;
	padding: 0;
}

.social li {
	float: left;
}

.social li.hatena {
	padding-right: 20px;
}

.social iframe {
	margin: 0 !important;
	padding: 0 !important;
}

.g-plusone {
	margin: 0 !important;
	padding: 0 !important;
}

.twitter-share-button {
	margin: 0 !important;
	padding: 0 !important;
	width: 105px !important;
}

.fb-like {
	margin-right: 25px !important;
	padding: 0 !important;

}





/* #info131129 Start!
/*-----------------------------------------------------------------------------*/

/* common
/*------------------------------------*/
.mt_10 {
	margin-top:10px;
}

.mt_20 {
	margin-top:20px;
}

.mt_30 {
	margin-top:30px;
}

.mt_35 {
	margin-top:35px;
}

.mb_15 {
	margin-bottom:15px;
}

.mb_20 {
	margin-bottom:20px;
}

.mb_25 {
	margin-bottom:25px;
}

.mb_30 {
	margin-bottom:30px;
}

.mb_50 {
	margin-bottom:50px;
}

.mb_60 {
	margin-bottom:60px;
}

.pt_20 {
	padding-top:20px;
}

.pl_15 {
	padding-left:15px;
}

.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }


/* hx
/*------------------------------------*/
#info131213 h1,
#info131213 h2 {
  line-height:1.0;
	font-size:28px;
	margin:0;
	padding:0;
	width:840px;
	text-align: center;
}

#info131213 h3 {
	width:798px;
	margin:0 auto 30px;
}

#info131213 h4 {
	font-size:20px;
	margin-bottom:25px;
	padding-bottom:8px;
	border-bottom:1px solid #cccccc;
}

#info131213 h5,
#info131213 h5 img {
	margin:0 auto;
	padding:0;
	width:800px;
}

#info131213 h5 {
	font-size:16px;
}

#info131213 h6 {
	margin:0 0 30px;
	padding:0;
}

/* construction
/*------------------------------------*/
#info131213 {
	width: 840px;
	margin: 0 auto 0;/* 0 auto 40px*/
	text-align: left;
	overflow:hidden;
}



/* .tab
/*------------------------------------*/

ul.tabNav {
	display:block;
	margin:0 19px 0 29px;
	padding:30px 0 0;
	width:750px;
	height:49px;
	clear:left;
}

ul.tabNav li {
	float: left;
	list-style: none;
	width:365px;
	height:49px;
	margin:0 10px 0 0;
	padding:0;
}

ul.tabNav li a {
	list-style:none;
	width:365px;
	height:49px;
	margin:0;
	padding:0;
}

.spOuter {
	margin:0 auto 40px;
	padding:0;
	width:798px;
	border:1px solid #cccccc;
	background-color:#eeeeee;
}

.spInner {
	margin:0 auto 20px;
	padding:0;
	width:760px;
	background-color:#FFFFFF;
	border-top:2px solid #fed700;
}

#iosFlow,
#aosFlow {
	margin:0 auto;
	padding:20px 0 0;
	width:720px;
	overflow:hidden;
	_zoom:1;
}

.flowBoxSet {
	margin:0 -15px 0 0;
	padding:0 0 20px;
	_zoom: 1;   
	overflow: hidden;
}

.flowBox {
	width: 230px;
/*	min-height: 110px;
	_height: 110px;*/
	margin:0 15px 30px 0;
	padding: 0 ;
	float: left;
}

.flowBox p img {
	margin:0;
	padding:0 0 8px;
}

.flowBox .caption {
	line-height:1.3;
	font-size:13px;
}


#info131213 .outer01 {
	margin:0 auto 43px;
	padding:45px 0 37px;
	width:840px;
}
/*
#info131129 .outer02 {
	margin:0 auto 43px;
	padding:0 0 29px;
	width:840px;
}
*/
#info131213 .inner01 {
	margin:0 auto;
	padding:20px;
	width:798px;
	background-color:#ffffff;
	text-align:left;
}

#info131213 .inner01_b {
	margin:0 auto;
	padding:0px;
	width:798px;
	border:1px solid #cccccc;
	text-align:left;
}

#info131213 .inner02 {
	margin:0 auto;
	padding:28px;
	width:740px;
	border:1px solid #cccccc;
	text-align:left;
}

/*
#info131129 .inner03 {
	margin:0 auto;
	padding:0;
	width:800px;
	text-align:left;
}

#info131129 .inner04 {
	margin:80px auto 0;
	padding:28px;
	width:740px;
	border:1px solid #cccccc;
	text-align:left;
}

#caution01,
#caution02,
#caution03 {
	line-height:1.6;
}

#caution01 {
	margin:7px 0 0 0;
	font-size:13px;
	color:#FF0000;
}

#caution02 {
	margin:6px 0 80px 52px;
	font-size:13px;
}

#caution03 {
	margin:6px 0 0 25px;
	font-size:13px;
}

#caution04 {
	margin:0 0 5px;
	font-size:13px;
	color:#FF0000;
}


#schedule dl{
	margin:0;
	padding:0;
}

dl.dl_01 {
	margin:35px auto !important;
	padding:0 0  34px !important;
	border-bottom:1px solid #cccccc;
	width:740px;
}

dl.dl_01 dt,
dl.dl_02 dt {
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:10px;
}

dl.dl_01 dd,
dl.dl_02 dd {
	line-height:1.4;
}

dl.dl_02 {
	margin:0;
	padding:0 !important;
	width:740px;
}

dl.dl_02 .helplink {
	font-size:14px;
}


dl#callcenter {
	margin:0;
	padding:0;
	clear:both;
}

dl#callcenter dt,
dl#callcenter dt img {
	margin:0;
	padding:0;
}

dl#callcenter dd,
dl#callcenter dd img {
	margin:0;
	padding:0;
	float:left;
}

ul#useOs {
	display:block;
	margin:0 0 20px;
	padding:0;
	clear:both;
	overflow:hidden;
}

ul#useOs li {
	display:block;
	float:left;
}

ul#useOs li#first {
	display:block;
	width:415px;
	border-right:1px dashed #cccccc;
}

ul#useOs li#second {
	display:block;
	width:324px !important;
}

ul#useOs li#first dl {
	margin:0 0 0 12px;
	padding:0;
}

ul#useOs li#second dl {
	margin:0 0 0 31px;
	padding:0;
}

ul#useOs li#first dl dt,
ul#useOs li#second dl dt {
	font-weight:bold;
	font-size:14px;
}

ul#useOs li#first dl dd,
ul#useOs li#second dl dd {
	margin:0;
	padding:0;
}

#info131129 .inner01 div p {
	line-height:1.5;
}

#info131129 .inner02 dl {
	margin:10px 0;
	padding:0;
}

#info131129 .inner02 dl dt {
	margin-bottom:3px;
}

#info131129 .inner02 dl dd {
	line-height:1.5;
}


#info131129 .inner02 dl#accessurl {
	width:738px;
	height:148px;
	margin:30px auto 60px;
	padding:0;
	background-color:#f5f5f5;
	border:1px solid #cccccc;
}

#accessurl dt img {
	margin:0 0 13px;
}

#accessurl dd {
	margin:0 5px;
	padding:14px 0 10px 11px;
}

#accessurl dd#url {
	line-height:1.0;
	margin:0;
	padding: 4px 0 0 18px;
}
*/


/* IE7
/*-----------------*/

/*
*:first-child+html #info131129 .bnrArea {
	margin: 40px 0 0;
}


#info131129 .bnrArea ul {
	width: 810px;
	margin: 0 0 0 20px;
}

#info131129 .bnrArea ul li {
	float: left;
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0;
}
*/


/* IE7
/*-----------------*/
*:first-child+html #ebooks .bnrArea {
	margin: 40px 0 0;
}

*:first-child+html #info131129 .bnrArea {
	margin: 40px 0 0 20px;
}



.caution_help {
	width: 640px;
	margin:0 0 70px;
	border: 2px solid #333;
	padding: 23px 38px;
}

.caution_help p {
	color: #333 !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

.caution_help p strong {
	font-size: 30px;
	display: block;
	padding-bottom: 10px;
	font-family: meiryo,"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica;
}




#aosFlow .caution_help {
	width: 640px;
	margin:0 0 30px;
	border: 2px solid #333;
	padding: 23px 38px;
}

#aosFlow .caution_help p {
	color: #333 !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

#aosFlow .caution_help p strong {
	font-size: 30px;
	display: block;
	padding-bottom: 10px;
	font-family: meiryo,"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica;
}




.caution740 {
	width: 660px;
	border: 2px solid #F00;
	padding: 23px 38px;
}

.caution740 p {
	color: #F00 !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

.caution740 p strong {
	font-size: 30px;
	display: block;
	padding-bottom: 10px;
	font-family: meiryo,"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica;
}

.caution720 {
	width: 640px;
	border: 2px solid #F00;
	padding: 23px 38px;
	margin-bottom: 70px;
}

.caution720 p {
	color: #F00 !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

.caution720 p strong {
	font-size: 30px;
	display: block;
	padding-bottom: 10px;
	font-family: meiryo,"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica;
}



#infoPcflow {
	width: 840px;
	margin: 0 0 40px;/* 40px 0 0px */
	text-align: left;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/**/
#infoPcflow .outer02 {
/*	margin:0 auto 43px;
	padding:0 0 29px;*/
	margin:0 auto;
	padding:0;
	width:840px;
}

#infoPcflow .inner01 {
	margin:0 auto;
	padding:20px;
	width:798px;
	background-color:#ffffff;
	text-align:left;
}

#infoPcflow .inner01_b {
	margin:0 auto;
	padding:0px;
	width:798px;
	border:1px solid #cccccc;
	text-align:left;
}

#infoPcflow .inner02 {
	margin:0 auto;
	padding:28px;
	width:740px;
	border:1px solid #cccccc;
	text-align:left;
}


#infoPcflow .inner03 {
	margin:0 auto;
	padding:0;
	width:800px;
	text-align:left;
}

#infoPcflow .inner04 {
	margin:60px auto 0;
	padding:28px;
	width:740px;
	border:1px solid #cccccc;
	text-align:left;
}

#infoPcflow #caution01,
#infoPcflow #caution02,
#infoPcflow #caution03 {
	line-height:1.6;
}

#infoPcflow #caution01 {
	margin:7px 0 0 0;
	font-size:13px;
	color:#FF0000;
}

#infoPcflow #caution02 {
	margin:6px 0 80px 52px;
	font-size:13px;
}

#infoPcflow #caution03 {
	margin:6px 0 0 25px;
	font-size:13px;
}

#infoPcflow #caution04 {
	margin:0 0 5px;
	font-size:13px;
	color:#FF0000;
}

#infoPcflow #caution004 {
	margin:0 0 5px;
	font-size:16px;
	color:#FF0000;
}


#infoPcflow #schedule dl{
	margin:0;
	padding:0;
}

dl.dl_01 {
	margin:35px auto !important;
	padding:0 0  34px !important;
	border-bottom:1px solid #cccccc;
	width:740px;
}

#infoPcflow dl.dl_01 dt,
#infoPcflow dl.dl_02 dt {
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:10px;
}

#infoPcflow dl.dl_01 dd,
#infoPcflow dl.dl_02 dd {
	line-height:1.4;
}

#infoPcflow dl.dl_02 {
	margin:0;
/*	margin:35px auto !important;*/
	padding:0 !important;
	width:740px;
}

#infoPcflow dl.dl_02 .helplink {
	font-size:16px;
}


#infoPcflow dl#callcenter {
	margin:0;
	padding:0;
	clear:both;
}

#infoPcflow dl#callcenter dt,
#infoPcflow dl#callcenter dt img {
	margin:0;
	padding:0;
}

#infoPcflow dl#callcenter dd,
#infoPcflow dl#callcenter dd img {
	margin:0;
	padding:0;
	float:left;
}

#infoPcflow ul#useOs {
	display:block;
	margin:0 0 20px;
	padding:0;
	clear:both;
	overflow:hidden;
}

#infoPcflow ul#useOs li {
	display:block;
	float:left;
}

#infoPcflow ul#useOs li#first {
	display:block;
	width:415px;
	border-right:1px dashed #cccccc;
}

#infoPcflow ul#useOs li#second {
	display:block;
	width:324px !important;
}

#infoPcflow ul#useOs li#first dl {
	margin:0 0 0 12px;
	padding:0;
}

#infoPcflow ul#useOs li#second dl {
	margin:0 0 0 31px;
	padding:0;
}

#infoPcflow ul#useOs li#first dl dt,
#infoPcflow ul#useOs li#second dl dt {
	font-weight:bold;
	font-size:14px;
}

#infoPcflow ul#useOs li#first dl dd,
#infoPcflow ul#useOs li#second dl dd {
	margin:0;
	padding:0;
}

#infoPcflow .inner01 div p {
	line-height:1.5;
}

#infoPcflow .inner02 dl {
	margin:10px 0;
	padding:0;
}

#infoPcflow .inner02 dl dt {
	margin-bottom:3px;
}

#infoPcflow .inner02 dl dd {
/*padding-left:-1em;
	text-indent:1em;*/
	line-height:1.5;
}


#infoPcflow .inner02 dl#accessurl {
	width:738px;
	height:120px;/*148px*/
	margin:30px auto 60px;
	padding:0;
	background-color:#f5f5f5;
	border:1px solid #cccccc;
}

#infoPcflow #accessurl dt img {
	margin:0 0 10px;
}

#infoPcflow #accessurl dd {
	margin:0 5px;
	padding:0 0 10px 16px;
	font-size:18px;
}

#infoPcflow #accessurl dd#url {
	line-height:1.0;
	margin:0;
	padding: 1px 0 0 20px;/*13px 0 0 18px*/
	font-size:18px;
}


#infoPcflow #infoPcflow .bnrArea {
	float: left;
	width: 840px;
	margin: 40px 0 0;/*40px 0 0 -40px*/
	padding: 0 0 40px 0;/* 0 0 60px 0 */
}


#infoPcflow #ebooks .bnrArea {
    float: left;
    margin: 0;
    padding: 0 0 60px;
    width: 840px;
}
#infoPcflow #ebooks .bnrArea ul {
    margin: 0 0 0 20px;
    width: 810px;
}
#infoPcflow #ebooks .bnrArea ul li {
    float: left;
    list-style-type: none;
    margin: 0 10px 10px 0;
    padding: 0;
}
img.imgTop {
    margin-bottom: 20px;
}



/* IE7
/*-----------------*/
*:first-child+html #infoPcflow .bnrArea {
	margin: 40px 0 0;
}


#infoPcflow .bnrArea ul {
	width: 810px;
	margin: 0 0 0 20px;
}

#infoPcflow .bnrArea ul li {
	float: left;
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0;
}
}





/* pc */
@media screen and (min-width:751px) { 
	
#info131213 h1 img{ width: 840px; height: 115px;}
#info131213 h2 img{ width: 840px; height: 530px;}
#info131213 h3 img{ width: 740px; height: 54px;}
#info131213 h4 img{ width: 740px; height: 44px;}
#info131213 h5 img{ width: 800px; height: 171px;}
ul.tabNav li a img{ width: 365px; height: 49px;}
.iosFlow .pt_20 img{ width: 720px; height: 125px;}
#info131213 h6 img{ width: 720px; height: 40px;}
#aosFlow img{ width: 720px; height: 171px;}
#infoPcflow .inner02 img{ width: 740px; height: 83px;}
#accessurl img{ width: 738px; height: 61px;}
#infoPcflow ul#useOs li#first img{ width: 415px; height: 190px;}
#infoPcflow ul#useOs li#second img{ width: 324px; height: 190px;}
	

	

}


/* sp */

#info131213,
#info131213 .outer01,
#info131213 h1,
#info131213 h2,
#info131213 .inner01,
#info131213 .inner02,
#info131213 h3,
#info131213 h5, #info131213 h5 img,
.spOuter,
#iosFlow, #aosFlow,
.spInner,
.caution720,
.caution_help,
#aosFlow .caution_help,
#infoPcflow ul#useOs li#first,
#infoPcflow ul#useOs li#second,
#infoPcflow .inner02 dl#accessurl,
#infoPcflow,
dl.dl_01,
#infoPcflow dl.dl_02,
#infoPcflow .inner04
{ max-width: 100%!important;}

#info131213 .inner01,
#info131213 .inner03
{ max-width: 90%!important; margin: 0 auto;}

.flowBoxSet{
width: 100%;
margin: 0;
}
.flowBoxSet .flowBox{
float: left;
margin: 0 auto;
}




@media screen and (max-width:750px) { 


#info131213 .inner02{ max-width: 83%!important; margin: 0 auto!important;}
	
	/* インストール手順 */
	ul.tabNav{
	max-width: 100%!important;
	height: 100%;
	display:flex;
	flex-wrap:wrap;
	margin: 0 auto;
	}
	ul.tabNav li{
	width: 50%;
	height: 100%;
	margin: 0;
	}
	ul.tabNav li a{ width: 100%;}
	ul.tabNav li a img{ width: 100%;}
	
	/* 赤字 */
	#iosFlow, #aosFlow{
		width: 96%;
		margin: 0 2%;
	}
	.caution720{
  width: 91%;
  padding: 4%;
	}

	
.flowBoxSet .flowBox{
  margin: 20px auto;
  width: 100%;
  text-align: center;
	}
	
	/* 困ったときは */
	.caution_help,
	#aosFlow .caution_help{
	width: 95%!important;
  margin: 0 auto 30px!important;
  padding: 2%!important;
	}
	
	
	/* パソコン版のご利用手順 */
	#infoPcflow{
	margin: 0 2%!important;
	max-width: 96%!important;
	}
	
	#infoPcflow ul#useOs li#first,
	#infoPcflow ul#useOs li#second{
	margin: 0 auto;
	width: 100%!important;
	}
	
	#infoPcflow ul#useOs li#first{
	margin: 0 0 50px;
	}
	
	#infoPcflow ul#useOs li{
	float: none;
	margin: 20px auto;
	}

	#accessurl{ height: 100%!important;}
	
	#accessurl a,.helplink a{word-wrap: break-word;}
	#infoPcflow .inner02 dl dt{}
	
	/* ４困ったときは */
	
	#infoPcflow .inner04{
	width: 91%!important;
	margin: 30px auto 30px!important;
	padding: 2%!important;
	}
	
	
	
	
}

.sp_100{ width: 100%;}