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

/*GeneralSeting*/

*{
	margin:0px;
	padding:0px;
}

img{
	border:none;
	}
	
ol,ul,li {
	list-style-type:none;
	}


/*LinkSetting*/

a:link{
    text-decoration:underline;
	color:#2895d5;
	}
a:hover{
 	text-decoration:none;
	}
a:visited{
	text-decoration:none;
	}
a:active{
	text-decoration:none;
	}

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 95%;
color: #333;
margin: 0px;
padding:0px;
background-image:url(../../images/xerox/common/images/header/navi_bg.png);
background-repeat:repeat-x;
}

hr{
border-top: 1px dashed #bbb;
border-bottom:none;
margin-bottom:15px;
	}

#wrapper_top{
	width: 980px;
	height: 15400px;
	margin:5px auto 0 auto;
} 
 
#wrapper{
	width: 980px;
	height: auto;
	margin:25px auto 0 auto;
}  

.clearFix {
	clear:both;
}

/*header -------------------------*/

#header{
width: 980px;
height: auto;
margin:0px auto;
padding:0px;
margin-top:15px;
}


/*Navigation -------------------------*/

#navigation{
	width: 980px;
	height: 49px;
	margin:0 auto;
	margin-top:16px;
	}

#navigation ul{
	margin:0px auto;
	padding:0px;
	width:980px;
}
#navigation ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	width: auto;
}



/*Wrapper -------------------------*/

h2 {
    margin-bottom: 7px;
    border-bottom: 2px #bcbec0 solid;
    font-size: 140%;
	font-weight:bold;
}


h3{
	font-size:120%;
	}

h4{
	font-size:110%;
	}

	
.detail{
	position: absolute;
	right:-5px;
	top: 50px;
	background-image:url(/common/images/h3_linkIcon.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}


/*Sidemenu -------------------------*/

#sidemenu {
	width:230px;
	height:auto;
	float:left;
	margin-right:40px;
	/*position: absolute;*/
}

#side_product {
    margin-bottom: 15px;
    padding: 0 10px 10px;
    border: 1px #ebebeb solid;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff;
}
#side_product h3 {
    margin: 0 -10px 0px;
    padding: 3px 10px;
    border: none;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(#dddddd, #cccccc);
    background-image: -moz-linear-gradient(#dddddd, #cccccc);
    background-image: -o-linear-gradient(#dddddd, #cccccc);
    background-image: linear-gradient(#dddddd, #cccccc);
    background-color: #ccc;
    font-size: 100%;
}

#sidemenu h4 {
    margin: 0 -10px;
    padding: 4px 10px 3px 22px;
    display: block;
    background-color: #f9f9f9;
	font-size: 93%;
}

.product_01 {
	margin:0px -10px;
	}

.inquiry {
    margin-bottom: 15px;
    padding: 10px 10px;
    border: 1px #ebebeb solid;
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #f9f9f9;
    vertical-align: middle;
	text-align:center;
	font-size:90%;
}
.btn, .btn-01, .btn-02 {
    display: block;
    line-height: 1.25;
    text-align: center;
    font-size: 100%;
}
.btn-02 > a, .btn-02 > button {
    border-color: #666666;
    color: #333333;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(69%, #ededed), color-stop(100%, #adadad));
    background-image: -webkit-linear-gradient(#ededed 69%, #adadad);
    background-image: -moz-linear-gradient(#ededed 69%, #adadad);
    background-image: -o-linear-gradient(#ededed 69%, #adadad);
    background-image: linear-gradient(#ededed 69%, #adadad);
    background-color: #adadad;
}
.btn > a, .btn > button, .btn-01 > a, .btn-01 > button, .btn-02 > a, .btn-02 > button {
    padding: 6px 9px 5px;
    border: none;
    border: 1px #333333 solid;
    border-radius: 2px;
    background-clip: padding-box;
    color: #333333 !important;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 120px;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
}

/*search -------------------------*/

#search{
	width: 210px;
    position: relative;
	}


#searchform {  
    position: relative;   
}  
#keywords  {  
    width: 240px;  
    height: 20px;  
    background: #ffffff;  
    border: 1px #C1C1C1 solid;  
    color: #FFF;  
}  
#searchBtn {
	position: absolute;
	top: 0px;
	top: 1px;
	left: 217px;
}  
*:first-child + html #searchBtn    {  
    top: 1px;  
}  

.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: transparent !important;
  border-color: transparent !important;
  padding: 0 !important;}
 
.gsc-control-cse{
	background-color:none;
	border:0px;
	}
	

#cse-search-form {
	width: 200px !important;
}
#cse-search-form td {
	padding: 0 !important;
}
#cse-search-form input[type="text"] {
	height: 15px;
	padding: 0 !important;
	width: 175px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px #DDDDDD;
	-moz-box-shadow: 0 0 5px #DDDDDD;
	-webkit-box-shadow: 0 0 5px #DDDDDD;
}
#cse-search-form input[type="submit"] {
	border: 0 none;
	color: #FFFFFF;
	height: 25px;
	margin-left: -22px;
	overflow: hidden;
	text-indent: -50px;
	width: 20px;
	-webkit-appearance: none;
} 

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px;
}


/*contentsArea -------------------------*/

#contentsArea {
	width:710px;
	height:auto;
	float: right;
}

/*movie-------------------------*/
#movie {
	margin-top:70px;
	}


/*ranking -------------------------*/
#ranking {
	margin-bottom:70px;
	padding-top:90px;
	}

#ranking_01{
	width:710px;
	height:370px;
	position:relative;
	margin-top:15px;
	margin-bottom:30px;
	background-image:url(../../images/xerox/common/images/ranking01.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
#ranking_01 p{
	position:absolute;
	top: 335px;
	left: 40px;
}

#ranking_02{
	width:710px;
	height:370px;
	position:relative;
	margin-top:10px;
	margin-bottom:30px;
	background-image:url(../../images/xerox/common/images/ranking02.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
#ranking_02 p{
	position:absolute;
	top: 335px;
	left: 40px;
}

#ranking_03{
	width:710px;
	height:370px;
	position:relative;
	margin-top:10px;
	margin-bottom:30px;
	background-image:url(../../images/xerox/common/images/ranking03.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
#ranking_03 p{
	position:absolute;
	top: 335px;
	left: 40px;
}

/*feature -------------------------*/
#feature {
	width:710px;
	height:auto;
	padding-top:90px;
	margin-bottom:50px;
}
#feature_inner {
	width:710px;
	height:auto;
	background-color:#f7f7f7;
	margin-top:20px;
}

#feature span.small {
	font-size:75%;
}


.feature_01 {
	width:710px;
	height:2020px;
	margin-bottom:20px;
	/*background-image:url(../../images/xerox/common/images/feature_01.png);*/
	background-image:url(../../images/xerox/common/images/feature_01_1.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.feature_01 > img {
    display: block;
    margin: auto;
}
.feature_01 h3 {
	/*position:absolute;
	top: 8px;
	left: 10px;*/
	color:#FFF;
    padding: 8px;
    margin-bottom: 20px;
}
.feature_01 p.f01_01 {
	/*position: absolute;*/
	width: 380px;
	/*top: 535px;*/
	/*left: 20px;*/
	color: #333;
	text-align: justify;
    padding: 22px 22px 0;
}
.feature_01 p.f01_02 {
	position: absolute;
	width: 380px;
	top: 965px;
	left: 20px;
	color: #333;
	text-align: justify;
}
.feature_01 p.f01_03 {
	position: absolute;
	width: 580px;
	top: 1240px;
	left: 20px;
	color: #333;
	text-align: justify;
}
.feature_01 p.f01_04 {
	position: absolute;
	width: 670px;
	top: 1265px;
	left: 20px;
	color: #333;
	text-align: justify;
}
.feature_01 p.f01_05 {
	position: absolute;
	width: 670px;
	top: 1660px;
	left: 20px;
	color: #333;
	text-align: justify;
}

.feature_02 {
	width:710px;
	/*height:207px;
	margin-bottom:20px;*/
	background-image:url(../../images/xerox/common/images/feature_02_1.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.feature_02 h3 {
	/*position:absolute;
	top: 8px;
	left: 10px;*/
	color:#FFFFFF;
	padding: 8px 12px;
}
/*.feature_02 p {
	position: absolute;
	width: 380px;
	top: 60px;
	left: 310px;
	color: #333;
	text-align: justify;
}*/
.feature_02 p {
    width: auto;
    color: #333;
    text-align: justify;
    padding: 22px;
    overflow: hidden;
}
.feature_02 p img {
    float: left;
    padding-right: 10px;
}
.feature_03 {
	width:710px;
	/*height:305px;
	margin-bottom:20px;*/
	background-image:url(../../images/xerox/common/images/feature_03_1.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.feature_03 h3 {
    padding: 8px 12px;
	color:#FFFFFF;
}
.feature_03 p {
    color: #333;
    text-align: justify;
    padding: 22px;
}
.feature_03 .feature_03_2 {
    float: left;
    padding-right: 10px;
}
.feature_03 .feature_03_3 {
    padding-top: 20px;
}

.feature_04 {
	width:710px;
	/*height:524px;
	margin-bottom:20px;*/
	background-image:url(../../images/xerox/common/images/feature_04_1.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.feature_04 h3 {
	padding: 8px 12px;
	color:#FFFFFF;
}
.feature_04 p {
	color: #333;
	padding: 22px;
}
.feature_04 .feature_04_2 {
    max-width: 100%;
}

.feature_05 {
	width:710px;
	/*height:619px;
	margin-bottom:20px;*/
	background-image:url(../../images/xerox/common/images/feature_05_1.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	padding-bottom:20px;
}
.feature_05 h3 {
	padding: 8px 12px;
	color:#FFFFFF;
}
.feature_05 p {
    padding: 22px;
	color: #333;
	/*text-align: justify;*/
}
.feature_05 .feature_05_2 {
    max-width: 100%;
    padding-top: 20px;
}
.feature_05 h4 {
	/*position: absolute;*/
	width: 350px;
	/*top: 465px;
	left: 19px;*/
	color: #222;
	border-bottom: #848484 1px solid;
	padding-bottom: 5px;
}
.feature_05 p.feature_05_text {
	/*position: absolute;*/
	width: 350px;
	/*top: 498px;
	left: 20px;*/
	color: #333;
	text-align: justify;
	font-size: 98%;
}
.feature_05 .feature_05_inner {
    float: left;
}
.feature_05 .feature_05_inner h4 {
    margin: 0 20px 5px;
}

/*support -------------------------*/
#support {
	padding-top:90px;
	margin-bottom:60px;
	}


/*voiceTopics -------------------------*/
#voiceTopics {
	margin-top:20px;
	margin-bottom:60px;
	}

#voiceTopics .List{
	text-align:right;
	font-size:80%;
}

#voiceTopics table{
	margin-bottom:20px;
	}

#voiceTopics table tr{
	padding-bottom:10px;
	}
	
#voiceTopics table tbody tr .voice_title{
	vertical-align:text-top;
	font-size: 112%;
	}

#voiceTopics table tbody tr .voice_comment{
	padding-bottom: 0;
	position: relative;
	}

#voiceTopics table tr td span{
	color:#003399;
	}
	

/*lease -------------------------*/
#lease {
	width:710px;
	height:auto;
	margin-bottom:40px;
	padding-top:90px;
}
#lease_inner {
	width:710px;
	height:auto;
	background-color:#f7f7f7;
	margin-top:20px;
}

.lease_01 {
	width:710px;
	height:537px;
	margin-bottom:20px;
	background-image:url(../../images/xerox/common/images/lease_01.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.lease_01 h3 {
	position:absolute;
	top: 8px;
	left: 10px;
	color:#FFFFFF;
}

.lease_02 {
	width:710px;
	height:42px;
	margin-bottom:20px;
	background-image:url(../../images/xerox/common/images/lease_02.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.lease_02 h3 {
	position:absolute;
	top: 8px;
	left: 10px;
	color:#FFFFFF;
}

.lease_02_table {
	width:670px;
	margin:0 auto;

}
.lease_02_table img {
	margin-left:20px;
}

#lease h4 {
	margin-bottom:10px;
	margin-top: 20px;
	font-size: 123%;
}

/*flow -------------------------*/
#flow {
	padding-top:90px;
	margin-bottom:90px;
	}

#flow table td {
	vertical-align:top;
}

	

/*TOPPAGECONTENTS ---------------------------------------*/

/*keyVisual -------------------------*/

#keyVisual{
	margin-top:20px;
	}

#slide{
	width:980px;
	margin:0 auto;
	height:370px;
	position:relative;
	left: 0px;
    top: 0px;
}}


#slide img{
	position: absolute;
	left: -979px;
	top: -1px;
}


/*barVoice -------------------------*/

#barVoice{
	width:710px;
	height:422px;
	background-image:url(../../images/xerox/common/images/bar_voice_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#barVoice .bar_voice_btn1{
	position: absolute;
	left: 16px;
	top: 132px;
}

#barVoice .bar_voice_btn2{
	position: absolute;
	left: 378px;
	top: 310px;
}

#barVoice .bar_voice_btn2:hover{
	opacity:0.7;
}

/*footer -------------------------*/

#footer{
margin-top:80px;
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(60%, #ffffff), color-stop(100%, #ffffff));
background-image:-webkit-linear-gradient(#e3e3e3, #ffffff 60%, #ffffff);
background-image:-moz-linear-gradient(#e3e3e3, #ffffff 60%, #ffffff);
background-image:-o-linear-gradient(#e3e3e3, #ffffff 60%, #ffffff);
background-image:linear-gradient(#e3e3e3, #ffffff 60%, #ffffff);
background-color:#e3e3e3;
font-size:75%;
clear: both;
}
#footer > .lyt-footer{
margin:0 auto;
padding:20px 0 40px;
color:#999;
width:940px;
}
#footer > .lyt-footer a{
color:#999;
text-decoration:none;
}
#footer > .lyt-footer a:hover, #footer > .lyt-footer a:focus, #footer > .lyt-footer a:active{
color:#2895d5;
text-decoration:underline;
}
#footer .utility{
margin-bottom:6px;
}
#footer .utility li{
margin:0 10px 10px 0;
padding-left:12px;
border-left:1px #ccc solid;
display:inline-block;
}
#footer .utility li.hide{
margin:0 10px 10px 0;
padding-left:12px;
border-style:none;
display:inline-block;
}
#footer .utility li:first-child{
padding-left:0;
border:none;
}

#footer .footer-nav{
margin:5px 0 20px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
font-size:116.7%;
}
#footer .footer-nav > .col{
margin-right:0;
padding:0 1.06382978%;
border-left:1px solid #ccc;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#footer .footer-nav .link-list{
margin-bottom:0;
}
#footer .footer-nav .link-list > li > a{
padding-left:0;
color:#666;
}
#footer .footer-nav .link-list > li > a:hover,
#footer .footer-nav .link-list > li > a:focus,
#footer .footer-nav .link-list > li > a:active{
color:#2895d5;
text-decoration:underline;
}
#footer .footer-nav .link-list > li > a:before{
display:none;
}
#footer .footer-nav h6{
color:#333;
}
#footer .footer-nav.col-3 > .col{
width:33.333%;
}
#footer .footer-nav.col-4 > .col{
width:25%;
}
#footer .footer-nav.col-5 > .col{
width:20%;
}