@charset "shift-jis";
/*###########################################
福祉サービスセンター
top.css
CSS Version 2.0
LastModified:2008.12.24 By kihira
###########################################*/
body{
	background: url(../grf/top/bg_top.gif) repeat-x top left;
}
#top_menu{
	margin-bottom:7px;
	height: 90px;
}
#top_menu a{
	float: left;
}
#top_menu img{
	margin-right:1px;
}
#top_menu img.last{
	margin-right:0px;
}
.main{
	clear: both;
	margin-bottom:5px;
}
.main-left{
	float:left;
}
.main-left img{
	margin-top:90px;
	margin-left:10px;
}
.inner{
	margin-top:10px;
	margin-left: 20px;
	font-size:16px;
	line-height:160%;
	letter-spacing:0.08em;
	width:355px;
	text-align:left;
	
}
.main-right{
	float:left;
}
.main-right img{
	margin-left:20px;
}
.other-left{
	float:left;
}
.information{
	background: url(../grf/top/info.gif) top left no-repeat;
	width:330px;
	height:310px;
	margin-bottom:12px;
	margin-right:10px;
}

.information-inner{
	word-break: break-all;
	padding: 0 0 0 5px;
}
.information-inner pre{
	font-size: 12px;
	line-height:120%;
}
.information-inner pre a		{text-decoration: none; color: #FF0099;}
.information-inner pre a:visited{text-decoration: none; color: #663399;}
.information-inner pre a:active	{text-decoration: none; color: #FF00FF;}
.information-inner pre a:hover	{text-decoration: underline; color: #9999FF;}

.contact{
	clear: both;
	width:330px;
	height:190px;
	margin-right:10px;
}

.contact-inner{
	text-align:left;
	font-size:12px;
	padding-top:13px;
	line-height:120%;
}

#contactarea{
	padding:10px 0px 10px 10px;
	background-color: #ffffff;
	border-left: 5px solid #FF9258;
}

.contact-inner h3{
	font-weight:bold;
	font-size:16px;
	line-height:140%;
}
.other-link{
	float:left;
	width:160px;
	margin-top:6px;
}
.other-link img{
	margin-bottom:10px;
}
.other-link img.last{
	margin-bottom:0px;
}
.qr{
	background: url('../grf/top/bg_qr.gif') top left no-repeat;
	width:175px;
	height:162px;
	float:left;
	margin-left:5px;
}
.qr-inner{
	padding-top:10px;
	padding-right:10px;
	line-height:140%;
	font-size: 11px;
}
.qr-inner img{
	margin:5px auto;
}
.search{
	background: url('../grf/top/bg_portal.gif') top left no-repeat;
	width:400px;
	height:435px;
	float:left;
	text-align:center;
}
h3.select{
	font-size:12px;
	font-weight:bold;
	color:#D00000;
	text-align:left;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:3px;
}
.keyword{
	background: url('../grf/top/bg_keyword.gif') top left no-repeat;
	width:372px;
	height:60px;
	margin:15px auto 0px;
	text-align:left;
	font-size: 12px;

}
.qualification{
	background: url('../grf/top/bg_qualification.gif') top left no-repeat;
	width:372px;
	height:101px;
	margin:15px auto 0px;
}

.qualification div{
	padding-left: 27px;
}

.qualification form{
	float: left;
	margin-right:5px;
}

.qualification img{
	margin-right:5px;
}
.way{
	clear: both;
	background: url('../grf/top/bg_way.gif') top left no-repeat;
	width:372px;
	height:93px;
	margin:15px auto 0px;
}

.way div{
	padding-left: 6px;
}

.way form{
	float: left;
	padding-left: 4px;
}

.category form{
	float: left;
}

.category div{
	padding-left: 18px;
}


.category{
	clear: both;
	background: url('../grf/top/bg_category.gif') top left no-repeat;
	width:372px;
	height:100px;
	margin:15px auto 0px;
}
.category form{
	margin:0 3px 3px 0;
}
.coupon{
	background: url('../grf/top/bg_coupon.gif') top left no-repeat;
	width:400px;
	height:205px;
	float:left;
	text-align:center;
	margin:5px auto 0px;
}
.ticket{
	clear: both;
	background: url('../grf/top/bg_ticket.gif') top left no-repeat;
	width:400px;
	height:200px;
	float:left;
	text-align:center;
	margin:5px auto 0px;
}

.keyword form{
	height: 26px;
}

