/* clearfix（任意で） */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body { width:100%; }/* overflow:hidden; */

/* ↓以下通常CSSを記載していく */

/*h2 { 
	padding:3px 0;
	text-align:center;
	background-color:#ccccff;
}*/

h2#menu { 
	padding:8px 0;
	text-align:center;
	background-color:#ccccff;
	border-bottom:1px solid #000;
}

h2#Home_menu { 
	padding:10px 0;
        color:#FFF;
	text-align:center;
	background:url(../images/link_bg.png) repeat-x;
	border-bottom:1px solid #000;
	border-top:1px solid #000
}

ul {
	margin-left:10px;
}

li{
	list-style:none;
}

a{
	color:#F4F7F2;
	font-weight:bold;
	text-decoration:none;
}

div#foot {
	text-align:center;
	color:#FFFFFF;
	background-color:#EE0000;
	font-size:0.9em;
	overflow:hidden;
}

.massege {
	padding:5px;
	font-weight:bold;
}

.massege2 {
	padding:10px 10px;
}

.image {
	text-align:center;
}

.space {
	padding:5px 10px;
	}
/*----Categories----------*/
#categories{
	margin:0;
	border-bottom:solid 1px #333631;
}

.category{
	background-image: -moz-linear-gradient(top, #ccc, #666);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#666));
	background-image: -o-linear-gradient(top, #ccc, #666);
	background-image: linear-gradient(top, #ccc, #666); 
	overflow:hidden;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #666;
	}

.title_icon{
	background:url(../images/sample_title_bg.jpg) repeat left top;
	margin:3% 10px;
	padding:3% 4%;
	border:solid 1px #FFF;
	border-radius:8px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-shadow: 0px 1px 1px #BBBABA;
	float:left;}

.title_icon2{
	margin:3% 0;
	text-align:center;
	float:left;}

h2 a{
	background:url(../images/link_arrow1.png) no-repeat 100% 50%;
	padding:6% 7% 4% 0;
	display:block;
	color:#333631;}

h2 a:hover {
	background:url(../images/link_arrow.png) no-repeat 100% 50% #00a6a6;
	padding:6% 7% 5% 0;
	display:block;
}

h2 a span{
	display:block;
	font-size:18px;
}


/*----Categories----------*/
#categories_title{
	margin:1% 0;
	border-top:solid 2px #7F827D;
	border-bottom:solid 1px #F4F7F2;
}

#categories_title .category{
	border-top-color:#FFF;
	color:#333631;
}

#categories_title h2{
	margin-left:2%;
	padding:3% 7% 1% 0;
	font-size:18px;
}
/*--------------------*/

.foot_link{
	overflow:hidden;
}

.top{
	background:url(../images/link_bg.png) repeat left top;
	margin:2% 2% 0 77%;
	padding:2% 3%;
	display:block;
	border:solid 1px #C3C4C2;
	border-radius:3px 3px 0px 0px;
	text-align:center;
	font-weight:bold;
	text-shadow: 0px 1px 1px #333631;
	-moz-box-shadow:0px 0px 1px 1px #333631;
	-webkit-box-shadow:0px 0px 1px 1px #333631;
	box-shadow:0px 0px 1px 1px #333631;

}

.back{
	background:url(../images/link_bg.png) repeat left top;
	margin:2% 2% 0 54%;
	padding:2% 3%;
	display:block;
	border:solid 1px #BBBEBA;
	border-radius:3px 3px 0px 0px;
	text-align:center;
	font-weight:bold;
	text-shadow: 0px 1px 1px #333631;
	-moz-box-shadow:0px 0px 1px 1px #333631;
	-webkit-box-shadow:0px 0px 1px 1px #333631;
	box-shadow:0px 0px 1px 1px #333631;
	float:left;
}

.yohaku {
	margin-bottom:5px;
	}