@charset "utf-8";
/* Base
-------------------------------------------------- */
body {
	background-color: #FFF;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.813em;
}

.container {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}

p {
	line-height: 1.6;
}

a {
	color: #6C9451;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.dl01 dt {
	clear: left;
	float: left;
	width: 5em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.dl01 dd {
	border-bottom: 1px dotted #CCC;
	line-height: 1.6;
	margin-bottom: 10px;
	padding: 0 0 5px 5em;
}

.dl02 dt {
	font-weight: bold;
	line-height: 1.6;
}

.dl02 dd {
	border-bottom: 1px dotted #CCC;
	line-height: 1.6;
	margin-bottom: 10px;
	padding: 0 0 5px 0;
}

.dl03 dt {
	clear: left;
	float: left;
	width: 12em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.dl03 dd {
	border-bottom: 1px dotted #CCC;
	line-height: 1.6;
	margin-bottom: 10px;
	padding: 0 0 5px 12em;
}

.dl01 dd a,
.dl02 dd a,
.dl03 dd a {
	line-height: 1.6;
}

.imageBorder {
	border: 1px solid #D3D3D3;
}

.del {
	text-decoration: line-through;
}

.blue {
	color: #009;
}

.caption {
	font-size: 0.82em;
	line-height: 1.4 !important;
	margin-top: 5px;
}

.blink {
	-webkit-animation: 1s linear 0s alternate none infinite running blink;
	   -moz-animation: 1s linear 0s alternate none infinite running blink;
	        animation: 1s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
	0% { opacity: 0; }
	19.9% { opacity: 0; }
	20% { opacity: 1; }
	100% { opacity: 1; }
}
@-moz-keyframes blink {
	0% { opacity: 0; }
	19.9% { opacity: 0; }
	20% { opacity: 1; }
	100% { opacity: 1; }
}
@keyframes blink {
	0% { opacity: 0; }
	19.9% { opacity: 0; }
	20% { opacity: 1; }
	100% { opacity: 1; }
}

/* J-HARPのnewのスタイル */
#themes .themesBox .themesTitle span.blink {
	color: #F00;
	font-size: 0.923em;
	font-weight: bold;
}



/* Global Header
-------------------------------------------------- */
#globalHeader {
	background: url(../images/bg_001.jpg);
	padding-top: 20px;
}

#globalHeader .logo {
	float: left;
}

#globalHeader .headerInner {
	overflow: hidden;
}

#globalHeader .headerInner .utility {
	float: right;
	padding: 2px 0;
}

#globalHeader .utility li {
	display: inline;
	margin-left: 20px;
}

#globalHeader .utility li a {
	background: url(../images/icon_arrow_003.png) no-repeat left 4px;
	font-size: 0.846em;
	font-weight: bold;
	padding-left: 15px;
}

#globalHeader #btnLang {
	float: right;
	margin-top: 20px;
}

#globalHeader #btnLang ul li {
	float: left;
}

#globalHeader #btnLang ul li a {
	display: block;
	width: 125px;
	height: 26px;
	background: url(../images/bg_lang.png) no-repeat -125px 0;
	color: #2D287F;
	font-size: 0.846em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 2.3;
}

#globalHeader #btnLang ul li a:hover {
	background-position: 0 0;
	color: #FFF;
}

.jp #globalHeader #btnLang ul .lang001 a {
	background-position: 0 0;
	color: #FFF;
}

.en #globalHeader #btnLang ul .lang002 a {
	background-position: 0 0;
	color: #FFF;
}



/* Main Visual
-------------------------------------------------- */
#mainVisual {
	position: relative;
	z-index: 50;
	background: url(../images/bg_001.jpg);
	border-bottom: 1px solid #D5D5D5;
}

#mainVisual .slider {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 290px;
	margin: 0 auto;
}

#mainVisual .slider .sliderList {
	position: absolute;
	top: 0;
	left: 50%;
	width: 3760px;
	margin-left: -1410px;
}

#mainVisual .slider .sliderList li {
	float: left;
	width: 940px;
	height: 290px;
}

#mainVisual .sliderOverlay {
	position: absolute;
	left: 50%;
	top: 0;
	width: 940px;
	height: 290px;
	background: url(../images/home/overlay_mainvisual.png);
	z-index: 60;
}

#mainVisual .overlayLeft { margin-left: -1410px; }
#mainVisual .overlayRight { margin-left: 470px; }

#mainVisual .catch {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -470px;
	z-index: 55;
}

#mainVisual .mainVisualLower {
	width: 940px;
	height: 150px;
	background: url(../images/pic_mainvisual.jpg) no-repeat left top;
	margin: 0 auto;
}

#mainVisual .mainVisulLower div {
	width: auto;
	height: 20px;
}

#mainVisual .mainVisualLower p {
	display: inline-block;
	background: url(../images/bg_003.png);
	color: #2D2980;
	font-size: 1.231em;
	font-weight: bold;
	margin: 45px 0 0 0px;
	padding: 10px 15px 10px 30px;
}

#mainVisual .mainVisualLower p span {
	color: #666;
	font-size: 0.692em;
	font-weight: bold;
}



/* Gnav
-------------------------------------------------- */
#globalNav {
	position: relative;
	width: 100%;
	z-index: 100;
}


/* gnav001 gnav002 */
#globalNav #gnav001 {
	height: 55px;
	background: url(../images/bg_gnav_001.jpg) repeat-x left top;
}

#globalNav #gnav002 {
	height: 66px;
	background: url(../images/bg_gnav_002.jpg) repeat-x left top;
}

#gnav001 ul,
#gnav002 ul {
	overflow: hidden;
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding-top: 5px;
}

#gnav002 ul {
	padding-top: 8px;
}

#gnav001 ul li,
#gnav002 ul li {
	float: left;
}

#gnav001 ul li a,
#gnav002 ul li a {
	height: 50px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#gnav001 ul .gnav0011, #gnav002 ul .gnav0021 { width: 157px; }
#gnav001 ul .gnav0012, #gnav002 ul .gnav0022 { width: 157px; }
#gnav001 ul .gnav0013, #gnav002 ul .gnav0023 { width: 156px; }
#gnav001 ul .gnav0014, #gnav002 ul .gnav0024 { width: 156px; }
#gnav001 ul .gnav0015, #gnav002 ul .gnav0025 { width: 157px; }
#gnav001 ul .gnav0016, #gnav002 ul .gnav0026 { width: 157px; }

/* gnav001 */
.jp #gnav001 ul .gnav0011 { background: url(../images/gnav_001.png) no-repeat 0 0; }
.jp #gnav001 ul .gnav0012 { background: url(../images/gnav_001.png) no-repeat -157px 0; }
.jp #gnav001 ul .gnav0013 { background: url(../images/gnav_001.png) no-repeat -314px 0; }
.jp #gnav001 ul .gnav0014 { background: url(../images/gnav_001.png) no-repeat -470px 0; }
.jp #gnav001 ul .gnav0015 { background: url(../images/gnav_001.png) no-repeat -626px 0; }
.jp #gnav001 ul .gnav0016 { background: url(../images/gnav_001.png) no-repeat -783px 0; }
.en #gnav001 ul .gnav0011 { background: url(../../en/common/images/gnav_001.png) no-repeat 0 0; }
.en #gnav001 ul .gnav0012 { background: url(../../en/common/images/gnav_001.png) no-repeat -157px 0; }
.en #gnav001 ul .gnav0013 { background: url(../../en/common/images/gnav_001.png) no-repeat -314px 0; }
.en #gnav001 ul .gnav0014 { background: url(../../en/common/images/gnav_001.png) no-repeat -470px 0; }
.en #gnav001 ul .gnav0015 { background: url(../../en/common/images/gnav_001.png) no-repeat -626px 0; }
.en #gnav001 ul .gnav0016 { background: url(../../en/common/images/gnav_001.png) no-repeat -783px 0; }

/* gnav002 */
.jp #gnav002 ul .gnav0021 { background: url(../images/gnav_002.png) no-repeat 0 0; }
.jp #gnav002 ul .gnav0022 { background: url(../images/gnav_002.png) no-repeat -157px 0; }
.jp #gnav002 ul .gnav0023 { background: url(../images/gnav_002.png) no-repeat -314px 0; }
.jp #gnav002 ul .gnav0024 { background: url(../images/gnav_002.png) no-repeat -470px 0; }
.jp #gnav002 ul .gnav0025 { background: url(../images/gnav_002.png) no-repeat -626px 0; }
.jp #gnav002 ul .gnav0026 { background: url(../images/gnav_002.png) no-repeat -783px 0; }
.en #gnav002 ul .gnav0021 { background: url(../../en/common/images/gnav_002.png) no-repeat 0 0; }
.en #gnav002 ul .gnav0022 { background: url(../../en/common/images/gnav_002.png) no-repeat -157px 0; }
.en #gnav002 ul .gnav0023 { background: url(../../en/common/images/gnav_002.png) no-repeat -314px 0; }
.en #gnav002 ul .gnav0024 { background: url(../../en/common/images/gnav_002.png) no-repeat -470px 0; }
.en #gnav002 ul .gnav0025 { background: url(../../en/common/images/gnav_002.png) no-repeat -626px 0; }
.en #gnav002 ul .gnav0026 { background: url(../../en/common/images/gnav_002.png) no-repeat -783px 0; }

/* on1 */
#gnav001 ul .gnav0011:hover, #gnav002 ul .gnav0021:hover { background-position: 0 -50px; }
#gnav001 ul .gnav0012:hover, #gnav002 ul .gnav0022:hover { background-position: -157px -50px; }
#gnav001 ul .gnav0013:hover, #gnav002 ul .gnav0023:hover { background-position: -314px -50px; }
#gnav001 ul .gnav0014:hover, #gnav002 ul .gnav0024:hover { background-position: -470px -50px; }
#gnav001 ul .gnav0015:hover, #gnav002 ul .gnav0025:hover { background-position: -626px -50px; }
#gnav001 ul .gnav0016:hover, #gnav002 ul .gnav0026:hover { background-position: -783px -50px; }

/* on2_1 */
#greeting #gnav001 ul .gnav0011 { background-position: 0 -50px; }
#public #gnav001 ul .gnav0012 { background-position: -157px -50px; }
#introduce #gnav001 ul .gnav0013 { background-position: -314px -50px; }
#interest #gnav001 ul .gnav0015 { background-position: -626px -50px; }
#site #gnav001 ul .gnav0016 { background-position: -783px -50px; }

/* on2_2 */
#themes #gnav002 ul .gnav0021 { background-position: 0 -50px; }
#discussion #gnav002 ul .gnav0022 { background-position: -157px -50px; }
#video #gnav002 ul .gnav0023 { background-position: -314px -50px; }
#societyreport #gnav002 ul .gnav0024 { background-position: -470px -50px; }
#result #gnav002 ul .gnav0025 { background-position: -626px -50px; }
#letter #gnav002 ul .gnav0026 { background-position: -783px -50px; }


/* pull */
#gnav002 ul.pull {
	position: absolute;
	display: none;
	width: 155px;
	height: auto;
	min-width: 155px;
	border: 1px solid #1163B7;
	border-top: none;
	background: url(../images/bg_pull_001.png);
	margin: 0;
	padding-top: 0;
}

#gnav002 ul.pull li {
	float: none;
}

#gnav002 ul.pull li:first-child {
	background: url(../images/bg_pull_003.png) no-repeat center top;
}

#gnav002 ul.pull li a {
	display: block;
	width: auto;
	height: auto;
	border-top: 1px dotted #FFF;
	color: #FFF;
	text-indent: 0;
	line-height: 1.6;
	padding: 15px;
	white-space: normal;
}

#gnav002 ul.pull li a:hover {
	background: url(../images/bg_pull_002.png);
	font-weight: bold;
	text-decoration: none;
}

#gnav002 ul.pull li:first-child a {
	border-top: none;
}



/* Content
-------------------------------------------------- */
#content {
	overflow: hidden;
	margin-top: 30px;
}

#content #mainL,
#content #mainR {
	width: 460px;
}

#content #mainL {
	float: left;
}

#content #mainR {
	float: right;
}

#content #main02 {
	float: left;
	width: 700px;
}

#content #side {
	float: right;
	width: 220px;
}

#content #side .sideSection {
	background: #FFF;
	border: 1px solid #D3D3D3;
	margin-bottom: 20px;
	padding: 10px;
}

#content #side .sideBanner li {
	margin-bottom: 15px;
}

#content #side .sideBanner li img {
	border: 1px solid #D3D3D3;
}

#content #side .sideBanner li img:hover {
	border: 1px solid #8DBE65;
}

#topicsPath {
	width: 100%;
	height: 11px;
	background: url(../images/bg_004.jpg);
	padding: 6px 0 8px;
}

#topicsPath ul {
	width: 940px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px;
}

#topicsPath ul li {
	display: inline;
	font-size: 0.846em;
	margin-right: 10px;
}

.current {
	color: #333;
	font-weight: bold;
}



/* Global Footer
-------------------------------------------------- */
#footerBanner {
	overflow: hidden;
	width: 940px;
	border-top: 1px dotted #D3D3D3;
	margin: 50px auto 0;
	padding-top: 20px;
}

#footerBanner.footerBanner2 {
	border: none;
	margin-top: 30px;
	padding-top: 0;
}

#footerBanner ul li {
	float: left;
	margin: 0 20px 15px 0;
}

#footerBanner.footerBanner2 ul li {
	margin-bottom: 0;
}

#footerBanner ul li.footerBannerLast {
	margin-right: 0;
}

#footerBanner ul li img {
	border: 1px solid #D3D3D3;
}

#footerBanner ul li img:hover {
	border: 1px solid #8DBE65;
}

#backTop001 {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
	margin-top: 50px;
}

#backTop001 a {
	display: block;
	float: right;
}

#globalFooter {
	background: url(../images/bg_001.jpg);
	border-top: 1px solid #D5D5D5;
	margin-top: -1px;
	padding-top: 15px;
}

#globalFooter .footerNavBlock {
	float: left;
	width: 172px;
	margin-right: 20px;
	padding-top: 3px; /* overflowで見切れるブラウザへの対処 */
}

#globalFooter .footerNavBlockLast {
	margin-right: 0;
}

#globalFooter .footerNavBlock ul li {
	font-size: 0.923em;
	margin-bottom: 15px;
}

#globalFooter .footerNavBlock ul li a {
	background: url(../images/icon_arrow_001.png) no-repeat left 4px;
	color: #666666;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
	padding-left: 15px;
}

#globalFooter .footerNavBlock ul li a:hover {
	color: #333;
}

#globalFooter .footerNavBlock ul li ul {
	border-top: 1px dotted #A6A6A6;
	margin: 3px 0 25px;
	padding-top: 12px;
}

#globalFooter .footerNavBlock ul li ul li {
	background: url(../images/icon_list_001.png) no-repeat left top;
	padding-left: 10px;
}

#globalFooter .footerNavBlock ul li ul li a {
	background: none;
	color: #6C9451;
	font-weight: normal;
	text-decoration: underline;
	line-height: 1.4;
	padding: 0;
}

#globalFooter .footerNavBlock ul li ul li a:hover {
	color: #6C9451;
	text-decoration: none;
}

#globalFooter #copy {
	background: url(../images/bg_002.jpg);
	padding: 15px 0;
}

#globalFooter #copy ul {
	float: left;
}

#globalFooter #copy ul li {
	display: inline;
	margin-right: 20px;
}

#globalFooter #copy ul li a {
	background: url(../images/icon_arrow_002.png) no-repeat left 4px;
	color: #FFF;
	font-size: 0.769em;
	padding-left: 10px;
}

#globalFooter #copy p {
	color: #FFF;
	font-size: 0.769em;
	text-align: right;
}



/* Page
-------------------------------------------------- */
#content .pageLink {
	overflow: hidden;
	background: url(../images/bg_005.jpg);
	border: 3px solid #f2f2f2;
	margin-bottom: 20px;
	padding: 20px;
}

#content .pageLink ul li {
	float: left;
	background: url(../images/icon_arrow_007.png) no-repeat left center;
	margin-right: 25px;
	padding-left: 15px;
}

#content .section {
	background: #FFF;
	border: 1px solid #D3D3D3;
	padding: 15px;
	margin-bottom: 40px;
}

#content .section02 {
	overflow: hidden;
	margin-bottom: 50px;
}

#content .section03 {
	overflow: hidden;
	margin-bottom: 40px;
}

#content .section h3 {
	background: url(../images/bg_004.jpg);
	border-left: 2px solid #3561BC;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
	padding: 5px 10px;
}

#content .section h4 {
	border-left: 4px solid #CCC;
	border-bottom: 1px dotted #CCC;
	font-size: 1.154em;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
	padding: 0 0 3px 10px;
}

#content .section h5 {
	color: #0066cc;
	font-weight: bold;
	margin-bottom: 5px;
}

#content .section p {
	line-height: 1.6;
	margin-bottom: 15px;
}

#content .section p.lead {
	border-top: 2px solid #6C9451;
	border-bottom: 2px solid #6C9451;
	color: #555;
	font-size: 1.308em;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
}

.en #content .section p.lead {
	font-size: 1.077em;
	text-align: left;
}

#content .section ul {
	margin: 20px 0;
}

#content .section ul li {
	background: url(../images/icon_arrow_003.png) no-repeat left 4px;
	line-height: 1.6;
	margin: 10px 0;
	padding-left: 15px;
}

#content .section ol li {
	list-style-type: decimal;
	line-height: 1.6;
	margin: 10px 0 10px 21px;
}

#content .section table {
	margin: 20px 0;
}

#content .section table th {
	background: #e8eef4;
	border: 1px solid #DDD;
	color: #2E5696;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

#content .section table td {
	border: 1px solid #DDD;
	line-height: 1.6;
	vertical-align: middle;
	padding: 7px 10px;
}

#content .section table th a,
#content .section table td a {
	line-height: 1.6;
}

#content .section .thumb {
	float: right;
	border: 1px solid #D3D3D3;
	margin: 0 0 10px 10px;
}

/*.jp #content .more {
	float: right;
	display: block;
	width: 80px;
	height: 25px;
	background: url(../images/btn_more_001.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 10px;
}

.jp #content .more:hover {
	background-position: 0 -25px;
}*/

.more {
	float: right;
	display: block;
	background: #E76712;
	border: 1px solid #C85000;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	color:#FFF;
	font-size: 0.923em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px 0 30px;
	padding: 10px 15px;
}

.more:hover {
	background: #C85000;
}

.en #content .more {
	float: right;
	display: block;
	width: 80px;
	height: 25px;
	background: url(../../en/common/images/btn_more_001.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 10px;
}

.en #content .more:hover {
	background-position: 0 -25px;
}

#content .button {
	display: inline-block;
	width: auto;
	height: 36px;
	background: url(../images/bg_button_001.jpg) repeat left;
	border: 1px solid #26226D;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color: #FFF;
	font-weight: bold;
	line-height: 2.7;
	text-align: center;
	text-decoration: none;
	padding: 0 15px;
}

#content .button:hover {
	background: url(../images/bg_button_002.jpg) repeat left;
}

#content .section .backTop002 {
	overflow: hidden;
	margin: 10px 0 0 0;
	padding-top: 5px;
}

#content .section .backTop002 a {
	float: right;
	background: url(../images/icon_arrow_006.png) no-repeat left center;
	padding-left: 15px;
}

#content .section .sectionContact {
	overflow: hidden;
	background: url(../images/bg_005.jpg);
	margin-top: 30px;
	padding: 15px;
}

#content .section .sectionContact p {
	border-left: 2px solid #E86208;
	font-weight: bold;
	padding-left: 10px;
}

#content .section .sectionContact .tel {
	float: left;
	border-right: 1px dotted #D5D5D5;
	margin-right: 30px;
	padding-right: 30px;
}

#content .section .sectionContact .mail {
	float: left;
}


/* Home */
#home #content .section {
	margin-bottom: 0;
}

#home .semev {
	margin-top: 30px;
}

#home .news .newsList > dt {
	clear: left;
	float: left;
	width: 12em;
	color: #666;
	font-size: 0.923em;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 12px;
	padding-top: 12px;
}

#home .news .newsList > dt:first-child {
	margin-top: 0;
	padding-top: 0;
}

#home .semev .semevList > dt {
	background: #EAEAEA;
	border-left: 2px solid #3561BC;
	font-size: 0.923em;
	font-weight: bold;
	line-height: 1.4;
	margin: 30px 0 10px;
	padding: 5px 10px;
}

#home .semev .semevList > dt:first-child {
	margin-top: 0;
}

#home .news .newsList > dt span,
#home .semev .semevList > dt span {
	color: #F00;
	font-weight: bold;
}

#home .news .newsList > dd{
	border-top: 1px dotted #D3D3D3;
	font-size: 0.923em;
	line-height: 1.6;
	margin-top: 12px;
	padding: 12px 0 0 12em;
}

#home .news .newsList > dt:first-child + dd {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

#home .semev .semevList > dd {
	font-size: 0.923em;
	line-height: 1.6;
}

#home .news .newsList > dd a,
#home .news .newsList > dd strong,
#home .news .newsList > dd span,
#home .semev .semevList > dd a,
#home .semev .semevList > dd strong,
#home .semev .semevList > dd span {
	line-height: 1.6;
}

#home .newsList dd dl,
#home .semevList dd dl {
	margin: 15px 0;
}

#home .newsList dd dl dt,
#home .semevList dd dl dt {
	clear: left;
	float: left;
	width: 6em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 5px;
}

#home .newsList dd dl dd,
#home .semevList dd dl dd {
	line-height: 1.6;
	margin-bottom: 5px;
	padding: 0 0 0 6em;
}


/* News */
#news .section .dl01 dt {
	clear: left;
	float: left;
	width: 8em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#news .section .dl01 dd {
	border-bottom: 1px dotted #CCC;
	line-height: 1.6;
	margin-bottom: 10px;
	padding: 0 0 5px 8em;
}


/* Greeting */
#greeting .section .grIso {
	float: right;
	margin: 0 0 10px 10px;
}


/* Public */
#public blockquote {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-style: italic;
	color: #666;
	line-height: 1.8;
}

#public blockquote:before {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	content: "“";
	font-size: 1.286em;
}

#public blockquote:after {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	content: "”";
	font-size: 1.286em;
}


/* Introduce */
#introduce .introBox {
	overflow: hidden;
	border-left: 3px solid #CCC;
	margin-bottom: 50px;
	padding-left: 10px;
}

#introduce .profContainer .introBox {
	margin-bottom: 20px;
}

#introduce .introBox .introDetail {
	float: left;
	width: 533px;
}

#introduce .introDetail .introPost {
	color: #2D2980;
	font-size: 0.846em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
}

#introduce .introDetail .introName {
	border-bottom: 1px dotted #CCC;
	font-size: 1.231em;
	font-weight: bold;
}

#introduce .introDetail .introName span {
	font-size: 0.692em;
}

#introduce .introDetail dl {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#introduce .introDetail dl dt {
	clear: left;
	float: left;
	width: 6em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 5px;
}

#introduce .introDetail dl dd {
	line-height: 1.6;
	margin-bottom: 5px;
	padding: 0 0 0 6em;
}

#introduce .introDetail dl dd a {
	line-height: 1.6;
}

#introduce .introBox .profile {
	margin-bottom: 0;
}

#introduce .introBox img {
	float: right;
	border: 1px solid #D5D5D5;
	padding: 3px;
}

#introduce ul.introList li {
	background: none;
	color: #555;
	font-weight: bold;
	font-size: 1.154em;
	line-height: 1;
	margin: 0;
	padding: 15px;
}

#introduce ul.introList li .prLink {
	float: right;
	background: url(../images/icon_arrow_003.png) no-repeat left 2px;
	font-size: 0.923em;
	font-weight: bold;
	padding-left: 15px;
}

#introduce ul.introList li .prLink a {
	font-weight: bold;
}

#introduce ul.introList .even {
	background: url(../images/bg_005.jpg);
}

#introduce ul.introList li span {
	color: #000;
	font-size: 0.692em;
}

.profile .profBox {
	margin-bottom: 20px;
	padding-left: 10px;
}

.profile #content .section .profBox .profList {
	margin-top: 0;
}

.profile #content .section .profBox .profList li {
	background-image: none;
	border-bottom: 1px dotted #D5D5D5;
	font-size: 0.923em;
	margin: 0;
	padding: 7px 10px;
}

.profile .profBox .profList li:first-child {
	border-top: 1px dotted #D5D5D5;
}

.profile #content .section .profBox .profList li.even {
	background: url(../images/bg_005.jpg);
}


/* Site */
#site table.siteTable th {
	text-align: left;
	vertical-align: top;
}


/* Themes */
#themes .themesBox {
	float: left;
	width: 311px;
	border-left: 3px solid #CCC;
	margin: 0 20px 30px 0;
	padding-left: 10px;
}

#themes .themesBoxRight {
	margin-right: 0;
}

#themes .themesBox .themesTitle {
	border-bottom: 1px dotted #CCC;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#themes .themesBox .themesTitle span {
	color: #2D2980;
	font-size: 0.615em;
	font-weight: bold;
}

#themes .themesBox .themesDetail p {
	margin-bottom: 5px;
}

#themes .themesBox .themesDetail .themesMore {
	margin-bottom: 0;
}

#themes .section .thPicRight {
	float: right;
	margin: 0 0 10px 10px;
}

#themes .section .thPicLeft {
	float: left;
	margin: 0 10px 10px 0;
}

#themes .yobou .chikusei {
	background: url(../images/themes/pic_yobou_001.jpg) no-repeat right bottom;
}

#themes .dlVideo {
	overflow: hidden;
	background: url(../images/bg_005.jpg);
	margin-top: 30px;
	padding: 15px;
}

#themes .dlVideo p {
	margin: 15px 0 0 0;
}

#themes .dlVideo p.title {
	border-left: 2px solid #E86208;
	font-weight: bold;
	margin-top: 0;
	padding-left: 10px;
}

#themes .jharpList {
	overflow: hidden;
}

#themes .jharpList ul {
	float: left;
	margin: 0 60px 0 0;
}

#themes .dlLink {
	width: 520px;
	margin: 40px 0;
}

#themes .dlLink a {
	display: block;
	background: #f19000 url(../images/icon_dl.png) no-repeat 27px 41px;
	border-bottom: 5px solid #ca7b06;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	border-radius: 3px;
}

#themes .dlLink a:hover {
	background-color: #ca7b06;
	text-decoration: underline;
}

#themes .dlLink a p {
	font-size: 1.231em;
	font-weight: bold;
	margin: 12px 0 0 47px;
}

#themes .dlLink a span {
	font-size: 0.923em;
}

#themes .senryakuIrai .iraiDL a {
	display: inline-block;
	background: #22a7ce url(../images/icon_dl_002.png) no-repeat 15px 12px;
	border-bottom: 3px solid #0d8fb5;
	color: #fff;
	padding: 15px 20px 15px 40px;
	border-radius: 3px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.3);
}

#themes .senryakuIrai .iraiDL a:hover {
	background-color: #0d8fb5;
}

#themes .senryakuIrai .iraiContact {
	overflow: hidden;
	background: url(../images/bg_005.jpg);
	font-size: 1.077em;
	margin-top: 30px;
	padding: 15px;
}

#themes .senryakuIrai .iraiContact p:first-child {
	border-left: 2px solid #E86208;
	font-size: 1.077em;
	font-weight: bold;
	padding-left: 10px;
}

#themes .senryakuIrai .iraiContact p:first-child + p {
	margin-bottom: 5px;
}

#themes .senryakuIrai .iraiContact p:last-child {
	margin-bottom: 0;
}


/* Discussion */
#discussion .discussionBox {
	float: left;
	width: 311px;
	border-left: 3px solid #CCC;
	margin: 0 20px 30px 0;
	padding-left: 10px;
}

#discussion .discussionBoxRight {
	margin-right: 0;
}

#discussion .discussionBox .discussionTitle {
	border-bottom: 1px dotted #CCC;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#discussion .discussionBox .discussionTitle span {
	color: #2D2980;
	font-size: 0.615em;
	font-weight: bold;
}

#discussion .discussionBox .discussionDetail p {
	margin-bottom: 5px;
}

#discussion .discussionBox .discussionDetail .discussionMore {
	margin-bottom: 0;
}

#discussion .section .disPicRight {
	float: right;
	margin: 0 0 10px 10px;
}

#discussion .section .disPicLeft {
	float: left;
	margin: 0 10px 10px 0;
}

#discussion .report ul.disPicList li {
	float: left;
	background: none;
	padding: 0;
	margin-right: 10px;
}

#discussion .report ul.disPicList .disPicLast {
	margin-right: 0;
}

#discussion ul.resultList {
	overflow: hidden;
}

#discussion ul.resultList li {
	float: left;
	width: 320px;
	background: url(../images/bg_004.jpg);
	border-left: 4px solid #6C9451;
	font-size: 1.077em;
	margin: 0 20px 20px 0;
	padding: 0;
}

#discussion ul.resultList li:hover {
	background: url(../images/bg_006.jpg);
}

#discussion ul.resultList .resultRight {
	margin-right: 0;
}

#discussion ul.resultList a {
	display: block;
	background: url(../images/icon_arrow_003.png) no-repeat 300px center;
	font-weight: bold;
	padding: 25px 20px;
}

#discussion .report .sympoDl dt {
	clear: left;
	float: left;
	width: 8em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#discussion .report .sympoDl dd {
	border-bottom: 1px dotted #CCC;
	line-height: 1.6;
	margin-bottom: 10px;
	padding: 0 0 5px 8em;
}

#discussion .report .sympoDl dd a {
	line-height: 1.6;
}

#discussion .report .sympoDl02 dt {
	clear: left;
	float: left;
	width: 10em;
	border-right: 2px solid #2C287F;
	font-weight: bold;
	margin: 0 3px 15px 0;
}

#discussion .report .sympoDl02 dd {
	margin: 0 0 15px 10em;
	padding-left: 15px;
}


/* Video */
#video .videoBox {
	float: left;
	width: 324px;
	margin: 0 20px 30px 0;
}

#video .videoBoxRight {
	margin-right: 0;
}

#video .videoBox .videoTitle {
	font-weight: bold;
	margin-bottom: 5px;
}


/* Result */
#result ul.resultList {
	overflow: hidden;
}

#result ul.resultList li {
	float: left;
	width: 320px;
	background: url(../images/bg_004.jpg);
	border-left: 4px solid #6C9451;
	font-size: 1.077em;
	margin: 0 20px 20px 0;
	padding: 0;
}

#result ul.resultList li:hover {
	background: url(../images/bg_006.jpg);
}

#result ul.resultList .resultRight {
	margin-right: 0;
}

#result ul.resultList a {
	display: block;
	background: url(../images/icon_arrow_003.png) no-repeat 300px center;
	font-weight: bold;
	padding: 25px 20px;
}

#result .achievement .achievementLink {
	overflow: hidden;
	border-bottom: 1px dotted #D5D5D5;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

#result .achievement .achievementLink ul {
	margin-top: 0;
}

#result .achievement .achievementLink ul li {
	float: left;
	background-image: url(../images/icon_arrow_007.png);
	margin: 0 20px 15px 0;
}

#result .achievement .achievementList {
	margin-bottom: 10px;
}

#result .achievement .achievementList li {
	border-bottom: 1px dotted #D5D5D5;
	margin: 0;
	padding: 15px 10px;
}

#result .achievement .achievementList li:first-child {
	border-top: 1px dotted #D5D5D5;
}

#result .achievement .achievementList li.even {
	background: url(../images/bg_005.jpg);
}


/* Letter */
#letter .letterBox {
	float: left;
	width: 311px;
	min-height: 140px;
	border-left: 3px solid #CCC;
	margin: 0 20px 30px 0;
	padding-left: 10px;
}

#letter .letterBoxRight {
	margin-right: 0;
}

#letter .letterBox .letterTitle {
	border-bottom: 1px dotted #CCC;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#letter .letterBox .letterTitle span {
	color: #2D2980;
	font-size: 0.615em;
	font-weight: bold;
}

#letter .letterBox .letterDetail ul {
	margin: 10px 0;
}

#letter .letterBox .letterDetail ul li {
	background: url(../../common/images/icon_arrow_008.png) no-repeat left 6px;
	padding-left: 9px;
}

#letter .letterBox .letterDetail ul li:first-child {
	margin-top: 0;
}

#letter .letterBox .letterDetail p {
	margin-top: 10px;
}

#letter .letterBox .letterDetail .small {
	color: #666;
}

#letter .section .lePersonRight {
	float: right;
	margin: 0 0 10px 10px;
}

#letter .section .lePersonLeft {
	float: left;
	margin: 0 10px 10px 0;
}

#letter .reportList {
	margin-bottom: 10px;
}

#letter .section .reportList li {
	background: none;
	border-bottom: 1px dotted #D5D5D5;
	font-weight: bold;
	margin: 0;
	padding: 15px 10px;
}

#letter .section .reportList li:first-child {
	border-top: 1px dotted #D5D5D5;
}

#letter .section .reportList li.even {
	background: url(../images/bg_005.jpg);
}


/* Society Report */
#societyreport .section ul.sRepoList,
#societyreport .section ul.sRepoList_col4,
#societyreport .section ul.sRepoList_col5 {
	overflow: hidden;
	margin-bottom: 0;
}

#societyreport .section ul.sRepoList li {
	float: left;
	width: 206px;
	background: none;
	margin-right: 20px;
	padding: 0;
}

#societyreport .section ul.sRepoList_col4 li {
	float: left;
	width: 155px;
	height: 155px;
	background: none;
	margin-right: 12px;
	padding: 0;
}

#societyreport .section ul.sRepoList_col5 li {
	float: left;
	width: 124px;
	background: none;
	margin-right: 12px;
	padding: 0;
}

#societyreport .section ul.sRepoList li.sRepoLast,
#societyreport .section ul.sRepoList_col4 li.sRepoLast,
#societyreport .section ul.sRepoList_col5 li.sRepoLast {
	margin-right: 0;
}

#societyreport .section dl {
	margin-bottom: 20px;
	padding-top:2px;
}

#societyreport .section dl dt {
	clear: left;
	float: left;
	width: 6em;
	color: #666;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#societyreport .section dl dd {
	border-bottom: 1px dotted #D5D5D5;
	line-height: 1.6;
	margin-bottom: 10px;
	padding: 0 0 10px 6em;
}


/* Contact */
#contact .contactBox {
	overflow: hidden;
	background: url(../images/bg_005.jpg);
	margin-bottom: 40px;
	padding: 15px;
}

#contact .contactBox p.title {
	border-left: 2px solid #E86208;
	color: #555;
	font-weight: bold;
	margin-top: 0;
	padding-left: 10px;
}

#contact .contactBox p strong {
	line-height: 1.6;
}

#contact .contactBox p span {
	font-size: 16px;
	font-weight: bold;
}

#contact .dl02 dd {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#contact p img {
	display: block;
	margin: 0 auto;
}


/*             追加2018年度2019年度の教室だより実習報告書版             */

/* Letter */
#letter2, .letterBox2 {
	float: left;
	width: 311px;
	height: 220px;
	padding: 20px 5px 15px 15px;
	border-top: 1px solid #CCC;
}

.letterBoxRight2 {
	margin-right: 0;
	float: right;
	width: 311px;
	height: 220px;
	padding: 20px 10px 15px 15px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#letter .letterBox2 p.letterTitle2,
#letter .letterBoxRight2 p.letterTitle2 {	
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image:url(../../common/images/letter/hontitle.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}


#letter2Large, .letterBox2Large {
	float: left;
	width: 311px;
	height: 280px;
	padding: 20px 5px 15px 15px;
	border-top: 1px solid #CCC;
}

.letterBoxRight2Large {
	margin-right: 0;
	float: right;
	width: 311px;
	height: 280px;
	padding: 20px 10px 15px 15px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


#letter .letterBox2Large p.letterTitle2Large,
#letter .letterBoxRight2Large p.letterTitle2Large {	
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image:url(../../common/images/letter/hontitle.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}