@charset "utf-8";

#main_body div.detail_writing {
	clear:both;
	padding:20px 28px;
	background: #fff;
}

#main_body div.detail_map,
#main_body .detail_movie {
	clear:both;
	padding:20px 28px;
	background: #fff;
}

#main_body div.detail_free {
	clear:both;
	width:100%;
	margin-bottom: 20px;
}

#main_body div.detail_image_normal {
	clear:both;
	padding:20px 28px;
	background: #fff;
}
#main_body div.detail_image_left {
	text-align:left;
	padding:20px 28px;
	background: #fff;
}
#main_body div.detail_image_center {
	text-align:center;
	padding:20px 28px;
	background: #fff;
}
#main_body div.detail_image_right {
	text-align:right;
	padding:20px 28px;
	background: #fff;
}

hr.hr_1 {
	clear:both;
	height: 1px;
	border-top: 2px dotted #999999;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:30px 0;
}
hr.hr_2 {
	clear:both;
	height: 1px;
	border-top: 1px solid #333333;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:30px 0;
}
hr.hr_3 {
	clear:both;
	height: 1px;
	border-top: 1px solid #ff0000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:30px 0;
}
.detail_free hr {
	margin:30px 0;
}


/* ワープロライク背景色設定 */
div[class^="detail_"] > *{ background-color:#fff; }
div[class="detail_free"] > p{ margin:0; padding:20px 28px; }
#main #main_a .detail_free ul,
#main #main_a .detail_free ol { margin:0; padding:20px 28px; }
div[class^="detail_"] > div.sp_table_wrap2 { margin:0; padding:20px 28px; }

/* 余白設定（本文中に見出し以外の要素が隣接した場合の余白調整） */
div[class="detail_free"] > p + p,
div[class="detail_free"] > p + ul,
div[class="detail_free"] > p + ol,
div[class="detail_free"] > p + div.sp_table_wrap2,
div[class="detail_free"] > ul + p,
div[class="detail_free"] > ul + ul,
div[class="detail_free"] > ul + ol,
div[class="detail_free"] > ul + div.sp_table_wrap2,
div[class="detail_free"] > ol + p,
div[class="detail_free"] > ol + ul,
div[class="detail_free"] > ol + ol,
div[class="detail_free"] > ol + div.sp_table_wrap2,
div[class="detail_free"] > div.sp_table_wrap2 + p,
div[class="detail_free"] > div.sp_table_wrap2 + ul,
div[class="detail_free"] > div.sp_table_wrap2 + ol,
div[class="detail_free"] > div.sp_table_wrap2 + div.sp_table_wrap2,

div[class="detail_writing"] + div[class="detail_writing"],
div[class="detail_writing"] + div[class="detail_map"],
div[class="detail_writing"] + div[class="detail_movie"],
div[class="detail_writing"] + div[class^="detail_image_"],
div[class="detail_writing"] + div[class^="file_"],
div[class="detail_writing"] + div[class="link_l"],

div[class="detail_map"] + div[class="detail_writing"],
div[class="detail_map"] + div[class="detail_map"],
div[class="detail_map"] + div[class="detail_movie"],
div[class="detail_map"] + div[class^="detail_image_"],
div[class="detail_map"] + div[class^="file_"],
div[class="detail_map"] + div[class="link_l"],

div[class="detail_movie"] + div[class="detail_writing"],
div[class="detail_movie"] + div[class="detail_map"],
div[class="detail_movie"] + div[class="detail_movie"],
div[class="detail_movie"] + div[class^="detail_image_"],
div[class="detail_movie"] + div[class^="file_"],
div[class="detail_movie"] + div[class="link_l"],

div[class^="detail_image_"] + div[class="detail_writing"],
div[class^="detail_image_"] + div[class="detail_map"],
div[class^="detail_image_"] + div[class="detail_movie"],
div[class^="detail_image_"] + div[class^="detail_image_"],
div[class^="detail_image_"] + div[class^="file_"],
div[class^="detail_image_"] + div[class="link_l"],

div[class^="file_"] + div[class="detail_writing"],
div[class^="file_"] + div[class="detail_map"],
div[class^="file_"] + div[class="detail_movie"],
div[class^="file_"] + div[class^="detail_image_"],
div[class^="file_"] + div[class^="file_"],
div[class^="file_"] + div[class="link_l"],

div[class="link_l"] + div[class="detail_writing"],
div[class="link_l"] + div[class="detail_map"],
div[class="link_l"] + div[class="detail_movie"],
div[class="link_l"] + div[class^="detail_image_"],
div[class="link_l"] + div[class^="file_"],
div[class="link_l"] + div[class="link_l"] { padding-top:0px !important; }

div[class="detail_free"] > p:empty { display:none; }


/* 添付ファイル等のアイコン */
div[class^="detail_"] a[href^="/uploaded/attachment/"]:before,
div[class^="file_"] a[href^="/uploaded/life/"]:before,
div[class="link_l"] a[href^="/uploaded/life/"]:before{
	content: url(/img/icon_s.png);
	display: inline-block;
	padding-right: 1rem;
	vertical-align: middle;
}

div[class^="detail_"] a[href$=".pdf"]:before,
div[class^="file_"] a[href$=".pdf"]:before,
div[class="link_l"] a[href$=".pdf"]:before{
	content: url(/img/icon_p.png);
	display: inline-block;
	padding-right: 1rem;
	vertical-align: middle;
}
div[class^="detail_"] a[href$=".xls"]:before, div[class^="detail_"] a[href$=".xlsx"]:before,
div[class^="file_"] a[href$=".xls"]:before, div[class^="file_"] a[href$=".xlsx"]:before,
div[class="link_l"] a[href$=".xls"]:before, div[class="link_l"] a[href$=".xlsx"]:before{
	content: url(/img/icon_x.png);
	display: inline-block;
	padding-right: 1rem;
	vertical-align: middle;
}
div[class^="detail_"] a[href$=".doc"]:before, div[class^="detail_"] a[href$=".docx"]:before,
div[class^="file_"] a[href$=".doc"]:before, div[class^="file_"] a[href$=".docx"]:before,
div[class="link_l"] a[href$=".doc"]:before, div[class="link_l"] a[href$=".docx"]:before{
	content: url(/img/icon_w.png);
	display: inline-block;
	padding-right: 1rem;
	vertical-align: middle;
}
div[class^="detail_"] a[target="_blank"]:after,
.link_l a[target="_blank"]:after {
	content: url(/img/icon_pop.png);
	display: inline-block;
	padding-left: 0.6rem;
	vertical-align: middle;
}


/* section_fotter */
#section_footer {
	clear:both;
	width: 100%;
	margin: 20px 0;
	background-color: #fff;
}

#main #section_footer_title h2 {
	background-color: #969696;
	background-image: url(/img/h2bg_sf.png);
	color: #fff;
}

#section_footer_name{
	padding:10px 10px 0px 0px;
}
#main #section_footer_name h3 {
	margin-top: 0px;
	background-color: #fff;
	background-image: url(/img/h3bg_sf.png);
}

#section_footer_info {
	padding:0px 10px 20px 34px;
}


/* 評価エリア、RSSから追加 */
.system_box {
	clear:both;
/*	width:100%;*/
	padding: 0 20px 28px 0;
	background: #fff;
}


/* フェイスブック */
#facebook_area h3 {
	margin-top: 0px;
	background-color: #fff;
}
#facebook_area .button {
	padding: 4px 28px 20px;
	background-color: #fff;
}



/* 問い合わせフォーム */
/* 必須項目 */
#main_body .mandatory_text{
	color:#cc0000;
	font-weight:bold;
}

/* 注釈 */
#main_body .annotation_text{
	color:#cc0000;
}

div[class^="detail_"] img{
	max-width: 100%;
	height: auto;
}