@charset "UTF-8";

/*========================================================================

siteName	: www.mintetsu.or.jp
fileName	: /common/css/structure.css
description	: Contents structure CSS.
date		: 2010.03.01
update	: 2010.03.01

	---------------------LIST---------------------
	 01: BaseStyle
	 02: Header
	 		 02-1: Glovalnavigation
			 02-2: FlashArea
	 03: Main
	 		 03-1: TopicPath
	 04: Section
	 05: Side
	 06: Footer
	 		 06-1: FooterMenu
	 		 06-2: FooterSubMenu
	----------------------------------------------

========================================================================*/


/*====================================================
  01: BaseStyle
====================================================*/
body {
	border-top: 2px solid #006699;
	background-color: #f3f3f3;
	text-align: center;
}
#layout {
	text-align: left;
	background-color: #ffffff;
}


/* LinkStyle ---------- */
a {	
	color: #0066cc;
	text-decoration: none;
}
a:hover {	text-decoration: underline;}



/*====================================================
  02: Header
====================================================*/
#header {
	background: url(../img/css_img/structure/header_bg.jpg) #f3f3f3 repeat-x bottom;
	padding: 15px 0 0;
}
#header_inr {
	width: 930px;
	margin: 0 auto;
	zoom:1;
}
#header_inr:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #header_inr {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}


/* SiteCopy ---------- */
p#header_copy {
	color: #333333;
	float: left;
	padding: 5px 0;
	width: 300px;
}

/* SiteSearch ---------- */
#site_search {
	float: right;
	position: relative;
}
#site_search img.sitemap {
	position: absolute;
	top: 0;
	right: 190px;
}
#site_search input.search {
	width: 135px;
	position: absolute;
	top: 0;
	right: 45px;
	border: 1px solid #cccccc;
	height: 18px;
}
#site_search input.search_submit {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000000;
	color: #ffffff;
	height: 19px;
	width: 43px;
}



/* 02-1: GlovalNavigation
 -------------------------------------------------- */
#g_nav {
	clear: both;
	width: 930px;
	height: auto;
}
#g_nav #header_logo {
	float: left;
}
#g_nav ul {
	float: right;
	padding: 18px 0 15px;
}
#g_nav ul li {
	float: left;
}



/* 02-2: FlashArea
 -------------------------------------------------- */
#flashArea {
	clear: both;
	width: 930px;
	height: 425px;
}


/*====================================================
  03: Main
====================================================*/
#main {
	background-color: #ffffff;
}
#main_inr {
	zoom:1;
	width: 930px;
	margin: 0 auto;
}
#main_inr:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #main {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}



/* 03-1: TopicPath
 -------------------------------------------------- */
#topicpath {
	padding: 10px 10px 5px;
}
#topicpath ul li {
	float: left;
	background: url(../img/css_img/structure/icon_topicpath.gif) right no-repeat;
	padding-right: 15px;
}
#topicpath ul li.last {
	background: none;
	padding-right: 0;
}




/*====================================================
  04: Section
====================================================*/
#section {
	float: left;
	width: 675px;
}



/*====================================================
  05: Side
====================================================*/
#aside {
	float: right;
	width: 240px;
}
#aside_inr {
	zoom:1;
}
#aside_inr:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #aside_inr {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}



/*====================================================
  06: footer
====================================================*/
#footer {
	clear: both;
	padding-top: 50px;
}
p#footer_copy {
	width: 930px;
	margin: 0 auto 5px;
	color :#333333;
	text-align: right;
}
#footer_inr {
	background: url(../img/css_img/structure/footer_bg.jpg) #f3f3f3 repeat-x top;
	text-align: center;
	padding: 10px 0 30px;
}

/* 06-1: FooterMenu
 -------------------------------------------------- */
#footer_menu {
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding: 10px 0;
	margin: 0 auto;
	width: 930px;
	zoom:1;
}
#footer_menu:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #footer_menu {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}
#footer_menu ul {
	float: left;
}
#footer_menu ul li {
	float: left;
	border-right: 1px solid #333333;
	padding: 0 1em;
}
#footer_menu ul li.start {
	padding-left: 0;
}
#footer_menu ul li a {
	color: #333333;
}

/* 06-2: FooterSubMenu
 -------------------------------------------------- */
#footer_sub_menu {
	text-align: left;
	padding: 10px 0;
	margin: 0 auto;
	width: 930px;
	zoom:1;
}
#footer_sub_menu:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #footer_sub_menu {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}
#footer_sub_menu ul {
	float: left;
}
#footer_sub_menu ul li {
	float: left;
	border-right: 1px solid #333333;
	padding: 0 1em;
}
#footer_sub_menu ul li.start {
	padding-left: 0;
}
#footer_sub_menu ul li a {
	color: #333333;
}


/* pagetop ---------- */
.pagetop { text-align: right;}

/* copyright ---------- */
#copyright {
	text-align: right;
}