/*
Theme Name: 重監房資料館のテーマ
Version: 1
*/


body {
    margin:0;
    padding:0;
	color:#333333;
	font-size:0.875em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

    line-height: 18px;
    background:#f5f6ee url(img/body.png) repeat center;
}

#wrap_bg {	background:#cbd0a8;
    background: -moz-linear-gradient(top, #fffffe, #cbd0a8);
    background: -webkit-linear-gradient(top, #fffffe, #cbd0a8);
    background: linear-gradient(#fffffe, #cbd0a8);
}

#wrap {
    margin:0 auto;
    padding:0;
	width:1000px;

    margin:0 auto;
    padding:0;
	width:950px;
	background:#c4cc97;
    background: -moz-linear-gradient(top, #93b01d, #c4cc97);
    background: -webkit-linear-gradient(top, #93b01d, #c4cc97);
    background: linear-gradient(#93b01d, #c4cc97);
}

#main {
	margin:0 auto;
    padding:0;
	width:900px;
}

#header_wrap {
	width:900px;
	height:490px;
	font-size:85%;
	background:#fff url(img/header_wrap.png) repeat-x;
}

.header_left {
	width:440px;
	padding-left:10px;
	color:#202f55;
	line-height:30px;
	/*background-image:url(img/header_img.png);
	background-repeat:repeat-x;*/
	float:left;
	font-weight:bold;
	font-size:1.2em;
}

.header_right {
	width:440px;
	padding-right:10px;
	text-align:right;
	color:#202f55;
	line-height:30px;
	/*background-image:url(img/header_img.png);
	background-repeat:repeat-x;*/
	float:right;
	font-weight:bold;
	font-size:1.2em;
}

.header_title {
	width:900px;
	height:50px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align:center;
	line-height:70px;
	letter-spacing:15px;
	font-size:200%;
	font-weight:bold;
	color:#202f55;
	clear:both;
}

.header_title_right {
	width:890px;
	height:30px;
	color:#202f55;
	text-align:right;
	padding-right:10px;
	line-height:20px;
	clear:both;
}

.header_img {
	width:900px;
	height:350px;
	margin-top:-15px;
}

.navi,
.navi-eng {
	width:900px;
	height:40px;
	background-image:url(img/header_img.png);
	background-repeat:repeat-x;
	clear:both;
	padding-top:2px;
}

.navi ul,.navi-eng ul {
	margin:0;
	padding:0;
	position:relative;
	line-height:40px;
	padding-left:50px;
}

.navi li,.navi-eng li {
	float:left;
	list-style-type:none;
	border-right:1px solid #ddd;
	border-left:1px solid #fff;
}

.navi li.first,.navi-eng li.first {
	float:left;
	list-style-type:none;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

.navi li a,.navi-eng li a {
	display:block;
	text-decoration:none;
	color:#202f55;
	/*width:130px;*/
	padding-left:20px;
	padding-right:20px;
	/*background-image:url(img/header_img.png);
	background-repeat:repeat-x;*/
}

.navi li a:hover,.navi-eng li a:hover {
	background:#e5e5e5;
}

#content_wrap {
	background:#fffffe;
	width:900px;
	overflow:hidden;
}

/* top.html style */

#content_left {
	width:500px;
	margin:20px 0 10px 20px;
	float:left;
}

#content_right {
	width:340px;
	margin:20px 20px 10px 0;
	float:right;
}


.info_wide_short {
	width:490px;
	height:190px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long {
	width:490px;
	height:285px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long2 {
	width:490px;
	height:670px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long3 {
	width:490px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long4 {
	width:490px;
	height:245px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long5 {
	width:490px;
	height:590px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long6 {
	width:490px;
	height:420px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long7 {
	width:490px;
	height:305px;
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_wide_long8 {
	width: 490px;
	height: 390px;
	border: solid 1px #cccccc;
	margin-bottom: 10px;
	padding: 5px;
}

.info_small_short {
	width:330px;
	/*height:165px;*/
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.info_small_long {
	width:330px;
	/*height:285px;*/
	border:solid 1px #cccccc;
	margin-bottom:10px;
	padding:5px;
}

.news_text_area {
	padding:5px;
	height:120px;
	overflow:hidden;
}
.news_text_area_long {
	padding:5px;
	height:200px;
	overflow:hidden;
}
.news_text_area_link {
	text-align:right;
	padding-right:5px;
}

.news_text_area_link a {
	color:#333333;
}

.text_area_left {
	padding:5px;
	width:230px;
	float:left;
}

.text_area_right {
	padding:5px;
	width:230px;
	float:right;
}

.img_area_left {
	padding:5px;
	margin-top:5px;
	border:solid 1px #cccccc;
	float:left;
}

.img_area_right {
	padding:5px;
	margin-top:5px;
	border:solid 1px #cccccc;
	float:right;
}

.text_area_link {
	padding-left:5px;
}

.text_area_link a {
	color:#333333;
}

.text_area {
	padding:5px;
}

.text_area2 {
	padding:10px;
}

.small_left {
	width:90px;
	padding:5px;
	float:left;
}

.small_right {
	width:220px;
	padding:5px;
	float:right;
}

.banner {
	margin:5px 7px;

}

.btn {
	padding:5px;
	margin-top:5px;
	float:right;
}

/* main.html style */

#header {
	width:900px;
	height:100px;
	font-size:85%;
	background-color:#fffffe;
}

#content_main {
	width:900px;
	overflow:hidden;
}

#left_side {
	width:230px;
	margin-top:20px;
	float:left;
}

#right_side {
	width:640px;
	background-color:#fffffe;
	padding-left:10px;
	margin-top:1px;
	float:right;
}

.bread {
	text-align:right;
	padding-right:10px;
	line-height:40px;
	font-size:70%;
	background-color:#fffffe;
}

.bread a {
	text-decoration:none;
	color:#202f55;
}

.column_title {
	background-image:url(img/ico_01.png);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	padding-left:30px;
}

.column {
}

.column_text {
	font-size:90%;
	padding:0 25px;
	margin-bottom:70px;
}

.column_text2 {
	font-size:90%;
	padding:0 25px;
	margin-bottom:20px;
}

.column_text3 {
	font-size:90%;
	padding:0 25px;
	margin-bottom:5px;
}

.column_text4 {
	margin-top:5px;
	text-indent:inherit;
	letter-spacing:2px;
	line-height:20px;
}

.column_text5 {
	font-size:90%;
	padding:0px 10px 0px 10px;
	margin-bottom:0px;
}

/* main.html leftside style */

.menu,.menu-eng { width:230px; }
.menu .parent a,
.menu-eng .parent a { display:block; width:215px; background:#f1f3e4; line-height:60px; padding-left:15px; margin-bottom:1px; text-decoration:none; color:#333; }
.menu .parent a:hover,.menu-eng .parent a:hover { background:#ffc; }
.menu .parent a.current,.menu-eng .parent a.current { display:block; width:215px; background:#f1f3e4; line-height:60px; padding-left:15px; margin-bottom:1px; text-decoration:underline; color:#333; background:#ffc; }
.menu .child ,.menu-eng .child { background:#ffc; }
.menu ul.child,.menu-eng ul.child { margin:-1px 0 1px 0; padding:15px 15px 15px 40px; list-style-type:upper-alpha; font-size:0.9em; line-height:1.8; }
.menu ul.child a,.menu-eng ul.child a { text-decoration:none; color:#333; }
.menu ul.child a:hover,.menu-eng ul.child a:hover { text-decoration:underline; }


.detail_title {
	text-decoration:underline;
	margin-left:0;
	padding-left:15px;
}

.no_line {
	border-bottom:none;
}
/* Footer Area */

#footer_wrap {
	width:950px;
	height:100px;
	font-size:90%;
	clear:both;
}

.footer_link {
}

.footer_link ul {
	text-align:center;
}

.footer_link li {
	display:inline;
	list-style-type:none;
}

.footer_link li a {
	text-decoration:none;
	color:#333333;
	padding:0 10px;
}

.footer {
	text-align:center;
}

.middle_font {
	font-size:120%;
}

ul#breadcrumb_list li { float:left; list-style:none; }
ul#breadcrumb_list h1 { float:left; display:inline; font-size:12px; color:#ffffff; font-weight:normal; padding:2px 0 0 0; margin:0; line-height:18px; }
ul#breadcrumb_list a { background:url(img/bread.png) no-repeat right; padding-right:20px; margin-right:10px; }

.clr { clear:both; line-height:1; }

strong.small-heading { font-weight:bold; text-decoration:underline; }

table.tbl{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
  width:100%;
}
table.tbl th,td{
  vertical-align:top;
  border:solid 1px #ccc;
  font-weight:normal;
  text-align:left;
  padding:10px;
  width:33.33333333333333333333333333333333333333333333333%;
}
table.tbl th{
  background:#eee;
  font-weight:bold;
}


table.tbl_calender{
  border:none;
  border-spacing:0;
  width:100%;
}
table.tbl_calender td{
  border:none;
  border-spacing:0;
  font-weight:normal;
  width:50%;
}


/* Slide */
.viewer00 { margin:0 auto; width:900px; height:300px; text-align:left; overflow:hidden; position:relative; }
.viewer00 img { top:0; left:0; position:absolute; }

.viewer01 { margin:0 auto; width:235px; height:205px; text-align:left; overflow:hidden; position:relative; }
.viewer01 img { top:0; left:0; position:absolute; }

.viewer02 { margin:0 auto; width:235px; height:205px; text-align:left; overflow:hidden; position:relative; }
.viewer02 img { top:0; left:0; position:absolute; }


.navi { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.menu { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

.navi-eng { font-family:sans-serif; }
.menu-eng { font-family:sans-serif; }

/* label */

.label {
  display: inline-block;
  padding: .2em .6em .3em;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

/* blockquote */
blockquote.primary { border-left:3px solid #9fcef7; padding:10px; margin:0 0 0 10px; font-size:0.85em; }
blockquote.success { border-left:3px solid #a9eaa9; padding:10px; margin:0 0 0 10px; font-size:0.85em; }
blockquote.danger { border-left:3px solid #f5aaa8; padding:10px; margin:0 0 0 10px; font-size:0.85em; }










/* Firefox hack ---------- */
@-moz-document url-prefix() {
    .header_img {
		width: 900px;
		height: 350px;
		margin-top: 0px;
		position:relative;
		top:0;
		left:0;
}
}


/* 2015.08.11 */
#Container{
	width:812px;
	margin:0 auto;
	text-align: left;
}

div.px625{
	float:right;
	width:625px;
	height:100%;
	margin-right:6px;
}

div.titleback{
	background:url(http://sjpm.hansen-dis.jp/wp/wp-content/uploads/wordpress_template/bg_title_bar.jpg) no-repeat;
	font-size:large;
	font-weight:bold;
	width:632px;
	height:45px;
	margin:0px 0px;
	vertical-align:middle;
	text-indent:0.5em;
}
div.titleback h2{
	position:relative;
	top:30%;
}

div.px625txt{
	margin:10px 2em;
	line-height:150%;
}

div.px625subtitle{
	margin:20px 0px;
	line-height:150%;
}
div.px625subtitle img{
	margin:0px 10px;
}

table.sample1{
	border-top:1px solid #B7686D;
	border-left:1px solid #B7686D;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.sample1 th{
	border-left:1px solid #B7686D;
	border-right:1px solid #B7686D;
	border-bottom:1px solid #B7686D;
	color:#ffffff;
	background-color:#B7686D;
	background-position:left top;
	padding:0.3em 0.6em;
	text-align:center;
}
.sample1 td{
	border-left:1px solid #B7686D;
	border-right:1px solid #B7686D;
	border-bottom:1px solid #B7686D;
	padding:0.3em 0.6em;
	text-align:center;
}

table.sample2{
	border-top:1px solid #3F48CC;
	border-left:1px solid #3F48CC;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.sample2 th{
	border-left:1px solid #3F48CC;
	border-right:1px solid #3F48CC;
	border-bottom:1px solid #3F48CC;
	color:#ffffff;
	background-color:#3F48CC;
	background-position:left top;
	padding:0.3em 0.6em;
	text-align:center;
}
.sample2 td{
	border-left:1px solid #3F48CC;
	border-right:1px solid #3F48CC;
	border-bottom:1px solid #3F48CC;
	padding:0.3em 0.6em;
	text-align:left;
}

table.sample3{
	border-top:1px solid #B3C26C;
	border-left:1px solid #B3C26C;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.sample3 th{
	border-left:1px solid #B3C26C;
	border-right:1px solid #B3C26C;
	border-bottom:1px solid #B3C26C;
	color:#ffffff;
	background-color:#95B122;
	background-position:left top;
	padding:0.3em 0.6em;
	text-align:center;
}
.sample3 td{
	border-left:1px solid #B3C26C;
	border-right:1px solid #B3C26C;
	border-bottom:1px solid #B3C26C;
	padding:0.3em 0.6em;
	text-align:center;
}

.sougei{
	width: 100%;
	border-collapse: collapse;
}

.sougei td{
	padding: 4px;
	border: none;
	valign: top;
	align: left;
	line-height: 1.2;
	letter-spacing: 0em;
}

/*追加 other info*/
#otherinfo {padding:5px;}
#otherinfo h2 {font-size:17px; font-weight: normal;}
#otherinfo h2 span{ margin-right:5px; border-top-left-radius:5px;border-bottom-left-radius:5px; padding:5px 10px 5px 5px; background:#58b38b; color: #fff;}
#otherinfo table { width:320px; font-size:12px; border-spacing:0;border-top: 1px solid #000; border-left: 1px solid #000;}
#otherinfo table tr td,#otherinfo table tr th{border-bottom: 1px solid #000;border-right: 1px solid #000;  padding:5px !important;}
#otherinfo table tr th{background:#869fe1; color: #fff;}
#otherinfo table tr td.capt{ background:#d4daf8; color:#e6794e; text-align:center}
/*英語用スタイル*/
.size{ color:#000; line-height:145% !important; font-size:18px;}

// 2017.04.19
div.hansendis_title{
	margin:1em 0em 1em 0em;
	padding-left:0em;
	padding-bottom:0.5em;
	line-height:150%;
	width:100%;
}

#hansendis_content{
	text-align:left;
	width:100%;
	margin-top:0em;
	margin-left:0px;
	line-height:150%;
 }

#hansendis_content h3{
	display:inline;
	padding:0.3em;
	text-align:left;
}

#hansendis_content .index{
	background:none;
	display:block;
	border-left:#95b123 4px solid;
	border-bottom:#95b123 1px solid;
	padding:2px;
	text-align:left;
	width:775px;
}

div.hansendis_subtitle{
	margin:0em 0em 0em 0.3em;
	color: #333333;
	font-size: 130%;
	font-weight: 550;
}

div.hansenmenu_title{
	margin:1em 0em 1em 0em;
	padding-left:0em;
	padding-bottom:0em; //0.5
	line-height:100%; //150
}

#hansenmenu_content{
	text-align:left;
	margin-top:0em;
	margin-left:0px;
	line-height:150%;
 }

#hansenmenu_content h3{
	display:inline;
	padding:0.3em;
	text-align:left;
}

#hansenmenu_content .index{
	background:none;
	display:block;
	border-left:#95b123 4px solid;
	padding:2px;
	text-align:left;
}

div.hansenmenu_subtitle2{
	margin:0em 0em 0em 0.3em;
	color: #333333;
	font-weight: 550;
}

.sougei{
	width: 100%;
	border-collapse: collapse;
}

.sougei td{
	padding: 4px;
	border: none;
	valign: top;
	align: left;
	line-height: 1.2;
	letter-spacing: 0em;
}

table.publication{
	width:98%;
	border:#666666 1px solid;
	border-collapse:collapse;
}

table.publication td{
	border:#666666 1px solid;
	padding:5px;
}

table.publication td span{
	font-size:larger;
	font-weight:bold;
}

/* 中国語ページ */

.page-template-chn-index .chn-salutation,
.page-template-chn-index .chn-aboutus,
.page-template-chn-index .chn-exhibition,
.page-template-chn-index .chn-visitos,
.page-template-chn-index .chn-observe,
.page-template-chn-index .chn-knowledge,
.page-template-chn-index .chn-leaflet {
	font-size: larger;
	line-height: 1.8em;
}

.page-template-chn-index .news_text_area2 {
	padding: 5px;
	height: 130px;
	overflow: hidden;
}

.page-template-chn-index .chn-aboutus .chn-image-wrapper{
	margin: 0 auto;
	width: 235px;
	height: 168px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.page-template-chn-index .chn-exhibition .chn-image-wrapper {
	width: 235px;
	height: 247px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.page-template-chn-index .chn-visitors .chn-image-wrapper {
	margin: 0 auto;
	width: 235px;
	height: 168px;
	overflow: hidden;
	position: relative;
}

.chn-image-wrapper img {
	max-width: 100%;
}

.page-template-chn-index .viewer00 { margin:0 auto; width:900px; height:350px; text-align:left; overflow:hidden; position:relative; }
.page-template-chn-index .viewer00 img { top:0; left:0; position:absolute; }