@charset "utf-8";

body { 
	background:#5b0a11 url(../images/bg_body.gif) repeat-x 0 21px; 
	}
	
#wrapper #contents { 
	width: 1000px;
	}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}

#topad { padding-bottom:5px; }

/* #main */

#main {
	width: 675px;
	padding-bottom: 15px;
}

/* #nav */

#main #nav{
	width:675px;
	height:160px;
	background:url(../images/bg_nav.png) no-repeat 0 0;
}

#main #nav ul{
	padding:0 10px;
	text-indent:-9999em;
}

#main #nav ul li{
	width:162px;
	height:79px;
	margin-right:2px;
	float:left;
}

#main #nav ul li a{
	width:162px;
	height:79px;
	display:block;
}

#main #nav ul li.list02,
#main #nav ul li.list06{
	width:163px;
}

#main #nav ul li.list04,
#main #nav ul li.list08{
	margin-right:0;
}

#main #nav ul li.list05,
#main #nav ul li.list06,
#main #nav ul li.list07,
#main #nav ul li.list08{
	margin-top:2px;
}

#main #nav ul li.list01{
	background:url(../images/btn_nav.png) no-repeat 0 -160px;
}

#main #nav ul li.list01 a{
	background:url(../images/btn_nav.png) no-repeat 0 0;
}

#main #nav ul li.list02{
	background:url(../images/btn_nav.png) no-repeat -164px -160px;
}

#main #nav ul li.list02 a{
	background:url(../images/btn_nav.png) no-repeat -164px 0;
}

#main #nav ul li.list03{
	background:url(../images/btn_nav.png) no-repeat -329px -160px;
}

#main #nav ul li.list03 a{
	background:url(../images/btn_nav.png) no-repeat -329px 0;
}

#main #nav ul li.list04{
	background:url(../images/btn_nav.png) no-repeat -493px -160px;
}

#main #nav ul li.list04 a{
	background:url(../images/btn_nav.png) no-repeat -493px 0;
}

#main #nav ul li.list05{
	background:url(../images/btn_nav.png) no-repeat 0 -241px;
}

#main #nav ul li.list05 a{
	background:url(../images/btn_nav.png) no-repeat 0 -81px;
}

#main #nav ul li.list06{
	background:url(../images/btn_nav.png) no-repeat -164px -241px;
}

#main #nav ul li.list06 a{
	background:url(../images/btn_nav.png) no-repeat -164px -81px;
}

#main #nav ul li.list07{
	background:url(../images/btn_nav.png) no-repeat -329px -241px;
}

#main #nav ul li.list07 a{
	background:url(../images/btn_nav.png) no-repeat -329px -81px;
}

#main #nav ul li.list08{
	background:url(../images/btn_nav.png) no-repeat -493px -241px;
}

#main #nav ul li.list08 a{
	background:url(../images/btn_nav.png) no-repeat -493px -81px;
}

/* #article */

#main #article {
	width:665px;
	margin:10px 5px 0;
}

/* #is2nd */

body#is2nd { 
	background:#5b0a11 url(../images/is2nd/bg_body.gif) repeat-x 0 21px; 
	} 

body#is2nd #header{
	height:200px;
	background: url(../images/is2nd/bg_header.jpg) no-repeat 0 0;
	position:relative;
	}
	
body#is2nd #header h1 a{
	width:262px;
	height:162px;
	background: url(../images/is2nd/h1_header.png) no-repeat 0 0;
	display:block;
	text-indent:-9999em;
	position:absolute;
	top:25px;
	right:10px;
	}

body#is2nd #article{
	margin-top:20px;
	margin-bottom:10px;
}

body#is2nd #article #head{
	width:570px;
	height:95px;
	padding:40px 45px 0;
	background:url(../images/is2nd/bg_article_head.gif) no-repeat 0 0;
}

body#is2nd #article #head h2{
	height:60px;
	margin-bottom:30px;
	text-indent:-9999em;
}

body#is2nd #article #middle{
	width:570px;
	padding:0 45px;
	background:url(../images/is2nd/bg_article_middle.gif) repeat-y 0 0;
}

body#is2nd #article #foot{
	width:570px;
	height:50px;
	padding:0 45px;
	background:url(../images/is2nd/bg_article_foot.gif) no-repeat 0 bottom;
	text-indent:-9999em;
}

/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* #totop */
#totop {
	width: 80px;
	height: 80px;
	text-indent:-30000px;
	position: absolute;
	z-index: 9999;
	display: none;
}
#totop a {
	display: block;
	width: 80px;
	height: 80px;
	background: url(../images/btn_totop.png) no-repeat 0 0;
}
#totop a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* .clearfix */

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}