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


/*-------------------

jQuery Slider²

-------------------*/
.jquery-slider {overflow: hidden; position: relative;}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background: #fff;
    opacity: 0.33;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: #666 0 0 2px;
    text-shadow: #fff 0 0 1px;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 5px;
    top: 5px;
}
.jquery-slider-control-next {
    right: 5px;
    top: 5px;
}
.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 5px;
    height: 20px;
    right: 5px;
}
.jquery-slider-page {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    background: #999;
	cursor: pointer;
    opacity: 0.33;
    margin: 3px;
    border-radius: 6px;
    box-shadow: #333 0 0 2px;
}
.jquery-slider-page:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}
.jquery-slider-page-current {
    opacity: 1;
}


/*-------------------

multihero.js

-------------------*/

#multiHero{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#multiHeroContents{
	height:300px;
	margin:0 0 20px 0;
}
#multiHeroContents li{
	display: none;
}
#multiHeroControls{
	margin: 0 0 0 0;
	position: relative;
}
#multiHeroControls li{
	float: left;
	margin:0 0 0 20px;
	}

#multiHeroControls li:first-child{
	margin:0 0 0 0;
}

#multiHeroControls li a{
	display: block;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#multiHeroControls li a:hover{
	background: #CCCCCC;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#multiHeroControls li.thisChild a{
	background: #666666;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*-------------------

TOPイメージ部分

-------------------*/

	
#mainimage .telno{
	position: absolute;
	width: 253px;
	height: 53px;
	top: 20px;
	left: 0px;
}
.contactbtn{
	position: absolute;
	width: 250px;
	height: 122px;
	left: 0px;
	top: 82px;
}
.contactbtn li{
	float:left;
}
.ttl1_1{
	position: absolute;
	width: 483px;
	height: 130px;
	left: 285px;
	top: 19px;
}
.ttl1_2{
	position: absolute;
	width: 1000px;
	height: 462px;
	left: 0px;
	top: 158px;
}


/*-------------------

コンテンツ内

-------------------*/



.pittari li{
	float:left;
	margin-bottom:10px;
}
#reason6 {
	position:relative;
	width:1000px;

}
#reason6 li{
	float:left;
	margin-bottom:10px;
	position:relative;
}
#reason6 li.reason_1 .btn{
	position: absolute;
	right: 29px;
	top: 309px;
}
#reason6 li.reason_2 .btn{
	position: absolute;
	right: 21px;
	top: 310px;
}
#reason6 li.reason_3 .btn{
	position: absolute;
	right: 17px;
	top: 310px;
}

#reason6 li .btn2{
	position: absolute;
	right: 18px;
	top: 537px;
}
.contact_btn{
	position:absolute;
	width:700px;
	height:107px;
	top:0;
	left:0;
}
#ex_sips{
	clear:both;
	width:1000px;
}
#ex_sips ul{
	width:840px;
	margin:auto;
}
#ex_sips li{
	float:left;
	margin:10px 40px;
}

.ex_5min{
}
.ex_5min .sample{
	float:left;
	margin:20px 0 20px 40px;
	width:390px;
}
.ex_5min .comment{
	float:right;
	margin:20px 40px 20px 0;
	width:480px;

	line-height:2em;
}
.ex_5min .comment h5{
	margin-bottom:10px;
}
.ex_5min .comment p{
	margin-bottom:30px;
}
.secubox{
	border-top:#CCC 1px solid;
	padding:30px;
	margin-top:30px;
}
.secucom{
	width:450px;
	float:left;
}
.secuimg{
	width:450px;
	float:left;
	text-align:center;
}

#support .imgbox{
	width:400px;
	float:left;
}
#support .commentbox{
	width:570px;
	float:right;
	line-height:1.5em;
}
#support .commentbox li{
	margin-bottom:10px;
}
#support .commentbox p span{
	font-weight:bold;
	color:#C90;
}
#support .commentbox p strong{
	font-weight:bold;
	color:#000;
}

.support1{
	float:left;
	margin-bottom:20px;
	background:#FFDFBF;
	height:500px;
	line-height:1.5em;
}
.support2{
	float:right;
	margin-bottom:20px;
	background:#E7F0CC;
	height:500px;
	line-height:1.5em;
}
.support2 dd{
	font-weight:bold;
font-size:1.1em;
	padding:5px 10px;

}
.sp_list {
	font-size:1.2em;
	padding:10px 10px;
	border-bottom:1px #FFFFFF solid;

}
.sp_list2 {
	font-size:1.2em;
	padding:10px;
	margin-bottom:10px;
	
}
.sp_list2 dd{
	margin-top:5px;
}
.sp_list dt,.sp_list2 dt{
	font-weight:bold;
	
}
.support2 dd {
	margin-top: 5px;
}

.support1 dd .sp_list dd {
	font-size: 0.8em;
	padding-left: 20px;
}
.support1 dd .sp_list2 dd {
	font-size:0.8em;
	padding-left: 20px;
}
#support5{width:920px;
margin:auto;
}
.tool7 li{
	float:left;

}
.contactbox{
	background:url(../img/contact_bg.gif);
	width:960px;
	height:206px;
	padding:20px;
}
.contactbox li{
	float:left;
}
#toTop{
	position:fixed;
	right:0;
	bottom:200px;
	clear:both;
}