@charset "UTF-8";

/* 画面表示用スタイル */

/* ------------------------基本設定------------------------ */
#baseall-t {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	min-width: 1020px;
}


/* スマホへのリンク */
#smph_link{
	position: relative;
	margin: 1px auto 0 auto;
	width: 940px;
	text-align: center;
	top: 0;
	z-index: 999999;
}
#smph_link a{
	position: absolute;
	display: block;
	top: 0;
}
.smphlink_head_open {
	padding-top: 102px !important;
}

/* ------------------------ヘッダー------------------------ */
/* ヘッダー左 */
h1.h0title {
	float: left;
	margin: 0;
	padding: 0;
	width: 272px;
	height: 110px;
}
h1.h0title img {
	margin: 13px 0 0 0;
}


/* ------------------------グローバルナビ------------------------ */


/* ------------------------コンテンツ外枠------------------------ */


/* ------------------------パンくずナビ------------------------ */


/* ------------------------コンテンツ大枠------------------------ */
div.wrap {
	margin: 8px 10px 0 10px;
}

/* 左枠 */
div.main-l {
	padding: 0 15px 10px 0;
	width: 785px;
}

/* 左枠のコンテンツ */
div#l-main {
	width: 570px;
}

/* 右枠 */
div#main-r {
	padding: 0 0 0 0;
}


/* ------------------------フッター------------------------ */


/* ------------------------左右ナビ共通------------------------ */
/* 右エリア専用 */
div#main-r ul {
	padding: 0 0 0 8px;
}
div#main-r li.pagelinkin,
div#main-r li.innerLink {
	padding: 3px 6px 3px 12px;
	background-image: url(/images/c_icon_inlink2.gif);
	background-position: 0 0.58em;
}
div#main-r li.pagelinkout,
div#main-r li.externalLink {
	padding: 6px 6px 5px 19px;
	background-image: url(/images/c_icon_outlink.gif);
	background-position: 4px 0.8em;
}

/* 見出しなしBOX */
div.subbgbox div.subbgtop {
	clear: both;
	margin: 0;
	padding: 5px 0 2px 0;
	background-image: url(/images/c_bg_box_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}
div#main-r div.subbgtop ul {
	clear: both;
	margin: 0 0 0 5px;
	padding:0;
}
div#main-r div.subbgtop ul li.pagelinkbt {
	clear: both;
	margin: 0 0 0 0;
	padding:0 0 4px 0;
	font-size: 1%;
	line-height: 1%;
}


/* ------------------------共通タグの基本定義------------------------ */


/* ------------------------テンプレート用共通------------------------ */
div.txtbox-black {
	margin: 10px;
	padding: 2px 8px 2px 8px;
	border: 3px solid #333333;
}
div.txtbox-red {
	margin: 10px;
	padding: 2px 8px 2px 8px;
	border: 3px solid #BB2703;
	background-color: #FBEFEC;
}

/* メイン画像 */
.txtno-display {
	display: none !important;
}
h2.h2img {
	clear: both;
	margin: 0;
	padding: 0;
}

/* ------------------------中央エリア------------------------ */
/* 中央枠付きエリア */
div.mainbgbox {
	clear: both;
	margin: 0 0 10px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #CCCCCC;
	background-image: url(/images/c_bgbox_line.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}

/* 中央枠なしエリア */
div.mainnobgbox {
	clear: both;
	margin: 0 0 10px 0;
	padding:0 0 0 0;
}

/* ブランディングエリア */
/* メイン画像　切り替え部分 */
div.featured {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: none;
	width: 570px;
	height: 240px;
}
div.featured .ui-tabs-panel {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
div.featured .ui-tabs-panel img {
	margin: 0;
	padding: 0;
}
div.featured .ui-tabs-hide {
	display: none;
}

/* メイン画像　ボタン部分 */
div.ui-tabs-nav-bt {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 230px;
	left: 0;
}
div.featured ul.ui-tabs-nav {
	float: left;
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
	list-style-image: none;
}
div.featured ul.ui-tabs-nav li {
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 1%;
	line-height: 1%;
	width: 30px;
	background-color: transparent;
	background-image: url(/images/t_bg_brand.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 10px;
}
div.featured li.ui-tabs-nav-item a {
	display: block;
}
div.featured li.ui-tabs-nav-item span a:hover {
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured li.ui-tabs-selected span {
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured ul.ui-tabs-nav li.ui-tabs-selected span a {
	background: url('/images/t_bt_brand.gif') 0 0 no-repeat;
}
p#nav-stop {
	float: left;
	margin: 0;
	padding: 0;
}

/* 中央取り込みエリア */
div.topcenter {
	margin: 0 0 10px 0;
	padding: 0;
}
div.topimg-area {
	margin: 0 0 5px 0;
	padding: 0;
}

/* 中央取り込みエリア　画像1個 */
p.topimg {
	margin: 0 0 5px 0;
	padding: 0;
}

/* 中央取り込みエリア　画像横並び */
p.topimg-side {
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
}

/* 中央取り込みエリア　画像横並び時左空白用 */
p.margin-l{
	padding-left: 6px;
}

/* 今月のご案内 */
div.kongetsubox {
	clear: both;
	margin: 3px 0 3px 0;
	padding:0 0 0 0;
}
p.kongetsu-img {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
}

/* 各種お知らせ部分 */
div.info-area {
	clear: both;
	margin: 0 0 10px 0 ;
	padding: 0;
	width: 570px;
}
/* タブ部分 */
ul.info-tab {
	margin: 0;
	padding: 0;
	width: 570px;
	height: 37px;
	background-color: #FFFFFF;
	position: relative;
}
ul.info-tab li {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	width: 141px;
	height: 37px;
	background-image: none;
	position:absolute;
	top: 0;
}
ul.info-tab li.info-tab1 {
	left: 0;
}
ul.info-tab li.info-tab2 {
	left: 141px;
}
ul.info-tab li.info-tab3 {
	left: 282px;
}
ul.info-tab li img {
	margin: 0;
	padding: 0;
}

/* 情報内容 */
div.tab_contents {
	margin: 0;
	padding: 0 0 6px 0;
	border: 1px solid #CCCCCC;
}
ul.info-list li {
	clear: both;
	margin: 0;
	padding: 1px 0 10px 0;
}
div#tab1box ul.info-list li span {
	font-weight: bold;
}
div#tab1box ul.info-list li span.date {
	font-weight: normal;
}
div#tab2box div.ichiran-all {
	float: right;
}
div#tab2box div.ichiran-all p.rss {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: none;
	text-align: right;
}
div#tab2box div.ichiran-all p.ichiran-link {
	float: none;
	margin: 0 0 0 55px;
	padding: 4px 12px 2px 20px;
	text-align: left;
	background-position: 0 0.36em;
}

/* ご注意ください */
div.gochui {
	clear: both;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

/* 中央画像エリア */
div.chuobox {
	clear: both;
	margin: 0 0 10px 0;
	padding:0 20px 0 20px;
}
p.chuo-img {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 265px;
	text-align: center;
}



/* --------------- topページhtml取り込み部分専用 --------------- */
/* テキストエリア太枠 */
div.txtbox-bold-black {
	margin: 0 0 0.5em 0;
	padding: 0 0 4px 0;
	border: 4px solid #333333;
}
div.txtbox-bold-red {
	margin: 0 0 0.5em 0;
	padding: 0 0 4px 0;
	border: 4px solid #CC0000;
}
div.txtbox-bold-black p,
div.txtbox-bold-red p {
	margin: 0.56em 5px 0.56em 10px;
}

/* テキストエリア太枠上部見出し背景色付き時用 */
div.txtbox-title {
	margin: 0 0 10px 0;
	padding: 8px 8px 8px 8px;
}
div.txtbox-bold-red div.txtbox-title {
	background-color: #CC0000;
}
div.txtbox-bold-black div.txtbox-title {
	background-color: #333333;
}

div.txtbox-bold-red div.txtbox-title h2,
div.txtbox-bold-black div.txtbox-title h2 {
	margin: 0;
	padding: 0 0 0 5px;
	color: #FFFFFF;
	text-align: center;
	font-size: 150%;
}
div.in-txtbox {
	padding: 0 8px 0 8px;
}

/* 文字サイズ通常より大きめ */
.em-txt {
	font-size: 110% !important;
}

/* 文字太字（強調） */
.em-bold {
	font-weight: bold;
}

/* 文字　細字の赤（topページhtml取り込み部分専用） */
.font-c-red {
	color: #CD0000;
}

/* 文字の下線 */
.under-borderline {
	text-decoration: underline;
}


/*ねんきんネットボタン*/
div#main-r ul.loginbt li {
    width: 92px;
    float: left;
    margin: 4px 4px 6px 0;
    padding: 0;
		font-size: 1%;
		line-height: 1%;
}
