@charset "utf-8";





/* ---------- reset ---------- */

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,caption {
	margin:0;
	padding:0;
}

ul,ol {
	list-style:none;
}

img { 
	vertical-align:top;
	border:0;
}





/* ---------- templates ---------- */

html {
	overflow-y:scroll;
}

body {
	background:url(../../images/base/bg_body.gif) left top repeat-x;
	color:#666666;
	text-align:center;
}

#index {
	background:url(../../images/base/bg_body.gif) left 80px repeat-x;
}

#top {
	width:100%;
	text-align:center;
}





/* ---------- head ---------- */

#head {
	width:1040px;
	margin:0 auto;
	text-align:left;
}

#head p {
	color:#FFFFFF;
	font-size:65%;
	line-height:25px;
	padding:0 0 0 15px;
}

#head h1 {
	float:left;
	padding:10px 0 11px 13px;
}

#head ul {
	float:right;
}

#head ul li {
	float:left;
	padding:0 0 0 20px;
}

#head dl {
	background:url(../../images/base/bg_font.gif) right top no-repeat;
	float:right;
	margin:16px 0 8px;
	width:147px;
}

#head dt {
	float:left;
	padding:0 3px 0 0;
}

#head dl dd {
	float:left;
	padding:0 0 0 4px;
}

body.fontS {
    font-size:100%;
}

body.fontM {
    font-size:120%;
}

body.fontL {
    font-size:140%;
}

body .fontS img {	
	visibility:hidden;
}

body.fontM .fontS img,
body.fontL .fontS img {
	visibility:visible;
}

body.fontM .fontM img,
body.fontL .fontL img {
	visibility:hidden;
}





/* ---------- navi ---------- */

#navi {
	margin:0 auto;
	text-align:left;
	width:1040px;
}

#navi ul {
	float:left;
	width:1040px;
}

#navi ul li {
	float:left;
}

#navi ul {
	position:relative;
	float:left;
	line-height:1;
}

#navi ul li {
	float:left;
	position:relative;
}

#navi ul ul {
	border-top:#FFFFFF 1px solid;
	position:absolute;
	display:none;
	top:50px;
	left:0;
	width:196px;
}

#navi ul ul li {
	float:none;
}

#navi ul ul li ul {
	top:0;
	width:196px;
}

#navi ul ul a { 
	display:block;
	padding:8px 6px 7px 16px;
	border:#FFFFFF 1px solid;
	border-top:none;
	zoom:1;
	line-height:1.5em;
	font-size:75%;
	text-decoration:none;
	background:#015BE2;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	color:#FFFFFF;
}

#navi ul ul a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}





/* ---------- wrap ---------- */

#wrap {
	background:url(../../images/base/bg_top.jpg) center top no-repeat;
	clear:both;
	width:100%;
}





/* ---------- container ---------- */

#container {
	margin:0 auto;
	text-align:left;
	width:1054px;
}





/* ---------- contents ---------- */

#contents {
	background:url(../../images/base/bg_contents.png) left top no-repeat;
	clear:both;
	padding:0 0 0 27px;
	position:relative;
	width:1027px;
	z-index:100;
}

#contents #pgtop {
	clear:both;
	text-align:right;
	padding:0 27px 20px 0;
}





/* ---------- side ---------- */

#side {
	float:left;
	padding:27px 0 0;
	width:195px;
}

#side dl {
	padding:0 0 20px;
}

#side #banner {
	padding:0 0 20px;
}

#side #banner li {
	padding:0 0 10px;
}

#side .dlBanner {
	padding:10px 0 0;
}

#side .dlBanner dt {
	color:#015BE2;
	font-size:65%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.5em;
	border-bottom:#ccc 1px dotted;
	padding:10px 0 4px 2px;
	margin:0 0 10px 0;
}

#side .dlBanner dd {
	padding:0 0 10px;
}

#side #bloglink {
	padding:0 0 20px;
}




/* ---------- under ---------- */

#under {
	float:left;
	padding:27px 0 0 25px;
	width:780px;
}





/* ---------- foot ---------- */

#foot {
	background:#015BE2;
	clear:both;
	text-align:left;
}

#foot #panNavi {
	background:#FC0;
	font-size:75%;
	line-height:30px;
}

#foot #panNavi ul {
	margin:0 auto;
	width:1000px;
}

#foot #panNavi ul li {
	display:inline;
}

#foot #panNavi ul li a {
	background:url(../../images/base/bg_pan.gif) right 5px no-repeat;
	padding:0 16px 0 0;
	margin:0 5px 0 0;
}

#footIn {
	margin:0 auto;
	padding:20px 0;
	width:1000px;
}

#footIn address {
	color:#FFF;
	font-size:75%;
	font-style:normal;
	float:left;
	line-height:1.5em;
}

#footIn ul {
	float:right;
	font-size:65%;
	line-height:1.5em;
	padding:0 0 10px;
	width:540px;
}

#footIn li {
	background:url(../../images/base/bg_arrow.gif) left 4px no-repeat;
	color:#FFF;
	float:left;
	width:167px;
	padding:0 0 10px 13px;
}

#footIn li a {
	color:#FFF;
	text-decoration:none;
}

#footIn li a:hover {
	color:#FC0;
}

#footIn p {
	clear:both;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}