/* CSS Document */

/*初期化*/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}

/*レイアウト大枠*/
body{
	margin:0px;
	padding:0px;
	background:url(../img/bg01.gif) repeat-y center top;
	text-align:center;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,Osaka;
        font-size: 15px;
}

#container{
	clear:both;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	width:730px;
	margin-top:10px;
}
#header{
	width:760px;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
/*	background:#006;*/
	background: rgb(0,0,102); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,0,102,1) 10%, rgba(0,0,170,1) 40%, rgba(0,0,170,1) 60%, rgba(0,0,102,1) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(0,0,102,1)), color-stop(40%,rgba(0,0,170,1)), color-stop(60%,rgba(0,0,170,1)), color-stop(90%,rgba(0,0,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#000066',GradientType=1 ); /* IE6-9 */
}
#main{
	float:right;
	width:515px;
	margin-top: 0px;
}
#side{
	float:left;
	width:200px;
	margin-top:15px;
}
#footer{
	clear:both;
	width:760px;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	
}
p{
	line-height:1.6;
}
a{
	color:#00c;
}
a:visited{
	color:#00c;
}
a:hover{
	color:#f90;
}
hr{
	border:none;
	height:10px;
	background:url(../img/bg-dot.gif) repeat-x left 50%;
	margin:0px;
}
/*ヘッダー・コンテンツ ディテール*/
h1{
	font-size:38px;
	color:#ffa;
	padding:15px 10px 10px 10px;
}
h1 a,h1 a:visited,h1 a:hover{
	color:#fff;
	text-decoration:none;
}
#header p{
	font-size:12px;
	line-height:1.4em;
	padding:0px 15px;
	margin-bottom:10px;
	color:#fff;
}

#gmenu {
	background: #333;
	position: relative;
	list-style:none;
	overflow: hidden;
	height:30px;
	font-size:12px;
}
#gmenu li {
	float: left;
	width:auto;
	line-height:30px;
}
#gmenu a {
	background: #333;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 0px 25px;
	border-right:1px solid #ccc;
	text-decoration: none;
	font-weight:normal;
}
#gmenu a:hover {
	background:#666;
	color: #fff;
}

/*メイン・コンテンツ ディテール*/
#main h2{
	margin-top:5px;
        color:#000;
	padding:4px 0px 4px 1em;
	font-weight:normal;
	border:solid #006;
	border-width:1px 1px 1px 12px;
	letter-spacing: 5px;
}
#main h3{
	padding:4px 5px 8px 1.7em;
	background:url(../img/ico04.gif) no-repeat left 5px;
	font-weight:bold;
	font-size:90%;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	
}
#main h4{
	color:#f90;
	font-size:14px;
	font-weight:bold;
	padding-left:1em;
	margin:8px 0px;
	
}
#main p{
	padding:0.5em 0 0.5em 1.5em;
	font-size:90%;
        line-height: 1.3em;
}
#main blockquote{
	font-size:12px;
	margin:5px 1em;
	padding:1em;
	border:1px solid #ccc;
	line-height:1.5;
}
/*画像左回りこみ*/
.imgleft{
	float:left;
	width:auto;
	padding-left:1em;
	margin-right:15px;
	margin-top:1em;
	padding-bottom:8px;
}
/*画像右回りこみ*/
.imgright{
	float:right;
	width:auto;
	padding-left:1em;
	margin-left:15px;
	margin-top:1em;
	padding-bottom:8px;
}
.clr{
	clear:both;
}
/*サイドメニュー ディテール*/
#side dl{
	margin-top:10px;
	margin-bottom:15px;
}
#side dt{
	background:#006 url(../img/bg-triangle.gif) no-repeat right top;
	font-size:12px;
	padding:6px 8px;
	color:#fff;
}
#side dt.Links{
	background:#006;
	padding:1px 8px;
	margin-top:50px;
}

#side dd{
	display:list-item;
	list-style:none;
	font-size:12px;

	background:url(../img/bg-dot.gif) repeat-x left bottom;
}

#side dd a{
	display:block;
	text-decoration:none;
	padding:6px 6px 6px 20px;
	color:#333;
}
#side dd a.current{
	color:#30c;
	padding:6px 6px 6px 20px;
	background:url(../img/ico01.gif) no-repeat 8px 50%;
}
#side dd a.na{
	display:block;
	text-decoration:none;
	padding:6px 6px 6px 20px;
	color:#aaa;
}
#side dd a.na:hover{
	display:block;
	text-decoration:none;
	padding:6px 6px 6px 20px;
	color:#aaa;
}
#side dd a:hover{
	color:#f90;
	padding:6px 6px 6px 20px;
}
#footer .copy{
	font-size:11px;
	text-align:center;
	border-top:8px solid #333;
/*	background:#006;*/
	background: rgb(0,0,102); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,0,102,1) 10%, rgba(0,0,170,1) 40%, rgba(0,0,170,1) 60%, rgba(0,0,102,1) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(0,0,102,1)), color-stop(40%,rgba(0,0,170,1)), color-stop(60%,rgba(0,0,170,1)), color-stop(90%,rgba(0,0,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,102,1) 10%,rgba(0,0,170,1) 40%,rgba(0,0,170,1) 60%,rgba(0,0,102,1) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#000066',GradientType=1 ); /* IE6-9 */
	padding:12px;
	color:#fff;
}
#footer .links{
	padding:30px 15px 30px 15px;
	text-align:center;
	font-size:12px;
}
#footer .links a,#footer .links a:visited{
	text-decoration:none;
	color:#333;
}
#footer .links a:hover{
	text-decoration:underline;
}