﻿@charset "utf-8";

/* リセット
--------------------------------------------------*/
body,
div,
ul, ol, li,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, code, legend,
form, fieldeset, input, textarea,
blockquote, table,
th, td {
	margin: 0;
	padding: 0;
}

html, body {
	color: #000;
}

body {
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
	font-size: 95%;
	line-height: 190%;
}
* html body {
	font-size: 80%;
}
*:first-child+html body, {
}


img {
	border: none;
	vertical-align:bottom;
}

h1 {
	border: none;
	clear: both;
	font-weight: normal;
}
h2 {
	border: none;
	clear: both;
	font-weight: normal;
}
h3 {
	border: none;
	clear: both;
	font-weight: normal;
}
h4 {
	border: none;
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
h5 {
	border: none;
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
h6 {
	border: none;
	clear: both;
	font-size: 100%;
	font-weight: normal;
}

.textbox ul {
	margin: 1em 0 1em 2em;
}
.textbox ul li {
	list-style: disc outside;
}
.textbox ol {
	margin: 1em 0 1em 2em;
}
.textbox ol li {
	list-style: decimal outside;
}
.textbox dl {
	margin: 1em 0 1em 0;
}
.textbox dl dt {
}
.textbox dl dd {
	margin-left: 1em;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

b {
	font-size: 110%;
	font-weight: bold;
	color: #F00;
}
i {
	font-size: 110%;
	font-weight: bold;
	color: #00F;
	font-style: normal;
}
storong {
	font-size: 110%;
	font-weight: bold;
}


/*Table用ボックス*/
caption {
	font-weight: bold;
	font-size: 110%;
}

table {
	margin: 5px auto 10px;
	border-collapse: collapse;
	border: 1px solid #999;
}
table th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}
table td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}










/* レイアウト
--------------------------------------------------*/
html,body {
	background: #F5F5E9 url(../img/temp/back_shadow.jpg) repeat-y center;
	margin: 0 auto;
	text-align: center;
	-webkit-text-size-adjust: none;
}

#container {
	width: 990px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
    background-color:#FFF;
}


/* ヘッダ
--------------------------------------------------*/
#header {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	border-bottom: solid 1px #CBCB89;
}

#head_left {
	float: left;
	display: block;
}
#head_right_top {
	float: left;
	display: block;
	background: url(../img/top/header_back.jpg) no-repeat left top;
}
#head_right {
	float: left;
	display: block;
	background: url(../img/temp/header_back.jpg) no-repeat left top;
}

/*Google検索設定用*/
#searchbox {
	text-align: right;
	margin: 0;
	padding: 0;
	height: 42px;
	overflow: hidden;
}

.search01 {
	float: right;
	display: block;
}
.search02 {
	margin-top: 1em;
	float: right;
	display: block;
}






/* アクセシビリティ変更ツール
--------------------------------------------------*/
#acbox {
	overflow: hidden;
	width: 960px;
	margin: 10px auto;
	line-height: 24px;
	font-size: 80%;
}

/*フォントサイズ変更*/
#fontsizebtn {
	float: left;
	display: block;
	margin-right: 10px;
}
#fontsizebtn dt{
    display: inline-block;
	float: left;
	background: url(../img/temp/ac_line.gif) no-repeat right;
	width: 7em;
	margin-right: 10px;
}
#fontsizebtn dd{
    display: inline-block;
	float: left;
	margin-right: 5px;
}


/*背景色変更*/
#bgbtn {
	float: left;
	display: block;
	margin-right: 10px;
}
#bgbtn dt{
    display: inline-block;
	float: left;
	background: url(../img/temp/ac_line.gif) no-repeat right;
	width: 5em;
	margin-right: 10px;
}
#bgbtn dd{
    display: inline-block;
	float: left;
	margin-right: 5px;
}



/*リンク*/
#head_link {
	float: right;
	display: block;
}
#head_link li {
	list-style: none;
	float: right;
	display: block;
	background: url(../img/temp/headlink_point.gif) no-repeat left;
	padding-left: 15px;
	margin-left: 10px;
}



/* グローバルナビゲーション
--------------------------------------------------*/
#globalnavibox{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/temp/gnavi_back.jpg) repeat-x;
	text-align: left;
}
ul#globalnavi{
	overflow:hidden;
	margin: 0 auto;
}
ul#globalnavi li{
	list-style: none;
	float:left;
	display:block;  
}

 




/* コンテンツ
--------------------------------------------------*/
#contents {
	width: 960px;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0;
	overflow: hidden;
	text-align: left;
}


/* トップページ
--------------------------------------------------*/
#top_left {
	width: 204px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0;
	text-align: center;
}

#top_main {
	width: 735px;
	float: right;
	display: block;
	overflow: hidden;
	margin: 0;
}

#top_center {
	width: 504px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0;
}

#top_right {
	width: 204px;
	float: right;
	display: block;
	overflow: hidden;
	margin: 0;
	text-align: center;
}





/*サイドバナー*/
.sidebn ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebn li{
	margin: 0 0 10px;
	list-style: none;
}


/*トップ用グロー*/
.top_shadow {
	border:1px solid #ccc;
	box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 7px #cccccc;
	-moz-box-shadow: 0 0 7px #cccccc;
/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=7, offY=7, positive=true);zoom:1;*/
 }
/*サイドメニュー*/
.sidemenu {
	width: 198px;
	padding: 1px 0 10px;
	text-align: center;
	font-size: 90%;
	overflow: hidden;
	margin: 1px 1px 10px;
}
.sidemenu ul{
	margin: 5px 0 0 10px;
}
.sidemenu li{
	list-style: none;
	background: url(../img/common/link_point02.gif) no-repeat left 50%;
	text-align: left;
	padding-left: 10px;
}

/*その他トップサイド*/
.magazine {
	width: 200px;
	background: url(../img/top/magazine_back.jpg) no-repeat bottom;
	text-align: center;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.magazine li {
	margin: 0 0 10px;
	list-style: none;
}
#magazine_thumb {
	margin: 0 0 10px;
}
#magazine_btn {
	margin: 0 0 10px;
}

dl.people { 
    overflow: hidden;
	line-height: 1.5em;
	padding: 0 10px;
}  
dl.people dt { 
    float: left;
    padding: 2px 0 2px;
    text-align: right;
}  
dl.people dd {  
    padding: 2px 0 2px 2em;
}
dl.people p { 
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}


/*トップのセンター用ボックス*/
.top_info {
	width: 498px;
	padding: 1px 0 10px;
	overflow: hidden;
	margin: 1px 1px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

/*ライフステージ*/
ul.lifestage {
	margin: 10px 0 0 5px;
}
ul.lifestage li {
	list-style: none;
	float: left;
	display: block;
	width: 121px;
	margin: 5px 0;
}

/*くらしの情報*/
ul.live {
	text-align: left;
	margin: 10px;
}
ul.live li {
	list-style: none;
	float: left;
	display: block;
	width: 9em;
	background: url(../img/common/link_point.gif) no-repeat left 50%;
	padding-left: 1em;
	margin: 3px 0;
}



/* トピックスのリスト
--------------------------------------------------*/

dl.topics {
    padding: 10px; 
    overflow: hidden;
	text-align: left;
}  
dl.topics dt {
    float: left;
    padding: 3px 0 3px 1em;
    text-align: right;
	background: url(../img/common/topics_icon.gif) no-repeat left 50%;
}
dl.topics dd {
    padding: 3px 0 3px 7em;
}
dl.topics img {
	vertical-align: middle;
}

.topics_more {
	margin: 0 0 10px 10px;
	padding: 0;
}



/* 緊急情報
--------------------------------------------------*/

#kinkyu {
	background: url(../img/kinkyu/kinkyu_back.jpg) no-repeat left bottom;
	text-align: left;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
 
dl.kinkyu_topics {
    padding: 0 0 0 20px;
	text-align: left;
} 
dl.kinkyu_topics dt {
    float: left;
    padding: 3px 0 3px 1em;
    text-align: right;
	background: url(../img/kinkyu/kinkyu_icon.jpg) no-repeat left 50%;
}
dl.kinkyu_topics dd {
    padding: 3px 0 3px 7em;
}

.topics_more02 {
	margin: 0 0 10px 20px;
	padding: 0;
}


#kinkyu_main {
	width: 95%;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}

#kinkyu_main h1 {
	margin: 0 auto 1em;
	padding: 0.7em 0 0.5em 0.6em;
	border-top: solid 1px #990000;
	border-right: solid 1px #990000;
	border-left: solid 5px #990000;
	border-bottom: solid 3px #990000;
	background: #FFF url(../img/kinkyu/kinkyu_nexttitle.jpg) repeat-x bottom;
	font-size: 150%;
	font-weight: bold;
	color: #2E3128;
}

#kinkyu_main h2 {
	background: #F1ECDA;
	border-top: solid 1px #990000;
	border-right: solid 1px #990000;
	border-left: solid 5px #990000;
	border-bottom: solid 3px #990000;
	text-align: left;
	padding: 0.5em 0 0.3em 1em;
	margin: 0 auto 1em;
	clear: both;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.5;
	color: #2E3128;
}

/* トップの広告バナー
--------------------------------------------------*/
#top_ad_bn {
	width: 960px;
	clear: both;
	margin: 0 auto 20px;
	overflow: hidden;
}
.top_ad_bn_title {
	background: url(../img/top_ad_bn/add_title_back.jpg) repeat-x;
	border: solid 1px #CBE1B5;
}
.top_ad_bn_title img {
	vertical-align: middle;
}
#top_ad_bn ul {
	margin: 10px;
}
#top_ad_bn li {
	list-style: none;
	margin: 0 15px 5px 0;
	float: left;
	display: block;
	list-style: none;
}



/* イメージ画像
--------------------------------------------------*/

/*画像クリックで白くなる*/
/*
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
*/

/* フッタ
--------------------------------------------------*/
#footer {
	background: #FFF url(../img/temp/footer_back.jpg) repeat-x;
	line-height: 120%;
	font-size: 90%;
}

#footbox {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	color: #333;
}
#footbox dt {
    float: left;
    margin-left: 10px;
    text-align: right;
	padding: 5px 0 0;
}
#footbox dd {
    padding: 10px 0 0 180px;
}

#pdf_reader {
	margin: 5px auto 0;
	overflow: hidden;
}

#copyright {
	padding: 11px 15px 10px 0;
	margin: 0 auto;
	text-align: right;
	color: #FFF;
	background: #000 url(../img/temp/copyright_back.jpg);
	overflow: hidden;
}
.copyleft {
	float: left;
	padding-left: 15px;
}




/* フォント
--------------------------------------------------*/
.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}


.headspace {
	margin: 0 0 5px 10px;
}
.indent01 {
	text-indent: 1em;
}



.font80 {
	font-size: 80%;
}
.font90 {
	font-size: 90%;
}
.font100 {
	font-size: 100%;
}
.font110 {
	font-size: 110%;
}
.font120 {
	font-size: 120%;
}
.font130 {
	font-size: 130%;
}
.font140 {
	font-size: 140%;
}
.font150 {
	font-size: 150%;
}
.font160 {
	font-size: 160%;
}
.font180 {
	font-size: 180%;
}
.font200 {
	font-size: 200%;
}
.font240 {
	font-size: 240%;
}


.japan_font {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}







/* リンク
--------------------------------------------------*/
a:link {
	color: #0066CC;
	text-decoration: underline;
}

a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #0099CC;
	text-decoration: underline;
	font-weight: bold;
}

a:active {
	color: #0066CC;
	text-decoration: underline;
}






/* 2015taiko
--------------------------------------------------*/
/*写真を並べるリスト*/
ul.taiko_list {
	text-align: center;
}
ul.taiko_list li {
	list-style: none;
	width: 160px;
	height: 105px;
	overflow: hidden;
	display: inline-block;
	/zoom: 1;
	vertical-align: middle;
	margin-bottom: 5px;
}
ul.taiko_list li img {
	width: 100%;
}

/*Footer201611追加*/
#footbox dl.foot_time {
    overflow: hidden;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}  
#footbox dl.foot_time dt {
    float: left;
    padding: 0 0 3px;
	margin-left: 0;
    text-align: right;
}
#footbox dl.foot_time dd {
    padding: 0 0 3px 4em;
}
