@charset "utf-8";

/*------------------------------------------------
	common style
--------------------------------------------------*/

/* dummy PARTS */
.PARTS {
	margin: 40px 0 10px;
	padding: 8px;
	background: #cccccc;
	font-size: 120%;
	font-weight: bold;
}



/* base
--------------------------------------------------*/

h2 {
	margin-bottom: 21px;
	padding: 12px 20px 10px 25px;
	line-height: 1.3;
	font-weight: bold;
	background : transparent url(../images/bg_h2.gif) repeat-y scroll left top;
	letter-spacing:0.3em;
}
.note {
	font-size: 90%;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

/* article-header */
.article-header {
	position: relative;
	/* margin-bottom: 15px; */
	padding:0 0 25px 0;
}
* html .article-header {
	height: auto !important;
	height: 90px;
}
.article-header p.lead {
	padding: 0 20px 0;
	font-size: 117%;
}
#index p.lead {
	margin-bottom: 20px;
}
/* article-header */

.article-body{
	height:100%;
	margin-bottom:33px;
	width:647px;
	overflow:hidden;
}

/* link */
.link {
	padding: 13px 13px 5px;
	background: #f6f6f6;
}
.link p {
	margin-bottom: 8px;
}
.txtlink {
	padding-left: 18px;
	background : transparent url(../images/icon_txtlink.gif) no-repeat scroll left 2px;
}
.link a .note {
	padding-left: 0;
	text-indent: 0;
	text-decoration: none;
}

/* pagetop */
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
}
* html #pagetop {
	display: block;
	margin-top: -70px;
	position: relative;
	width: 100%;
	text-align: right;
}



/* block
--------------------------------------------------*/

/* block */
.block {
	margin-bottom: 42px;
}

/* index-block */
.index-block {
	padding-top: 28px;
	width: 675px;
}
.index-block .block {
	float: left;
	margin: 0 23px 20px 0;
	width: 312px;
}
.index-block .block span {
	display: block;
}
.index-block .block a,
.index-block .block a span {
	display: block;
	text-decoration: none;
	*zoom: 1;
	cursor: pointer;
}
* html .index-block .block a {
	display: block !important;
	zoom: 1;
}
.index-block .block .txt {
	padding: 10px 6px 8px 12px;
	background: #b2d7f1;
}
.index-block .block .txt span {
	display: block;
	padding-left: 20px;
	line-height: 1.3;
}
.index-block .block .txt span.catch {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 120%;
	background : transparent url(../images/icon_link.gif) no-repeat scroll left 1px;
}
.index-block .block .txt a {
	text-decoration: none;
}
.index-block .block .title {
	margin-bottom: 14px;
}
.index-block .block .title a {
	display: block;
	padding: 12px 10px 10px 34px;
	font-weight: bold;
	font-size: 120%;
	background : #b2d7f1 url(../images/icon_link.gif) no-repeat scroll 12px 12px;
	text-decoration: none;
	*zoom: 1;
	cursor: pointer;
}
.index-block .block .box {
	padding-bottom: 10px;
}
.index-block .block .box .img {
	width: 107px;
	float: left;
}
.index-block .block .box .ex {
	padding-right: 10px;
	width: 176px;
	float: right;
	line-height:1.6;
}
.index-block .block .box .explain {
	padding: 0 20px 0 12px;
	line-height: 1.5;
}

/* explain-block */
.explain-block {
	margin-bottom: 30px;
}
.explain-block .body {
	overflow: hidden;
	*zoom: 1;
}
.explain-block .body:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
.explain-block .body p {
	margin-bottom: 15px;
	padding: 0 20px;
	font-size: 116%;
	line-height: 1.5;
	text-align: justify;
}
.explain-block-l .figure {
	float: right;
	padding: 0 0 15px 20px;
}
.explain-block-r .figure {
	float: left;
	padding: 0 15px 20px 0;
}
.explain-block .txtlink {
	font-weight: bold;
	margin-left: 20px;
	padding-left: 21px;
	background : transparent url(../images/icon_link.gif) no-repeat scroll left 0.1em;
}


/* guide-box */
.guide-box {
	/* margin-bottom: 40px; */
}
.guide-box .figure {
	float: left;
	width: 160px;
}
.guide-box .txt {
	padding-right: 15px;
	float: right;
	width: 440px;
}
.guide-box .txt p {
	margin-bottom: 18px;
	line-height: 1.6;
}

/* explain-box */
.explain-box-l,
.explain-box-r {
	margin-bottom: 20px;
}
.explain-box-l .figure {
	width: 120px;
	float: right;
}
.explain-box-l .txt {
	padding-left: 10px;
	width: 470px;
	float: left;
}
.explain-box-r .figure {
	width: 120px;
	float: left;
}
.explain-box-r .txt {
	padding-right: 10px;
	width: 470px;
	float: right;
}
.explain-box-l .txt p,
.explain-box-r .txt p {
	line-height: 1.5;
}
.explain-box-l .figure p,
.explain-box-r .figure p {
	padding-top: 5px;
	line-height: 1.3;
	font-size: 80%;
	text-align: center;
}


/* explain-dl */
.explain-dl {
	padding: 0 12px;
}
.explain-dl dl {
	padding: 18px 0 20px;
	background: url(../../../public/images/dot_cols.gif) repeat-x left bottom;
}
.explain-dl dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}
.explain-dl dl dd {
	line-height: 1.5;
	font-size: 110%;
}


/* download-block */
.download-block {
	margin-bottom: 20px;
}
.download-block .inner {
	padding: 18px 20px 16px;
	background: #f6f6f6;
}
.download-block .title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}
.download-block .img {
	float: left;
	width: 147px;
}
.download-block .txt {
	float: right;
	width: 450px;
}
.download-block .txt p {
	line-height: 1.7;
}





/* parts
--------------------------------------------------*/

/* visual */
.visual {
	margin-bottom: 10px;
}

/* textarea */
.textarea {
	padding: 0 21px;
	line-height: 1.5;
}

/* profile */
.profile {
	margin-bottom: 40px;
	min-height: 110px;
	*height: auto !important;
	*height: 110px;
	padding: 5px 12px 5px 145px;
	background-position: left top;
	background-repeat: no-repeat;
}
.profile p {
	line-height: 1.4;
}
.profile p.note {
	margin:9px 0 0 0;
	line-height: 1.3;

}
.profile .name {
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}
/* linkbox */
.linkbox {
}
.linkbox a.inner {
	display: block;
	padding: 16px 23px 8px;
	background: #007bd0;
	color: #ffffff;
	text-decoration: none;
	*zoom: 1;
	cursor: pointer;
}
.linkbox a.inner span {
	display: block;
	margin-bottom: 8px;
	line-height: 1.3;
	text-decoration: none;
	*zoom: 1;
	cursor: pointer;
}

/* episode */
.episode {
}
.episode .head {
	margin: 0 0 20px;
	font-size: 120%;
	font-weight: bold;
}
.episode .body {
	padding-left: 5px;
	padding-bottom: 20px;
}
.episode a,
.episode span {
	display: block;
	text-decoration: none;
	*zoom: 1;
	cursor: pointer;
}
.episode .box {
	margin: 0 15px 20px 0;
	width: 295px;
	float: left;
	display:inline;
	overflow: hidden;
}
.episode .box .figure {
	float: left;
	width: 80px;
}
.episode .box .txt {
	float: right;
	width: 205px;
	min-height: 7em;
	*height: auto !important;
	*height: 7em;
}
* html .episode .box .txt {
	*height: auto !important;
	*height: 9em;
}
.episode .box .txt span {
	margin-bottom: 5px;
	line-height: 1.5;
}
.episode .box .txt .title {
	font-size: 80%;
}
.episode .box .txt .name {
	font-weight: bold;
}
.episode .box a .txt span.catch {
	text-decoration: underline;
}
.episode .box a:hover .txt span.catch {
	text-decoration: none;
}



/* table */
.tbl {
	padding: 0 20px;
}
.tbl table {
	width: 100%;
}
.tbl table th,
.tbl table td {
	padding: 10px 15px 9px 7px;
	background: url(../../../public/images/dot_cols.gif) repeat-x left bottom;
	vertical-align: top;
	text-align: left;
	line-height: 1.5;
	font-size: 120%;
}
.tbl table .head th {
	text-align: center;
	font-weight: bold;
	background: #f2f2f2;
}
.tbl table th {
	font-weight: bold;
	width: 70px;
}
.tbl table td p {
	margin-bottom: 10px;
}
.tbl table td .link {
	float: right;
	display: inline-block;
}
.tbl table td .link p {
	margin-bottom: 6px;
	font-size: 80%;
}
.tbl table td p,
.tbl table td li {
	line-height: 1.5;
}

/* img */
.img {
	text-align: center;
}

/* link-list */
.link-list {
	/* margin: 28px 0 35px */
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
.link-list td a {
	display: block;
	padding-left: 1px;
	background: url(../../../public/images/dot_rows.gif) repeat-y left top;
}
.link-list td:first-child a {
	background: none;
}
.link-list td a span {
	display: block;
	padding: 10px 7px 9px 22px;
	background : transparent url(../images/icon_txtlink.gif) no-repeat scroll 7px 11px;
}









/*------------------------------------------------
	page_index
--------------------------------------------------*/
.page_index {
	width: 670px;
}
.page_index .article-header {
	margin-bottom: 0px;
	border-bottom: 2px solid #007bd0;
}
.page_index .article-body {
	margin-bottom: 0;
	padding-bottom: 40px;
	min-height: 400px;
	*height: auto !important;
	*height: 400px;
	*overflow: visible;
	border-top:1px solid #f2f2f2;
}

/*------------------------------------------------
	page_interview
--------------------------------------------------*/
.page_interview {
}
#sub_article {
	padding:0;
}
.page_interview .article-header {
	padding-bottom: 32px;
	position: relative;
	border-bottom: 2px solid #007bd0;
}
.page_interview .article-header a.back {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	padding: 7px 5px 5px 28px;
	width: 10em;
	color: #ffffff;
	background : #007bd0 url(../images/icon_back.gif) no-repeat scroll 12px center;
	text-decoration: underline;
}
.page_interview .article-body {
	padding-bottom: 42px;
	border-top: 1px solid #f2f2f2;
}
.page_interview .article-foot {
	padding: 20px 0 20px 20px;
	background: url(../../../public/images/dot_cols.gif) repeat-x left top;
}

/*------------------------------------------------
	page_access
--------------------------------------------------*/
.page_access .article-header {
	margin-bottom: 0px;
	border-bottom: 4px solid #b2d7f1;
}
.page_access .article-body {
	padding-top: 28px;
	border-top:1px solid #f2f2f2;
}

.page_access .googlemap {
	margin-bottom: 30px;
}
.page_access .access-info {
	padding-left: 21px;
	padding-bottom: 63px;
}
.page_access .access-info .txt {
	padding: 0;
	width: 445px;
	float: left;
}
.page_access .access-info .img {
	padding-top: 13px;
	width: 160px;
	float: right;
}
.page_access .access-info .txt table {
	margin-bottom: 18px;
}
.page_access .access-info .txt table th,
.page_access .access-info .txt table td {
	padding: 10px 8px 9px;
	vertical-align: top;
	text-align: left;
}
.page_access .access-info .txt table th {
	width: 90px;
}