@charset "utf-8";

body {
	text-align:center;
	background:#fafafa;
	color:#2d2d2d;
	text-shadow:0px 1px 2px #999;
}

body p, body li {
	line-height:180%;
}

/* header */

#header-wrap {
	float:left;
	width:100%;
	height:106px;
}

#header-inner {
	width:900px;
	margin:0 auto;
}

header {
	float:left;
	width:900px;
	height:70px;
	color:#000;
}

header h1 {
	float:left;
	margin-top:0px;
}

#head-navi {
	float:right;
	width:600px;
	margin-top:13px;
	text-align:right;
}

#head-navi li {
	display:inline;
}

	#head-navi li.t-br {
		display:inline;
		line-height:;
		margin-right:6px;
		padding-right:10px;
		border-right:solid 1px #111;
	}
	
	* html #head-navi li.t-br {
		display:inline;
		line-height:;
		margin-right:7px;
		padding-right:2px;
		border-right:solid 1px #111;
	}

	*:first-child+html #head-navi li.t-br {
		display:inline;
		line-height:;
		margin-right:7px;
		padding-right:2px;
		border-right:solid 1px #111;
	}

#head-navi a {
	color:#111;
}

nav#menu {
	clear:both;
	float:left;
	width:900px;
	background:url("../img/navi.jpg") no-repeat;
}

nav#menu li {
	float:left;
	width:180px;
}

nav#menu li a {
	display:block;
	height:36px;
	line-height:36px;
}

a img {
	-webkit-transition:opacity 0.5s; /*Safari,Chrome*/
    -o-transition       :opacity 0.5s; /*Opera*/
    -moz-transition   :opacity 0.5s; /*Firefox*/
    transition           :opacity 0.5s; /*CSS3 Real Property*/
}

a:focus img,
a:hover img {
    filter:alpha(opacity=70); /*IE*/
    -moz-opacity:0.7; /*Older Firefox*/
    opacity:0.7; /* Modern Browsers*/
}

#container {
	width:960px;
	margin:0 auto;
}

#inner {
	float:left;
	width:940px;
	padding:0 10px;
	background:url("../img/main-bk.jpg") repeat-y;
}

section#main {
	float:left;
	width:940px;
	background:url("../img/main-image.jpg") no-repeat top;
}

section#main2 {
	float:left;
	width:940px;
}

section#main-inner {
	float:left;
	width:858px;
	margin:0 20px 20px 20px;
	padding:20px;
	border:solid 1px #ccc;
	background:#fff;

	border-radius:6px;

    /* Webkit */ 
	-webkit-border-radius:6px;

    /* Firefox */ 
	-moz-border-radius:6px;

}

section#contents {
	float:left;
	width:580px;
}

section#subcontents {
	float:left;
	width:840px;
}


section#contents p.title {
	clear:both;
	margin-bottom:20px;
}

section#subcontents p.subtitle {
	clear:both;
	margin-bottom:20px;
}

dl#news {
	clear:both;
	float:left;
	width:580px;
	margin:0 0 30px 0;
	overflow:hidden;
	text-align:left;
}

dl#news dt {
	float:left;
	width:100px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

dl#news dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:dotted 1px #ccc;
}

dl#subtitle {
	clear:both;
	float:left;
	width:840px;
	margin:0 0 30px 0;
	overflow:hidden;
	text-align:left;
}

dl#subtitle dt {
	float:left;
	width:100px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

dl#subtitle dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:dotted 1px #ccc;
}

ul#smp {
	float:left;
	width:580px;
	text-align:left;
}

ul#smp li {
	float:left;
	width:125px;
	margin:0 10px;
}

ul#smp li p {
	margin-bottom:10px;
}

section#side {
	float:right;
	width:260px;
	text-align:left;
}

.mb10 {
	margin-bottom:10px;
}

#footer-wrap {
	clear:both;
	float:left;
	width:100%;
	background:url("../img/footer.jpg") repeat-x;
}

#footer-inner {
	width:900px;
	margin:0 auto;
}

footer {
	float:left;
	width:900px;
	height:70px;
	color:#fff;
}

footer nav ul {
	margin:10px 0 5px 0;
}

footer nav li {
	display:inline;
}

	footer nav li.f-br {
		display:inline;
		line-height:;
		margin-right:6px;
		padding-right:10px;
		border-right:solid 1px #fff;
	}
	
	* html footer nav li.f-br {
		display:inline;
		line-height:;
		margin-right:14px;
		padding-right:4px;
		border-right:solid 1px #fff;
	}

	*:first-child+html footer nav li.f-br {
		display:inline;
		line-height:;
		margin-right:14px;
		padding-right:4px;
		border-right:solid 1px #fff;
	}
	
footer nav li a {
	color:#fff;
}

footer p {
	text-align:center;
}

#pan p {
	text-align:left;
	margin:10px auto 10px 40px;
}