@charset "UTF-8";

/* =========================================================================
 layout.css
 （レイアウトの設定）

　目　次

　1.リセット
　2.body
  3.コンテナ
　4.ヘッダー（テキスト、ロゴ、ヘッダーナビ、イメージ画像、グローバルナビ）
　5.コンテナ（コンテンツ＋サイド）
　6.コンテンツ
　7.サイド
　8.フッター（インフォ、フッターナビ、コピーライト）
========================================================================= */

/* -------------------------------------------------------------------------
 1.リセット
------------------------------------------------------------------------- */
html,body,div,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,hr,
ul,ol,li,
dl,dt,dd,
table,th,td,caption,
form,input,textarea,select,option,optgroup,button,label,fieldset,legend {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

html{
	height:100%;
}

img,a img {
	border:0;
	vertical-align: top;
}

/* -------------------------------------------------------------------------
 2.body
------------------------------------------------------------------------- */
body {
	color: #333;
	font-size: 80%;
	background: #FFF;
	line-height: 115%;
	text-align: center;
}

/* 2-1 フォントの設定
---------------------------------------------------------------------- */
body {
	font-family: Verdana, Arial, sans-serif;
}
h1,h2,h3 {
	font-family: Verdana, Arial, sans-serif;	/* Mac Opera用 */
}

.text_black {
	color: #000;
}

.text_red {
	color: #c00;
}
.text_blue {
	color: #00c;
}
.text_green {
	color: #060;
}

/* 2-2 テキストリンクの設定
---------------------------------------------------------------------- */
a:link {
	color: #006699;
}
a:visited {
	color: #7D7D7D;
}
a:hover,
a:active,
a:focus {
	color:#900;
}


/* 2-3 非表示の設定
---------------------------------------------------------------------- */
hr.hide {
	display: none;
}

/* -------------------------------------------------------------------------
 3.ヘッダー（ロゴ、グローバルナビ）
------------------------------------------------------------------------- */
#header-wrap{
	background: url("../images/base/header_bg.png") bottom repeat-x #FFF;	
	margin: 0 0 10px 0;
	min-height: 151px;
}

#nHeader {
	width: 100%;
	text-align: center;
	width: 951px;
	margin: 0 auto;
}

#nInfo{
	width: 100%;
	margin: 0 0 3px;
	overflow: hidden;
	background: url("../images/base/header.png") left top no-repeat #FFF;
}

div#nHeaderLeft{
	float:left;
	width:421px;
}

div#nHeaderRight{
	float:right;
	width:520px;
}


/* 3-1 「ナビゲーションを飛ばす」
---------------------------------------------------------------------- */
#nHeader p#skipnavi {
	/* CSS適用環境では非表示 */
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

/* 3-2 ヘッダー左
---------------------------------------------------------------------- */
/* ロゴ */
#nHeaderLeft h1 img{
	float: left;
	margin: 3px 0 0 17px;
}

#nHeaderLeft p{
	float: left;
	padding: 0 0 0 80px;
	font-size: 110%;
}

/* 3-3 ヘッダー右
---------------------------------------------------------------------- */
#nHeaderRight #header-right-top{
	clear: both;
	text-align: right;
	margin: 0;
}

#nHeaderRight #header-right-bottom{
	clear: both;
	text-align: right;
}

p#facebook {
	padding: 14px 17px 0 0;
	float: right;
}

p#lang{
	padding: 19px 17px 0 0;
	float: right;
}

#todaiLogo {
	float: right;
}

#nHeaderRight #header-right-bottom #fontsize-search {
	background: url("../images/base/search_font_bg.png") no-repeat scroll right top transparent;
	padding: 8px 8px 9px 13px;
	clear: both;
	display: block;
	float: right;
}

* html #nHeaderRight #header-right-bottom #fontsize-search{
	padding: 8px 3px 9px 13px;
}

div#nFsc{
	float:left;
	margin-right:15px;
	display: block;
}

#nFsc .fontsize{
	margin:0 6px 0 3px;
	padding: 0;
	float: left;
}

#nFsc ul{
	float: left;
	padding: 0;
}

#nFsc ul li{
	list-style: none;
	float: left;
	margin: 0;
	height: 24px;
}

#nFsc ul li#nomal img{
	margin: 0 3px;
}

div#nGoogleSearch{
	float:left;
	padding:0;
	display: block;
	background: url("../images/base/searchbox.png") no-repeat;
}
div#nGoogleSearch form{
	margin:0;
	padding:0;
}
div#nGoogleSearch input{
	height:24px;
	width:178px;
	margin:0 7px 0 22px;
/*	padding:0 0 0 22px; */
	float:left;
	border-style: none;
	background: none;
}

div#nGoogleSearch input.Btn{
	height:24px;
	width:49px;
	margin:0;
	padding:0;
	border-style: none;
	background: none;
}

/* 3-4 グローバルナビ
---------------------------------------------------------------------- */
div#gmenu-wrap{
	clear:both;
	width:951px;
	margin-bottom:8px;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

div#gmenu-wrap ul#nGmenu {
	padding: 0;
	margin: 0;
}

ul#nGmenu li{
	float: left;
	display: block;
	list-style: none;
}

ul#nGmenu li img{
	display:block;
	margin:0;
	padding:0;
}



/* -------------------------------------------------------------------------
 4.イメージ画像
------------------------------------------------------------------------- */
#content p.top-img {
	width: 100%;
	clear: both;
	margin: 0 0 5px 0;
	text-align: left;
}

#content p.top-img img{
	margin: 0 0 5px 5px;
}
/* -------------------------------------------------------------------------
5.コンテナ（コンテンツ＋サイド）
------------------------------------------------------------------------- */
div#nContainer{
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	text-align: center;
}

div#nMain{
	clear:both;
	width:951px;
	overflow:hidden;
	margin: 0 auto;
	padding: 0;
}
/* 5-1 「ページトップへ」 (Back To Top)
---------------------------------------------------------------------- */
#content p.btt {
	clear: both;
	text-align: right;
	width: 100%;
	margin: 10px 0 0 0;
}


/* -------------------------------------------------------------------------
 6.コンテンツ
------------------------------------------------------------------------- */
/* コンテンツ内の項目は別ファイルcontent.cssで設定 */

#nMain div#content{
	overflow:hidden;
	height:100%;
	float:left;
	background-color:#fff;
	width: 758px;
	margin: 0 13px 0 0;
}

div#nContent{
	margin-top:10px;
	height:100%;
	overflow:hidden;
	background-color:#fff;
	width: 758px;
}

div#nMainImage{
	padding-left:8px;
}

.centerContentAll{
	height:100%;
	width:951px;
	margin-bottom:20px;
	margin: 0 auto;
	text-align: left;
}

#content{
	float:right;
	width: 700px;
	text-align: left;
}


/* -------------------------------------------------------------------------
 7.サイド
------------------------------------------------------------------------- */
div#leftContents{
	font-size:110%;
	line-height:150%;
	position:relative;
	width:240px;
	float:left;
	padding:0 0 10px 0;
	text-align: left;
}

#side{
	min-height:100%;
	padding-bottom:5px;
	margin: -3px 0 10px 0;
	background:url("../images/base/content-bg.gif") repeat-y;
	text-align: left;
}

#side p {
	margin: 0 0 10px;
	text-align: center;
}

/* 6-1 サイドナビ
---------------------------------------------------------------------- */
#side ul#sidenavi li a:link {
	color: #333;
	text-decoration: none;
}
#side ul#sidenavi li a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#side ul#sidenavi li a:hover,
#side ul#sidenavi li a:active,
#side ul#sidenavi li a:focus,
#side ul#sidenavi li a.stay {
	color: #333;
	text-decoration: none;
}

/* 第１階層 */
#side ul#sidenavi {
	font-size: 105%;
	width: 190px;
	margin: 5px 0 15px 30px;
	overflow: hidden;
}
#side ul#sidenavi li {
	width: 182px;
	float: left;
	list-style: none;
	padding: 0 0 0 5px;
}
#side ul#sidenavi li a{
	display: block;
	padding: 8px 2px 10px 13px;
	background: url("../images/base/side_li.gif") no-repeat left center;
	border-bottom: 2px solid #BBB;
}

#side ul#sidenavi li a:hover,
#side ul#sidenavi li a:active,
#side ul#sidenavi li a:focus,
#side ul#sidenavi li a.stay{
	border-bottom: 2px solid #00316C;
}


/* 第２階層 */
#side ul#sidenavi ul {
	font-size: 90%;
	width: 182px;
	padding: 4px 0 8px;
	overflow: hidden;
	display: block;
}
#side ul#sidenavi ul li {
	width: 175px;
	padding: 0 0 0 3px;
}
#side ul#sidenavi ul li a {
	padding: 6px 2px 6px 17px;
	border-bottom: 1px solid #BBB;
	background: url("../images/base/side_li_li.gif") no-repeat left center;
}
#side ul#sidenavi ul li a:hover,
#side ul#sidenavi ul li a:active,
#side ul#sidenavi ul li a:focus,
#side ul#sidenavi ul li a.stay{
	border-bottom: 1px solid #00316C;
	background: url("../images/base/side_li_li_a.gif") no-repeat left center;
}

/* 第３階層 */
#side ul#sidenavi ul ul {
	font-size: 100%;
	width: 173px;
	padding: 0 0 5px 2px;
	overflow: hidden;
}
#side ul#sidenavi ul ul li {
	width: 168px;
}
#side ul#sidenavi ul ul li a {
	padding: 8px 2px 6px 13px;
	border-bottom: 1px dotted #BBB;
	background: url("../images/base/side_li_li_li.gif") no-repeat left center;
}
#side ul#sidenavi ul ul li a:hover,
#side ul#sidenavi ul ul li a:active,
#side ul#sidenavi ul ul li a:focus,
#side ul#sidenavi ul ul li a.stay {
	border-bottom: 1px solid #00316C;
	background: url("../images/base/side_li_li_li_a.gif") no-repeat left center;
}

#side ul#sidenavi ul ul ul{
	padding: 1px 0 1px 10px;
}

/* 6-2 サイドナビ一覧
---------------------------------------------------------------------- */
#side-more{
	border: 1px solid #AAA;
	background: #FFF;
	width: 223px;
	text-align: left;
}

#side-more ul{
	margin: 0 0 8px 10px;
	width: 213px;
}

#side-more ul li{
	width: 200px;
	list-style: none;
	padding: 0 2px 0 4px;
	margin: 3px 0;
}
#side-more ul li a{
	display: block;
	padding: 6px 2px 6px 16px;
	border-bottom: 2px solid #BBB;
	text-decoration: none;
	color: #333333;
	background: url("../images/base/new_li.gif") no-repeat left center;
}
#side-more ul li a:hover,
#side-more ul li a:active,
#side-more ul li a:focus,
#side-more ul li a.stay{
	border-color: #EB600C;
	color: #333333;
	background: url("../images/base/new_li_a.gif") no-repeat left center;
}

#side-more ul li ul{
	margin: 0 0 0 1px;
}

#side-more ul li li{
	width: 190px;
}

#side-more ul li li a{
	border-bottom: 1px solid #BBB;
	background: url("../images/base/new_li_li.gif") no-repeat left center;
	padding: 5px 2px 6px 16px;
}

#side-more ul li li a:hover,
#side-more ul li li a:active,
#side-more ul li li a:focus,
#side-more ul li li a.stay{
	border-color: #EB600C;
	background: url("../images/base/new_li_li_a.gif") no-repeat left center;
}

/* -------------------------------------------------------------------------
 8.フッター（フッターナビ、コピーライト、バナー）
------------------------------------------------------------------------- */
#footer-box{
	width: 100%;
	clear: both;
	padding: 10px 0 0 0;
}


#footer-wrap {
	width: 100%;
	background: #F8F8F8;
	border-bottom: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	margin: 30px 0 0 0;
	text-align: center;
	clear: both;
}
div#nUpperFooter{
	clear:both;
	width:951px;
	padding: 10px 0;
	margin: 0 auto;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
	text-align: left;
}

div#nFooter{
	padding: 12px 0;
	clear:both;
	width:951px;
	margin: 0 auto;
	overflow:hidden;
	border-top: 1px solid #FFF;
	text-align: left;
}

div#nUpperFooter p.footer-address{
	width: 450px;
	float: left;
}

/* 8-2 フッターナビ
---------------------------------------------------------------------- */
#nUpperFooter p.footer-navi {
	margin: 0 auto;
	padding: 0;
	text-align: right;
	float: right;
	width: 450px;
}
#nUpperFooter p.footer-navi a:link {
	text-decoration: none;
}
#nUpperFooter p.footer-navi a:visited {
	text-decoration: none;
}
#nUpperFooter p.footer-navi a:hover,
#nUpperFooter p.footer-navi a:active,
#nUpperFooter p.footer-navi a:focus {
	text-decoration: underline;
}



/* 8-1 バナー
---------------------------------------------------------------------- */
div#nBanner p{
	margin: 0 5px;
	float: left;
	list-style: none;
}
/* 8-3 コピーライト
---------------------------------------------------------------------- */
address#copyright{
	width: 951px;
	margin: 10px auto;
	text-align: center;
	font-family: sans-serif;
	font-style:normal;
	line-height: 130%;
}