@charset "UTF-8";

*{
margin:0;
padding:0;
}

body{
background:url(../images/bg.jpg) no-repeat center top #000;
text-align:center;
color:#FFF;
font-size:75%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a img{
border:0;
}

h1{
display:inline;
float:left;
}

h2{
margin:15px 0 10px 0;
width:620px;
border-bottom:1px solid #FFF;
font-size:120%;
}

h3{
font-size:100%;
margin:5px 0 10px 0;
}

a{
color:#FFF;
}

a:hover{
color:#FF0000;
}

#wrapper,
#wrapper2{
width:843px;
border:1px #FFF solid;
margin:45px auto;
text-align:left;
}

#wrapper{
background:url(../images/main_bg.jpg) no-repeat center;
}

#wrapper2{
background:#FFF;
}

#header{
width:823px;
padding:0 10px;
height:50px;
background:#000;
}

#header p{
line-height:50px;
color:#FFF;
display:inline;
float:right;
font-size:11px;
}

#content,
#content2{
width:843px;
position:relative;
}

#content2{
text-align:center;
}

#content{
height:523px;
}

.main{
width:640px;
background:#000;
position:absolute;
top:21.5px;
left:101.5px;
}

#slider table{
}

#slider table th,
#slider table td{
vertical-align:top;
border-bottom:2px #000 solid;
}

#slider table th{
width:8em;
padding:.25em;
background:#222;
font-weight:normal;
}

#slider table td{
padding:.25em .25em .25em 1em;
}

#corp{
background:url(../images/corp.jpg) no-repeat;
width:620px;
height:480px;
padding-left:20px;
}

#contact{
background:url(../images/contact.jpg) no-repeat;
width:620px;
height:480px;
padding-left:20px;
}

#license{
width:640px;
height:480px;
background:#FFF;
}

#license h2{
color:#000;
margin-left:20px;
border-color:#000;
}

#policy{
width:640px;
height:480px;
}

#policy h2{
margin-left:20px;
}

#policy p{
margin-left:20px;
margin-bottom:10px;
line-height:1.6;
}

#policy div{
width:600;
margin:10px 20px;
height:300px;
overflow:auto;
}

#footer{
width:823px;
height:25px;
padding:0 10px;
background:#000;
font-size:87.5%;
}

#footnav{
line-height:25px;
float:left;
}

#copyright{
line-height:25px;
float:right;
}

#license-main{
background:#FFF;
color:#000;
width:640px;
margin:0 auto;
text-align:left;
padding-bottom:30px;
}

#license-main h2{
margin:15px 0 10px 0;
width:100%;
border-bottom:1px solid #000;
}

#license-main h3{
border:none;
}

#license-main a{
color:#0000CC;
}

#license-main table tbody{
border:solid 1px #000;
}

#license-main table thead th{
text-align:left;
height:2em;
}

#license-main table tbody th{
text-align:left;
background:#000;
color:#FFF;
width:11em;
padding:1em;
border-bottom:1px solid #FFF;
border-left:1px solid #000;
font-weight:normal;
}

#license-main table tbody td{
padding:1em;
border-color:#000;
border-style:solid;
border-width:0 1px 1px 0;
}

#license-main table tbody th.ttop,
#license-main table tbody td.ttop{
border-top:solid 1px #000;
}

#license-main table tbody th.tbot,
#license-main table tbody td.tbot{
border-bottom:solid 1px #000;
}

#license-main table tbody td.price{
text-align:right;
width:6em;
}

.right-box{
width:300px;
}

.right-box div{
width:290px;
padding:5px;
border:1px solid #CCC;
clear:both;
margin-bottom:5px;
}

.right-box div p,
.right-box div h4{
margin-left:140px;
}

.right-box div h4{
border-bottom:dotted 1px #CCC;
margin-bottom:3px;
}

.right-box img{
}

.txt-c{
text-align:center;
width:100%;
}

.txt-c img{
margin:0 auto;
}

.mb-10{
margin-bottom:10px;
}

.mb-20{
margin-bottom:20px;
}

.mb-40{
margin-bottom:40px;
}

.fl-r{
float:right;
}

.fl-l{
float:left;
}

.cl{
clear:both;
}

hr{
margin:20px 0;
border:none;
height:0px;
}

.serif{
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
line-height:2;
}

.open{
width:300px;
padding:5px;
}

.open img{
float:left;
padding-right:5px;
margin-bottom:10px;
}

.open p{
clear:both;
}

/* Easy Slider */

* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		.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 */
			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; 
			margin: auto;
			width: 640px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 480px;
			clear: both;
			background: #000;
		}
		
		.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: 640px; /* 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;
			position:absolute;
			top:-70px;
			right:-80px;
		}
		
		.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: 11px;
			text-align: center;
			line-height: 50px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 5px;
		}
		
		.stripNav li.tab1 a { background: #000 }
		.stripNav li.tab2 a { background: #000 }
		.stripNav li.tab3 a { background: #000 }
		.stripNav li.tab4 a { background: #000 }
		.stripNav li.tab5 a { background: #000 }
		.stripNav li.tab6 a { background: #000 }
		
		.stripNav li a:hover {
		color:#F00;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #F00;
		}
		
		.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;
			z-index:99;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
			z-index:99;
		}
/* // Easy Slider */

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div {
	display: inline-block;
}