*{
	margin:0px;
	padding:0px;
}
img{border:0px}
html{
	width:100%;
	background-image:url(../img/bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color: #3f65ae;
}
body{
	width:980px;
	margin:0 auto;
	position:top center;
}
#top{
	width:980px;
	margin:0 auto;
	position:top center;
	background-image: url(../img/kagulogo.jpg);
	background-repeat: no-repeat;
}
.menu{
	background-image:url(../img/menu-bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border-left:2px solid #f7f5e9;
	border-right:2px solid #f7f5e9;
	width:980px;
	list-style-type:none;
	float:left;
	padding:8px 0;
}
.menu li, .menu img{
float:left
}
#content{
	float:left;
	padding:0 0 0 20px;
	font-family:メイリオ,Tahoma;
	font-size:14px;
	color:#6c6c6c;
	background-image:url(../img/bg092.gif);
	background-repeat:repeat-y;
	width: 963px;
	text-indent: 1.5px;
}
.column{
	width:750px;
	float:left;
	padding:0 10px 0 0;
	margin:0 0px 0 0;
}
.qa{
	width:300px;
	float:left;
	padding:0 100px 0 0;
	margin:0 0px 0 0;
}
.title{
padding:11px 0 15px 0;
float:left;
}
.info{
	width:750px;
	float:left;
	padding:0 0 15px 0
}
.column p, .column ul{
	display:block;
	float:left;
	width:700px;
	margin:0 0 0 0px;
}
.column img{
float:left
}
.info a{
text-decoration:none;
color:#2c61a9
}
#content .more{
	background-image:url(../img/arrows.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
	color:#2c61a9;
	font-size:14px;
	margin:7px 0 0 0;
	display:block;
	width:65px;
	font-weight:bold;
	text-decoration:none;
}
.border{
border-bottom:1px solid #d8d8d8
}
.column li{
list-style-position:inside;
color:#2c61a9
}
#content .column li a{
text-decoration:underline
}
#content .column li a:visited{text-decoration:underline}
#content .column li a:hover{text-decoration:none}
.column2{
	width:160px;
	float:left;
	padding:0 10px 0 0;
	margin-left: 10px;
}
.column2 p{
	display:block;
	float:left;
	width:160px;
	margin-left: 5px;
}
.column2 span{
font-weight:bold;
color:#2c61a9;
display:block;
padding:0 0 7px 0
}
.column3{
	width:350px;
	float:left;
	padding:0 19px 0 0;
	margin-left: 10px;
}
.column3 p{
	display:block;
	float:left;
	width:170px;
	margin-left: 5px;
}
.column3 span{
font-weight:bold;
color:#2c61a9;
display:block;
padding:0 0 7px 0
}
.subscribe{
	background-image:url(../img/canvas10.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:160px;
	height:140px;
	float:left;
	margin:15px 0 0 0
}
.subscribe2{
	background-image:url(../img/subscribe.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:215px;
	height:101px;
	float:left;
	margin:200px 0 0 0
}
.subscribe input{
	width:210px;
	float:left;
	margin:3px 6px 0 12px;
	font-weight:bold;
	font-size:14px;
	color:#41505c;
	border:3px solid #FFFFFF;
}
.subscribe2 input{
	width:123px;
	float:left;
	margin:180px 6px 0 12px;
	font-weight:bold;
	font-size:14px;
	color:#41505c;
	border:3px solid #FFFFFF;
}
.subscribe button{
width:56px;
height:21px;
float:left;
margin:45px 0 0 0;
border:0px;
background:none;
cursor:pointer;
cursor:hand;
}
.subscribe a{
display:block;
text-decoration:underline;
color:#313e4b;
font-weight:bold;
margin:9px 0 0 12px;
float:left;
display:inline
}
.subscribe a:visited{text-decoration:underline}
.subscribe a:hover{text-decoration:none}
#learning{
	width:982px;
	background-image:url(../img/bottom_dA.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding:4px 0;
	float:left;
	font-family:メイリオ,Tahoma;
	font-size:14px;
	color:#b0b0b0
}
#learning img{
float:left
}
#learning p{
	display:block;
	width:950px;
	float:left
}
#learning ul{
width:290px;
float:left;
padding:7px 0;
}
#learning li{
width:137px;
color:#598dc6;
font-weight:bold;
list-style-type:none;
background-image:url(../img/disc.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding:0 0 0 8px;
float:left
}
#learning li a{
color:#598dc6;
text-decoration:underline
}
#learning li a:visited{text-decoration:underline}
#learning li a:hover{text-decoration:none}
#footer{
	background-image:url(../img/end.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#f7f5e9;
	width:968px;
	float:left;
	padding:12px 0 10px 13px;
	font-family:メイリオ,Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222e39
}
#footer div{
	width:960px;
	float:left;
	padding:0 5px
}
#footer a{
color:#222e39;
text-decoration:none;
line-height:25px;
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer strong{
display:block;
padding:0 0 7px 0
}
#footer .centeral-block{
background-image:url(../img/dots.gif);
background-position:top left;
background-repeat:repeat-y;
padding:0 0 0 10px;
width:182px;
}
#footer #mail{
font-size:14px
}
.block3{
	width:160px;
	float:left;
	padding:8px 0 10px 0px;
	margin:0 0 21px 0;
	background-image:url(../imag/dots.gif);
	background-position:center;
	background-repeat:repeat-y
}
.block3 div{
	width:160px;
	float:left
}

.style4 {	color: #0000FF;
	font-weight: bold;
}
.style1 {font-family: Arial, Helvetica, sans-serif, "メイリオ", SimHei, SimSun, "Microsoft YaHei"}
.style5 {color: #666666}
a:link {
	color: #003E7B;
	text-decoration: none;
}
a:visited {
	color: #0080FF;
	text-decoration: none;
}
a:hover {
	color: #0080FF;
	text-decoration: none;
}
a:active {
	color: #003E7B;
	text-decoration: none;
}
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: gray;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}