@charset "utf-8";
/* CSS Document */
#rakuraku{
	height:auto;
	width:535px;
	margin:0 auto;
}
#rakuraku #title{
	background-image:url(../product/rakusox/img/raku_ttl.gif);
	background-repeat:no-repeat;
	width:573px;
	height:56px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
.rakunav{
	background-image:url(../product/rakusox/img/raku_nav.gif);
	background-repeat:no-repeat;
	width:257px;
	height:29px;
	overflow:hidden;
	margin-top:5px;
	margin-left:7px;
}
.rakunav li{
	float:left;
	margin-right:1px;
}
.rakunav a{
	display:block;
	height:27px;
	text-indent:-9999px;
}
.rakunav .outline{width:62px;}
.rakunav .outline a{
	width:62px;
}
.rakunav .feature{width:64px;}
.rakunav .feature a{
	width:64px;
}
.rakunav .price{width:126px;}
.rakunav .price a{
	width:126px;
}
.taiken_dl{
	background-image:url(../product/rakusox/img/btn_dl.gif);
	background-repeat:no-repeat;
	width:201px;
	height:37px;
	display:block;
	text-indent:-9999px;
	margin-left:330px;
	margin-top:-28px;
}
.taiken_dl:hover{
	background-position:0 -37px;
}
.taiken_dl2{
	background-image:url(../product/rakusox/img/btn_dl2.gif);
	background-repeat:no-repeat;
	width:329px;
	height:28px;
	display:block;
	text-indent:-9999px;
}
.taiken_dl2:hover{
	background-position:0 -28px;
}
.demo{
	background-image:url(../product/rakusox/img/btn_demo.gif);
	background-repeat:no-repeat;
	width:329px;
	height:45px;
	display:block;
	text-indent:-9999px;
}
.demo:hover{
	background-position:0 -45px;
}
.demolst{
	width:329px;
	margin-left:90px;
	margin-top:40px;
}
.demolst li{
	margin-bottom:15px;
}
/*hover*/
.rakunav a:hover{
	background-image:url(../product/rakusox/img/raku_nav.gif);
}
.rakunav .outline a:hover{background-position:0 -29px;}
.rakunav .feature a:hover{background-position:-63px -29px;}
.rakunav .price a:hover{background-position:-128px -29px;}

/*Active*/
#pg_outline .rakunav .outline a{background-image:url(../product/rakusox/img/raku_nav.gif);background-position:0 -29px;}
#pg_feature .rakunav .feature a{background-image:url(../product/rakusox/img/raku_nav.gif);background-position:-63px -29px;}
#pg_price .rakunav .price a{background-image:url(../product/rakusox/img/raku_nav.gif);background-position:-128px -29px;}

#pg_outline #menu ul ul,
#pg_feature #menu ul ul,
#pg_price #menu ul ul{
	width:175px;
	padding-left:0;
	
}
#pg_outline #menu ul ul li,
#pg_feature #menu ul ul li,
#pg_price #menu ul ul li{
	width:175px;
	padding-left:0;
}

#container{
	width:537px;
	border:1px solid #b5b5b7;
	margin-top:10px;
	margin-bottom:20px;
}

.gaiyouimg{
	margin-bottom:30px;
}

#container div{
	margin-left:8px;
}
#container h4{
	margin-top:15px;
	margin-left:13px;
}

#container p{
	margin-left:13px;
	margin-right:20px;
	line-height:1.5em;
	margin-top:10px;
}
#gaiyou h3{
	background-image:url(../product/rakusox/img/raku_out_gaiyou_ttl.gif);
	width:520px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top: 15px;
}

#example h3{
	background-image:url(../product/rakusox/img/raku_out_konna_ttl.gif);
	background-repeat:no-repeat;
	width:520px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:15px;
}
#example img{
	margin-bottom:20px;
}
#jsox img{
	margin-top:15px;
	margin-bottom:20px;
}
#speed img{
	margin-left:90px;
	margin-top:15px;
	margin-bottom:20px;
}
#container #yakkan{
	background-color:#A3A3A3;
	border:1px solid #fff;
	color:#fff;
	padding:18px 0 24px 14px;
	margin-left:0;
}

/*特徴ページ*/

#feature .ttl{
	background-image:url(../product/rakusox/img/raku_feature_ttl_bunsho.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:520px;
	height:24px;
	margin-left:0;
}

#pg_feature .pagetop{
	font-size:0.8em;
	margin-bottom:10px;
	margin-top:10px;
	text-align:right;
}
#feature2{
	margin-top:15px;
}
#feature2 .ttl{
	background-image:url(../product/rakusox/img/raku_feature_ttl_second.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0;
	width:520px;
	height:24px;
}
#pg_feature h5{
	font-size:12px;
	margin-left:13px;
	margin-top:10px;
}

#pg_feature #container p{
	margin-bottom:10px;
	padding-left:10px;
}

.middle{
	color:#FF9900;	
	font-size:12px;
}

.or_sq{
	color:#FF9900;
	padding-right:5px;
}

#pg_feature .listing{
	background-color:#c4e7fd;
	padding:10px;
	margin-right:20px;
	margin-top:20px;
}

.list_ul{margin-left:20px;}
.list_ul .lstttl{
	margin-left:15px;
	margin-top:10px;
}

.list_ul ul{margin-left:10px;}
.list_ul ul li{margin-top:5px;}

#func_flow ul{	
	margin-left:15px;
	margin-top:5px;
	margin-bottom:15px;
}
#pg_feature .tandi{
	margin:0;
	margin-top:20px;
}

#pg_feature .tandi img{
	float:right;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
}
#container #ask{
	background-color:#FFFF33;
	border:#FFCC00 solid 1px;
	padding:10px;
	margin-top:20px;
	margin-right:20px;
	margin-left:15px;
	margin-bottom:30px;
}
#container #ask p{
	margin:0;
}

/*価格ページ*/
#kakaku h3{
	background-image:url(../product/rakusox/img/raku_price_ttl.gif);
	background-repeat:no-repeat;
	width:520px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:10px;
}
#consul h3{
	background-image:url(../product/rakusox/img/raku_price_consul_ttl.gif);
	background-repeat:no-repeat;
	width:520px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
}
#env h3{
	background-image:url(../product/rakusox/img/raku_price_env_ttl.gif);
	background-repeat:no-repeat;
	width:520px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
}
#kakaku table{
	border-collapse:collapse;
	width:475px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px
}
#kakaku table th.thu{
	background-image:url(../product/rakusox/img/raku_price_th_bk.gif);
	background-repeat:repeat-x;
}
#kakaku table th.thu2{
	background-image:url(../product/rakusox/img/raku_price_th_bk2.gif);
	background-repeat:repeat-x;
}
#kakaku table th,#kakaku table td{
	border:1px solid #ccc;
	text-align:center;
	padding:3px 0;
}
#pg_price h5{
	margin-left:25px;
	margin-top:5px;
	font-size:12px;
}
#pg_price #container ul{
	margin-left:25px;
	margin-bottom:30px;
}
#pg_price #container li{
	margin-left:1.5em;
	text-indent:-1.5em;
	margin-top:10px;
	margin-right:20px;
}
#pg_price #yakkan ul{
	margin:0;
}
#consul h5{
	margin-top:30px;
}
#pg_price .campain{
	margin-left:15px;
	margin-bottom:30px;
}
#pg_outline #menu .L2,
#pg_feature #menu .L2,
#pg_price #menu .L2{
	width:160px;
	background-image:none;
}
#pg_feature #pagetop{
	margin-left:0;
	width:510px;
}
#pg_feature #pagetop2{
	margin-left:0;
	width:510px;
}
table{
	position:relative;
}
.w35{
	width:35%;
}
.w30{
	width:30%;
}
#env .bg_gray{
	background-color:#e5e5e5;
	display:inline;
	padding:2px;
}

/* SEO-CSS 20100921 */
#add-title {
	font-size:100%;
	font-weight:normal;
	text-indent:0;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

/* YSR t.Hida 20101006 */
.cpn {
	width:537px;
	height:60px;
	margin-top: 15px;
	margin-bottom: 60px;
}
 .cpnimg img:hover, .cpnimg  img:active, .cpnimg img:focus{
	outline:none;
	filter:alpha(opacity=80);
	opacity:0.7;
}

.cpn_txt{
	margin-top:5px;
	margin-left:21px;
	margin-right:0px;
	color:#6D6D6D;
	font-size:0.9em;
}
.cpn_txt_info{
	text-align:right;
}