@charset "UTF-8";
	
	body {
		background: #000;
		font-family:  Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
		line-height:1.6;
		font-size:100%;
		margin: 0 0 20px 0;
		padding: 0;
		-webkit-user-select: none;
		-webkit-text-size-adjust: none;
		}
		
		/* standard paragraph on body */
		
		a {
			color: #999;
			}
		
		a:hover {
			color: #666;
			}
		
		ul + p {
			color: rgb(76,86,108);
			text-align: center;
			text-shadow: white 0 1px 0;
			margin: 0 10px 17px 0;
			}
	
		img {
			border: 0;
			}
	
		/* headers */
		div#header {
			background: rgb(190,213,230) url(../images/bg_header.png) repeat-x top;
			border-top: 1px solid rgb(205,213,223);
			border-bottom: 1px solid rgb(46,55,68);
			padding: 0;
			margin: 1px 0 0 0;
			height: 132px;
			-webkit-box-sizing: border-box;
			}

				div#header h1 {
					text-align: center;
					overflow: hidden;
					width: 340px;
					padding: 0;
					margin: 0 auto 0 auto;
					}	
	
		/* cach */
		div#cach01 {
	background: rgb(0,0,0) url(../images/bg_cach.png) repeat-x top;
	border-bottom: 1px solid rgb(205,213,223);
	padding: 0;
	margin: 0;
	height: 120px;
	-webkit-box-sizing: border-box;
			}

				div#cach01 h2 {
					text-align: center;
					overflow: hidden;
					width: 320px;
					padding: 8px 0 0 0;
					margin: 0 auto;
					}

				div#cach01 p {
					text-align: center;
					overflow: hidden;
					width: 320px;
					padding: 0;
					margin: 0 auto;
					}		
	
		/* cach */
		div#cach01_en {
			border-bottom: 1px solid rgb(205,213,223);
			padding: 0;
			margin: 0;
			-webkit-box-sizing: border-box;
			}

				div#cach01_en p {
					text-align: center;
					overflow: hidden;
					width: 320px;
					padding: 0;
					margin: 0 auto;
					color: #FFF;
					}

				div#cach01_en p img {
					float: right;
					}		
	
		/* attention */
		div#attention01 {
			background:url(images/stripes.png) #CCC;
			padding:20px 0;
			}	
				
				div#attention01 select,
				div#attention01 input {
					font-size: 100%;
					}
				
				div#attention01 input {
					width:125px; 
					display:block; 
					margin:0.7em auto 0 auto; 
					text-align:center;
					}		
	
		/* contents */
		div#contents01,
		div#contents02,
		div#contents03,
		div#contents04 {
			background: rgb(0,0,0) url(../images/bg_subtitle.png) repeat-x top;
			border-top: 1px solid rgb(205,213,223);
			padding: 0;
			margin: 0;
			-webkit-box-sizing: border-box;
			}

				div#contents01 h2,
				div#contents02 h2,
				div#contents03 h2,
				div#contents04 h2 {
					overflow: hidden;
					width: 320px;
					height: 40px;
					padding: 0 32px;
					margin: 3px auto 0 auto;
					}		

				div#contents01 p,
				div#contents02 p,
				div#contents03 p,
				div#contents04 p {
					width: 320px;
					text-align: center;
					font-size: 100%;
					line-height: 1.6;
					font-weight: normal;
					color: #FFF;
					margin: 15px auto;
					}		
	
	
	
	
			/* jaxa */		
					
		div#contents01jaxa {
	text-align: center;		
		}
		
		div#contents01jaxa a {
	color: #0099FF;
			}
		
		div#contents01jaxa a:hover {
	color: #00CCFF;
			}
				
				
				
					
	
		/* footer */
		div#footer {
			font-size:80%;
			width:320px; 
			text-align:center; 
			margin:20px auto 0 auto;
			color: #CCC;
			}		
		
		/***** List (base) ******/
		
		ul {
			color: black;
			background: #fff;
			border: 1px solid #B4B4B4;
			padding: 0;	   
			margin: 15px 10px 17px 0;
			width: 320px;
			text-align: center;
			margin: 0 auto;
			-webkit-border-radius: 8px;
			}
		
		
			ul li {
				color: #666;
				list-style-type: none;	
				padding: 10px 10px 10px 10px;
				}
									
				
				/* universal links on list */
				
				ul li a {
					color: #000;
					text-decoration: none;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					display: block;
					padding: 12px 10px 12px 10px;
					margin: -10px;
					-webkit-tap-highlight-color:rgba(0,0,0,0);
				}
						
							
					/**** INFORMATION FIELDS ****/
						ul.data li p {
							text-align: left;
							font-size: 100%;
							line-height: 1.6;
							font-weight: normal;
							margin: 0;
							padding: 0;
							}

							ul.data li {
								background: none;
								padding: 15px 10px;
								color: #222;
							}

							ul.data li a {
								display: inline;
								color: #2E3744;
								text-decoration: underline;
							}
							
		
				/* thumb */
		
					ul.thumb {
						border: 0;
						background: #000;
						width: 290px;
						padding: 0;
						margin: 0 auto;
					}
			
						ul.thumb li {
							background: #000;
							color: #FFF;
							font-size: 100%;
							line-height: 1.6;
							text-align: center;
							width: 135px;
							float:left;
							display: block;
							padding: 0 0 10px 0;
							margin: 0 5px;
							}

							ul.thumb li span.cap {
								word-break: break-all;
								height:2em;
								display:block;
								vertical-align: baseline;
								}
				
							ul.thumb li a {
								color: #FFF;
								padding: 0;
								margin: 0;
								}
					
								ul.thumb li a:hover {
									color: #999;
									}
									
								
								
								
					/* thumb2 */
		
					ul.thumb2 {
						border: 0;
						background: #000;
						width: 135px;
						padding: 0;
						margin: 0 auto;
					}
			
						ul.thumb2 li {
							background: #000;
							color: #FFF;
							font-size: 100%;
							line-height: 1.6;
							text-align: center;
							width: 135px;
							float:left;
							display: block;
							padding: 0 0 10px 0;
							margin: 0 5px;
							}

							ul.thumb2 li span.cap {
								word-break: break-all;
								height:2em;
								display:block;
								vertical-align: baseline;
								}
				
							ul.thumb2 li a {
								color: #FFF;
								padding: 0;
								margin: 0;
								}
					
								ul.thumb2 li a:hover {
									color: #999;
									}