@charset "utf-8";

.rwd { display: none; }
div#sns_link { display: none; }

/* left_menu くらしの出来事 */
div#lifeevent {
}

div#lifeevent h2 {
	padding: 5px;
	background:url('images/h1-background.jpg') repeat-x left;
	color: #006600;
	font-size: 1.2em;
	font-weight: bold;
}

div#lifeevent ul {
	list-style: none;
	text-align: center;
}

div#lifeevent ul li {
	padding: 5px 0;
	border-top: 1px dashed #ccc;
}

div#lifeevent ul li:first-child {
	border-top: none;
}

/* left_menu ptn_1 ライフステージ */
.ptn1 h2 {
	padding: 5px 5px 5px 5px;
	color: #006600;
	background:url(images/h1-background.jpg) repeat-x left;
	font-weight: bold;
	font-size: 1.2em;
}
.ptn1 ul {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
}
.ptn1 li {
	width: 160px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dashed #CCCCCC;
}

.ptn1 dl {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
}
.ptn1 dt {
	padding: 5px 10px 5px 10px;
}

/*left_menu ptn_2 ノーマル */
.ptn2 h2 {
	padding: 5px 5px 5px 5px;
	color: #006600;
	background:url(images/h1-background.jpg) repeat-x left;
	font-weight: bold;
	font-size: 1.2em;
}
.ptn2 ul {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
}
.ptn2 li {
	width: 160px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dashed #CCCCCC;
}

/*left_menu ptn_3 メニューなし */
.ptn3 h2 {
	padding: 5px 5px 5px 5px;
	color: #006600;
	background:url(images/h1-background.jpg) repeat-x left;
	font-weight: bold;
	font-size: 1.2em;
}

.ptn3 ul {
	background-color: #C7ED4A;
	width: 100%;
	height: 100%;	
}


/*center_category カテゴリーから探す　スタイル1 */
/*
.category {
	width: 600px;
	margin: 1px;
	padding: 1px 0;
	vertical-align: middle;
}
*/

.category h1{
	padding: 5px 5px 5px 5px;
	color: #006600;
	background: url(images/back_category_title_bottom.gif) no-repeat left bottom;
	font-weight: bold;
	font-size: 1.2em;
}
/*
.category li{
	padding-right:0.8em;
 	display: inline;
}
*/
/*center_category カテゴリーから探す　スタイル2 */
/*
.category2 {
	width: 600px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
*/

.category2 h1{
  margin-bottom: 0.5em;
  padding: 5px 5px 5px 5px;
  border-radius: 10px 10px 0 0/10px 10px 0 0;
  background:#C7ED4A url('images/back_category_title.gif') repeat-x;
  color: #006400;
  font-size: 1.2em;
  font-weight: bold;
}

.category2 h2{
	border-top: #C7ED4A 3px solid;
	border-bottom: #C7ED4A 2px solid;
	padding: 3px 5px 3px 5px;
	color: #398833;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

.category2 h3{
	font-weight: bold;
	font-size: 1em;
}

.category2 li{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-image: url(images/info_triangle.gif);
	list-style-position: outside;
	border-bottom: 1px dashed #CCCCCC;
}

.category2 dl {
  margin: 1em 0 1em 2em;
  border-bottom: 1px dashed #ccc;
}
.category2 dl dt {
  border-bottom: 1px dashed #ccc;
  font-weight: bold;
}
.category2 dl dd {
  padding: 1em 0;
}

/*center_category ダウンロードファイル　スタイル3 */
/*
.category3 {
	width: 600px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
*/
.category3 h1{
	padding: 5px 5px 5px 5px;
	color: #006600;
	background:#C7ED4A url(images/back_category_title_all.gif) no-repeat;	
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.2em;
}

.category3 h2{
	background-color:#C7ED4A;	
	padding: 5px 5px 5px 5px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1em;
}

.category3 h3{
	font-weight: bold;
	font-size: 1em;
}

.category3 h4{
	margin-top:10px;
	padding: 3px 3px 3px 3px;
	border-top: #C7ED4A 3px solid;
	border-bottom: #C7ED4A 1px solid;
	font-weight: normal;
	font-size: 1em;

}

.category3 li{
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	list-style-image: url(images/info_triangle.gif);
	list-style-position: outside;
}

.category3 dl{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	border-bottom: 1px dashed #CCCCCC;
}


/* 画像挿入スペース　スタイル */
.topimages{
	margin: 5px 0px 5px 0px;
}

/* 新着情報　new画像スタイル */
.img_new {
	padding-left: 10px;
	float: left;
}

.txt_new {
	margin-left: 10px;
}

/* 新着情報　スタイル1 */
.new_list{
	background: url('images/back_new_list.gif') repeat-y;
}

.new_list h1 {
	padding: 5px;
	border-radius: 10px 10px 0 0/10px 10px 0 0;
	background: #C7ED4A url('images/back_category_title.gif') repeat-x;
	color: #006600;
	font-size: 1.2em;
	font-weight: bold;
}

.new_list ul {
	padding-top: 5px;
	list-style: none;
}

.new_list ul li {
	border-bottom: 1px dashed #ccc;
}

.new_list ul li dl {
	clear: both;
	padding: 5px;
}
.new_list ul li dl dt {
	float: left;
/*	width: 6em;*/
	margin: 0 10px;

}

.new_list ul li dl dd.new:before { margin-right: 0.5em; color: #ff3300; font-size: 85%; font-weight: bold; content: 'NEW!'; }

/* 新着情報　スタイル2 */
.new_list2{
	background:url(images/back_new_list3.gif) repeat-y;	
}

.new_list2 img{
	vertical-align:middle;
}

.new_list2 h1{
	padding: 5px 5px 5px 5px;
	color: #006600;
	background:#5BDE12 url(images/back_category_title3.gif) no-repeat;	
	font-weight: bold;
	font-size: 1.2em;
}

.new_list ul2 {
	width: 600px;
	padding-bottom: 15px;
	border-bottom:1px dashed #CCCCCC;
}

.new_list2 ul {
	width: 600px;
	border-bottom:1px dashed #CCCCCC;
}

.new_list2 dl {
	clear: both;
	padding: 5px 5px 5px 5px;
}

.new_list2 dt {
	width: 5em;
	clear: both;
	float: left;
	padding-left: 5px;
}
.new_list2 dd {
	padding-left: 5px;
	margin: 0px 0px 0px 20px;
}

/* 新着情報（全件）　スタイル3 */
.new_list_all h1 {
	padding: 5px 5px 5px 5px;
	color: #006600;
	background: url(images/back_category_title_bottom_all.gif) no-repeat left bottom;
	font-weight: bold;
	font-size: 1.2em;
}

.new_list_all dl {
	width: 780px;
	clear: both;
	margin-bottom: 1em;
	padding: 5px 5px 3px 5px;
	border-bottom:1px dashed #CCCCCC;
}

.new_list_all dt {
	clear: both;
	float: left;
	width: 5.2em;
	padding: 5px;
}

.new_list_all dd {
	margin: 0px 0px 0px 20px;
	padding: 5px;
}

/* 新着情報一覧 */
.ichiran {
	width: 570px;
	margin: 2px 10px;
	padding: 0px 0px 5px 0px;
	text-align: right;
}
.ichiran a:link {
	text-decoration: none;
}
.ichiran a:visited {
	text-decoration: none;
}
.ichiran a:hover {
	text-decoration:none;
}

/* 新着情報リスト等（RSSロゴ付）ここから */
.list_type_a_title {
	width:100%;
	float:left;
	background:#EFEFFF;
	text-align:left;
	margin:0px;
}

*html .list_type_a_title {
	width:99.75%;
}

.list_type_a_title h2 {
	float:left;
	text-align:left;
	border-top:none !important;
	margin:0px !important;
}


.list_type_a_title p {
	float:right;
	text-align:right;
	padding:1px 10px 1px 0px;
	margin:0px;

}

.list_type_a_list {
	clear:both;
	text-align:left;
	background:#FFFFFF;
	border-width: 3px 1px 1px 1px;
	border-style: solid solid solid solid ;
	border-color:#6666CC #6666CC #6666CC #6666CC;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.list_type_a_list p {
	margin:8px 1px 5px 20px;
}
/* 新着情報リスト等（RSSロゴ付）ここまで */

/* 新着情報等リスト等（RSSロゴなし）ここから */
.list_type_b_list {
	clear:both;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.list_type_b_list h2 {
	clear:both;
	background:#E8E8E8 !important;
	border-width: 1px 0px 0px 0px !important;
	border-style: solid solid solid solid ;
	border-color:#999999 #FFFFFF #FFFFFF #FFFFFF !important;
	margin:0px !important;
}

/* 新着情報等リスト等（RSSロゴなし）ここまで */

/* シンプルリストここから */
.list_normal {
  width: 800px;
}

.list_normal h1 {
  margin-bottom: 0.5em;
  padding: 5px;
  background:#C7ED4A url(images/back_category_title_all.gif) no-repeat;
  color: #006600;
  font-size: 1.1em;
}

.list_normal h2 {
  margin: 0.5em 0 0.2em;
  padding: 4px 10px 4px 15px;
  background:#C7ED4A url(images/back_h2_title2.gif) no-repeat;
  color: #006600;
  font-size: 1em;
}

.list_normal h3 {
  padding: 0.2em 0 0.2em 1em;
  border-top: #C7ED4A 3px solid;
  border-bottom: #C7ED4A 2px solid;
  font-size: 1em;
}

.list_normal h4 {
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
}

.list_normal ul {
  margin-bottom: 10px;
}

.list_normal ul li {
  margin-left: 3em;
  list-style-image: url(images/info_triangle.gif);
  list-style-position: outside;
}

.list_normal dt,
.list_normal dd {
  padding: 5px 0; 
  border-bottom:1px dashed #ccc;
}

.list_normal dt {
  font-weight: bold;
}
/* シンプルリストここまで */

/* 年月日付リストここから */
.list_ccc {
	clear:both;
	margin:0px;
	padding:0px;
}

.list_ccc ul {
	text-align:left;
	margin:0px !important;
	padding:14px 0px 1.5em 0px !important;
	width:100%;
	height:100%;
	list-style-position:outside;
}

.list_ccc li {
	clear:both;
	margin: 0px 0px 0px 5px !important;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

/* 年月日付リストここから */

.list_ggg {
	clear:both;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.list_ggg p {
	margin:0px;
	padding:0px 0px 0px 1em;
}

/* 「一覧を見る」ここから */
.text_d2 {
	clear:both;
	text-align:right;
}

.text_d {
	background-image: url(../images/icon_migi2.gif);
	padding-left:14px;
	padding-right:8px;
	background-repeat: no-repeat;
	background-position:0% 40%;
}
/* 「一覧を見る」ここまで */

.text_r {
	text-align:right;
}



/* 主に詳細ページの部品 */
/*新着情報一覧タイトル*/
.title_new_list_all{
	width:800px;
	background:#C7ED4A  url(images/back_category_title_all.gif) no-repeat top left;
	margin-top:1em; 
	margin-bottom:1em; 
}

/*カテゴリタイトル*/
.title_bottom{	
	width:600px;
	border-radius: 10px;
	background:#C7ED4A  url('images/back_category_title.gif') repeat-x;
	margin-top:1em; 
	margin-bottom:1em; 
}

/* 文章 */
.detail_text {
	margin:10px 0px 0px 0.5em;
}

/* カスタム登録 */
.detail_free {
	margin:10px 0px 0px 0.5em;
}

/* カスタム登録内の画像 */
#main_detail p img {
	margin:10px 0px 0px 0.5em;
}

/* 罫線 */
#main_detail hr {
	clear:both;
}

/* リンク */
.detail_link {
	margin:5px 0px 0px 0.5em;
	padding:0px 0px 0px 50px;
	background-image: url(/img/icon_link.gif);
	background-repeat: no-repeat;
	background-position:0px 40%;
}

/* 添付ファイル */
.detail_file {
	margin:0px 0px 0px 0.5em;
}

/* 画像 */

.detail_img_left {
	text-align:left;
	margin:10px 0px 10px 0.5em;
}

.detail_img_center {
	text-align:center;
	margin:10px 0px 10px 0.5em;
}

.detail_img_right {
	text-align:right;
	margin:10px 0px 10px 0.5em;
}

.file_etc {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../images/icon_s.gif);
	background-repeat: no-repeat;
}

/* 表 */
#main #main_a table {
	border-color:#C0BFA0;
	border-collapse:collapse;
	border-style:solid;
	border-width:2px;
}

#main #main_a th {
	border-color:#C0BFA0;
	border-collapse:collapse;
	background:#F4F5E3;
	border-style:solid;
	border-width:1px;
	padding:0.2em 0.8em 0.2em 0.8em;
	font-size:88.8%;
}
#main #main_a td {
	border-color:#C0BFA0;
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	padding:0.2em 0.8em 0.2em 0.8em;
	font-size:88.8%;
}

/* table_a */
#main #main_a #main_body div.table_a caption {
	background-color:#EFEFFF !important;
	border-top:1px solid #CCCCCC !important;
	border-right:1px solid #CCCCCC !important;
	border-bottom:1px solid #CCCCCC !important;
	border-left:1px solid #CCCCCC !important;
	text-align:left !important;
	font-size:100% !important;
	font-weight:bold !important;
	padding:4px 8px 4px 16px;
	margin:0px;
}

#main #main_a #main_body div.table_a table {
	margin-bottom:1em !important;
	border:1px solid #CCCCCC !important;
	width:100% !important;
}

#main #main_a #main_body div.table_a th {
	background-color:#FFFFFF !important;
	border-right:1px solid #FFFFFF !important;
	padding:2px 8px 2px 16px !important;
	text-align:left !important;
	font-size:100% !important;
}

#main #main_a #main_body div.table_a td {
	font-size:100% !important;
}

/*その他細々したパーツ*/
p.note {
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: 1xp dotted red;
  background-color: #fff;
  background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px);
  background-size: 2px 1.8em;
  line-height: 1.8em !important;
}

.plugins-img {
	margin: 5px 5px 10px 0px;
}
