@charset "UTF-8";

/* main.css
**************************************************************************************/

.main-contents {
	line-height:2em;
}

@media screen and (max-width: 1249px){
.main-contents {
	/*line-height:1.8em;*/
}	
}

@media screen and (max-width: 679px){
.main-contents {
	padding:0 10px;
}
}

/* Bread
=============================================================================*/

div.bread-area {
	background:url("../../image/h1-bg0001.jpg") no-repeat center center;
	background-size:cover;
	/*background-color:#e0e0e0;/*
	/* box-shadow */
	/*
	box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 6px -3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 6px -3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 6px -3px inset;
	*/
}
	
div.bread-area-in {
	width:1250px;
	min-height:160px;
	padding:35px 0 30px;
	margin:0 auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;

}

div.bread-area .bread {
	padding-left:360px;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:15px;
}
div.bread-area .bread a {
	color:#FFFFFF;
}

/*print*/

div.bread-area div.print {
	width:231px;
	height:27px;
	float:right;
}

div.bread-area div.print ul {
	width:231px;
}

div.bread-area div.print ul li {
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
}

div.bread-area div.print ul li.print001 {
	width:118px;
	height:27px;
	float:left;
}

div.bread-area div.print ul li.print001 a {
	display:block;
	width:118px;
	height:27px;
	background:url("../../image/print-bt001.gif") no-repeat 0 0;
}

div.bread-area div.print ul li.print001 a:hover {
	background-position:0 -27px;
}

div.bread-area div.print ul li.print002 {
	width:113px;
	height:27px;
	float:right;
}

div.bread-area div.print ul li.print002 a {
	display:block;
	width:113px;
	height:27px;
	background:url("../../image/print-bt001.gif") no-repeat -118px 0;
}

div.bread-area div.print ul li.print002 a:hover {
	background-position:-118px -27px;
}

@media screen and (max-width: 1249px){
div.bread-area .bread {
	display:none;
}
div.bread-area-in {
	width:680px;
	min-height:inherit;
	padding:30px 0;
}
}

@media screen and (max-width: 679px){
div.bread-area-in {
	width:auto;
	padding:15px 10px;
}
}


/* Column（カラムレイアウト設定）
=============================================================================*/

/*カラムサイズ変更*/

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left { float:left;}
#wrapper-under .column2-11 .column-right { float:right;}
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width:422px;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:left; width:578px;}
#wrapper-under .column2-21 .column-right { float:right; width:266px;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:left; width:266px;}
#wrapper-under .column2-12 .column-right { float:right; width:578px;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:left; margin-right:46px;}
#wrapper-under .column3 .column-center { float:left;}
#wrapper-under .column3 .column-right { float:right;}
#wrapper-under .column3 .column-box  { width:266px;}

/*3カラム用詰め防止*/
.cms-artis .cms-artis-page .cms-border-none .column-area .column3 .column-box { padding:0 0 1px 0 !important;}
.column3 .column-box { padding-bottom:1px;}

@media screen and (max-width: 1249px){
	
/*共通*/
#wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width:332px;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:left; width:448px;}
#wrapper-under .column2-21 .column-right { float:right; width:216px;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:left; width:216px;}
#wrapper-under .column2-12 .column-right { float:right; width:448px;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:left; margin-right:16px;}
#wrapper-under .column3 .column-center { float:left;}
#wrapper-under .column3 .column-right { float:right;}
#wrapper-under .column3 .column-box  { width:216px;}
}

@media screen and (max-width: 679px){/*スマフォは全て1カラムにする*/
/*共通*/
#wrapper-under .column-box {padding-bottom:15px}

/*2カラム（1:1）*/
#wrapper-under .column2-11 .column-left { float:none;}
#wrapper-under .column2-11 .column-right { float:none;}
#wrapper-under .column2-11 .column-left ,
#wrapper-under .column2-11 .column-right { width:auto;}

/*2カラム（2:1）*/
#wrapper-under .column2-21 .column-left { float:none; width:auto;}
#wrapper-under .column2-21 .column-right { float:none; width:auto;}

/*2カラム（1:2）*/
#wrapper-under .column2-12 .column-left { float:none; width:auto;}
#wrapper-under .column2-12 .column-right { float:none; width:auto;}

/*3カラム（1:1:1）*/
#wrapper-under .column3 .column-left { float:none; margin-right:0;}
#wrapper-under .column3 .column-center { float:none;}
#wrapper-under .column3 .column-right { float:none;}
#wrapper-under .column3 .column-box  { width:auto;}
}

/* Heading
=============================================================================*/

/*h1*/
.wrapper-area .h1-area {
	padding-left:360px;
}
.wrapper-area .h1-area-in h1 {
	color:#FFFFFF;
	font-size:34px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:200;
}

/*h2*/
#wrapper-under .h2-area {
	margin-bottom:15px;
	padding-top:40px;/*コンテンツブロックと見出しの間に余白をつける*/
}
#wrapper-under .main-contents .column-area:first-child div.h2-area:first-child {/*コンテンツの一番最初の見出しだけ余白をとる*/
	padding-top:0;
}
#wrapper-under .h2-area-in {
	padding-bottom:12px;
	background:url("../../image/h2-deco0001.gif") no-repeat left bottom;
}
#wrapper-under .h2-area h2 {
	line-height:1.4em;
	color:#3b4c82;
	font-size:26px;
	font-weight:bold;
}

#wrapper-under .column2-21 .column-left .h2-area-in ,
#wrapper-under .column2-12 .column-right .h2-area-in {
	background-position:-100px bottom;
}
#wrapper-under .column2-11 .h2-area-in {
	background-position:-180px bottom;
}
#wrapper-under .column2-21 .column-right .h2-area-in ,
#wrapper-under .column2-12 .column-left .h2-area-in ,
#wrapper-under .column3 .h2-area-in {
	background-position:-220px bottom
}

/*h3*/
#wrapper-under .h3-area {
	margin-bottom:15px;
	padding-top:15px;
}
#wrapper-under .h3-area-in {
	border-bottom:2px solid #d0d3de;
	padding-bottom:10px;
}

#wrapper-under .h3-area h3 {
	color:#3b4c82;
	line-height:1.4em;
	font-size:18px;
}

@media screen and (max-width: 1249px){	
/*h1*/
.wrapper-area .h1-area  {
	padding:0;
}
.wrapper-area .h1-area-in h1 {
	font-size:28px;
	text-align:center;
}

/*h2*/
#wrapper-under .h2-area {
	padding-top:20px;/*コンテンツブロックと見出しの間に余白をつける*/
}

/*h3*/
#wrapper-under .h3-area {
	padding-top:10px;
}
}

@media screen and (max-width: 679px){
/*h1*/
.wrapper-area .h1-area-in h1 {
	font-size:20px;
}
/*h2*/
#wrapper-under .h2-area {
	margin-bottom:10px;
	padding-top:15px;/*コンテンツブロックと見出しの間に余白をつける*/
}
#wrapper-under .h2-area-in {
	padding-bottom:8px;
	background-position:-220px bottom !important;
}
#wrapper-under .h2-area h2 {
	font-size:20px;
}

/*h3*/
#wrapper-under .h3-area {
	margin-bottom:10px;
	padding-top:10px;
}
#wrapper-under .h3-area-in {
	padding-bottom:5px;
}
#wrapper-under .h3-area h3 {
	font-size:16px;
}
}

/* Junction
=============================================================================*/

#wrapper-under .junction{
	padding:0 0 30px 0;
}

#wrapper-under .junc-left {
	width:422px;
	float:left;
}

#wrapper-under .junc-right {
	width:422px;
	float:right;
}

#wrapper-under .junction .junction-h2-area {
	margin:0 0 20px 0;
	border-top:2px solid #202020;
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
}

#wrapper-under .junction .junction-h2-area h2.junction-h2 {
	font-size:18px;
	font-weight:bold;
	padding:15px 15px 15px 20px;
	line-height:1.4em;
}

#wrapper-under .junction .junction-h2-area h2.junction-h2 a {
	display:block;
	text-decoration:none;
	padding:0 23px 0 0;
	font-weight:bold;
	background:url("../../image/contents-ar0002.png") no-repeat right 5px;
}

#wrapper-under .junction-outline-area{
	padding-bottom:15px;
	line-height:1.8em;
}


/*左右*/
#wrapper-under .junction-outline p.junction-outline-img {
	width:120px;
	margin:0 0 0 20px;
	text-align:center;
	float:right;
}

#wrapper-under .junction-outline p.junction-outline-img img {
	width:120px;
	margin:0;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
	width:422px;
	margin:0 0 10px 0;
	text-align:center;
}

#wrapper-under .junction-outline2 p.junction-outline-img img {
	max-width:422px;
	*width:422px;
	_width:422px;
	margin:0;
}


#wrapper-under .junction-list-area {
	clear:both;
	border-top:1px solid #d0d3de;
}

#wrapper-under ul.junction-list li {
	padding:10px 10px 10px 20px;
	border-bottom:1px solid #d0d3de;
	background:url("../../image/contents-ic0001.gif") no-repeat 5px 20px;
}

#wrapper-under ul.junction-list li a {
	text-decoration:none;
}

/*sitemap・401・403・404*/

#wrapper-under .sitemap-junction .junction-h2-area {
	margin-bottom:20px;
}

#wrapper-under .sitemap-junction .junction-wrap {
	letter-spacing:-0.4em;
	overflow:hidden;
	margin-left:-30px;
}

#wrapper-under .sitemap-junction .junction-wrap-in {
	width:422px;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	margin-left:30px;
}

#wrapper-under .sitemap-junction .junction-outline-area {
	padding-bottom:5px;
	border-bottom:1px solid #d0d3de;
	margin-bottom:10px;
}

#wrapper-under .sitemap-junction .junction-outline-area a {
	display:block;
	text-decoration:none;
	padding:0 0 0 28px;
	font-weight:bold;
	background:url("../../image/contents-ar0005.gif") no-repeat 0 4px;
}

#wrapper-under .sitemap-junction .junction-list-area {
	margin-bottom:25px;
	background-color:#ebebeb;
	padding:15px 15px 10px 15px;
	border:0;
}

#wrapper-under .sitemap-junction .junction-list-area ul li {
	padding-bottom:10px;
}

#wrapper-under .sitemap-junction .junction-list-area ul li a {
	display:block;
	padding:0 0 0 15px;
	background:url("../../image/contents-ic0001.gif") no-repeat 0 8px;
	line-height:1.6em;
}


@media screen and (max-width: 1249px){
#wrapper-under .junc-left ,
#wrapper-under .junc-right {
	width:330px;
}

/*sitemap・401・403・404*/
#wrapper-under .sitemap-junction .junction-wrap {
	margin-left:-20px;
}
#wrapper-under .sitemap-junction .junction-wrap-in {
	width:330px;
	margin-left:20px;
}
#wrapper-under .sitemap-junction .junction-outline-area a {
	background-position:0 2px;
	font-size:15px;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
	width:330px;
}
#wrapper-under .junction-outline2 p.junction-outline-img img {
	max-width:330px;
	*width:330px;
	_width:330px;
}

}

@media screen and (max-width: 679px){
#wrapper-under .junction{
	padding:0 0 0 0;
}
#wrapper-under .junc-left ,
#wrapper-under .junc-right {
	width:auto;
	float:none;
	margin-bottom:30px;
}
#wrapper-under .junction-outline p.junction-outline-img {
	width:90px;
	margin:0 0 0 10px;
}
#wrapper-under .junction-outline p.junction-outline-img img {
	width:90px;
}

/*sitemap・401・403・404*/
#wrapper-under .sitemap-junction .junction-wrap {
    margin-left: 0;
}
#wrapper-under .sitemap-junction .junction-wrap-in {
    margin-left: 0;
    width: auto;
	display:block;
}
#wrapper-under .sitemap-junction .junction-list-area ul li a {
	background-position:0 6px;
}

/*上下*/
#wrapper-under .junction-outline2 p.junction-outline-img {
	width:auto;
	max-width:330px;
	margin:0 auto 10px;
}
#wrapper-under .junction-outline2 p.junction-outline-img img {
	max-width:100%;
	width:100%;
}

}


/* news
=============================================================================*/

#wrapper-under .news-area {
	padding:20px 0 30px 0;
}

/*title*/

#wrapper-under .news-area .title {
	position:relative;
	margin-bottom:15px;
}

#wrapper-under .news-area .title h2 {
	font-family: 'Lora', serif;
	font-weight:400;
	font-size:24px;
}
#wrapper-under .news-area .title h2 span {
	padding:0 8px;
	font-size:22px;
}

/*一覧*/
#wrapper-under .news-area p.list-link {
	position:absolute;
	right:0;
	top:0;
}
#wrapper-under .news-area p.list-link a {
	vertical-align:bottom;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	width:103px;
	border:1px solid #d0d3de;
	background:url("../../image/news-ar0001-sp.png") no-repeat 10px center;
	background-size:10px auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	font-size:12px;
	line-height:1.4em;
	padding:4px 0 4px 10px;
}
#wrapper-under .news-area p.list-link a:hover {
	color:#adadad;
	background-color:#404040;
}

/*リスト*/
#wrapper-under .news-area .news-list{
	background-color:#f5f5f5;
	padding:15px 30px;
}

#main .news-area dl {
	display:table;
	width:100%;
	padding:10px 0;
}

#main .news-area dl dt {
	width:6em;
	display:table-cell;
	font-weight:normal;
	/*IE6・7*/
	*float:left;
}
#main .news-area dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
	padding:0 0 0 25px;
	/*IE6・7*/
	*display:inline;
	*zoom:1;
	*position:relative;
}
#main .news-area dl dd a {
	text-decoration:none;
}

@media screen and (max-width: 1249px){
/*リスト*/
.home #main .news-area dl {
	padding:6px 0;
}
.home #main .news-area dl dt {
	width:auto;
	display:block;
	*float:none;
	font-size:12px;
}
.home #main .news-area dl dd {
	display:block;
	padding:0;
	font-size:13px;
	/*IE6・7*/
	*display:block;
}
.home #main .news-area dl dd a {
	text-decoration:none;
}	
}


/*news*/
#wrapper-under #main .news-under .news-area {
	padding:0;
}
#wrapper-under #main .news-under .rss-area {
	margin-bottom:8px;
}

#wrapper-under #main .news-under .rss {
	float:right;
	position:relative;
	z-index:1;
}

#wrapper-under #main .news-under .rss a {
	width:32px;
	height:32px;
	display:block;
	background:url("../../image/rss-bt0001.gif") no-repeat 0 0;
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
}
#wrapper-under #main .news-under .rss a:hover {
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}
#wrapper-under #main .news-under .news-area {
	border:none;
	margin-bottom:30px;
}

#wrapper-under #main .news-under .news-list {
	padding:0;
	background-color:#FFFFFF;
}
#wrapper-under #main .news-under .news-list-in {
	background-color:#f5f5f5;
	padding-top:10px;
}

#wrapper-under #main .news-under .news-list dl {
	padding:15px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	background-color:#f5f5f5;
}
#wrapper-under #main .news-under .news-list dl:nth-child(even) {
	background-color:#eaeaea;
}

/*tab*/

#wrapper-under #main .news-under .tab-area002 .news-list ,
#wrapper-under #main .news-under .tab-area003 .news-list,
#wrapper-under #main .news-under .tab-area004 .news-list {
	display:none;
}
#wrapper-under #main .news-under .tab-box-wrap {
	position:relative;
	padding-top:50px;
	margin-top:-40px;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn {
	position:absolute;
	height:50px;
	top:0;
	width:200px;
	padding-bottom:12px;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn a {
	display:block;
	text-decoration:none;
	height:50px;
	color:#FFFFFF;
	font-size:15px;
	background-color:#5a5a5a;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn span {
	display:block;
	text-align:center;
	padding:10px 0 0 0;
}


#wrapper-under #main .news-under .tab-box-wrap .news-tab001 {
	left:0;
}
#wrapper-under #main .news-under .tab-box-wrap .news-tab002 {
	left:201px;
}
#wrapper-under #main .news-under .tab-box-wrap .news-tab003 {
	left:402px;
}
#wrapper-under #main .news-under .tab-box-wrap .news-tab004 {
	left:603px;
}

#wrapper-under #main .news-under .tab-box-wrap .current {
	background:url("../../image/news-ar0003.png") no-repeat center bottom;
	background-size:auto 12px;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn a:hover ,
#wrapper-under #main .news-under .tab-box-wrap .current a {
	background-color:#3b4c82;
}


/*blog*/

#wrapper-under .blog-area {
	margin-bottom:40px;
}

#wrapper-under .blog-area .work-list-area-in {
	background-color:#f5f5f5;
	margin-bottom:20px;
	padding:30px;
}
#wrapper-under .blog-area .work-list-area {
	background:url("../../image/contents-dc001.gif") repeat-x 0 0;
}

#wrapper-under .blog-area .blog-box {
	background:url("../../image/contents-dc001.gif") repeat-x left bottom;
}

#wrapper-under .blog-area .blog-box .ph-area {
	width:200px;
	float:right;
	margin-left:20px;
}

#wrapper-under .blog-area .blog-box dl .title {
	padding-bottom:5px;
}

#wrapper-under .blog-area .blog-box dl .title span.no-link ,
#wrapper-under .blog-area .blog-box dl .title a {
	display:block;
	padding-left:26px;
	background:url("../../image/contents-ar0005.gif") no-repeat 0 7px;
}

#wrapper-under .blog-area .blog-box dl .title span {
	font-size:114%;
	font-weight:bold;
}	

#wrapper-under .blog-area .blog-box dl .date {
	padding-bottom:3px;
}

/*pager*/

#wrapper-under ul#pagenation-area {
	padding-top:30px;
	letter-spacing:-0.4em;
	text-align:center;
}

#wrapper-under ul#pagenation-area li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding:0 5px;
	line-height:1;
}

#wrapper-under ul#pagenation-area li a {
	display:block;
	padding:10px;
	background:#e1e1e1;
	text-decoration:none;
	color:#111111;
}
#wrapper-under ul#pagenation-area li a:hover {
	color:#486fec;
}

#wrapper-under ul#pagenation-area li.on a {
	background-color:#3b4c82;
	color:#FFFFFF;
}

#wrapper-under ul#pagenation-area li.prev a ,
#wrapper-under ul#pagenation-area li.next a {
	background:none;
}

@media screen and (max-width: 1249px){
/*tab*/
#wrapper-under #main .news-under .tab-box-wrap .tab-btn span {
	padding:14px 0 0 0;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .tab-btn {
	width:140px;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab001 {
	left:0;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab002 {
	left:141px;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab003 {
	left:282px;
	width:180px;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab004 {
	left:463px;
}
}
@media screen and (max-width: 679px){
#wrapper-under .news-area {
	padding:15px 0 55px 0;
	position:relative;
	margin-bottom:15px;
}

/*title*/

#wrapper-under .news-area .title {
	position:static;
}

/*一覧*/
#wrapper-under .news-area p.list-link {
	position:absolute;
	right:0;
	bottom:0;
	top:auto;
	width:100%;
}
#wrapper-under .news-area p.list-link a {
	display:block;
	width:100%;
	border:1px solid #CCCCCC;
	background:url("../../image/news-ar0001-sp.png") no-repeat 10px center;
	background-size:10px auto;
	padding:12px 0 12px 10px;
	color:#111111;
}
#wrapper-under .news-area p.list-link a:hover {
	color:#adadad;
	background-color:transparent;
}

/*リスト*/
#wrapper-under .news-area .news-list{
	padding:15px 15px;
}
#wrapper-under #main .news-area dl {
	display:block;
	padding:5px 0;
}
#wrapper-under #main .news-area dl dt {
	display:inline-block;
	padding:0;
}
#wrapper-under #main .news-area dl dd {
	width:100%;
	display:block;
	padding:0;
}

/*news*/
#wrapper-under #main .news-area {
	margin-top:0;
}
#wrapper-under #main .news-under .news-list dl {
    padding: 10px 10px;
}

/*tab*/

#wrapper-under #main .news-under .tab-box-wrap {
	padding-top:40px;
	margin-top:0;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn {
	height:40px;
	width:33.33%;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn a {
	height:40px;
	font-size:11px;
}
#wrapper-under #main .news-under .tab-box-wrap .tab-btn span {
	padding:7px 0 0 0;
}
.news-topics #wrapper-under #main .news-under .tab-box-wrap .news-tab001 {
	left:0;
}
.news-topics #wrapper-under #main .news-under .tab-box-wrap .news-tab002 {
	left:33.33%;
}
.news-topics #wrapper-under #main .news-under .tab-box-wrap .news-tab003 {
	left:66.66%;
}
.news-topics #wrapper-under #main .news-under .tab-box-wrap .news-tab001 a ,
.news-topics #wrapper-under #main .news-under .tab-box-wrap .news-tab002 a {
	border-right:1px solid #FFFFFF;
}

.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab001 {
	left:0;
	width:25%;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab002 {
	left:25%;
	width:17%;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab003 {
	left:42%;
	width:41%;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab004 {
	left:83%;
	width:17%;
}
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab001 a ,
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab002 a ,
.president-pickup #wrapper-under #main .news-under .tab-box-wrap .news-tab003 a {
	border-right:1px solid #FFFFFF;
}

/*blog*/
#wrapper-under .blog-area .blog-box .ph-area {
	float:none;
	margin:0 auto 10px;
}
#wrapper-under .blog-area .work-list-area-in {
	padding:15px;
}


}

/* Anchor
=============================================================================*/

#wrapper-under div.anchor-area {
	margin-bottom:30px;
	padding-top:20px;
}

#wrapper-under div.anchor-area-in {
	border-bottom:1px solid #d0d3de;	
}

#wrapper-under div.anchor-area .pageindex {
	padding:0 0 5px 0;
	border-bottom:1px solid #d0d3de;
	color:#3b4c82;
	line-height:1.4em;
	margin-bottom:25px;
}
#wrapper-under div.anchor-area .pageindex p {
	font-weight:bold;
}

#wrapper-under div.anchor-area ul {
	padding:0 15px 10px 15px;
}

#wrapper-under div.anchor-area ul li {
	padding:0 10px 15px 22px;
	line-height:1.6em;
	background:url("../../image/contents-ar0001.png") no-repeat 0 7px;
	background-size:14px auto;
}

#wrapper-under div.anchor-area ul li.clearfix {
	padding:0;
	background:none;
}

#wrapper-under div.anchor-area ul.str02 {
	letter-spacing:-0.4em;
}

#wrapper-under div.anchor-area ul.str02 li {
	width:33.3%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	/*box-sizing*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
@media screen and (max-width: 679px){
#wrapper-under div.anchor-area {
	margin-bottom:20px;
	padding-top:10px;
}
#wrapper-under div.anchor-area .pageindex {
	margin-bottom:15px;
}
#wrapper-under div.anchor-area ul {
	padding:0 10px 10px 10px;
}
#wrapper-under div.anchor-area ul li {
	padding:0 10px 10px 15px;
	background:url("../../image/contents-ar0001.png") no-repeat 0 6px;
	background-size:10px auto;
}
#wrapper-under div.anchor-area ul.str02 li {
	width:100%;
	display:block;
}
}

/* Text
=============================================================================*/

#wrapper-under .txt-area {
	margin-bottom:15px;
}

/* HTML
=============================================================================*/

#wrapper-under .html-area {
	margin-bottom:0;
}

/* List
=============================================================================*/

#wrapper-under ul.contents-list-ul ,
#wrapper-under ol.contents-list-ol {
	padding:10px 0;
	display:table;	
}
/*
#wrapper-under ul.contents-list-ul, x:-moz-any-link, x:only-child ,
#wrapper-under ol.contents-list-ol, x:-moz-any-link, x:only-child {
	display:inline-block;
}
*/

#wrapper-under ul.contents-list-ul li {
	list-style-type:disc;
	margin:0 0 0 20px;
}

#wrapper-under ol.contents-list-ol li {
	list-style-type:decimal;
	margin:0 0 0 32px;
}

/* Image Setup
=============================================================================*/

#wrapper-under .img-area .img { margin-bottom:5px;}

/*リサイズなし（各カラムの幅に合わせる）*/
#wrapper-under .photo-noresize img {
	height: auto; 
}
#wrapper-under .photo-noresize p {
	text-align:center;
}

/*リンク画像ロールオーバー設定*/
#wrapper-under .img-area .img a:hover{ 	
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/**/
#wrapper-under .photo-noresize ,	
#wrapper-under .photo-noresize img {max-width:890px;}/*1カラム*/

#wrapper-under .column2-11 .photo-noresize ,
#wrapper-under .column2-11 .photo-noresize img { max-width:422px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .photo-noresize ,
#wrapper-under .column2-21 .column-left .photo-noresize img ,
#wrapper-under .column2-12 .column-right .photo-noresize ,
#wrapper-under .column2-12 .column-right .photo-noresize img { max-width:578px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .photo-noresize ,
#wrapper-under .column2-21 .column-right .photo-noresize img ,
#wrapper-under .column2-12 .column-left .photo-noresize ,
#wrapper-under .column2-12 .column-left .photo-noresize img { max-width:266px;}/*2カラム（小）*/

#wrapper-under .column3 .photo-noresize ,
#wrapper-under .column3 .photo-noresize img { max-width:266px;}/*3カラム*/

/*特設サイト*/
#wrapper-under .special-area .photo-noresize ,	
#wrapper-under .special-area .photo-noresize img {max-width:830px;}/*1カラム*/

#wrapper-under .column2-11 .special-area .photo-noresize ,
#wrapper-under .column2-11 .special-area .photo-noresize img { max-width:362px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width:518px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width:206px;}/*2カラム（小）*/

#wrapper-under .column3 .special-area .photo-noresize ,
#wrapper-under .column3 .special-area .photo-noresize img { max-width:206px;}/*3カラム*/

/*リサイズされる画像に対しての設定*/
#wrapper-under .photo-small img ,
#wrapper-under .photo-normal img {
	width:100%;
}
#wrapper-under .photo-small { width:29.88%;}/*画像小の指定（サイトに合わせて調節）*/
#wrapper-under .photo-normal { width:47.41%;}/*画像標準の指定（サイトに合わせて調節）*/

/*キャプション*/
#wrapper-under .img-area .cap { 
	font-size:13px;
	line-height:1.4em;
	margin-bottom:10px;
}
#wrapper-under .img-area .cap-c { text-align:center;}
#wrapper-under .img-area .cap-l { text-align:left;}
#wrapper-under .img-area .cap-r { text-align:right;}


/*3カラム用設定*/
#wrapper-under .column3 .img-area .cap { font-size:85%;}


@media screen and (max-width: 1249px){
/**/
#wrapper-under .photo-noresize ,	
#wrapper-under .photo-noresize img {max-width:680px;}/*1カラム*/

#wrapper-under .column2-11 .photo-noresize ,
#wrapper-under .column2-11 .photo-noresize img { max-width:332px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .photo-noresize ,
#wrapper-under .column2-21 .column-left .photo-noresize img ,
#wrapper-under .column2-12 .column-right .photo-noresize ,
#wrapper-under .column2-12 .column-right .photo-noresize img { max-width:448px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .photo-noresize ,
#wrapper-under .column2-21 .column-right .photo-noresize img ,
#wrapper-under .column2-12 .column-left .photo-noresize ,
#wrapper-under .column2-12 .column-left .photo-noresize img { max-width:216px;}/*2カラム（小）*/

#wrapper-under .column3 .photo-noresize ,
#wrapper-under .column3 .photo-noresize img { max-width:216px;}/*3カラム*/

/*特設サイト*/
#wrapper-under .special-area .photo-noresize ,	
#wrapper-under .special-area .photo-noresize img {max-width:620px;}/*1カラム*/

#wrapper-under .column2-11 .special-area .photo-noresize ,
#wrapper-under .column2-11 .special-area .photo-noresize img { max-width:272px;}/*2カラム（1:1）*/

#wrapper-under .column2-21 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-left .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-right .special-area .photo-noresize img { max-width:388px;}/*2カラム（大）*/

#wrapper-under .column2-21 .column-right .special-area .photo-noresize ,
#wrapper-under .column2-21 .column-right .special-area .photo-noresize img ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize ,
#wrapper-under .column2-12 .column-left .special-area .photo-noresize img { max-width:156px;}/*2カラム（小）*/

#wrapper-under .column3 .special-area .photo-noresize ,
#wrapper-under .column3 .special-area .photo-noresize img { max-width:156px;}/*3カラム*/

}
@media screen and (max-width: 679px){
#wrapper-under .photo-noresize ,
#wrapper-under .photo-noresize img {max-width:100% !important;  }/*1カラム*/

/*特設サイト*/

#wrapper-under .special-area .photo-noresize {max-width:100% !important;}
#wrapper-under .special-area .photo-noresize img {max-width:100% !important;}/*1カラム*/
}

/* Text + Photo
=============================================================================*/

#wrapper-under .txt-img-area {
	margin-bottom:15px;
}

/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
	float:right;
	margin-left:46px;
}
#wrapper-under .column2-11 .txt-img-area .photo-right ,
#wrapper-under .column2-21 .column-left .txt-img-area .photo-right ,
#wrapper-under .column2-12 .column-right .txt-img-area .photo-right ,
#wrapper-under div.special-area .txt-img-area .photo-right {
	margin-left:25px;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
	float:left;
	margin-right:46px;
}
#wrapper-under .column2-11 .txt-img-area .photo-left ,
#wrapper-under .column2-21 .column-left .txt-img-area .photo-left ,
#wrapper-under .column2-12 .column-right .txt-img-area .photo-left ,
#wrapper-under div.special-area .txt-img-area .photo-left {
	margin-right:25px;
}


/*3カラム用設定*/
#wrapper-under .column2-21 .column-right .txt-img-area .photo-right ,
#wrapper-under .column2-12 .column-left .txt-img-area .photo-right ,
#wrapper-under .column3 .txt-img-area .photo-right {
	margin-left:10px;
}
#wrapper-under .column2-21 .column-right .txt-img-area .photo-left ,
#wrapper-under .column2-12 .column-left .txt-img-area .photo-left ,
#wrapper-under .column3 .txt-img-area .photo-left {
	margin-right:10px;
}

@media screen and (max-width: 1249px){
/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
	margin-left:18px;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
	margin-right:18px;
}
}

@media screen and (max-width: 679px){
/*写真右位置*/
#wrapper-under .txt-img-area .photo-right {
    float: none;
    margin: 0 0 5px !important;
    text-align: center;
    width: 100%;
}

/*写真左位置*/
#wrapper-under .txt-img-area .photo-left {
    float: none;
    margin: 0 0 5px !important;
    text-align: center;
    width: 100%;
}

}

/* Photo
=============================================================================*/
#wrapper-under .pat-img-area02 ,
#wrapper-under .pat-img-area {
	margin-bottom:15px;
}


/* Photo+Photo
=============================================================================*/

#wrapper-under .pat-img-area02 {
	text-align:center;
}

#wrapper-under .pat-img-area02 .photo-left {
	float:left;
}

#wrapper-under .pat-img-area02 .photo-right {
	float:right;
}

#wrapper-under .pat-img-area02 .photo-right img ,
#wrapper-under .pat-img-area02 .photo-left img {
	max-width:100% !important;
	/*max-width:380px !important; キャプションに装飾をつけたい場合*/
}

#wrapper-under .pat-img-area02 .img-area-in {
	/*display:inline-block; キャプションに装飾をつけたい場合*/
}

/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
	width:47.41%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
	width:46.02%;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
	width:44.54%;
}

/*1：1：1*/
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
	width:41.35%;
}

@media screen and (max-width: 1249px){
/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
	width:47.72%;
}

/*1：1：1*/
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
	width:46.29%;
}
}

@media screen and (max-width: 679px){

/*1*/
#wrapper-under .column1 .pat-img-area02 .photo-left ,
#wrapper-under .column1 .pat-img-area02 .photo-right {
	width:48%;
}

/*1：2*/
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-right .pat-img-area02 .photo-right {
	width:48%;
}

/*1：1*/
#wrapper-under .column2-11 .pat-img-area02 .photo-left ,
#wrapper-under .column2-11 .pat-img-area02 .photo-right {
	width:48%;
}

/*1：1：1*/
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-left ,
#wrapper-under .column2-21 .column-right .pat-img-area02 .photo-right ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-left ,
#wrapper-under .column2-12 .column-left .pat-img-area02 .photo-right ,
#wrapper-under .column3 .pat-img-area02 .photo-left ,
#wrapper-under .column3 .pat-img-area02 .photo-right {
	width:48%;
}
}

/* Table
=============================================================================*/
#wrapper-under div.table-area {
	clear:both;
	margin:0 0 15px 0;
}

#wrapper-under div.table-area table {
	width:100%;
	border-top:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	/*ボックスモデル*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}

#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
	border-left:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	padding:8px 10px;
	font-weight:normal;
}
#wrapper-under div.table-area table td {
	background-color:#FFFFFF;
}
#wrapper-under div.table-area table th {
	background-color:#f2f2f2;
	font-weight:bold;
	vertical-align:middle;
}
#wrapper-under div.table-area table td {
	vertical-align:middle;
}

#wrapper-under div.table-area table th.title {
	text-align:right;
}

#wrapper-under div.table-area table td.align-right{
	text-align:right;
}

#wrapper-under div.table-area table td.nowrap{
	white-space:nowrap;
}

#wrapper-under div.table-area table td div.txt-wrapper {
	padding:0 0 5px 0;
}

#wrapper-under div.table-area table td span.note-txt {
	display:block;
	padding:0 0 3px 0;
}


/*枠無*/
#wrapper-under div.table-area table.border-none,
#wrapper-under div.table-area table.border-none th,
#wrapper-under div.table-area table.border-none td {
	border-collapse:collapse;
	border:solid #FFFFFF 1px;
}

@media screen and (max-width: 679px){
#wrapper-under div.table-area table td.nowrap{
	white-space:normal;
}
#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
	font-size:10px;
	padding:3px 5px;
	line-height:1.4;
}
}


/* Flash Area
=============================================================================*/

#wrapper-under .flash-area .flash-box-sp ,
#wrapper-under .flash-area .flash-box-pc {
	display:none;/*jsで表示設定するので、初めは隠しておく*/
}

#wrapper-under .flash-area {
	margin-bottom:15px;
	z-index:1;
}

#wrapper-under .flash-area .flash-box-pc {
	text-align:center;
	overflow:hidden;
}

#wrapper-under .flash-area .media-size {
	background-color:#000;
	width:490px;
	height:430px;
}

#wrapper-under .flash-area .txt-area p {
	padding-top:5px;
	text-align:center;
}

/*スマフォ表示*/
#wrapper-under .flash-area .flash-box-sp {
	text-align:center;
}

/*カラム数による動画の表示サイズ設定*/

#wrapper-under .column2-11 .flash-area .media-size {
	width:422px;
	height:370px;
}
#wrapper-under .column2-21 .column-right .flash-area .media-size ,
#wrapper-under .column2-12 .column-left .flash-area .media-size ,
#wrapper-under .column3 .flash-area  .media-size {
	width:266px;
	height:233px;
}


@media screen and (max-width: 1249px){
	
/*カラム数による動画の表示サイズ設定*/

#wrapper-under .column2-11 .flash-area .media-size {
	width:332px;
	height:291px;
}
#wrapper-under .column2-21 .column-left .flash-area .media-size ,
#wrapper-under .column2-12 .column-right .flash-area .media-size {
	width:448px;
	height:393px;
}
#wrapper-under .column2-21 .column-right .flash-area .media-size ,
#wrapper-under .column2-12 .column-left .flash-area .media-size ,
#wrapper-under .column3 .flash-area  .media-size {
	width:216px;
	height:190px;
}

}

@media screen and (max-width: 679px){
#wrapper-under .flash-area .media-size {
	width:300px !important;
	height:263px !important;
}
}

/* Video Area
=============================================================================*/

#wrapper-under .video-area {
    text-align:center;
}
#wrapper-under .video-area video {
    max-width:100%;
    background-color:#333333;/*スマホ時のvideoの背景色*/
}
#wrapper-under .video-area .txt-area {
    text-align:center;
}
/*videoタグに対応していないブラウザ用*/
#wrapper-under .video-area video p {
    background-color:#f1f1f1;
    padding:10px;
    text-align:center;
    margin-bottom:10px;
}


/* File Download
=============================================================================*/

#wrapper-under ul.download{
	margin-bottom:15px;
}
	
#wrapper-under ul.download li{
	padding:0 0 5px 35px;
	background: url("../../image/normal.gif") no-repeat 10px 6px;
}

#wrapper-under ul.download li.pdf{
	background: url("../../image/pdf.gif") no-repeat 10px 6px;
}

#wrapper-under ul.download li.xls{
	background: url("../../image/xls.gif") no-repeat 10px 6px;
}

#wrapper-under ul.download li.xlsx{
	background: url("../../image/xls.gif") no-repeat 10px 6px;
}

#wrapper-under ul.download li.doc{
	background: url("../../image/doc.gif") no-repeat 10px 6px;
}

#wrapper-under ul.download li.docx{
	background: url("../../image/doc.gif") no-repeat 10px 6px;
}


/* Plug-In
=============================================================================*/

/*pdf*/

#wrapper-under div.plugin-area {
	margin:0 auto 15px;
	clear:both;
	max-width:730px;
}

#wrapper-under div.plugin-area-in {
	border:1px solid #d0d3de;
	font-size:77%;
	line-height:1.5em;
	padding:15px;
}

#wrapper-under div.plugin-area p.pdf-icon {
	width:158px;
	margin:0 0 0 10px;
	float:right;
}

#wrapper-under div.plugin-area p.pdf-icon img {
	padding:0;
	margin:0;
	border:none;
}

#wrapper-under div.plugin-area p.pdf-txt {
	padding:2px 0 0 0;
}

/*カラムによる変動*/
#wrapper-under .column2-21 .column-right div.plugin-area p.pdf-icon ,
#wrapper-under .column2-12 .column-left div.plugin-area p.pdf-icon ,
#wrapper-under .column3 div.plugin-area p.pdf-icon {
	width:100%;
	text-align:center;
	padding-bottom:5px;
	margin:0;
}

/* flash */

#wrapper-under div.flash-plugin-area {
	margin:0 auto 25px;
	clear:both;
	max-width:730px;
}

#wrapper-under div.flash-plugin-area-in {
	border:1px solid #d0d3de;
	font-size:77%;
	line-height:1.5em;
	padding:15px;
}

#wrapper-under div.flash-plugin-area p.flash-icon {
	width:158px;
	margin:0 0 0 10px;
	float:right;
}

#wrapper-under div.flash-plugin-area p.flash-icon img {
	padding:0;
	margin:0;
	border:none;
}

#wrapper-under div.flash-plugin-area p.flash-txt {
	padding:2px 0 0 0;
}

/*カラムによる変動*/
#wrapper-under .column2-21 .column-right div.flash-plugin-area p.flash-icon ,
#wrapper-under .column2-12 .column-left div.flash-plugin-area p.flash-icon ,
#wrapper-under .column3 div.flash-plugin-area p.flash-icon {
	width:100%;
	text-align:center;
	padding-bottom:5px;
	margin:0;
}


/* Special Area
=============================================================================*/

#wrapper-under div.special-area {
	margin-bottom:15px;
}

#wrapper-under div.special-area-in {
	background-color:#FFFFFF;
	border:3px solid #d0d3de;
	padding:15px 27px 20px 27px;
}

#wrapper-under div.special-area .txt-img-area {
	margin-bottom:0;
}

#wrapper-under div.special-area div.special-title-area {
	padding-bottom:10px;
	color:#3b4c82;
	border-bottom:1px solid #d0d3de;
	margin-bottom:25px;
	font-weight:bold;
	font-size:16px;
}

#wrapper-under div.special-area div.special-title-area-in p {
	font-weight:bold;
}

/* Link Area
=============================================================================*/

#wrapper-under .link-area {
	margin-bottom:25px;
	padding-top:30px;
}

#wrapper-under .link-area .link-title-area {
	background-color:#333333;
	margin-bottom:20px;
}

#wrapper-under .link-area .link-title-area h2 {
	padding:10px 15px;
	color:#FFFFFF;
	font-weight:normal;
}

/*base*/

#wrapper-under .link-area .str02 .link-box ul ,
#wrapper-under .link-area .str03 .link-box ul {
	letter-spacing:-0.4em;
	overflow:hidden;
}

#wrapper-under .link-area .str02 .link-box ul li ,
#wrapper-under .link-area .str03 .link-box ul li {
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}
#wrapper-under .link-area .box-inner {
	display:table;
	width:100%;
}
#wrapper-under .link-area .link-box ul li p.img {
	display:table-cell;
	width:120px;
	padding-right:15px;
	vertical-align:top;
}
#wrapper-under .link-area .link-box ul li .txt-area {
	display:table-cell;
	vertical-align:top;
	line-height:1.6em;
}

#wrapper-under .link-area .link-box ul li p.sttl {
	margin-bottom:5px;
	display:block;
	padding-left:24px;
	line-height:1.6em;
	background: url("../../image/contents-ar0005.gif") no-repeat 0 3px;
}

/*1列表示*/
#wrapper-under .link-area .str01 .link-box ul li p.img {
	margin:0 15px 3px 0;
}
#wrapper-under .link-area .str01 .link-box ul li p.img img {
	width:120px;
}
#wrapper-under .link-area .str01 .link-box ul li {
	margin:0 0 20px 0;
}

/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul {
	width:920px;
	margin-left:-30px;
}
#wrapper-under .link-area .str02 .link-box ul li p.img {
	margin:0 15px 3px 0;
}
#wrapper-under .link-area .str02 .link-box ul li p.img img {
	width:150px;
}
#wrapper-under .link-area .str02 .link-box ul li {
	width:430px;
	margin:0 0 20px 30px;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul {
	width:912px;
	margin-left:-22px;
}
#wrapper-under .link-area .str03 .link-box ul li p.img {
	width:80px;
	margin:0 15px 3px 0;
}
#wrapper-under .link-area .str03 .link-box ul li p.img img {
	width:100px;
}
#wrapper-under .link-area .str03 .link-box ul li p.txt {
	font-size:85%;
	line-height:1.4em;
}
#wrapper-under .link-area .str03 .link-box ul li {
	width:282px;
	margin:0 0 15px 22px;
}


@media screen and (max-width: 1249px){
/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul {
	width:710px;
	margin-left:-30px;
}
#wrapper-under .link-area .str02 .link-box ul li {
	width:325px;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul {
	width:690px;
	margin-left:-10px;
}
#wrapper-under .link-area .str03 .link-box ul li {
	width:220px;
	margin:0 0 10px 10px;
}
}

@media screen and (max-width: 679px){
#wrapper-under .link-area .link-box ul li p.txt {
	font-size:12px;
}
#wrapper-under .link-area .link-box ul li p.img {
	width:80px;
}

/*1列表示*/
#wrapper-under .link-area .str01 .link-box ul li p.img img {
	width:80px;
}

/*2列表示*/
#wrapper-under .link-area .str02 .link-box ul {
	width:auto;
	margin-left:0;
}
#wrapper-under .link-area .str02 .link-box ul li p.img img {
	width:80px;
}
#wrapper-under .link-area .str02 .link-box ul li {
	width:auto;
	margin:0 0 15px 0;
	display:block;
}

/*3列表示*/
#wrapper-under .link-area .str03 .link-box ul {
	width:auto;
	margin-left:0;
}
#wrapper-under .link-area .str03 .link-box ul li p.img img {
	width:80px;
}
#wrapper-under .link-area .str03 .link-box ul li {
	width:auto;
	margin:0 0 15px 0;
	display:block;
}
}

/* Page Navi
=============================================================================*/

#wrapper-under .pnavi-area {
	margin-bottom:15px;
}

#wrapper-under .pnavi-area .go-top {
	text-align:right;
}

#wrapper-under .pnavi-area .go-top a {
	padding-left:20px;
	background: url("../../image/contents-ar0003.png") no-repeat 0 7px;
}

/* Bottom link
=============================================================================*/

/*bottomlink*/
.bottomlink-area {
	padding-top:60px;
	width:1250px;
	margin:0 auto 40px;
}

.bottomlink-area-in {
	width:890px;
	float:right;
}

.bottomlink {
	position:relative;
	padding-top:2em;
}

.bottomlink p.go-home {
	float:left;
	width:33%;
	*display: inline;
}

.bottomlink p.go-home a {
	padding:0 0 0 15px;
	background:url("../../image/contents-ar0004.png") no-repeat 0 6px;
}

.bottomlink p.ctop {
	float:left;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}

.bottomlink p.ctop a {
	padding:0 0 0 15px;
	background:url("../../image/contents-ar0004.png") no-repeat 0 6px;
}

.bottomlink p.go-top {
	float:right;
	width:33%;
	text-align:right;
}

.bottomlink p.go-top a {
	padding:0 0 0 20px;
	background:url("../../image/contents-ar0003.png") no-repeat 0 7px;
}

@media screen and (max-width: 1249px){
.bottomlink-area {
	display:none;
}
}

/* Space Color
=============================================================================*/

#main .margin-b000{margin-bottom:0 !important;}
#main .margin-b010{margin-bottom:10px !important;}
#main .margin-b025{margin-bottom:25px !important;}
#main .margin-b050{margin-bottom:50px !important;}
#main .margin-b075{margin-bottom:75px !important;}
#main .margin-b100{margin-bottom:100px !important;}
#main .margin-b150{margin-bottom:150px !important;}


/* 文字サイズ（HTML要素用）
=============================================================================*/

@media screen and (max-width: 679px){
.sp-fontsize-l {
	font-size:140% !important;
}
.sp-fontsize-m {
	font-size:120% !important;
}
.sp-fontsize-s {
	font-size:100% !important;
}
}


/* 余白（HTML要素用）
=============================================================================*/

hr.mgb-sp010 ,
hr.mgb-sp020 ,
hr.mgb-sp030 ,
hr.mgb-sp040 ,
hr.mgb-sp050 ,
hr.mgb-sp060 ,
hr.mgb-sp070 ,
hr.mgb-sp080 ,
hr.mgb-sp090 ,
hr.mgb-sp100 {
	display:block;
	height:1px;
	border:none;
}
hr.mgb-sp010 {margin:0 0 10px 0;}
hr.mgb-sp020 {margin:0 0 20px 0;}
hr.mgb-sp030 {margin:0 0 30px 0;}
hr.mgb-sp040 {margin:0 0 40px 0;}
hr.mgb-sp050 {margin:0 0 50px 0;}
hr.mgb-sp060 {margin:0 0 60px 0;}
hr.mgb-sp070 {margin:0 0 70px 0;}
hr.mgb-sp080 {margin:0 0 80px 0;}
hr.mgb-sp090 {margin:0 0 90px 0;}
hr.mgb-sp100 {margin:0 0 100px 0;}

@media screen and (max-width: 679px){
hr.mgb-sp010 ,
hr.mgb-sp020 ,
hr.mgb-sp030 ,
hr.mgb-sp040 ,
hr.mgb-sp050 ,
hr.mgb-sp060 ,
hr.mgb-sp070 ,
hr.mgb-sp080 ,
hr.mgb-sp090 ,
hr.mgb-sp100 {
	display:none;
}
}

/* 教員情報
=============================================================================*/

#main .teachers-area .teachers-txt001 {
	margin-bottom:20px;
	font-weight:bold;
	font-size:18px;
}

/*h2*/

#main .teachers-area .h2-area {
    padding-top: 0;
}


/*profile*/
.wrapper-area .h1-area-in h1 span.sub {
	font-size:18px;
	padding-left:20px;
}

#main .teachers-area .profile {
	margin-bottom:40px;
}

#main .teachers-area .profile .left {
	width:620px;
	float:left;
}

#main .teachers-area .profile .left .title {
	margin-bottom:8px;
	background-color:#202020;
	padding:5px 10px;
	color:#FFFFFF;
	font-size:18px;
}

#main .teachers-area .profile .right {
	width:215px;
	float:right;
}

#main .teachers-area .profile .table-area {
	margin-bottom:0;
}

#main .teachers-area .profile .table-area table {
	width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#main .teachers-area div.table-area table th ,
#main .teachers-area div.table-area table td {
	padding:10px 10px;
	font-weight:normal;
}
#main .teachers-area .profile .table-area table th {
	font-weight:bold;
	text-align:center;
	width:20%;
	white-space: nowrap; 
	font-size:13px;
	line-height:1.6em;
}
#main .teachers-area .profile .table-area table td {
	font-size:13px;
	line-height:1.6em;
}

/*anchor-btn*/
	
#main .teachers-area .anchor-btn {
	padding-top:20px;
	margin-bottom:50px;
	border-top:1px solid #eeeeee;
}

#main .teachers-area .anchor-btn ul {
	margin-left:-10px;
	width:900px;
	overflow:hidden;
	letter-spacing:-0.4em;
}

#main .teachers-area .anchor-btn ul li {
	margin-left:10px;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:290px;
	margin-bottom:10px;
	vertical-align:bottom;
}

#main .teachers-area .anchor-btn ul li a {
	display:block;
	background:url("../../image/contents-ar0001.png") #f1f3fa no-repeat 10px 15px;
	background-size:12px auto;
	padding:10px 0 10px 30px;
	text-decoration:none;
	font-size:13px;
	line-height:1.4em;
}

/*index-table*/

#main div.table-area-teachers {
	margin:0 0 15px 0;
	padding:5px 0 0 0;
}
#main div.table-area-teachers table {
	width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	border-top:none;
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
}
#main div.table-area-teachers table th ,
#main div.table-area-teachers table td {
	font-weight:normal;
	border-top:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	line-height:1.6em;
}
#main div.table-area-teachers table td {
	vertical-align:top;
}
#wrapper-under div.table-area-teachers table th {
	background-color: #f2f2f2;
	text-align:center;
	vertical-align:middle;
	padding:10px 10px;
}
#main div.table-area-teachers table.inner {
	width:100%;
	margin:0;
	border-top:1px solid #CCCCCC;
	border-left:none;
	border-bottom:none;
	background:none;	
	background:url("../../image/contents-line0001.png") repeat-y right 80px top 0;
}
#main div.table-area-teachers table.inner tr td:first-child {
	border-right:none;
}
#main div.table-area-teachers table.inner tr:first-child td {
	border-top:none;
}
#main div.table-area-teachers table.inner td {
	padding:10px 10px;
}
#main div.table-area-teachers table.inner td.hp {
	text-align:center;
	width:60px;
	border-right:none;
}
#main div.table-area-teachers table.inner td.second {
	padding:0;
	border-top:1px solid #CCCCCC;
	border-right:none;
	border-left:1px solid #CCCCCC;
}
#main div.table-area-teachers table.inner td.second table.inner {
	background:none;
}
#main div.table-area-teachers table.inner td.second table td {
	border-top:1px solid #CCCCCC;
	border-right:none;
}
#main div.table-area-teachers table.inner td.second {
	background:url("../../image/contents-line0001.png") repeat-y right 80px top 0;
}
#main div.table-area-teachers table .w01 {
	width:470px;
}
#main div.table-area-teachers table .w02 {
	width:250px;
}
#main div.table-area-teachers table.inner td.second table tr:first-child td ,
#main div.table-area-teachers table.inner:first-child {
	border-top:none;
}

#main div.table-area-teachers table .w03 {
	width:200px;
}

/*table*/

#main .teachers-area .detail .table-area th {
	font-weight:bold;
	text-align:center;
	padding: 10px 5px;
	font-size:13px;
	line-height:1.6em;
}
#main .teachers-area .detail .table-area td {
	padding: 10px 10px;
	font-size:13px;
	line-height:1.6em;
}

#main .teachers-area .detail .table-area td.center {
	text-align:center;
}

#main .teachers-area .detail .table-area table .w04 {
	width:90px;
}
#main .teachers-area .detail .table-area table .w05 {
	width:210px;
}
#main .teachers-area .detail .table-area table .w06 {
	width:150px;
}
#main .teachers-area .detail .table-area table .w07 {
	width:300px;
}
#main .teachers-area .detail .table-area table .w08 {
	width:120px;
}

/*link-area*/
#main .teachers-area .link-area {
	padding-top:10px !important;
}
#main .teachers-area .link-area .pageindex {
	border-bottom: 2px solid #d0d3de;
    padding-bottom: 10px;
	color: #3b4c82;
    font-size: 18px;
    line-height: 1.4em;
	margin-bottom:15px;
}
#main .teachers-area .link-area ul.str02 {
	padding:20px 20px 15px 20px;
	background-color:#f1f1f1;
}
#main .teachers-area .link-area ul.str02 li ul li {
	float:left;
	width:33.33%;
	margin-bottom:5px;
}
#main .teachers-area .link-area ul.str02 li ul li a {
	background: url("../../image/contents-ar0005.gif") no-repeat 0 3px;
    display: block;
    line-height: 1.6em;
    margin-bottom: 5px;
    padding-left: 24px;
	padding-right:10px;
	font-size:14px;
}


@media screen and (max-width: 1249px){

/*profile*/
.wrapper-area .h1-area-in h1 span.sub {
	font-size:14px;
	padding-left:15px;
}
#main .teachers-area .profile .left {
	width:auto;
	float:none;
}
#main .teachers-area .profile .right {
	width:215px;
	margin:0 auto 30px;
	float:none;
	padding-top:10px;
}

/*anchor-btn*/
#main .teachers-area .anchor-btn ul {
	width:690px;
}

#main .teachers-area .anchor-btn ul li {
	width:335px;
}
#main .teachers-area .anchor-btn ul li a {
	background:url("../../image/contents-ar0001.png") #f1f3fa no-repeat 10px 15px;
	background-size:12px auto;
}
#main div.table-area-teachers table .w01 {
	width:370px;
}
#main div.table-area-teachers table .w02 {
	width:200px;
}
#main div.table-area-teachers table .w03 {
	width:150px;
}
/*table*/
#main .teachers-area .detail .table-area table .w04 {
	width:85px;
}
#main .teachers-area .detail .table-area table .w05 {
	width:140px;
}
#main .teachers-area .detail .table-area table .w06 {
	width:100px;
}
#main .teachers-area .detail .table-area table .w07 {
	width:200px;
}
#main .teachers-area .detail .table-area table .w08 {
	width:100px;
}
/*link-area*/
#main .teachers-area .link-area ul.str02 li ul li a {
	background: url("../../image/contents-ar0005.gif") no-repeat 0 1px;
	font-size:12px;
}
}

@media screen and (max-width: 679px){

/*anchor-btn*/
	
#main .teachers-area .anchor-btn {
	padding-top:10px;
	margin-bottom:25px;
}

#main .teachers-area .anchor-btn ul {
	margin-left:0;
	width:auto;
}

#main .teachers-area .anchor-btn ul li {
	margin-left:0;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:block;
	width:auro;
	margin-bottom:3px;
}
/*link-area*/
#main .teachers-area .link-area .pageindex {
	font-size:16px;	
	margin-bottom:10px;
	padding-top:10px;
}
#main .teachers-area .link-area ul.str02 {
	padding:10px 10px 5px 10px;
	background-color:#f1f1f1;
}
#main .teachers-area .link-area ul.str02 li ul li {
	float:none;
	width:100%;
}

/*table*/
#main div.table-area-teachers {
	font-size:10px;
}

#wrapper-under div.table-area-teachers table th {
	padding:5px 5px;
}
#main div.table-area-teachers table.inner td {
	padding:5px 5px;
}

#main div.table-area-teachers table .w01 {
	width:150px;
}
#main div.table-area-teachers table .w02 {
	width:75px;
}
#main div.table-area-teachers table .w03 {
	width:75px;
}
#main div.table-area-teachers table.inner td.hp {
	width:30px;
}
#main div.table-area-teachers table.inner td.second {
	background:url("../../image/contents-line0001.png") repeat-y right 40px top 0;
}
#main div.table-area-teachers table.inner {
	background:url("../../image/contents-line0001.png") repeat-y right 40px top 0;
}

#main .teachers-area .profile {
	margin-bottom:30px;
}
#main .teachers-area .profile .table-area table th {
	font-size:10px;
	line-height:1.4em;
}
#main .teachers-area .profile .table-area table td {
	font-size:10px;
	line-height:1.4em;
}

#main .teachers-area .profile .left .title {
	font-size:16px;
}

#main .teachers-area div.table-area table th, 
#main .teachers-area div.table-area table td {
    padding: 7px 5px;
}

#main .teachers-area .detail .table-area th {
    padding: 7px 5px;
	font-size:10px;
	line-height:1.4em;
}
#main .teachers-area .detail .table-area td {
    padding: 7px 5px;
	font-size:10px;
	line-height:1.4em;
}

#main .teachers-area .detail .table-area table .w04 {
	width:30px;
}
#main .teachers-area .detail .table-area table .w05 {
	width:50px;
}
#main .teachers-area .detail .table-area table .w06 {
	width:50px;
}
#main .teachers-area .detail .table-area table .w07 {
	width:100px;
}
#main .teachers-area .detail .table-area table .w08 {
	width:60px;
}

}
