/* Author URI: http://www.af5.jp/ */
/* ------------------style--------------------- */
body{background: #fff; color: #474747; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }


a{color: #0000CC;text-decoration: none; }
a:hover{color: #DA251D; text-decoration: none;}


/* ------------------Header style-------------------- */
header {background:#ffffff; margin-bottom:0px;}

.featured{width:960px; margin:0 auto;border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;}
.subhead {margin:0px 0px; overflow: hidden; background: url(./images/p5.png) repeat; border-top:10px solid #634100; }
.subhead .subheadwap{width:960px; margin:0 auto; height:200px; background: url(./images/topimg.png) no-repeat;}


/* ------------------Navigation---------------- */
nav {}
nav .wrap-nav{position:absolute; top:75px; right:10px; height: 37px;}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#90733f;}
.menu  ul li:hover {background-color:#3e5abc;}
.menu  ul li a {font-size: 14px; line-height:14px;color: #fff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}
.menu  ul li:hover a {color:#ffffff;}

/* ------------------main-content style--------------------- */
#content .wrap-content{border:0px solid #fff; margin-top: 0px;}

#main-content article h2{padding: 10px 0 5px 36px!important; background: url(./images/list.png) left center no-repeat;
margin-bottom:30px; border-bottom: 3px groove #634100; color: 3000;}

#main-content .content h3{font-size:22px; line-height:25px; font-weight: bold; margin-top: 0px;margin-bottom:30px; padding-top: 30px;padding-left: 10px; border-bottom:3px solid #634100;}

#main-content .content ul{list-style-type:square; margin-left:20px;}
#main-content .content ul li{padding:5px;}

#main-content .content ol{list-style-type:decimal; margin-left:20px;}
#main-content .content ol li{padding:5px;}

#main-content a:link {color: #0000CC; text-decoration: underline;}
#main-content a:visited {color: #0000FF; text-decoration: underline;}
#main-content a:hover {color: #FF0000; text-decoration: underline;}
#main-content a:active {color: #047EC8; text-decoration: none;}

/* ------------------sidebar style--------------------- */
#sidebar .heading{ border-bottom:none;}

#sidebar .content .heading{padding: 5px 5px 5px 5px; text-align: center; margin-bottom: 4px; text-decoration: none; background: #90733f; color: #fff;}
#sidebar .content .heading h2{font-size: 15px;}

#sidebar .content ul {margin-bottom: 10px;list-style-type: none;margin-left: 0px;}

#sidebar .content ul li{vertical-align: middle; border-left: 2px solid #f6f6f6; background: -moz-linear-gradient(top, #f3f3f5, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f5), to(#fff)); border-bottom:1px #bcbcbc solid;}
#sidebar .content ul li:first-child{border-top:1px #bcbcbc solid;}

#sidebar .content ul li:hover {background: #f6f6f6; border-left: 2px solid #90733f; cursor:pointer; color: #DA251D;}
#sidebar .content ul li a {color: #474747; text-decoration: none; }


#sidebar .content ul li.topic{list-style-type:none;font-weight:bold; margin-left:4px; }
#sidebar .content ul li.topic:hover{background: url(./images/menu_bg.gif) top left; cursor:auto;}

#sidebar .content ol{font-size:14px; list-style-type:decimal-leading-zero; margin-left:20px;}
#sidebar .content ol li{padding:5px;}

img.imgeye {width:32px; height:32px; padding:2px; margin:2px 2px 2px 2px; display:inline-block; vertical-align:middle;}

/* ------------------footer style--------------------- */
.footer {background-color:#634100; margin-top:30px;}

.copyright{text-align:center; margin-top:20px; background:#634100; padding:10px 0px;color:#545B6B;}

.copyright a{text-decoration:underline; color:#fff;}


@media only screen and (max-width: 960px) {.wrap-nav{display: none;}}

@media only screen and (max-width: 460px) {
	.wrap-header{height:50px;}
	#logoimg img{
	    width:auto;
	    height:auto;
	    max-width:100%;
	    max-height:50px;}
	header #logotxt {
    	top: 5px;
	}
}


