@charset "utf-8";

/* ---------------------------------------

Title:base.css
Description:Cascading Style Sheets base.css
Author:narita makoto
Days:2013.01.28
Last Days:2013.01.28

------------------------------------------ */

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

  index

    1.Basic Layout Structure
	  1-1.body
	  1-2.#container
	  1-3.#wrapper

	2.Header Layout Structure
	  2-1.#header
	  2-2.#header Logo
	  2-3.#header utility navigation

	3.Global Navigation Structure
	  3-1.#gnav

	4.Local Navigation Structure
	  4-1.#lnav

	5.Topicpath Structure
	  5-1.#topicpath

	6.Main Contents Layout Structure
	  6-1.#main
	  6-2.#content
	  6-3.#sidebar

	7.Footer Layout Structure
	  7-1.#footer
	  7-2.#footer-wrap
	  7-3.#footer-nav
	  7-4.#copy

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


/*========================================
1.Basic Layout
-----------------------------------------
1-1.body
----------------------------------------- */

body {
	color:#454545;
}


/* --------------------------------------
1-2.#container
(The case of 100%)
----------------------------------------- */

#container {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:url("../images/common/bg_container.jpg") repeat-x;
}


/* --------------------------------------
1-3.#wrapper
----------------------------------------- */

#wrapper {
	width:942px;
	margin:0 auto;
	padding:0;
}


/*========================================
2.Header Layout
-----------------------------------------
2-1.#header
----------------------------------------- */

#header {
	float:left;
	width:942px;
	margin:18px 0 19px 0;
	padding:0;
}


/* --------------------------------------
2-2.#header Logo
----------------------------------------- */

#header #logo {
	float:left;
	margin:0 20px 0 0;
}


/* --------------------------------------
2-3.#utility navigation
----------------------------------------- */

#utility {
	float:right;
	margin-top:20px;
}

#utility li {
	display:inline;
	margin-left:10px;
	padding-left:10px;
	border-left:solid 1px #000;
}

#utility li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}


/*========================================
3.Global Navigation Structure
-----------------------------------------
3-1.gnav
----------------------------------------- */

nav#gnav ul {
	clear:both;
	float:left;
	width:942px;
	margin:0 0 30px 0;
	padding:0;
	background:url("../images/common/gnav_btn.jpg") no-repeat;
}

nav#gnav ul li {
	display:table-cell;
	width:188px;
}

nav#gnav ul li.gnav189 {
	width:189px;
}

nav#gnav ul li a {
	display:block;
	line-height:42px;
}

nav#gnav ul li a:hover {
	background-color:transparent;
}

/*nav#gnav ul li a:active {
	background:#ff0000;
	color:#fff;
}*/

nav#gnav ul li a:hover img, 
nav#gnav ul li a.active img {
	visibility:hidden;
}


/*========================================
4.Local Navigation Structure
-----------------------------------------
4-1.lnav
----------------------------------------- */

nav#lnav ul {
	width:;
	margin:0;
	padding:0;
}

nav#lnav ul li {
	line-height:30px;
}

nav#lnav ul li a {
	display:block;
	background:#ccc;
}

nav#lnav ul li a:hover {
	background:#eee;
}


/*========================================
5.Topicpath Structure
-----------------------------------------
5.#topicpath
----------------------------------------- */

ol#topicpath {
	clear:both;
	width:720px;
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
}

ol#topicpath li {
	display:inline;
}

ol#topicpath li a {
	margin-right:10px;
	padding-right:15px;
	background:url("../images/common/glue.gif") no-repeat right center;
}


/*========================================
6.Main Contents Layout Structre
-----------------------------------------
6-1.#main
----------------------------------------- */

#main {
	clear:both;
	float:left;
	width:942px;
	margin:0 0 40px 0;
	padding:0;
}


/* --------------------------------------
6-2.#content
----------------------------------------- */

#content {
	float:left;
	width:720px;
	margin:0;
	padding:0;
}


/* --------------------------------------
6-3.#sidebar
----------------------------------------- */

#sidebar {
	float:right;
	width:192px;
	margin:0;
	padding:0;
}


/*========================================
7.Footer Layout Structure
-----------------------------------------
7-1.#footer
----------------------------------------- */

#footer {
	clear:both;
	float:left;
	width:100%;
	height:178px;
	margin:0;
	padding:10px 0 0 0;
	background:url("../images/common/bg_footer.gif") repeat-x;
}


/* --------------------------------------
7-2.#footer-wrap
----------------------------------------- */

#footer-wrap {
	width:942px;
	margin:0 auto;
	padding:0;
}


/* --------------------------------------
7-3.#footer-nav
----------------------------------------- */

#footer-nav {
	margin:0;
	padding:0;
}

#footer-nav ul {
	clear:both;
	float:left;
	line-height:36px;
}

#footer-nav li {
	display:inline;
	padding-left:15px;
	margin-right:20px;
	background:url("../images/common/arrow.png") no-repeat left;
}


/* --------------------------------------
7-4.#copy
----------------------------------------- */

#copy {
	clear:both;
	line-height:40px;
	text-align:center;
}