@charset "utf-8";

@import url(base_flat.css);

/* -----------------------------------------------
              for Mobile media
   ----------------------------------------------- */

/* ========== Element Base Style ========== */

body
	{
	padding: 5px;
	}

a:link
	{
	color: #0033cc;
	}

a:visited
	{
	color: #660099;
	}

a:hover,
a:active,
a:focus
	{
	color: #ff0033;
	}

img
	{
	border: none;
	}

h1, h2, h3, h4, h5, h6,
p,
ul, ol, dl,
table, blockquote
	{
	margin-top: 5px;
	}

li
	{
	margin-left: 1em;
	}

ol li
	{
	margin-left: 1.5em;
	}

dt
	{
	margin-top: 3px;
	}

dd
	{
	padding-bottom: 3px;
	}

blockquote
	{
	border: #eaeaea solid 3px;
	padding: 5px 8px;
	}

blockquote:after
	{
	border-top: #b2b2b2 dotted 1px;
	content: "「" attr(title) "」より引用";
	display: block;
	font-size: 85.71%;
	margin-top: 5px;
	padding-top: 5px;
	}

table,
table th,
table td
	{
	border-style: solid;
	}

table
	{
	border-color: #999999;
	border-width: 0 1px 1px 0;
	border-collapse: collapse;
	font-size: 85.71%;
	width: 100%;
	}

table th,
table td
	{
	border-color: #cccccc;
	border-width: 1px 0 0 1px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	}

table thead th
	{
	background: #ced6ee;
	}

table tbody th,
table tfoot th
	{
	background: #ececec;
	}

table thead tr:first-child th,
table thead tr:first-child td,
table tbody tr:first-child th,
table tbody tr:first-child td
	{
	border-top-color: #999999;
	}

table tr th:first-child,
table tr + td
	{
	border-left-color: #999999;
	}

table tfoot tr:first-child th,
table tfoot tr:first-child td
	{
	border-top: #666666 solid 2px;
	}


/* ========== structure ========== */

#header .siteCatch,
#header .contact dt,
#seconderyMenu,
#toc,
.toToc,
.toTop,
.pageInfo .categoryTitle,
.paging .jumpMenu
	{
	display: none;
	}

#document
	{
	border-color: #000000;
	border-style: solid;
	border-width: 5px 0;
	}

#header .contact ul { list-style-type: none; }

#header .contact li.tel:before { content: "Tel : "; }
#header .contact li.mail:before { content: "Mail : "; }

#primaryMenu,
#subContent
	{
	border-top: #000000 solid 3px;
	margin-top: 4px;
	padding-top: 5px;
	}

#primaryMenu ul,
#utilityMenu ul,
.paging ul
	{
	background: #e8e8e8;
	border-color: #999999;
	border-style: solid;
	border-width: 2px 0;
	padding: 5px;
	}

#mainContent,
#subContent
	{
	margin-top: 10px;
	}

#mainContent h1
	{
	color: #ffffff;
	background: #4460a9;
	padding: 3px 5px;
	}

#mainContent h2
	{
	background: #ced6ee;
	border-bottom: #4460a9 solid 2px;
	padding: 2px 5px;
	}

#mainContent h3
	{
	border-bottom: #4460a9 solid 2px;
	padding: 1px 5px;
	}

#mainContent h4
	{
	border-bottom: #ced6ee solid 2px;
	padding: 0px 5px;
	}

#mainContent dd
	{
	border-bottom: #999999 dotted 1px;
	}

#inSiteSearch
	{
	background: #e8e8e8;
	border: #cccccc solid 1px;
	padding: 8px;
	}

#footer
	{
	margin-top: 10px;
	}

#footer address
	{
	border-top: #000000 solid 2px;
	margin-top: 5px;
	padding: 5px 0;
	}

#footer address span
	{
	display: block;
	}


/* ========== component ========== */

#mainContent #important h2,
#mainContent #important h3,
#mainContent #important h4,
#mainContent .notice h2,
#mainContent .notice h3,
#mainContent .notice h4,
#mainContent .relatedInformation h2,
#mainContent .relatedInformation h3,
#mainContent .relatedInformation h4
	{
	background-color: transparent;
	background-image: none;
	border: none;
	padding: 0;
	}

/* ----- important ----- */

#important
	{
	border: #e80000 solid 1px;;
	color: #e80000;
	margin-top: 5px;
	padding: 5px;
	}

/* ----- notice ----- */

.notice
	{
	background: #eaeaea;
	border-bottom: #cccccc solid 1px;
	margin-top: 5px;
	padding: 5px;
	}

/* ----- relatedInformation ----- */

.relatedInformation
	{
	border: #cccccc solid 1px;
	margin-top: 5px;
	padding: 5px;
	}