@charset "utf-8";

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

    CSS File Name - layout.css
    Last-updated: 2010-04-08

    +1: #container
    +2: #header
    +3: #mainBody
    +4: #mainContent
    +5: #subContent
    +6: #footer

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


/*--------------------------------------------------
    +1: #container
==================================================*/

div#container {
	text-align: left;
}


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


/*--------------------------------------------------
    +2: #header
==================================================*/

div#header {
	width: 894px;
	margin: 0 auto 3px auto;
	/zoom: 1;
}

div#header:after{
	content: '';
	display: block;
	clear: both;
}

div#header p.logo {
	float: left;
	padding: 40px 40px 7px 10px;
}

div#header ul#guideNav {
	float: right;
	padding: 7px 0 20px 0;
}

div#header ul#guideNav li {
	display: inline;
	margin-left: 10px;
}

div#header ul#guideNav li.sitemap a {
	padding-left: 15px;
	background: url(../images/icon_guideNav_01.gif) 0 2px no-repeat;
}

div#header ul#guideNav li.contact a {
	padding-left: 17px;
	background: url(../images/icon_guideNav_02.gif) 0 4px no-repeat;
}

div#header ul#guideNav li.privacy a {
	padding-left: 13px;
	background: url(../images/icon_guideNav_03.gif) 0 3px no-repeat;
}

div#header p.news {
	float: left;
	padding: 0 15px 4px 0;
}

div#header p.stepNews {
	float: left;
	width: 96px;
	height: 26px;
}

div#header div.news {
	position: relative;
	float: left;
	padding: 0 0 4px 0px;
}

div#header p.newsButton {
	float: left;
	padding: 0 15px 4px 0;
}

div#header dl#fontSize,
div#header dl#fontSize dt,
div#header dl#fontSize dd {
	float: left;
}

div#header dl#fontSize dt {
	margin-right: 5px;
}

div#header dl#fontSize dd {
	margin-right: 2px;
}

div#header dl#fontSize dt img,
div#header dl#fontSize dd img {
	vertical-align: top;
}

div#header dl#fontSize dt img {
	margin-top: 9px;
}

div#header dl#fontSize dd.small img {
	margin-top: 6px;
}

div#header dl#fontSize dd.medium img {
	margin-top: 4px;
}

div#header dl#fontSize dd.large img {
	margin-top: 2px;
}



div#header div.search {
	text-align: right;
	width: 164px;
	float:right;
	padding-top:0px;
}

html[xmlns] div#header div.search {
	padding-top:1px;
}

div#header div.search input {
	vertical-align: middle;
}

div#header div.search input.txt {
	width: 132px;
}




div#header ul#globalNav {
	clear: both;
}

div#header ul#globalNav li {
	float: left;
}


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


/*--------------------------------------------------
    +3: #mainBody
==================================================*/

div#mainBody {
	width: 894px;
	margin: 0 auto;
	/zoom: 1;
}

div#mainBody:after{
	content: '';
	display: block;
	clear: both;
}

div#mainBody p#breadcrumb {
	color: #a2d7d9;
	margin-bottom: 10px;
}

div#mainBody p#breadcrumb a {
	color: #a2d7d9;
}


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


/*--------------------------------------------------
    +4: #mainContent
==================================================*/

div#mainContent {
	display: inline;
	float: left;
	width: 662px;
	padding-bottom: 30px;
}

div#mainContent h1 {
	margin-bottom: 30px;
}

div#mainContent h1.mB000 {
	margin-bottom: 0;
}

div#mainContent h2 {
	margin-bottom: 20px;
	font-weight: bold;
}

div#mainContent h2.mB0 {
	margin-bottom: 0;
}

div#mainContent h2.mB015 {
	margin-bottom: 15px;
}

div#mainContent h2.mB025 {
	margin-bottom: 25px;
}

div#mainContent h2.mB030 {
	margin-bottom: 30px;
}

div#mainContent h2.mB040 {
	margin-bottom: 40px;
}

div#mainContent div.box {
	padding-bottom: 30px;
}

div#mainContent div.box h3 {
	padding: 20px 0 15px 0;
	font-weight: bold;
}

div#mainContent div.box h3.pT0 {
	padding-top: 0;
}

div#mainContent div.box h3.pB005 {
	padding-bottom: 5px;
}

div#mainContent div.box p {
	margin-bottom: 10px;
}

div#mainContent div.box p.mB0 {
	margin-bottom: 0;
}

div#mainContent div.box p.mB005 {
	margin-bottom: 5px;
}

div#mainContent div.box p.mB020 {
	margin-bottom: 20px;
}

div#mainContent div.box p.mB030 {
	margin-bottom: 30px;
}

div#mainContent div.box p.lineH14 {
	margin-bottom: 30px;
	line-height: 1.4;
}

div#mainContent div.box p.imgRight {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

div#mainContent div.box p.imgLeft {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

div#mainContent div.box hr {
	clear: both;
	margin-bottom: 10px;
	border: none;
	border-bottom: 1px solid #d7d7d7;
}


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


/*--------------------------------------------------
    +5: #subContent
==================================================*/

div#subContent {
	display: inline;
	float: right;
	width: 200px;
}

div#subContent dl#localNav {
	padding-bottom: 40px;
}

div#subContent ul#localNav {
	padding-bottom: 25px;
}

div#subContent ul#localNav li {
	margin-bottom: 15px;
}

div#subContent ul#bannerNav li {
	margin-bottom: 20px;
}

div#subContent ul#bannerNav li.nougyouBlog1 {
	margin-bottom: 0;
}

div#subContent ul#bannerNav li.nougyouBlog2 {
	text-align: right;
}

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


/*--------------------------------------------------
    +6: #footer
==================================================*/

div#footer {
	clear: both;
	background-color: #c1e4e6;
	border-top: 8px solid #e3f3f4;
	font-size: 0.83em;
	line-height: 1.5em;
}

div#footer div.inner {
	width: 894px;
	margin: 0 auto;
	/zoom: 1;
}

div#footer div.inner:after{
	content: '';
	display: block;
	clear: both;
}

div#footer div.inner div#footContact {
	display: inline;
	float: left;
	width: 364px;
	padding-bottom: 10px;
	background: url(../images/bg_footContact.gif) right 25px no-repeat;
}

div#footer div.inner div#footContact p.logo {
	padding: 29px 0 25px 0;
}

div#footer div.inner div#footContact p.tel {
	margin-bottom: 15px;
}

div#footer div.inner div#footContact p.mail img {
	margin-bottom: 5px;
}

div#footer div.inner div#footNav {
	display: inline;
	float: right;
	width: 504px;
	padding: 30px 0 10px 26px;
}

div#footer div.inner div#footNav ul {
	display: inline;
	float: left;
	width: 150px;
}

div#footer div.inner div#footNav dl {
	margin: 0 0 15px 150px;
}

div#footer div.inner div#footNav ul li,
div#footer div.inner div#footNav dl dt,
div#footer div.inner div#footNav dl dd {
	margin-bottom: 5px;
}

div#footer div.inner div#footNav ul li a,
div#footer div.inner div#footNav dl dd a {
	padding-left: 8px;
	background: url(../images/icon_arrow_01.gif) 0 4px no-repeat;	
}

div#footer div#copyright {
	clear: both;
	height: 50px;
	background: url(../images/bg_copyright.gif) 0 0 repeat;
	border-bottom: 10px solid #a1d7da;
}

div#footer div#copyright p {
	width: 894px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: right;
}