@charset "UTF-8";
/*************************************
  BASE
  基本要素
*************************************/


#page #contents #about, 
#page #contents #case, 
#page #contents #flow, 
#page #contents #topic, 
#page #contents #manual, 
#page #contents #caution{
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-align: left;
	position:relative;
}






/*===WALLSTAR™とは？===*/
#page #contents #about{
	margin-bottom: 20px;
}
#page #contents #about h2, 
#page #contents #manual h2 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	height: 35px;
	background: url(../images/line.gif) repeat-x 0 32px;
}
#page #contents #about .left {
	width: 345px;
}
#page #contents #about .right {
	width: 380px;
}

#page #contents #about p {
	margin-right: 15px;
	font-size:14px; 
	line-height: 140%; 
	color:#333; 
	font-weight:normal;
}

#page #contents #about .sample {
	width: 345px;
	height: 185px;
	position:absolute;
	top:160px;
	left:0:
}
#page #contents #about .catch {
	width: 345px;
	height: auto;
	position:absolute;
	top:355px;
	left:0:
}
#page #contents #about .catch li {
	margin: 0;
	width: 345px;
	height: auto;
}

/*===販売実例===*/
#page #contents #case{
	margin-bottom: 20px;
}
#page #contents #case h3 {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	height: 28px;
	background: url(../images/line.gif) repeat-x 0 25px;
}
#page #contents #case .wrap{
	margin-bottom: 15px;
}
#page #contents #case .alpha {
	width: 265px;
	margin-right:5px;
}
#page #contents #case .beta {
	width: 175px;
}
#page #contents #case .gamma {
	width: 275px;
}

#page #contents #case p {
	padding: 5px 0 0 10px;
	color: #333333;
	text-align: left;
	font-size:12px;
	font-weight:normal;
	background:url(../images/arrow.gif) no-repeat 0 10px;
	line-height: 140%;
}

#page #contents #case .baseball .left{
	width: 120px;
}
#page #contents #case .baseball .right{
	width: 600px;
}


/*===ステッカーはこうして貼ろう!!===*/
#page #contents #flow{
	margin-bottom: 30px;
	padding: 0;
	width: 100%;
	height: auto;
	background: url(../images/flow_bg.gif) repeat-y 0 0;
}
#page #contents #flow h3 {
	margin: 0;
	padding-bottom: 10px;
	width: 100%;
	height: 38px;
}
#page #contents #flow .frbottom {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 13px;
}
#page #contents #flow .inner{
	margin: 0 8px 0 9px;
	padding: 0;
	width: 708px;
	height: auto;
}
#page #contents #flow li {
	margin: 0 3px 0 0;
	width: 234px;
	height: auto;
	float:left;
}
#page #contents #flow li.last {
	margin: 0;
	width: 233px;
	height: auto;
	float:right;
}
#page #contents #flow .ph {
	margin: 0 1px 0 0;
	padding: 0;
	width: 120px;
	height: 180px;
	float:left;
}
#page #contents #flow .phlst {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 180px;
	float:left;
}
#page #contents #flow dl {
	margin: 0;
	padding: 0;
	width: 110px;
	height: auto;
	float:left;
}
#page #contents #flow dt {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 95px;
}
#page #contents #flow dd {
	margin: 0;
	padding: 0 3px;
	width: auto;
	height: 85px;
	font-size:12px; 
	line-height: 140%; 
	color:#333; 
	font-weight:normal;
}
#page #contents #flow .btn {
	width: 170px;
	height: 18px;
	position:absolute;
	top:8px;
	left:540px;
}
#page #contents #flow .line{
	margin: 14px 0;
	padding: 0;
	width: 100%;
	height: 2px;
	font-size: 0px;
	line-height: 2px;
	background: url(../images/line.gif) repeat-x 0 0;
}




/*===最新ニュース===*/
#page #contents #topic{
	margin-bottom: 20px;
}

#page #contents #topic h3 {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	height: 28px;
	background: url(../images/line.gif) repeat-x 0 25px;
}
#page #contents #topic dl {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-bottom:1px solid #ebebeb;
}
#page #contents #topic dt {
	margin: 0 0 15px 0;
	padding: 0 0 0 12px;
	width: 88px;
	height: auto;
	font-size:12px; 
	line-height: 140%; 
	color:#333; 
	font-weight:normal;
	float:left;
}
#page #contents #topic dd {
	margin: 0 0 15px 0;
	padding: 0;
	width: 530px;
	height: auto;
	font-size:14px; 
	line-height: 140%; 
	color:#333; 
	font-weight:normal;
	float:left;
}
#page #contents #topic dd.release {
	padding: 0 0 0 90px;
	background: url(../images/topics_release.gif) no-repeat 0 3px;
}




/*===取扱説明===*/
#page #contents #manual{
	margin-bottom: 20px;
}

#page #contents #manual dl {
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#page #contents #manual dt {
	margin: 0 12px 10px 0;
	padding: 0;
	width: 68px;
	height: auto;
	float:left;
}
#page #contents #manual dd {
	margin: 0 0 10px 0;
	padding: 0;
	width: 640px;
	height: auto;
	font-size:14px; 
	line-height: 140%; 
	color:#333; 
	font-weight:normal;
	float:left;
}
#page #contents #manual h3 {
	margin: 0 0 12px 0;
	padding: 0;
	width: 104px;
	height: 18px;
}
#page #contents #manual .left, 
#page #contents #manual .right {
	margin: 10px 0 0 0;
	width: 315px;
	height: 190px;
}



/*===取り扱いのご注意===*/
#page #contents #caution{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background: url(../images/caution_bg.gif) repeat-y 0 0;
	background-color: #fffbf2;
}
#page #contents #caution .frtop {
	margin: 0;
	padding-bottom: 10px;
	width: 100%;
	height: 5px;
}
#page #contents #caution .frbottom {
	margin: 0;
	padding-top: 10px;
	width: 100%;
	height: 5px;
}
#page #contents #caution .inner{
	margin: 0 15px;
	padding: 0;
	width: 695px;
	height: auto;
}
#page #contents #caution h3 {
	margin: 0 0 8px 0;
	padding: 0;
	width: 100%;
	height: auto;
	background: url(../images/caution_line.gif) repeat-x 0 6px;
}
#page #contents #caution li {
	font-size: 12px;
	color: #666666;
	line-height: 160%;
	font-weight: normal;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}