@charset "utf-8";
/* CSS Document */

/*  -------------------------------------------------------------
#list

------------------------------------------------------------- */

#list01,#list02,#list03 {
	clear: both;
	text-align: left;
}

h3 {
	padding: 4.5% 0 5.5% 3.5%;
	font-size: 100%;
	font-weight: bold;
}

#list01 h3 {
	background : url(../images/list/list_01_h3_bg.gif) no-repeat ;
	background-size:100% auto;
}
#list01 h3 p {
	background-size:100% auto;
	font-size:80%;
	font-weight:100;
	margin:5px 5px 5px 0;
}
#list01 ul li p.blue {
		text-align:right;
		font-size:60%;
		color:#39C;
		padding:4% 0;
		height:86px;
	}


#list02 h3 {
	background : url(../images/list/list_02_h3_bg.gif) no-repeat ;
	background-size:100% auto;
}

#list03 h3 {
	background : url(../images/list/search_presentplace.gif) no-repeat ;
	background-size:100% auto;
}

 p.description {
	padding: 3.5%;
	color: #414141;
	line-height:140%;
}

#list01 li a,#list02 li a,#list03 li a {
	clear:both;
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 4%  0 4% 3.5%;
	font-size: 100%;
	margin:0;
}

#list01 li {
	background:url(../images/list/list_01_li_bg.gif);
	background-size:100% auto;

}

#list02 li {
	background: url(../images/list/list_02_li_bg.gif) no-repeat;
	background-size:100% auto;
}

#list03 li {
	background: url(../images/list/list_03_li_bg.gif) no-repeat;
	background-size:100% auto;
}

.listBtn {
	margin-top: 3.5%;
	margin-bottom: 3.5%;
}

ul.circle {
	list-style:disc;
	line-height:1.6em;
	width:80%;
	margin:10px auto;
	background:none;
}
ul.circle　li {
	background:none;
}

ul.number{
	clear:both;
	list-style:decimal;
	line-height:1.6em;
	width:80%;
	margin:10px auto;
}

ul.square{
	list-style:square;
	clear:both;
	line-height:1.6em;
	width:80%;
	margin:10px auto;
}


/*  -------------------------------------------------------------
page 
------------------------------------------------------------- */

.page {
	margin:6.26% auto;
	padding: 2% auto;
	width: 100%;
	text-align: center;
}

.page ul {
	margin: 0 auto;
}

.page ul li {
	border: 1px solid #e3e3e3;
	display:inline-block;
	vertical-align: middle; 
	padding: 4% 0;
	margin: 4% 2% 2% 0;
	width: 13.6%;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0));
}

.page ul li a {
	text-decoration: none;
}

.page ul li.more {
	border: none;
	background: none;
	width: 6%;
}

