@charset "utf-8";

@import url(init.css);

/*
	YUI Fonts CSS
		77% = 10px	|	123.1% = 16px	|	167% = 22px	
		85% = 11px	|	131%   = 17px	|	174% = 23px 
		93% = 12px	|	138.5% = 18px	|	182% = 24px 
		100% = 13px	|	146.5% = 19px	|	189% = 25px 
		108% = 14px	|	153.9% = 20px	|	197% = 26px 
		116% = 15px	|	161.6% = 21px	| 
*/

body {
	background: #ffffff url(shared/img/header_bkgnd.jpg) scroll repeat-x center top;
	text-align: center;
}

div#container-footer {
	background: transparent url(shared/img/footer_bkgnd.gif) scroll no-repeat center bottom;
}

a:link {
	color: #006699;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #cc6600;
}

label {
	display: none;
}

table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #dddddd;
	font-size: 93%;
}

th {
	padding: 7px;
	background-color: #d2ece5;
	border: none;
}

td {
	padding: 7px;
	background-color: #eaf2f2;
	border: none;
	line-height: 1.6em;
}

div#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	background: #ffffff url(shared/img/header_bkgnd-gradation.jpg) scroll no-repeat left top;
	padding: 22px 0 0 0;
}

div#header h1 {
	float: left;
	margin: 0;
}

div#header ul#utility {
	margin: 0;
	list-style: none;
	font-size: 70%;
}

div#header ul#utility li {
	float: left;
	position: relative;
	left: 161px;
	margin: 0 0 0 18px;
}

div#header ul#utility li img {
	vertical-align: top;
}

div#header img {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

div#header div.graphic1 {
	position: relative;
	top: 10px;
	float: right;
	margin: 0;
	padding: 0;
}

div#header div.graphic1:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#header div.graphic1 {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#header div.graphic1{height: 1%;}
div#header div.graphic1{display: block;}
/* for IE 5, 6*/

div#header img.photo2 {
	float: left;
	_margin: 0 0 0 -3px;
}

div#header ul#global-nav {
	margin: 0;
	_margin: 0 0 0 -3px;
	list-style: none;
	background-color: #ff0000;
}

div#header ul#global-nav li {
	float: left;
	margin: 0;
	background: transparent url(shared/img/header_global-nav_bkgnd.jpg) scroll repeat-x left top;
}

div#header ul#global-nav li.li-start {
	_margin: 0 0 0 -3px;
}

div#header ul#global-nav li a {
	padding: 0 5px 0 20px;
}

div#header ul#global-nav li.li-start a {
	padding: 0 8px 0 0;
}

div#header img.graphic2 {
	_margin: 0 0 0 -3px;
}

div#header:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#header {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#header{height: 1%;}
div#header{display: block;}
/* for IE 5, 6*/

div#main {
	float: right;
	width: 500px;
}

div#main p#topic-path {
	height: 15px;
	margin: 12px 0 20px 0;
	padding: 0;
	font-size: 70%;
}

div#main h2,
div#main h3,
div#main h4,
div#main h5,
div#main h6 {
	margin: 0 0 0 10px;
	padding: 0;
}

div#main h2 {
	margin: 0 0 1em 0;
}

body.home div#main h2 {
	margin: 47px 0 0 0;
}

div#main div.entry {
	padding: 0 0 2em 10px;
}

div#main div.entry div.entry-title-date {
	_height: 43px;
	min-height: 43px;
	margin: 0 0 1em -10px;
	background: transparent url(shared/img/main_title_bkgnd.jpg) scroll no-repeat left top;
	border-bottom: 1px solid #dedede;
}

div#main div.entry div.entry-title-date h2 {
	margin: 0;
	padding: 9px 0 0 0;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.entry div.entry-title-date p.entry-date {
	color: #3ea345;
	margin: -2px 0 0 0;
	font-size: 70%;
}

div#main div.entry h3 {
	background: transparent url(shared/img/main_title_entry1.gif) scroll no-repeat left center;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
	color: #3ea345;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.entry h4 {
	background: transparent url(shared/img/main_title_entry2.jpg) scroll no-repeat left top;
	height: 34px;
	margin: 1.5em 0 0.25em 0;
	_margin: 1.5em 0 1em 0;
	padding: 10px 0 0 0;
	color: #4964a0;
	font-size: 116%;
	font-weight: bold;
}

div#main div.entry h3+h4 {
	margin: 0 0 0.25em 0;
}

div#main div.entry p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 108%;
	line-height: 1.6em;
}

div#main div.entry img {
	
}

div#main div.entry span.mt-enclosure-image {
	display: block !important;
	/*float: left;*/
	width: inherit;
	/*padding: 3px;*/
	/*border: 1px solid #d2ece5;*/
	font-size: 70%;
	/*text-align: center;*/
	vertical-align: top;
}

div#main div.entry span.mt-enclosure-image img {
	display: block;
	/*margin: 0 auto;*/
}

div#main div.entry span.mt-enclosure-image img.mt-image-none {
	padding: 3px;
	border: 1px solid #d2ece5;
}

div#main div.entry span.mt-enclosure-image img.mt-image-left {
	float: left !important;
	margin-bottom: 20px !important;
	padding: 3px;
	border: 1px solid #d2ece5;
}

div#main div.entry table td p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

div#main div.entry-list {
	padding: 0 0 0 12px;
}

div#main div.entry-list h3 {
	background: transparent url(shared/img/main_title_entry1.gif) scroll no-repeat left center;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	color: #3ea345;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.entry-list p.entry-date {
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size: 93%;
}

div#main div.entry-list ul {
	padding: 0 0 0 16px;
	list-style: disc url(shared/img/main_list-img_entry-list.gif) outside;
}

div#main div.entry-list ul li {
	margin: 0 0 1em 0;
}

div#main div.entry-list ul li h3,
div#main div.entry-list ul li h4 {
	display: inline;
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
	color: #000000;
	vertical-align: middle;
	font-size: 108%;
	font-weight: normal;
}

div#main div.entry-list p.separator {
	width: 488px;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1%;
}

div#main div.archive-list {
	padding: 0 0 0 10px;
}

div#main div.archive-list p {
	margin: 0 0 1em 0;
	font-size: 108%;
}

div#main div.archive-list ul {
	list-style: none;
}

div#main div.archive-list ul li {
	float: left;
	margin: 0;
	padding: 0 9px 0 0;
}

div#main div.archive-list ul li.odd {
	clear: left;
	float: left;
	margin: 0;
	padding: 0 9px 0 0;
}

div#main div.archive-list ul li h3 {
	background: #ffffff url(shared/img/main_sub-category_bkgnd.jpg) scroll no-repeat left top;
	width: 236px;
	height: 26px;
	margin: 0 0 10px 0;
	color: #4f629c;
	font-size: 93%;
	font-weight: bold;
}

div#main div.archive-list ul li h3 a {
	display: block;
	width: 236px;
	height: 100%;
	padding: 6px 0 6px 10px;
	text-decoration: none;
}

div#main div.archive-list ul li h3 a:link,
div#main div.archive-list ul li h3 a:visited,
div#main div.archive-list ul li h3 a:hover {
	color: #4f629c;
}

div#main div.archive-list ul li p {
	width: 225px;
	height: 5em;
	margin: 0 0 0 5px;
	font-size: 93%;
}

div#main div.archive-list ul li p.img {
	height: 100px;
	margin: 0 0 0 5px;
}

div#main div.archive-list-sitemap {
	margin: 2em 0 2em 0;
	padding: 0 0 0 10px;
}

div#main div.archive-list-sitemap ul {
	list-style: none;
}

div#main div.archive-list-sitemap ul li {
	float: left;
	margin: 0 0 1em 0;
	padding: 0 9px 0 0;
}

div#main div.archive-list-sitemap ul li h3 {
	background: #ffffff url(shared/img/main_sub-category_bkgnd.jpg) scroll no-repeat left top;
	width: 236px;
	height: 26px;
	margin: 0 0 10px 0;
	color: #4f629c;
	font-size: 93%;
	font-weight: bold;
}

div#main div.archive-list-sitemap ul li h3 a {
	display: block;
	width: 236px;
	height: 100%;
	padding: 6px 0 6px 10px;
	text-decoration: none;
}

div#main div.archive-list-sitemap ul li h3 a:link,
div#main div.archive-list-sitemap ul li h3 a:visited,
div#main div.archive-list-sitemap ul li h3 a:hover {
	color: #4f629c;
}

div#main div.archive-list-sitemap ul li ul {
	width: 210px;
	margin: 0 0 1em 10px;
	padding: 0 0 0 16px;
	list-style: disc url(shared/img/main_list-img_entry-list.gif) outside;
}

div#main div.archive-list-sitemap ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
}

div#main div.archive-list-sitemap ul li ul li h3 {
	background: none;
	width: 210px;
	height: auto;
	margin: 0 0 0.5em 0;
	font-size: 93%;
	font-weight: normal;
}

div#main div.archive-list-sitemap ul li ul li h3 a {
	display: inline;
	width: auto;
	padding: 0;
	text-decoration: underline;
}

div#main div.archive-list-sitemap ul li ul li h3 a:link {
	color: #006699;
}

div#main div.archive-list-sitemap ul li ul li h3 a:visited {
	color: #666666;
}

div#main div.archive-list-sitemap ul li ul li h3 a:hover {
	color: #cc6600;
}

div#main div.archive-list-sitemap ul li ul li ul {
	width: 194px;
	margin: 0 0 0 0px;
	padding: 0 0 0 16px;
	list-style: disc url(shared/img/main_list-img_entry-list.gif) outside;
}

div#main div.archive-list-sitemap ul li ul li ul li h3 {
	width: 194px;
}

div#main div.history-list {
	padding: 0 0 0 10px;
}

div#main div.history-list h3 {
	background: transparent url(shared/img/main_title_entry1.gif) scroll no-repeat left center;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	color: #3ea345;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.history-list table {
	border-collapse: collapse;
}

div#main div.history-list table td {
	padding: 4px;
	vertical-align: top;
}

div#main div.history-list table th {
	height: 27px;
	padding: 0;
}

div#main div.history-list table th a {
	display: block;
	width: auto;
	padding: 6px 0 6px 4px;
	background: #8aaad2 url(http://cup.viva-mambo.co.jp/katahira-com/shared/img/main_table_bkgnd.jpg) scroll repeat-x left bottom;
	color: #ffffff;
	cursor: pointer;
}

div#main div.history-list table th a:hover {
	background: #8ad19c url(http://cup.viva-mambo.co.jp/katahira-com/shared/img/main_table_bkgnd-hover.jpg) scroll repeat-x left bottom;
}

div#main div.history-list table tr.odd-row td {
	background-color: #eaf2f2;
}

div#main div.history-list table tr.even-row td {
	background-color: #ffffff;
}

div#main div.search-result-list {
	margin: 0 0 2em 0;
	padding: 0 0 0 10px;
}

div#main div.search-result-list h2 {
	min-height: 34px;
	_height: 43px;
	margin: 47px 0 1em -10px;
	padding: 9px 0 0 0;
	background: transparent url(http://cup.viva-mambo.co.jp/katahira-com/shared/img/main_title_bkgnd.jpg) scroll no-repeat left top;
	border-bottom: 1px solid #dedede;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.search-result-list h3 {
	background: transparent url(http://cup.viva-mambo.co.jp/katahira-com/shared/img/main_title_entry1.gif) scroll no-repeat left center;
	margin: 1em 0 1em 0;
	padding: 0 0 0 15px;
	color: #3ea345;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.search-result-list p {
	margin: 0 0 1em 0;
}

div#main div.search-result-list ul {
	padding: 0 0 0 16px;
	list-style: disc url(http://cup.viva-mambo.co.jp/katahira-com/shared/img/main_list-img_entry-list.gif) outside;
}

div#main div.search-result-list ul li {
	margin: 0 0 search-result 0;
}

div#main div.search-result-list ul li h3 {
	display: inline;
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
	color: #000000;
	vertical-align: middle;
	font-size: 108%;
	font-weight: normal;
}

div#main div.search-result-list p.separator {
	width: 488px;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1%;
}

div#main p.end-of-index {
	float: right;
	margin: 15px 0 50px 0;
	padding: 0 15px 0 0;
	background: #ffffff url(shared/img/main_icon-arrow-right.gif) scroll no-repeat right center;
	font-size: 70%;
}

div#main p.end-of-content {
	float: right;
	margin: 15px 0 50px 0;
	padding: 0 15px 0 0;
	background: #ffffff url(shared/img/main_icon-arrow-top.gif) scroll no-repeat right center;
	font-size: 70%;
}

div#sub {
	float: left;
	width: 180px;
}

div#sub h3,
div#sub h4,
div#sub h5,
div#sub h6,
div#sub p {
	margin: 0;
	padding: 0;
}

div#sub form#searchForm {
	height: 20px;
	margin: 7px 0 20px 0;
	_margin: 7px 0 16px 0;
}

div#sub form#searchForm input {
	width: 41px;
	margin: 0;
	font-size: 93%;
}

div#sub form#searchForm input#searchWord {
	width: 120px;
}

div#sub form#searchForm textarea {
	margin: 0;
}

body.home div#sub h3 {
	margin: 0 0 5px 0;
}

body.home div#sub h4,
body.home div#sub p {
	padding: 0 5px 0 5px;
	font-size: 93%;
}

body.home div#sub h4 {
	margin: 0 0 0.5em 0;
}

body.home div#sub p {
	margin: 0 0 1em 0;
}

body.home div#sub hr {
	margin: 0.25em 0 0.25em 0;
	visibility: hidden;
}

div#sub ul.archive-list {
	margin: 0;
	list-style: none outside;
	border-top: 2px solid #4964a0;
}

div#sub ul.archive-list li {
	margin: 0;
	padding: 3px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

div#sub ul.archive-list li a {
	display: block;
	background: #eaf2f2 url(shared/img/sub_sub-category_bkgnd.jpg) scroll no-repeat left top;
	margin: 0;
	padding: 5px 7px 5px 7px;
	color: #000000;
	text-decoration: none;
}

div#sub ul.archive-list li a:link,
div#sub ul.archive-list li a:visited {
	color: #000000;
}

div#sub ul.archive-list li a:hover {
	background: #ffffff url(shared/img/sub_sub-category_bkgnd-hover.jpg) scroll no-repeat left top;
	color: #cc6600;
}

div#sub ul.archive-list li h3 {
	font-size: 93%;
}

div#footer {
	height: 81px;
	/*background: scroll #ffffff url(shared/img/footer_bkgnd.gif) bottom center repeat;*/
}

div#footer address {
	padding: 35px 25px 0 0;
	text-align: right;
	font: normal normal normal 70%/1.5em Verdana;
	color: #4964a0;
}

div#footer p.powered-by {
	padding: 0 25px 0 0;
	text-align: right;
	font: normal normal normal 54%/1.5em Verdana;
	color: #4964a0;
	opacity: 0.5;
}

div#container:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#container {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#container{height: 1%;}
div#container{display: block;}
/* for IE 5, 6*/