@charset "utf-8";

/*			funcListMore
=============================================================================*/

#funcListMore{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#funcListMore a img{
}

#funcListMore a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/*			funcFlow
=============================================================================*/

#funcFlow{
	background-image: url(../../func/images/flowBGarrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 14px;
	padding-top: 30px;
	margin-bottom: 3em;
	margin-top: -15px;
}
#funcFlow .funcFlowBlock{
	float: left;
	width: 109px;
	margin-right: 6px;
	height: 264px;
}
#funcFlow #funcFlow01{
	background-image: url(../../func/images/flowFuncBG01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#funcFlow #funcFlow02{
	background-image: url(../../func/images/flowFuncBG02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#funcFlow #funcFlow03{
	background-image: url(../../func/images/flowFuncBG03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#funcFlow #funcFlow04{
	background-image: url(../../func/images/flowFuncBG04.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#funcFlow #funcFlow05{
	background-image: url(../../func/images/flowFuncBG05.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#funcFlow #funcFlow06{
	background-image: url(../../func/images/flowFuncBG06.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#funcFlow #funcFlow01Stay{
	background-image: url(../../func/images/flowFuncBG01.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#funcFlow #funcFlow02Stay{
	background-image: url(../../func/images/flowFuncBG02.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#funcFlow #funcFlow03Stay{
	background-image: url(../../func/images/flowFuncBG03.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#funcFlow #funcFlow04Stay{
	background-image: url(../../func/images/flowFuncBG04.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#funcFlow #funcFlow05Stay{
	background-image: url(../../func/images/flowFuncBG05.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#funcFlow #funcFlow06Stay{
	background-image: url(../../func/images/flowFuncBG06.png);
	background-repeat: no-repeat;
	background-position: left top;
}






#funcFlow .funcFlowBlock h3{
	margin-left: 0px;
	padding-left: 0px;
	background-image: none;
	height: 123px;

}
#funcFlow .funcFlowBlock h3 a{
	display: block;
	height: 128px;
	width: 107px;
	text-indent: -9999px;
}
#funcFlow .funcFlowBlock h3 img{}
#funcFlow .funcFlowBlock img{}
#funcFlow .funcFlowBlock ul{
	margin-left: 10px;
	margin-right: 0px;
}
#funcFlow .funcFlowBlock ul li{
	margin-bottom: 0.3em;
}
#funcFlow .funcFlowBlock ul li a{
	font-size: 10px;
	line-height: normal;
	background-image: url(../../func/images/flowFuncArrow.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	padding-left: 0.5em;
}
#funcFlow .funcFlowBlock a ul li{
	font-size: 10px;
	line-height: normal;
	background-image: url(../../func/images/flowFuncArrow.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	display: block;
	padding-left: 0.5em;
}
#funcFlow .funcFlowBlock a:hover ul li{
	text-decoration: none;
}


/*			loadingFunc
=============================================================================*/

#loadingFunc{
	background-image: url(../../func/images/loadingFuncBG.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 24px;
	margin-left: 15px;
	width: 680px;
	padding-left: 22px;
}
#loadingFunc p{
	margin-bottom: 5px;
}
#loadingFunc ul{}
#loadingFunc ul li{
	float: left;
	width: 60px;
	margin-left: 16px;
	margin-bottom: 0;
}
#loadingFunc ul li.m0{
	margin-left: 0px;
}
#loadingFunc ul li.detail{
	padding-top: 52px;
}
#loadingFunc ul li a{}
#loadingFunc ul li a img{}
#loadingFunc ul li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}



/*			funcList
=============================================================================*/

#funcList{
	background-image: url(../../func/func07/images/funcListBG.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 13px;
	height: 57px;
	margin-bottom: 36px;
}
#funcList h3{}
#funcList ul{}
#funcList ul li{
	float: left;
	margin-left: 13px;
}
#funcList ul li:first-child{
	margin-left: 9px;
}
#funcList ul li a{}
#funcList ul li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

#funcList ul li#funcListBotton{}
#funcList ul li#funcListBotton a{}
#funcList ul li#funcListBotton a img{}


/*			funcListBlock
=============================================================================*/

.funcListGroup{}
.funcListGroup h2{
	background-image: none;
	padding-left: 0;
	float: left;
	width: 122px;
}
.funcListGroup .funcListBlock{
	float: right;
	width: 560px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	padding-top: 20px;
}
.funcListGroup .funcListBlock .funcListBlockL{
	float: left;
	width: 60px;
}
.funcListGroup .funcListBlock .funcListBlockL img{}
.funcListGroup .funcListBlock .funcListBlockR{
	float: right;
	width: 475px;
}
.funcListGroup .funcListBlock .funcListBlockR p{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 13px;
}
.funcListGroup .funcListBlock .funcListBlockR p.funcListRead{}
.funcListGroup .funcListBlock .funcListBlockR p.funcListRead a{
	background-image: url(../images/nvArrowBlack.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 12px;
	display: block;
}
.funcListGroup .funcListBlock .funcListBlockR ul.listBlue li p{
	background-image: url(../images/iconOrange.png);
	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0em;
	margin-left: 0;
	margin-bottom: 0px;
}
.funcListGroup .funcListBlock .funcListBlockR p.pageTop{
	margin-left: 405px;
	padding-top: 9px;
	padding-bottom: 14px;
}
.funcListGroup .funcListBlock .funcListBlockR p.pageTop a{
	font-size: 10px;
	background-image: url(../images/pageTopArrow.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 12px;
	display: block;
	width: 70px;
}
.funcListGroup .funcListBlock .funcListBlockR ul.listOrange.vc{
	margin-left: 0px;
} 
.funcListGroup .funcListBlock .funcListBlockR ul.listOrange.vc li{
	line-height: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
} 


/*			funcSet
=============================================================================*/

.funcSet{
	margin-bottom: 40px;
}
.funcSet.mb20{
	margin-bottom: 60px;
}
.funcSet ul.listBlue{
	margin-left: 20px;
}
.funcSet ul.listBlue li{
	font-weight: normal;
}
.funcSet ul.listBlue li p{
	background-image: url(../images/iconOrange.png);
	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0em;
	margin-left: 0;
	margin-bottom: 0px;
	
}
.funcSet ul.listBlue li ul{
	margin-left: 0;
}
.funcSet ul.listBlue li ul li{
	background-image: none;
	padding-left: 0;
}


/*			pickup
=============================================================================*/

#pickup h1{
	background-image: none;
	padding-left: 0px;
	display: block;
	height: 218px;
	margin-bottom: 20px;
}
#pickup h1#scenarioTitle{
	height: 245px;
}
#pickup p.alignCenter.red{
	font-size: 16px;
	font-weight: bold;
	color: #ae002b;
	}
#pickup h3.picup01h3{
	background-image: none;
	font-size: 18px;
	color: #2774ac;
	text-align: center;
	text-shadow: none;
	margin-bottom: 0px;
}

#pickup ul.analysis{}
#pickup ul.analysis li{
	float: left;
	margin-left: 4px;
}
#pickup ul.analysis li img{}


#pickup .mobileSet{
	border: 1px solid #cccccc;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 9px;
	margin-bottom: 3px;
}
#pickup .mobileSet .mobileSetL{
	float: left;
	width: 400px;
}
#pickup .mobileSet .mobileSetL img{
	width: 38px;
}
#pickup .mobileSet .mobileSetL .alignRight{
	width: 350px;
	padding-top: 4px;
}
#pickup .mobileSet .mobileSetL .alignRight h3{
	background-image: none;
	font-size: 16px;
	color: #000;
	text-shadow: none;
	margin-left: 0px;
	padding-left: 0px;
}
#pickup .mobileSet .mobileSetL .alignRight p{
	margin-left: 0px;
}
#pickup .mobileSet .mobileSetL .alignRight p span{
	color: #ff0000;
	font-weight: bold;
}
#pickup .mobileSet .mobileSetL .alignRight p span.blue{
	color: #0033ff;
}
#pickup .mobileSet .mobileSetR{
	float: right;
	width: 284px;
}
#pickup .mobileSet .mobileSetR img{}

#pickup #important{
	border: 2px solid #fd9717;
	padding-top: 17px;
	margin-bottom: 14px;
}

#pickup p.pickup03Arrow{
	padding-top: 5px;
	margin-bottom: 8px;
}

#pickup #important p{}
#pickup #important p.kyumu{
	color: #ae002b;
	font-weight: bold;
	font-size: 16px;
	margin-left: 62px;
}
#pickup #important p.reference{
	font-size: 9px;
}


#pickup .funcSet#tsuyomi{}
#pickup .funcSet#tsuyomi h2{
	font-size: 16px;
	padding-left: 20px;
	height: 45px;
	background-image: url(../../func/sns/images/titleH2BGred.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 45px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 1em;
}
#pickup .funcSet#tsuyomi h3{
	background-image: none;
	font-weight: bold;
	color: #c0381f;
	font-size: 14px;
	text-shadow: none;
	margin-left: 4px;
}

#pickup .funcSet#tsuyomi .centerSet{
	width: 190px;
	float: left;
	margin-left: 54px;
}
#pickup .funcSet#tsuyomi .centerSet.m20{
	margin-left: 20px;
}
#pickup .funcSet#tsuyomi .centerSet img{
	border: 5px solid #ebebeb;
}
#pickup .funcSet#tsuyomi .centerSet p{
	font-size: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 8px;
}


/*			cloudContent
=============================================================================*/
#pickup .cloudContent{
	margin-bottom: 47px;
}
#pickup .cloudContent h3{
	background:url(../images/iconBlue.png) no-repeat left 4px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	text-shadow: none;
	height: auto;
	margin-bottom: 9px;
}
#pickup .cloudContent strong{
	color: #ae002b;
	font-weight: normal;
}
#pickup .cloudContent ul.comparisonImage{
	overflow: hidden;
	width: 705px;
	margin-right: -25px;
	margin-top: 29px;
	margin-bottom: 27px;
}
#pickup .cloudContent ul.comparisonImage li{
	float: left;
	margin-right: 25px;
}
#pickup .cloudTable{
	position: relative;
	margin-bottom: 26px;
}
#pickup .cloudTable table tr th,#pickup .cloudTable table tr td{
	padding-left: 0;
	padding-right: 0;
}
#pickup .cloudTable table tr th.th01{
	background-color: #83bedb;
	color: #ffffff;
	font-size: 12px;
	line-height: 14px;
	padding-top: 10px;
	padding-bottom: 9px;
}
#pickup .cloudTable table tr th.th02{
	background-color: #f1fafe;
	font-weight: normal;
}
#pickup .cloudTable table tr th.th0101{ width: 90px;}
#pickup .cloudTable table tr th.th0102{ width: 132px;}
#pickup .cloudTable table tr th.th0103{ width: 88px;}
#pickup .cloudTable table tr th.th0104{ width: 59px;}
#pickup .cloudTable table tr th.th0105{ width: 84px;}
#pickup .cloudTable table tr th.th0106{ width: 220px;}
#pickup .cloudTable table tr th.th0107{ width: 89px;}
#pickup .cloudTable table tr th.th0108{ width: 107px;}
#pickup .cloudTable table tr th.th0109{ width: 159px;}
#pickup .cloudTable table tr th.th0110{ width: 160px;}
#pickup .cloudTable table tr th.th0111{ width: 159px;}
#pickup .cloudTable table tr th.th0112{ width: 90px;}
#pickup .cloudTable table tr th.th0113{ width: 587px;}
#pickup .cloudTable table tr td{
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#pickup .cloudTable table tr td.left{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	padding-left: 9px;
	padding-right: 9px;
}
#pickup .cloudTable table tr td.textS{
	font-size: 12px;
	line-height: 18px;
}
#pickup .cloudTable table tr td.td01{
	background-color: #fafafa;
}
#pickup .cloudTable table tr td.td02{
	background-color: #fffbec;
}
#pickup .cloudTable img.border01{
	position: absolute;
	top: 0;
	left: 244px;
}
#pickup .cloudTable.cloudTable02 table tr th.th02{
	text-align: left;
	padding-left: 9px;
}
#pickup .cloudTable.cloudTable02 table tr td{
	font-size: 12px;
	line-height: 18px;
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}
#pickup .cloudTable img.border02{
	position: absolute;
	top: 0;
	left: 218px;
}
#pickup .cloudContent h4{
	margin-top: 31px;
	margin-bottom: 6px;
}
#pickup .cloudContent .cloudiIlust{
	background-color: #f6f6f6;
	border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 55px;
	padding: 23px 26px 27px 26px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 29px;
}
#pickup .cloudCompany h2{
	margin-bottom: 15px;
}
#pickup .cloudCompany .cloudCompanyTop{
	overflow: hidden;
}
#pickup .cloudCompany .cloudCompanyTop p{
	font-size: 16px;
	line-height: 26px;
	color: #025e97;
	float: left;
	width: 410px;
	margin-bottom: 17px;
}
#pickup .cloudCompany .cloudCompanyTop img{
	float: right;
	margin-right: 52px;
	margin-top: 16px;
}
#pickup .cloudCompany .cloudCompanySet{
	padding: 10px;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 14px;
}
#pickup .cloudCompany .cloudCompanySet.blue{
	background-color: #c8dae4;
}
#pickup .cloudCompany .cloudCompanySet.red{
	background-color: #f0d2d3;
}
#pickup .cloudCompany .cloudCompanySet h3{
	background: none;
	padding: 0;
	margin: 0;
	float: left;
}
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR{
	float: right;
	width: 546px;
	background-color: #ffffff;
	padding: 14px 12px 15px 12px;
}
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR ol li,
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR h4,
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR p,
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR ul,
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR ul li{
	line-height: 22px;
	margin: 0;
}
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR ol li{
	padding-left: 1.4em;
 text-indent: -1.4em;
}
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR p{
	margin-bottom: 7px;
}
#pickup .cloudCompany .cloudCompanySet .cloudCompanySetR ul li{
	background: url(../../func/cloud/images/cloudCompanySetDotted.gif) no-repeat left 8px;
	padding-left: 10px;
	margin-bottom: 6px;
}
#pickup .cloudCompany p.btn{
	text-align: center;
	margin-top: 24px;
	margin-bottom: 59px;
}
#pickup .cloudCompany p.btn a:hover{
		opacity: 0.70;
	-moz-opacity:0.70;
 -khtml-opacity: 0.70;
}
#pickup .cloudCompany img.reductionImage{
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 60px;
}
#pickup .cloudCompany .cloudTable h4{
	margin-bottom: 17px;
}
#pickup .cloudCompany .cloudTable table{
	margin-bottom: 8px;
}
#pickup .cloudCompany .cloudTable table tr th.th01{
	padding-top: 17px;
	padding-bottom: 16px;
}
#pickup .cloudCompany .cloudTable table tr td{
	line-height: 20px;
	text-align: left;
	padding-left: 17px;
	padding-right: 17px;
}
#pickup .cloudCompany .cloudTable table tr td strong{
	color: #cc0000;
	font-weight: normal;
}
#pickup .cloudCompany .cloudTable img.cloudText{
	margin-left: 180px;
	margin-bottom: 29px;
}
#pickup .cloudCompany .cloudTable p.btn{
	margin-top: 0;
	margin-bottom: 36px;
}
/*			tlsContent
=============================================================================*/
#pickup h3.picup02h3 {
	color: #ffffff;
	background-image: none;
	font-size: 18px;
	text-align: center;
	padding:3px 0;
	text-shadow: none;
	margin-bottom: 0px;
}
#pickup h3.picup02h3.bluetitleBG {
	background-color: #5aa2e8;
}
#pickup h3.picup02h3.redtitleBG {
	background-color: #f67878;
}
#pickup .tlsBackground{
	margin:0 20px 20px;
	padding:15px 0;
}
#pickup .tlsBackground.blueBG{
	background-color:#d6edf8;
}
#pickup .tlsBackground.redBG{
	background-color:#f9eae6;
}
#pickup .tlsBackground h4{
	margin:0 0 5px 45px;
	font-size:16px;
}
#pickup .tlsBackground.blueBG h4{
	color:#217ed8;
}
#pickup .tlsBackground.redBG h4{
	color:#eb5a5a;
}