@charset "UTF-8";

*{margin:0;padding:0;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;}

/*-------------------------------------------------------------------基本設定 */

body {background:white;font-size:14px}

#wrapper {margin:0 auto;width:850px;position:relative;}

a {text-decoration: none;	outline:none;}

li,p,a{letter-spacing: 1px;}

/*----------------------------------------------------------ヘッダー フッター */

h1 {

	width: 850px;

	height: 200px;

	line-height: 160px;

	letter-spacing: 5px;

	color: white;

	text-shadow:10px 10px 30px blue,-10px -10px 30px red;

	background: url(../images/head.jpg);

	text-indent: 20px;

	font-size: 22px;

	overflow:hidden;

}

h1 a{

	color:white;

}

h1 a:hover{

	text-decoration:underline;

}

#foot {

	width: 850px;

	height: 150px;

	margin-top: -2px;

	background: white url(../images/foot.jpg) center bottom no-repeat;

	box-shadow: white 0 0 50px inset,white 0 -10px 20px inset;

}

#foot p {

	padding-top: 100px;

	color: #aaa;

	font-size: 12px;

	text-align: center;

}

/*-----------------------------------------------------------------SNSボタン */

#sns {

	position: absolute;

	right: 5px;

	top: 210px;

}

/*-------------------------------------------------------------------------帯 */

#menutext{

	width: 850px;

	height:80px;

	margin: 70px auto 0px;

	font-size: 16px;

}

#menutext li{

	width:254px;

	height:80px;

	float:left;

	list-style:none;

	line-height:80px;

	margin:0 10px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	border-radius:20px;

	border:3px solid #aff8b4;

	text-align:center;

}

#menutext li:hover{

	-webkit-box-shadow:3px 3px 5px #aaa inset;

	-moz-box-shadow:3px 3px 5px #aaa inset;

	box-shadow:3px 3px 5px #aaa inset;

	text-decoration:underline;

}

#menutext li a{

	display:block;

	width:254px;

	height:80px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	border-radius:20px;

}

/*-------------------------------------------------------------------ボーダー */

#hr {

	margin-top: 45px;

	text-align:center;

}

.hr2 {

	clear: both;

	padding-top: 25px;

}

.hr2 img {

	margin-bottom: -2px;

}

/*-----------------------------------------------------------------------item */

#content {

	border-right:1px solid #eee;

	border-left:1px solid #eee;

	width:850px;

}

#content>div:nth-child(1){

	height:260px;

}

#content>div:nth-child(2){

	height:360px;

}

#content>div:nth-child(3){

	height:420px;

}

.item {

	color: #777;

	width:850px;

}

.itemp{

	padding-right:20px;

}

.item p {

	margin-top: 20px;

	margin-left:220px;

	color: #888;

}

.itemimg{

	width:200px;

	float:left;

	text-align:center;

}

.itemimg img{

	margin-top:50px;

}

.right {

	text-align: right;

	padding-right: 10px;

}

#content h2 {

	font-size: 18px;

	font-weight: bold;

	color: #75be3f;

	margin: 20px 0 10px 0;

	padding-left: 35px;

	background: white url(../images/h2.jpg);

	line-height: 40px;

}

#earth2 {

	position: absolute;

	left: 40px;

	bottom: 280px;

}

/*-----------------------------------------------------------------------menu */

ol {

	width: 260px;

}

ol li {

	font-size: 14px;

	height: 150px;

	line-height: 150px;

	margin: 10px;

	color: white;

	text-indent: 10px;

	list-style-type: decimal-leading-zero;

	list-style-position: inside;

	overflow: hidden;

}

ol li:first-child {

	background: white url(../images/cate01.jpg) center repeat-y;

}

ol li:nth-child(2) {

	background: white url(../images/cate02.jpg) center repeat-y;

}

ol li:last-child {

	background: white url(../images/cate03.jpg) center repeat-y;

}

ol li a {

	color: #aaa;

	letter-spacing: 0;

	text-decoration: underline;

}

ol li a:hover {

	color: red;

}

/*-------------------------------------------------------ページトップへボタン */

#totop {

	background: white;

	position: fixed;

	right: 50px;

	bottom: 50px;

	display: none;

	cursor: pointer;

	text-decoration: underline;

}

#totop:hover {

	filter: alpha(opacity=40);

	-moz-opacity:0.4;

	opacity:0.4;

}

#banner{

	width:850px;

	height:50px;

	background:url(../images/banner.jpg);

	margin:40px 0 20px;

}

#banner a{

	color:#ddd;

}

#banner a:hover{

	color:#fff;

}

#banner p{

	line-height:50px;

	text-align:center;

}

#link01{

	width:850px;

	height:40px;

	border:3px solid #aff8b4;

	text-align:center;

	margin-bottom:3px;

	line-height:40px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	border-radius:20px;
	position:relative;
	color:orange;
}
#link01 span{
		margin:0 20px;
}
#link01 a{
	width:800px;
	height:40px;
	color:orange;

}
#link01 a:hover{
		text-decoration:underline;
}
#link01 div:hover{

	-webkit-box-shadow:3px 3px 5px #aaa inset;

	-moz-box-shadow:3px 3px 5px #aaa inset;

	box-shadow:3px 3px 5px #aaa inset;

	text-decoration:underline;

}