@charset "utf-8";
/******************************************************************************
{ ss_libs } - var:2.0.0
*******************************************************************************/
@import"reset.css";/* Don`t toutch me ! */
@import"font.css";/* Don`t toutch me ! */
@import"grids.css";/* Don`t toutch me ! */



/*--------------------------
 userguide
---------------------------*/

.userguide{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";+
	color:#333;
	line-height:18px;
}

.userguide a{
	color:#39f;
}

.userguide h2{
	padding:17px 0 20px 4px;
}

.userguide h3{
	padding-top:30px;
	padding-left:5px;
	padding-bottom:10px;
}
.userguide .p05{
	padding-left:5px;
}

.userguide .p01{
	line-height:20px;
	clear:both;
	padding-left:6px;
}

.userguide .img01{
	float:left;
	overflow:hidden;
}

.userguide .clear{
	clear:both;
}

.userguide .p02{
	width:390px;
}

.userguide .div01{
	float:right;
}

.userguide .div02{
	float:right;
}

.userguide .container{
	overflow:hidden;
	padding:15px 3px 5px 5px;
	width:650px;
}

.userguide .container h4{
	background:url(../img/userguide/line01.jpg) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:10px;
	padding-top:5px;
}

.userguide .p03{
	padding:10px 10px 0 5px;
}

.userguide .ul01{
	margin-top:20px;
	padding-left:5px;
	overflow:hidden;
}

/*IE6対策*/
*html .userguide .ul01{
 margin-bottom:-30px;
}

.userguide .ul01 li{
	width:155px;
	height:230px;
	float:left;
	margin-right:5px;
}

.userguide .li01{
	background:url(../img/userguide/img03.jpg) no-repeat;
}

.userguide .li02{
	background:url(../img/userguide/img04.jpg) no-repeat;
}

.userguide .li03{
	background:url(../img/userguide/img05.jpg) no-repeat;
}

.userguide .li04{
	background:url(../img/userguide/img06.jpg) no-repeat;
}

.userguide .ul01 p{
	width:140px;
	margin-right:auto;
	margin-left:auto;
	padding-top:115px;
	font-size:11px;
	line-height:16px;	
}

.userguide .ul01 p span{
	color:#39f;
}

.userguide .img07{
	margin-top:15px;
	margin-bottom:20px;
	padding-left:5px;
}

.userguide .p03 a{
	color:#39f;
}

/**
 * } userguide
**/








/*
.userguide .ul01{
	padding:10px 0 0 27px;
	margin-bottom:20px;
	overflow:hidden;
}

.userguide .ul01 li{
	margin-left:25px;
	display:inline;
}

.userguide .btn01{
	background:url(../img/userguide/btn01.jpg) no-repeat;
	display:block;
	float:left;
	width:180px;
	height:30px;
	text-indent:-9999px;
	margin-right:20px;
	display:inline;
}

.userguide .btn02{
	background:url(../img/userguide/btn02.jpg) no-repeat;
	display:block;
	float:left;
	width:180px;
	height:30px;
	text-indent:-9999px;
	margin-right:20px;
	display:inline;
}


.userguide .btn03{
	background:url(../img/userguide/btn03.jpg) no-repeat;
	display:block;
	float:left;
	width:180px;
	height:30px;
	text-indent:-9999px;
	display:inline;
}


.userguide h3{
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding-bottom:12px;
}



.userguide .link01 a{
	color:#39f;
	font-size:11px;
	padding:8px 10px 10px 4px;
}

.userguide .link01{
	float:right;
	margin:8px 12px 12px 0;
}


.userguide .wp{
	background:url(../img/userguide/wp.jpg) repeat-y;
	vertical-align:top;
	width:325px;
	overflow:hidden;
	padding-left:2px;
	padding-bottom:5px;
	*margin-bottom:-3px;
}


*html .userguide .wp{
	margin-bottom:-2px;
	margin-top:-1px;
}


.userguide .wp p{
	padding:10px 0 0px 0;
	width:293px;
	padding-left:12px;
}


.userguide .thw1{
	background:url(../img/userguide/h3_01.jpg) no-repeat;
	width:325px;
	height:48px;
	margin-bottom:-1px;
	vertical-align:bottom;
}

.userguide .spacer{
	background:url(../img/userguide/spacer.gif) repeat-x repeat-y;
	width:15px;
}



.userguide td{
	margin:0px;
	padding:0px;
}

.userguide .clear{
	clear:both;
}


.userguide .tdw2{
	background:url(../img/userguide/wp2b.jpg) repeat-y;
	width:325px;
	height:50px;
}

.userguide .tdw2 p{	
	padding-top:8px;
	padding-bottom:5px;
	margin-left:10px;
	padding-left:55px;
	font-size:11px;
	width:248px;
	background:url(../img/userguide/icon02.jpg) no-repeat top left;
}


.userguide .tdw3{
	background:url(../img/userguide/wp3.jpg) no-repeat;
	width:325px;
	height:55px;
}

.userguide .kensaku{
	margin-right:auto;
	margin-left:auto;
	padding-bottom:10px;
	text-indent:-9999px;
	display:block;
}

.userguide .btn04{
	background:url(../img/userguide/btn04.jpg) no-repeat;
	width:140px;
	height:30px;
}

.userguide .btn05{
	background:url(../img/userguide/btn05.jpg) no-repeat;
	width:140px;
	height:30px;
}

.userguide .btn06{
	background:url(../img/userguide/btn06.jpg) no-repeat;
	width:220px;
	height:30px;
}

.userguide .btn07{
	background:url(../img/userguide/btn07.jpg) no-repeat;
	width:150px;
	height:30px;
}

.userguide .btn08{
	background:url(../img/userguide/btn08.jpg) no-repeat;
	width:140px;
	height:30px;
}

.userguide .btn09{
	background:url(../img/userguide/btn09.jpg) no-repeat;
	width:140px;
	height:30px;
}

.userguide .btn10{
	background:url(../img/userguide/btn10.jpg) no-repeat;
	width:170px;
	height:30px;
}

.userguide .btn11{
	background:url(../img/userguide/btn11.jpg) no-repeat;
	width:200px;
	height:30px;
}

.userguide .btn12{
	background:url(../img/userguide/btn12.jpg) no-repeat;
	width:210px;
	height:30px;
}

.userguide .btn13{
	background:url(../img/userguide/btn13.jpg) no-repeat;
	width:140px;
	height:30px;
}

.userguide .btn14{
	background:url(../img/userguide/btn14.jpg) no-repeat;
	width:140px;
	height:30px;
}

.userguide .th_osae img{
	margin-left:30px;
	vertical-align:middle;
}


.userguide .wp img{
	margin-left:1px;
}


.userguide table{
	margin-bottom:25px;
}

*/