@charset "UTF-8";

/* CSS Document */



/*レイアウト*/



*{

margin:0;

padding:0;

}



html,body {

	height:100%;

	margin:0 auto;

}



body{

	color:#424242;

	font-size:14px;

	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	line-height:1.8em;

	letter-spacing:0.04em;

	background:url(../images/gradation.png) repeat-x #fff;



}



/*ラップの設定*/



#wrap{

	width:980px;

	margin:0 auto;

	background-color:#fff;

	border-top:6px #20C2D3 solid;

	box-shadow:rgba(159, 186, 189, 0.65098) 0px 0px 3px 1px;

	-webkit-box-shadow:rgba(159, 186, 189, 0.65098) 0px 0px 3px 1px;

	-moz-box-shadow:rgba(159, 186, 189, 0.65098) 0px 0px 3px 1px;

}



/*ヘッダーの設定*/



#header{

	width:980px;

	height:300px;

	margin:0;

	background-image:url(../images/header.jpg);

	position:relative;

}



#header .logo{

	width:980px;

	position:absolute;

	top:0;

	left:0;

	background-color:#000;

	filter:alpha(opacity=70);

    -moz-opacity: 0.7;

    opacity: 0.7;

}



#header h1{

	color:#fff;

	line-height:1.8em;

	display:inline;

	padding:10px;

}



#header h2{

	color:#fff;

	display:inline;

	font-size:14px;

}



/*ナビゲーションの設定*/

#nav

{

	background-color:#24d2e5;

	margin:0 auto;

}



#nav

 ul{

	list-style-type:none;

	margin:0 auto;

	padding:0;

	overflow:hidden;

}



#nav

 li{

	float:left;

	line-height:15px;

	height:25px;

	margin:0;

	padding:0;

	text-align:center;

}



#nav

 li a:link,

#nav

 li a:visited{

	display:block;

	padding:5px 10px;

	color:#FFF;

	text-decoration:none;

	background-color:#20C2D3;

}



#nav

 li a:hover{

	text-shadow: 1px 1px white, -1px -1px #999;

	background-color:#E6781E;

	text-decoration:none;

}



#nav

 li a:active{

	text-shadow: 0 0 5px orange;

	text-decoration:none;

}



/*現在位置表示のスタイル*/



#nav

 li a.selected{

	text-shadow: 1px 1px white, -1px -1px #999;

	background-color:#E6781E;

	text-decoration:none;

}



/*メインコンテンツの設定*/



#main{

	float:left;

	width:614px;

	margin:20px 0 30px 28px;

	background-color:#fff;

}



#main h2{

	font-size:18px;

	padding-left:5px;

	border-left:10px #20C2D3 solid;

	border-bottom:2px #20C2D3 solid;

}



#main h3{

	font-size:16px;

	padding:5px 15px;

}



#main p{

	padding:5px 25px;

}

	

/*サイドコンテンツの設定*/



#side{

	float:right;

	width:245px;

	margin:20px 28px 30px 25px;

	padding:10px 20px;

	background-color:#efefe4;

	-webkit-border-top-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	-moz-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;

	border-top-left-radius: 10px;

	border-bottom-right-radius: 10px;

	box-shadow:5px 5px 5px rgba(0,0,0,0.4);

}



#side h2{

	font-size:16px;

	font-weight:normal;

	text-align:center;

}



#side h3{

	font-size:14px;

	font-weight:normal;

	padding:5px 0;

	text-align:center

}



#side ul{

	list-style:none;

}



#side a:link,

#side a:visited{

	color:#424242;

}



#side a:hover{

	color:#999

}



#side a:active{

	color:#24d2e5;

	text-decoration:none;

}



#side p{

	font-size:12px;

	padding:0 5px;

}



/*フッターの設定*/



#footer{

	width:980px;

	height:60px;

	clear:both;

	background-color:#efefe4;

	border-top:3px #E6781E solid;

}



/*フッターナビの設定*/



#footer ul{

	list-style:none;

	font-size:11px;

	padding-left:5px;

}



#footer ul li{

	padding:0 5px;

	line-height:1.2em;

	border-left:1px #424242 solid;

	display:inline;

}



#footer ul li:first-child{

	border-left:none;

}	



#footer ul li a:link,

#footer ul li a:visited{

	color:#424242;

	text-decoration:none;

}

#footer ul li a:hover,

#footer ul li a:active{

	color:#ccc;

	text-decoration:none;

}

	

/*コピーライトの設定*/



.copyright{

	color:#424242;

	font-size:12px;

	text-align:center;

	margin-top:10px;

}

	

/* ---------------------------------------------------------------------- */



/*サイトマップの設定*/



.sitemap{

}



.sitemap ul{

	list-style-type:none;

	padding:10px;

}



.sitemap a:link{

	color:#424242;

	text-decoration:none;

	display:block;

	margin-bottom:0.4em;

	text-indent:10px;

	border-left:5px #20C2D3 solid;

	border-bottom:1px #20C2D3 dotted;

}



.sitemap a:visited{

	color:#551a8b;

	text-decoration:none;

	display:block;

	margin-bottom:0.4em;

	text-indent:10px;

	border-left:5px #551a8b solid;

	border-bottom:1px #551a8b dotted;

}



.sitemap a:hover{

	color:#ccc;

	text-decoration:none;

	display:block;

	margin-bottom:0.4em;

	text-indent:10px;

	border-left:5px #E6781E solid;

	border-bottom:1px #E6781E dotted;

}



.sitemap a:active{

	color:#999;

	text-decoration:none;

	display:block;

	margin-bottom:0.4em;

	text-indent:10px;

	border-left:5px #E6781E solid;

	border-bottom:1px #E6781E dotted;

}