@charset "utf-8";
/*-------------------------------------------------
  基本設定
  作成者：
  作成日：
  最終更新日：
--------------------------------------------------*/

/*初期化
----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
	line-height: 1.3em;
	color: #333333;
	background-color:#FFFFFF;
	width:100%;
	letter-spacing:1px;
}
ul {
	list-style-type: none;
}
ol {
	margin: 10px 0 10px 30px;
}
hr {
	display: none;
}
img {
	vertical-align:top;
	border: 0;
}
@media screen and (max-width:768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
}
/*リンク
----------------------------------------*/
a:link {
	color:#01559B;
}
a:visited {
	color:#575757;
}
a:active {
	color:#01559B;
}
a:hover {
	color:#40741D;
}
/*ClearFix
----------------------------------------*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* Hides from IE-mac */
#hiddenlink,
.hidden {
	display: none;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
/*コンテンツボックス
----------------------------------------*/
#all {
}
/*ヘッダー
----------------------------------------*/
#headercontainer {
	max-width:900px;
	width:95%;
	margin:0 auto;
	padding-bottom:15px;
}
/*ロゴ*/
#logo {
	width:388px;
	height: 44px;
	float:left;
	margin-top:19px;
}
@media screen and (max-width:768px){
/*ロゴ*/
#logo {
	width:98%;
	height:auto;
	float:none;
	margin:19px auto 0 auto;
}	
}
/*狭いブラウザとタブレット向け */
@media (max-width: 1023px) and (min-width: 768px) {
#logo {
	width:388px;
	height:44px;
	float:left;
	margin-top:19px;
}	
}
/*----- ヘッダーボックス -----*/
#headerbox{
	width:335px;
	float:right;
}
@media screen and (max-width:768px){
#headerbox{
	width:96%;
	margin:0 auto;
	float:none;
	text-align:center;
}
}
/*狭いブラウザとタブレット向け */
@media (max-width: 1023px) and (min-width: 768px) {
#headerbox{
	width:335px;
	margin:0 auto;
	float:right;
	text-align:center;
}
}
/*----- ヘッダーリンク -----*/
#headerlink {
	float:right;
	margin-top:8px;
	width:252px;
}
#headerlink li{
	display:inline;
}
#headerlink a{
	display:block;
	float:left;
	margin-left:21px;
}
*html #headerlink a{
	margin-left:10px;
}

@media screen and (max-width:768px){
#headerlink {
	float:none;
	margin:8px auto 0 auto;
	width:auto;
	text-align: center;
}
#headerlink li{
	display: inline-block;
	text-align:center;
}
#headerlink a{
	display:block;
	float:left;
	margin-left:15px;
}
*html #headerlink a{
	margin-left:10px;
}
#h-link1 a{
	display:none;
}
#h-link2 a{
	width:53px;
}
#h-link3 a{
	width:60px;
}
}

/*----- ヘッダーボックス -----*/
/*----- 検索 -----*/
#sitesearch {
	clear:right;
	line-height:1px;
	list-style: none;
/*	float:right;*/
	background-image:url(../../eng/imgs/base/bg_sitesearch.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top:15px;
}
*html #sitesearch {
	padding-top:6px;
}
#sitesearch dt {
	display:none;
	float:left;
}
#sitesearch dd {
	float: left;
display: inline;
}
#sitesearch input#words {
	margin:0;
	width: 157px;
	height: 20px;
	overflow: hidden;
	background-image:url(../../imgs/base/bg_search.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right:none;
	font-size:120%;
	outline:none;
}
#sitesearch input.text {
	color:#333333!important;
}
#sitesearch input#go {
	display: block;
}
*html #sitesearch input#words{
	margin-top:-1px;
}

@media screen and (max-width:768px){
#sitesearch {
	clear: both;
	line-height:1px;
	list-style: none;
	float:none;
	background-image:url(../imgs/base/bg_sitesearch.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top:15px;
	margin:0 auto;
	width:auto;
	display: inline-block;
}
*html #sitesearch {
	padding-top:6px;
}
#sitesearch dt {
	display:none;
	float:left;
}
#sitesearch dd {
	float: left;
display: inline;
}
#sitesearch input#words {
	margin:0;
	max-width: 157px;
	height: 20px;
	overflow: hidden;
	background-image:url(../imgs/base/bg_search.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right:none;
	font-size:120%;
	outline:none;
}
#sitesearch input.text {
	color:#333333!important;
}
#sitesearch input#go {
	display: block;
}
*html #sitesearch input#words{
	margin-top:-1px;
}
}
/*狭いブラウザとタブレット向け */
@media (max-width: 1023px) and (min-width: 768px) {
#sitesearch {
	clear: both;
	line-height:1px;
	list-style: none;
	float:right;
	background-image:url(../imgs/base/bg_sitesearch.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top:15px;
	margin:0 auto;
	width:auto;
	display: inline-block;
}
*html #sitesearch {
	padding-top:6px;
}
#sitesearch dt {
	display:none;
	float:left;
}
#sitesearch dd {
	float: left;
display: inline;
}
#sitesearch input#words {
	margin:0;
	max-width: 157px;
	height: 20px;
	overflow: hidden;
	background-image:url(../imgs/base/bg_search.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right:none;
	font-size:120%;
	outline:none;
}
#sitesearch input.text {
	color:#333333!important;
}
#sitesearch input#go {
	display: block;
}
*html #sitesearch input#words{
	margin-top:-1px;
}	
/*文字サイズ*/
#fontsize {
	display:none;
}
}

/*文字サイズ*/
#fontsize {
	float: right;
	width:132px;
	position: relative;
	font-size:1px;
	line-height:1px;
}
#fontsize dt {
	width:46px;
	height:8px;
	float: left;
	margin-right:5px;
	margin-top:7px;
}
#fontsize dd {
	display: inline;
}
/*文字サイズアイコン*/
#fontsize ul {
	display: inline;
}
#fontsize li {
	float: left;
}
#fontsize li a {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: top;
	width: 27px;
	height: 22px;
	text-decoration: none;
	overflow: hidden;
}
#fontsize li a:hover {
	background-position:bottom!important;
}
#fontsize #fs1 {
	background-image: url(../../imgs/base/he_font_large.gif);
}
#fontsize #fs2 {
	background-image: url(../../imgs/base/he_font_middle.gif);
}
#fontsize #fs3 {
	background-image: url(../../imgs/base/he_font_small.gif);
}
.noscript {
	position: absolute;
	top:0px;
	left:0px;
	color: #000000;
	font-size: 10px;
	line-height: 1.1em;
	height: 25px;
	font-weight:bold;
	overflow: hidden;
	background-image: url(../imgs/base/bg_koshi.gif);
	width:110px;
}
/*文字サイズ調整*/
.font-superlarge {
	font-size:150%;
	line-height:1.4em;
}
.font-large {
	font-size:120%;
	line-height:1.3em;
}
.font-normal {
	/*font-size:100%;←100910名城経済修正時サイズがおかしかったので、80%に修正*/
	font-size:80%;
	line-height:1.3em;
}

/*----- グローバルナビゲーション -----*/
#globalnavi {
	background-image:url(../../imgs/base/bg_globalnavi.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#globalnavi ul {
	width:901px;
	margin:0 auto;
}
#globalnavi ul li {
	display:inline;
}
#globalnavi li a {
	display:block;
	float:left;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
 height:61px;
}
#globalnavi li.nv1 a {
 background-image:url(../imgs/base/nv_01.jpg);
 width:194px;
}
#globalnavi li.nv2 a {
 background-image:url(../imgs/base/nv_02.jpg);
 width:243px;
}
#globalnavi li.nv3 a {
 background-image:url(../imgs/base/nv_03.jpg);
 width:256px;
}
#globalnavi li.nv4 a {
 background-image:url(../imgs/base/nv_04.jpg);
 width:208px;
}
@media screen and (max-width:768px){
#globalnavi {
	background:none;
}
#globalnavi ul {
	display:none;
}
#globalnavi p{
	width:100%;
	padding:15px 0;
	background-color:#5F5F5F;
	color:#fff;
	font-size:150%;
	font-weight:bold;
}
#globalnavi p img{
	width:8%;
	height: auto;
	float:right;
}
#globalnavi p span{
	margin:0 15px;
	display:block;
}

}
/*狭いブラウザとタブレット向け */
@media (max-width: 999px) and (min-width: 768px) {
	#globalnavi {
	background:none;
}
#globalnavi ul {
	display:none;
}
#globalnavi p{
	width:100%;
	padding:20px 0;
	background-color:#5F5F5F;
	color:#fff;
	font-size:180%;
	font-weight:bold;
}
#globalnavi p img{
	width:3%;
	height: auto;
	float:right;
}
#globalnavi p span{
	margin:0 15px;
	display:block;
}
}
/*----- マウスオーバー テンプレートプロパティ-----*/
#globalnavi li.nv1 a:hover,
ul#on1 li.nv1 a {
	background-position: bottom;
}
#globalnavi li.nv2 a:hover,
ul#on2 li.nv2 a {
	background-position: bottom;
}
#globalnavi li.nv3 a:hover,
ul#on3 li.nv3 a {
	background-position: bottom;
}
#globalnavi li.nv4 a:hover,
ul#on4 li.nv4 a {
	background-position: bottom;
}

#globalnavi .spnav2,
#globalnavi .spnav3{
	display:none;
}

/*メイン背景
----------------------------------------*/
#maincontainer-area{
	background-image:url(../../imgs/base/bg_maincontents.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
/*メインビジュアル
----------------------------------------*/
#mainvisual{
	margin:0 auto;
	padding:6px 0 16px;
}

/*メインコンテンツ
----------------------------------------*/
#maincontainer {
	width:900px;
	margin:0 auto;
}
@media screen and (max-width:768px){
#maincontainer {
	width:100%;
	margin:0 auto;
}	
}
/*左コンテンツ
----------------------------------------*/
#leftcontents{
	width:200px;
	float:left;
}
#bnrlink{}
#bnrlink ul{}
#bnrlink ul li{
	display:inline;
}
#bnrlink ul li a{
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	width:200px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
#bnrlink ul li a:hover{
	background-position:right;
}
.bn-li01 a{
	background-image:url(../imgs/base/bnr_left1.gif);
	height:68px;
}
	
/*フッター
----------------------------------------*/
#footercontainer{
	background-image:url(../../imgs/base/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	min-height:102px;
	color:#FFFFFF;
	font-size:0.8em;
}
*html #footercontainer{
	height:102px;
}
#footer {
	width:900px;
	margin:0 auto;
	padding-top:12px;
}
/*フッターリンク*/
#footerlink{
	float:left;
}
#footerlink a{
	color:#FFF;
}
#footerlink a:hover{
	color:#CCC;
}
/*コピーライト*/
#copyright {
	float:right;
}

@media screen and (max-width:768px){
#footercontainer{
	background-image:url(../../imgs/base/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	min-height:102px;
	color:#FFFFFF;
	font-size:0.8em;
}
*html #footercontainer{
	height:102px;
}
#footer {
	width:95%;
	margin:0 auto;
	padding-top:12px;
}
/*フッターリンク*/
#footerlink{
	float:none;
}
#footerlink a{
	color:#FFF;
}
#footerlink a:hover{
	color:#CCC;
}
/*コピーライト*/
#copyright {
	float:none;
}
}