/* ===== global ===== */

body {
	margin:0px;
	padding:0px;
	background-color:#e8e1d7;
	text-align:center;
	color:#52220e;
	font-family: Tahoma, Arial, sans-serif;
}

/* ===== container ===== */

div#container {
	width:700px;
	margin-right:auto;
	margin-left:auto;
	background:#fff;
	color:inherit;
	text-align:left;
}

	div#container a {
		color:#4b6aba;
		background-color:inherit;
		text-decoration:underline;
	}
	
	div#container a:hover {
		color:#f15e25;
		background-color:inherit;
		text-decoration:underline;
	}
	
	div#container img {
		border:0;
	}

	/* ===== Header ===== */

	div#header {
		width:700px;
		height:85px;
		margin:0;
		padding:0;
	}

		div#header #logo{
			margin:0;
			padding:0;
			font-size:1px;
			text-indent: -700em;
		}

	/* ===== header-subnavi ===== */
	div#header-subnavi {
		width:700px;
		margin:0;
		padding:0;
		background-color:#c2b49e;
		color:#fff;
	}
	
		div#header-subnavi ul {
			margin:0;
			padding:3px 5px;
		}
				
		div#header-subnavi li {
			display:inline;
			list-style-type:none;
			margin:0;
			padding:0 3px;
			font-size:0.75em;
		}
		
		div#header-subnavi a {
			color:#52220e;
			text-decoration:none;
		}
		
		div#header-subnavi a:hover {
			color:#fff;
			text-decoration:underline;
		}

	
	/* ===== top-movie ===== */
	div#top-movie {
		width:700px;
		/* height:225px; */
		height:130px;
		margin:0;
		padding:0;
		background-color:#CCCCCC;
	}

	/* ===== top-main ===== */

	div#top-main-container {
		width:640px;
		margin:30px;
		padding:0;
		background:inherit;
		color:inherit;
	}

		div#top-main-container #news-container {
			width:380px;
			margin:0 20px 0 0;
			padding:0;
			float:left;
		}
		
			div#top-main-container #news-container .section {
				width:380px;
				margin:0 0 15px 0;
				padding:0 0 10px 0;
				border-bottom:dashed 1px #52220e;
			}
			
			div#top-main-container #news-container .section h1 {
				margin:0 0 5px 0;;
				padding:0;
				height:14px;
				font-size:0.75em;
				text-indent: -700em;
			}
			
				div#top-main-container #news-container h1#whatsnew-title {
					background:url("/images/title_whatsnew.gif") no-repeat top left;
				}
				
				div#top-main-container #news-container h1#pickup-title {
					background:url("/images/title_pickup.gif") no-repeat top left;
				}
			
			div#top-main-container #news-container td {
				padding:2px 10px;
				font-size:0.75em;
			}
			
			/* div#top-main-container #news-container .section .pickup-text {
				margin:0;
				padding:0;
				width:220px;
				float:left;
			} */
			
				div#top-main-container #news-container .section h2 {
					margin:0 0 3px 0;
					padding:0;
					font-size:0.75em;
					line-height:1.4em;
					font-weight:bold;
				}
				
				div#top-main-container #news-container .section  p {
					margin:0 0 3px 0;
					padding:0;
					font-size:0.75em;
					line-height:1.4em;
				}
			
			/* div#top-main-container #news-container .section .pickup-image {
				margin:0;
				padding:0;
				width:160px;
				text-align:right;
				float:right;
			} */
			
			div#top-main-container #news-container .section .pickup-link {
				clear:both;
				margin:10px 0 0 0;
				padding:0 15px 0 0;
				text-align:right;
				background:url("/images/arrow_square.gif") no-repeat center right;
			}
			
				div#top-main-container #news-container .section .pickup-link p {
					font-size:0.75em;
				}
	

		div#top-main-container #calendar-container {
			width:240px;
			margin:0;
			padding:0;
			float:left;
		}
		
			div#top-main-container #calendar-container .section {
				margin:0;
				padding:10px;
				border:solid 1px #e6dcca;
			}
			
				div#top-main-container #calendar-container .section h1 {
					margin:0 0 10px 0;
					padding:5px;
					background-color:#394668;
					font-size:0.75em;
					color:#fff;
				}
				
				div#top-main-container #calendar-container .section p {
					margin:0 0 5px 0;
					padding:0;
					font-size:0.75em;
					line-height:1.4em;
				}
				
				div#top-main-container #calendar-container .section p.calendar-link {
					margin:0;
					padding:0 15px 0 0;
					text-align:right;
					background:url("/images/arrow_square.gif") no-repeat center right;
				}

	
	/* ===== main-container ===== */		
	
	div#main-container {
		width:640px;
		margin:20px 30px 30px 30px;
		padding:0;
		background:inherit;
		color:inherit;
	}
	
	div#main-container h1 {
		margin:0 0 20px 0;
		padding:0;
		height:37px;
		font-size:1em;
		text-indent: -700em;
	}
		
		div#main-container h1#guide-title {
			background:url("/guide/images/title_guide.gif") no-repeat top left;
		}
		
		div#main-container h1#software-title {
			background:url("/software/images/title_software.gif") no-repeat top left;
		}
		
		div#main-container h1#paper-title {
			background:url("/paper/images/title_paper.gif") no-repeat center left;
		}
		
		div#main-container h1#desktop-title {
			background:url("/desktop/images/title_desktop.gif") no-repeat top left;
		}
		
		div#main-container h1#about-title {
			background:url("/about/images/title_about.gif") no-repeat top left;
		}
	
	div#main-container #contents-container {
		width:640px;
		margin:0;
		padding:0;
	}	

		/* ===== software-mongocco! ===== */	
		div#main-container #contents-container h2{
				margin:0 0 10px 0;
				padding:3px 5px;
				font-size:0.9em;
				color:#fff;
				background-color:#394668;
			}
			
		div#main-container #contents-navi h2{
			margin-bottom: 5px;
			padding: 0 0 0 5px;
			font-size: 0.8em;
			font-weight: bold;
			border-left: 3px solid #394668;
			color: #394668;
			background: none;
		}

		div#main-container #contents-container .summary p{
				margin:0 0 10px 0;
				padding:0;
				font-size:0.75em;
			}
		
		div#main-container #contents-container .section {
			width:640px;
			margin:0;
			padding:0;
		}

			div#main-container #contents-container .section h3 {
					margin:0 0 10px 0;
					padding:0 0 0 20px;
					background:url("/images/icon_mongocco.gif") no-repeat top left;
					font-size:0.9em;
					font-weight:bold;
			}
			
			div#main-container #contents-container .section p {
				margin:0 0 10px 10px;
				padding:0;
				font-size:0.75em;
				line-height:1.4em;
			}
			
				div#main-container #contents-container .section p.contents-footer-right {
					padding-top:10px;
					text-align:right;
				}
	
			div#main-container #contents-container .section li {
				margin:0 0 2px 0;
				padding:0;
				font-size:0.75em;
				line-height:1.4em;
			}
					
			div#main-container #contents-container .section .mongocco-text {
				margin:0 20px 0 0;
				padding:0;
				width:320px;
				float:left;
			}
		
			div#main-container #contents-container .section .mongocco-image {
				margin:0;
				padding:0;
				width:300px;
				float:right;
			}
				div#main-container #contents-container .section .mongocco-image p {
					margin:0 0 10px 0;
					padding:0;
				}
		
			div#main-container #contents-container .section .clear {
				clear:both;
				height:1px;
				font-size:1px;
			}
		/* ============================== */
		
		/* ===== mail-form ===== */	
		div#main-container #contents-container .section #mail-form{
			margin:0;
			padding:0;
			width:640px;
			background:url("/images/mail_bg.gif") no-repeat bottom right;
		}
		
			div#main-container #contents-container .section #mail-form table{
				margin:0 0 10px 10px;
				padding:0;
			}
			
			div#main-container #contents-container .section #mail-form td{
				margin:0;
				padding:3px;
				font-size:0.75em;
				font-weight:bold;
			}
			
			div#main-container #contents-container .section #mail-form .input-size{
				width:300px;
			}
		/* ===================== */
		
	
		/* ===== Guide,Papergoods,Desktop ページ用 ===== */
		div#main-container #contents-container #preloaded-images-guide {
			width: 0px;
			height: 0px;
			display: inline;
			background:url("/guide/images/navi_information.gif");
			background:url("/guide/images/navi_information_on.gif");
			background:url("/guide/images/navi_characters_pi.gif");
			background:url("/guide/images/navi_characters_pi_on.gif") ;
			background:url("/guide/images/navi_characters_shi.gif");
			background:url("/guide/images/navi_characters_shi_on.gif");
			background:url("/guide/images/navi_guidemap.gif");
			background:url("/guide/images/navi_guidemap_on.gif");
		}
		
		div#main-container #contents-container #preloaded-images-paper {
			width: 0px;
			height: 0px;
			display: inline;
			background:url("/paper/images/navi_letterset.gif");
			background:url("/paper/images/navi_letterset_on.gif");
			background:url("/paper/images/navi_memo.gif") ;
			background:url("/paper/images/navi_memo_on.gif") ;
			background:url("/paper/images/navi_calendar.gif") ;
			background:url("/paper/images/navi_calendar_on.gif") ;
			background:url("/paper/images/navi_giftbox.gif");
			background:url("/paper/images/navi_giftbox_on.gif");
			background:url("/paper/images/navi_papertoy.gif");
			background:url("/paper/images/navi_papertoy_on.gif");
		}
		
		div#main-container #contents-container #preloaded-images-desktop {
			width: 0px;
			height: 0px;
			display: inline;
			background:url("/desktop/images/navi_calendar_wallpaper.gif");
			background:url("/desktop/images/navi_calendar_wallpaper_on.gif");
			background:url("/desktop/images/navi_wallpaper.gif");
			background:url("/desktop/images/navi_wallpaper_on.gif");
			background:url("/desktop/images/navi_screensaver.gif");
			background:url("/desktop/images/navi_screensaver_on.gif");
		}
			
		div#main-container #contents-container #contents-navi{
			width:130px;
			margin:0 30px 0 0;
			padding:0;
			float:left;
		}
		
			div#main-container #contents-container #contents-navi ul{
				display: block;
				margin:0 0 20px 0;
				padding:0;
			}
			
			div#main-container #contents-container #contents-navi li{
				display: block;
				margin:0;
				padding:0;
				height:33px;
				list-style:none;
				font-size:0.8em;
				text-indent: -700em;
			}
			
			div#main-container #contents-container #contents-navi li a {
				display: block;
				margin:0;
				padding:0;
				height:33px;
				overflow: hidden;
				text-decoration:none;
			}
			
				/* ===== Guide Navi ===== */
				div#main-container #contents-container #contents-navi li#navi-information a{
					background:url("/guide/images/navi_information.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-information a:hover{
					background:url("/guide/images/navi_information_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-characters-pi a{
					background:url("/guide/images/navi_characters_pi.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-characters-pi a:hover{
					background:url("/guide/images/navi_characters_pi_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-characters-shi a{
					background:url("/guide/images/navi_characters_shi.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-characters-shi a:hover{
					background:url("/guide/images/navi_characters_shi_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-guidemap a{
					background:url("/guide/images/navi_guidemap.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-guidemap a:hover{
					background:url("/guide/images/navi_guidemap_on.gif") no-repeat top left;
				}
				
				/* ===== Paper Goods Navi ===== */
				div#main-container #contents-container #contents-navi li#navi-letterset a{
					background:url("/paper/images/navi_letterset.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-letterset a:hover{
					background:url("/paper/images/navi_letterset_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-memo a{
					background:url("/paper/images/navi_memo.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-memo a:hover{
					background:url("/paper/images/navi_memo_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-calendar a{
					background:url("/paper/images/navi_calendar.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-calendar a:hover{
					background:url("/paper/images/navi_calendar_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-giftbox a{
					background:url("/paper/images/navi_giftbox.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-giftbox a:hover{
					background:url("/paper/images/navi_giftbox_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-papertoy a{
					background:url("/paper/images/navi_papertoy.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-papertoy a:hover{
					background:url("/paper/images/navi_papertoy_on.gif") no-repeat top left;
				}
				
				/* ===== Desktop Goods Navi ===== */
				div#main-container #contents-container #contents-navi li#navi-calendar-wallpaper a{
					background:url("/desktop/images/navi_calendar_wallpaper.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-calendar-wallpaper a:hover{
					background:url("/desktop/images/navi_calendar_wallpaper_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-wallpaper a{
					background:url("/desktop/images/navi_wallpaper.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-wallpaper a:hover{
					background:url("/desktop/images/navi_wallpaper_on.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-screensaver a{
					background:url("/desktop/images/navi_screensaver.gif") no-repeat top left;
				}
				
				div#main-container #contents-container #contents-navi li#navi-screensaver a:hover{
					background:url("/desktop/images/navi_screensaver_on.gif") no-repeat top left;
				}
			
			div#main-container #contents-container #contents-navi .navi-free{
			margin:20px 0 20px 0;
			padding:0;
			}
		
		div#main-container #contents-container #contents{
		width:480px;
		margin:0;
		padding:0;
		float:left;
		}
		
			div#main-container #contents-container #contents h2 {
				margin:0 0 11px 0;
				padding:3px 5px;
				font-size:0.8em;
				color:#fff;
				text-align:right;
				background-color:#394668;
			}
			
			div#main-container #contents-container #contents .summary {
				margin:0 0 15px 0;
				padding:0;
			}
			
				div#main-container #contents-container #contents .summary p {
					margin:0;
					padding:0;
					font-size:0.75em;
					line-height:1.4em;
				}
				
				div#main-container #contents-container #contents .summary ul {
					margin:0;
				}
				
				div#main-container #contents-container #contents .summary li {
					margin:0;
					padding:0;
					font-size:0.75em;
					line-height:1.4em;
				}
			
			div#main-container #contents-container #contents .section {
				width:480px;
				margin:0 0 15px 0;
				padding:0 0 15px 0;
				border-bottom:dashed 1px #ac997b;
			}
			
				div#main-container #contents-container #contents .section h3 {
					margin:0 0 10px 0;
					padding:0 0 0 20px;
					background:url("/images/icon_mongocco.gif") no-repeat top left;
					font-size:0.9em;
					font-weight:bold;
				}
			
					/* ===== #Contents Guide -INFORMATION- ===== */
					div#main-container #contents-container #contents .section #section-history {
						width:480px;
						margin:0;
						padding:0;
					}
					
						div#main-container #contents-container #contents .section #section-history #history-text {
							width:300px;
							margin:0;
							padding:0;
							float:left;
						}
						
						div#main-container #contents-container #contents .section #section-history #history-image {
							width:180px;
							margin:20px 0 0 0;
							padding:0;
							float:right;
						}
					
					div#main-container #contents-container #contents .section #section-outline {
						width:480px;
						margin:0;
						padding:0;
					}
					
						div#main-container #contents-container #contents .section #section-outline #outline-text {
							width:270px;
							margin:0;
							padding:0;
							float:right;
						}
						
						div#main-container #contents-container #contents .section #section-outline #outline-image {
							width:210px;
							margin:20px 0 0 0;
							padding:0;
							float:right;
						}
					/* ========================== */
					
					/* ===== #Contents Guide -CHARACTERS- ===== */
					div#main-container #contents-container #contents .section #section-characters {
						width:480px;
						margin:0;
						padding:0;
					}
					
						div#main-container #contents-container #contents .section #section-characters .section-image {
							width:110px;
							margin:0;
							padding:0;
							float:left;
						}
						
						div#main-container #contents-container #contents .section #section-characters .section-text {
							width:360px;
							margin:0 0 0 10px;
							padding:0;
							float:right;
						}
						
							div#main-container #contents-container #contents .section #section-characters .section-text h3 {
								margin:0 0 5px 0;
								padding:0;
								font-size:0.9em;
								font-weight:bold;
								background:none;
							}
							
							div#main-container #contents-container #contents .section #section-characters .section-text p {
								margin:0;
								padding:0;
								font-size:0.75em;
								line-height:1.4em;
							}
						
					/* ========================== */
						
				
					/* ===== #Contents PaperGoods -LETTERSET,MEMO,GIFTBOX- ===== */
					div#main-container #contents-container #contents .section .section-title {
						width:480px;
						margin:10px 0 0 0;
						padding:0;
						font-weight:bold;
					}
						
						div#main-container #contents-container #contents .section .section-title .items-left {
							width:230px;
							margin:0 10px 0 0;
							padding:0;
							float:left;
						}
						
						div#main-container #contents-container #contents .section .section-title .items-right {
							width:230px;
							margin:0 0 0 10px;
							padding:0;
							float:right;
						}
					
					div#main-container #contents-container #contents .section .section-items {
						width:480px;
						margin:0;
						padding:0;
					}
					
						div#main-container #contents-container #contents .section .section-items .items-left {
							width:230px;
							margin:0 10px 0 0;
							padding:0;
							float:left;
						}
						
						div#main-container #contents-container #contents .section .section-items .items-right {
							width:230px;
							margin:0 0 0 10px;
							padding:0;
							float:right;
						}
					/* ========================== */
					
					
					div#main-container #contents-container #contents .section .clear {
						clear:both;
						height:1px;
						font-size:1px;
					}
				
				div#main-container #contents-container #contents .section p {
					margin:0;
					padding:0;
					font-size:0.75em;
					line-height:1.4em;
				}
				
				div#main-container #contents-container #contents .section p.download {
					margin-top:5px;
					padding-right:22px;
					font-size: 10px;
				}
				
				div#main-container #contents-container #contents .section ol {
					margin-top:0;
					margin-bottom:0;
				}
				
				div#main-container #contents-container #contents .section li {
					margin:0;
					padding:2px 0;
					font-size:0.75em;
					line-height:1.4em;
				}
			
			div#main-container #contents-container #contents p.cresit {
				text-align:right;
				font-size:0.75em;
			}
			/* ========== Guide,Papergoods,Desktop ページ用 END ============ */
			

/* ===== footer-navi ===== */
div#footer-navi {
	clear:both;
	width:700px;
	height:40px;
	margin:0;
	padding:0;
	background:#ac997b url("/images/footer_navi_bg.gif") no-repeat top left;
}

	div#footer-navi #footer-navi-container {
	margin:0;
	padding:0 0 0 10px;
	float:left;
	}
	
	div#footer-navi #footer-navi-container p{
	margin:0;
	padding:18px 0 0 0;
	}
	
	div#footer-navi #footer-navi-container a {
	font-size:0.8em;
	color:#52220e;
	text-decoration:none;
	}
	
	div#footer-navi #footer-navi-container a:hover {
	font-size:0.8em;
	color:#fff;
	text-decoration:none;
	}
	
	div#footer-navi #footer-post {
	margin:0;
	padding:0 10px 0 0;
	float:right;
	}

/* ===== footer ===== */
div#footer {
	clear:both;
	width:700px;
	height:40px;
	margin:0;
	padding:0;
	background-color:#cabdab;
	color:inherit;
	text-align:left;
	vertical-align:middle;
}

	div#footer #footer-icegear {
		margin:0;
		padding:10px;
		float:left;
	}

	div#footer #copyright {
		margin:0;
		padding:12px 10px;
		float:right;
	}

		#footer #copyright address {
			font-size:0.7em;
			color:#FFF;
			background-color:inherit;
			font-style:normal;
		}

	div#footer .separator {
		clear:both;
		font-size:0px;
	}