/***

 ***/

/* colors
  dark blue: #323c77
  light blue: #3ea0cd
  tan: #71625B
  orange: #F15A25
  dark bronw: #534842
  pinkish tan: #dccfd6
  brown: #623714
  light grey brown: #a39183

/* globals */
body {
	width:100%;
	margin:0;
	/*font-size:9pt;*/
	/*line-height:140%;*/
	font-family: sans-serif ;
	text-align:left;
	word-break:break-all;
}

html{
	background-size: cover ;	
}

/* for main logo link*/
img{
	border-style: none ;	
}

a:focus {
	outline: none
}

a:link, a:visited {
	color: #71625B ;
	text-decoration: none
}

/* blocks */
/* blocks */

#site_menu {
	width: 200px ;
	height: 100% ;
	float: left ;
	padding : 22px 0 0 22px ;
	background-color: 
}


#main_content_area {
	margin-left: 222px;
	padding: 17px 0 0 0px;
	position: relative ;
	height: auto ;
	background-color:  
}

.MainContent {
	padding: 0 20px 20px 20px ;
	/*padding: 0 ;*/
	height: 720px ;
	font-size: 10pt ;
	color: #71625B ;
	background-color: 
}

.MainContent p {
	margin: 0 ;
	padding: 0
}

.MainContent h1 {
	margin: 0 ;
	padding: 0  ;
	background-color: 
}

.MainContent h2 {
	margin: 0 ;
	padding: 0 ;
	background-color: 
}

.MainContent h3 {
	margin-top: 1em;
	padding: 0.2em 0 0.2em 1em ;
	margin-bottom: 0;
	background-color: #71625B ;
	color: white ;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.MainContent hr {
	
	size: 1px ;
	padding: 0 ;
	margin: 1px
}

.MainContent dt {
	color: #623714 ;
	margin: 0em 0 0.3em 0;
	font-weight: bold
}

.MainContent dd {
	color: black ;
	margin-left: 0em
}


.Nav {
	padding: 0 ;
	margin: 0;
	position: relative ;
	font-size: 10pt ;
}

.Nav a:first-child, .Prev {
	float: left ;
}

.Nav a:last-child, .Next {
	position: absolute ;
	right: 0 ;
}

.BulletItems {
	font-size: 14pt ;
	line-height: 140% ;
	margin-bottom: 0.6em
}

.BulletItems strong {
	color: #169CD8
}

.BulletItems a:hover {
	text-decoration: underline
}

dl.YougoList > div, div.ChishikiList > div {
	padding: 0.7em ;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	background-color: #CAE2F3 ;
	font-size: 9.5pt;
	color: black ;
	margin-bottom: 1em ;
	letter-spacing: -0.0em ;
	line-height: 1.1em
}

div.ChishikiList h1 {
	margin: 0 ;
	font-size: 10pt;
	color: #169CD8 ;
	padding : 0 ;
	background-color: 
}


.SitePreview {
	width: 261px ;
	/*overflow: auto ;*/
	/*height: 36em ;*/
	color: #544741 ;
	/*background-color: red ;*/
	float: left ;
	margin: 0 ;
	padding-left: 70px ;
	/*padding: 5%*/
	font-size: 10pt ;
	font-family: serif
}

.SitePreview h3 {
	color: white ;
	background-color: #544741 ;
	font-family: serif ;
	text-align: center ;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	font-size: 9pt ;
	padding: 0.3em ;
	margin-bottom: 4px 
	
}


.SitePreview img {
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px ;
	display: block ;
	margin-left:auto ; margin-right: auto ;
	padding-top: 5px ;
	background-color:
}

.SitePreview a {
	margin-left: 18% ;
}


div.MenuList {
	padding: 0 ;
	margin: 0 ;
}


div.MenuList a {
	width:198px;
	height:32px; 	
	display: block;

	text-align:center ;
	color: #604d3f ;
	font-size: 11pt ;
	font-family: sans-serif ;
	letter-spacing: 0.2em ;
	
	border: solid thin #a39183 ;	
	padding-top: 10px ;
	margin: 0 0 3px 0px ;
}

div.MenuList a:hover {
	font-weight: bold
}

div.MenuList a.Selected {
	background-color: #a39183 ;
	color: white ;		
}

div.MenuList a.Selected:hover {
	font-weight: normal
}

div.ImageMenuList > a {
	/*height:169px;*/
	width:198px;

	display:block;

	border: solid thin #a39183 ;
	margin: 0 0 3px 0px ;
	padding: 0 ;
	overflow:hidden ;
}

div.ImageMenuList img:hover {
	float:right
}

dl.QA dt{
	/*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/
	background:-moz-linear-gradient(center bottom, #c6cbe8 0%, #ebeef7 100%) ;
	/*background-color: #169CD8 ;*/
	/*color: white ;*/
	margin-bottom: 0.2em ;
	padding: 14px ;
}

dl.QA dt > span,
dl.QA dd > span {
	font-weight: bold ;
	background-color: blue ;
	border-radius: 50% ;
	margin: 0 10px 0 0; 
	padding: 5px 10px 15px 10px ;
	width:1em ;
	height: 1em ;
	display:block ;
	float:left ;
	color: white
}


dl.QA dt > span {
	background-color: #1d61ac ;
}

dl.QA dd > span {
	background-color: #e58112 ;
}

dl.QA dd {
	/*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/
	/*border: solid 2px #169CD8 ;	*/
	margin: 0 0 1.2em 0em;
	padding: 0.2em 1em 0.2em 14px ;
	/*text-indent: -2em */
}

dl.QA ol {
	margin-left: 0em
}

dl.QA li {
	text-indent: 0em
}

.Tejun > div {
	/*min-height: 185px*/
	margin-bottom: 10px
}

div.Tejun h3 {
	width: 70% ;
	color:white ;
	background-color: blue ;
	padding-left: 10px ;
	background:-moz-linear-gradient(center left, #0175c2 0%, white 100%)
}

div.Tejun img {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	float:right ;
	margin: 0 0 0 0;
}

.TopLink {
	text-align: center;
	margin-top: 20px
}

.TopLink img {
	padding: 0 3px 0 3px
}

.Title {
	margin-bottom: 0 ;
	background-color:
}

.Title h1{
	width: 75% ;
	margin: 0 ;
	padding: 0 ;
	background-color:
}

.TextSizer {
	border: dashed 1px #a39183;
	float: right ;
	padding: 0.2em 1em 0.2em 1em ;
	margin-top: -3em
}

div.ShuruiBlocks > a {
	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	border: solid 2px #a39183 ;
	/*background-color: #a39183	*/
	width: 43% ;
	height: 20em ;
	padding: 7px 13px 13px 13px ;
	margin: 0 0 13px 14px ;
	float: left ;
	font-size: 10pt ;
	color: #a39183 ;
	line-height: 2em ;
}

div.ShuruiBlocks h1, div.ShuruiBlocks h2 {
	text-align: center ;
	color: #534842 ;
	padding-top: 0 ;
	margin-top: 0
}

div.ShuruiBlocks h1 {
	font-size: 13pt ;
	/*color: inherit*/
}

div.ShuruiBlocks h2 {
	font-size: 11pt ;
	/*color: inherit*/
}

div.ShuruiBlocks a:hover {
	background-color: #a39183 ;
	color: white
}


div.ShuruiBlocks a.ShuruiImage:hover {
	background-color: transparent ;
}

.Enclosure {
	/*clear: left ;*/
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	border: solid 2px black ;
	font-size: 9pt ;
	font-family: sans-serif ;
	font-weight: bold ;
	color: black ;
	line-height: 1.2em;
	/*width: 430px ;*/
	padding: 0.4em 0 0.4em 1.2em ;
	margin: 0.5em 0 1em 0 ;
	/*margin: 0 30px 0 70px */
}

div.CenterContent {
	position: relative
}

div.OkangaeMenu {
	font-size:20px
}
div.OkangaeMenu a {
	margin-right: 30px
}

div.OkangaeMenu a:hover {
	text-decoration: underline ;
	font-weight: bold
}