@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

em        { color:#FD6408;  }

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }
.underline     { text-decoration:underline; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { maring:0; padding:0; border:none; background:none; }

/* --- anchor --- */

.anchor{
	background:url(/~psy/themes/main/images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:13px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(/~psy/themes/main/images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(/~psy/themes/main/images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(/~psy/themes/main/images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(/~psy/themes/main/images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}


/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background:url(/~psy/themes/main/images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}

/* --- blockquote --- */

blockquote, 
.acms-entry blockquote{
	background:#fff;
	border:0;
	margin-top:40px;
	padding:30px 20px;
}

.game blockquote {
	padding: 0 20px;
}


/* --- margin --- */

.content .mt0 { margin-top:0; }
.content .mt10{ margin-top:10px; }
.content .mt20{ margin-top:20px; }
.content .mt30{ margin-top:30px; }
.content .mt40{ margin-top:40px; }



/* ------ title -------------------------------- */

.page-title h1{
	border-bottom:4px solid #89c997;
	color:#7db88a;
	text-align:left;
	line-height:1.3;
	padding:0;
	font-size:230%;
	font-weight:bold;
	margin:14px auto 24px;
}

.content h2, 
.content .wysiwyg h1{
	border-left: 6px solid #89c997;
	clear:both;
	margin:30px 0 -3px;
	font-size:137%;
	font-weight:bold;
	padding:2px 5px 1px 14px;
}
.content h2 a:link          { text-decoration:underline; }
.content h2 a:visited       { text-decoration:underline; }
.content h2 a:hover,a:active{ text-decoration:none; }


.content h3, 
.content .wysiwyg h2{
	border-bottom: 4px solid #89c997;
	clear:both;
	margin:30px 0 -2px;
	display:inline-block;
	font-size:125%;
	font-weight:bold;
	line-height:1.5;
	padding:0;
}

.content h4, 
.content .wysiwyg h3{
	color:#7db88a;
	clear:both;
	font-size:113%;
	font-weight:bold;
	margin:30px 0 -20px;
}

.content h5, 
.content .wysiwyg h4{
	clear:both;
	font-weight:bold;
	margin:40px 0 0;
}


/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li{
	background:url(/~psy/themes/main/images/icon_list01.png) no-repeat 0 0.6em;
	padding-left:13px;
	margin-bottom:5px;
}

.list li a {
	font-weight: bold;
}

.list li li {
	background:url(/~psy/themes/main/images/icon_list02.png) no-repeat 0 0.6em;
}

/* --- link list --- */

.link li{
	background:url(/~psy/themes/main/images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	margin-bottom:5px;
}

.link li li{
	background:url(/~psy/themes/main/images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}


/* --- number list --- */

.number li{
	text-indent:-30px;
	margin-left:30px;
	margin-bottom:5px;
}

.number li img{
	margin-right:8px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

/*.within {
	padding: 8px;
	border: 1px solid #ddd;
}*/

.within li{
	background:url(/~psy/themes/main/images/icon_arrow_within.png) no-repeat 0 0.5em;
	padding-left:15px;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(/~psy/themes/main/images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}


dl.list.psychologist dt {
	float: left;
	width: 410px;
}

dl.list.psychologist dt a {
	width: 100%;
	display: block;
}

dl.list.psychologist dt a[href$='pdf'] {
	width: 100%;
	padding-right: 0;
}

dl.list.psychologist dd {
	margin-left: 420px;
}


/* --- indent list --- */

dl.indent dt {
	float: left;
}

dl.indent dd {
	margin-left: 45px;
}

/* --- link list --- */

.link dt{
	background:url(/~psy/themes/main/images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}

/* --- indent --- */

.indent1em {
	margin-left: 1em !important;
}

.indent15em {
	margin-left: 1.5em !important;
}

/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }



/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
	vertical-align:top;
	width:80px;
	display:inline-table;
}

.social ul li.twitter, 
.social ul li.google{
	padding-top:5px;
}

.social ul li *{
	margin:0;
	padding:0;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */

.num-list1 li {
	margin-left: 1.8em;
	text-indent: -1.8em;
	margin-bottom: 5px;
}

.num-list1 li li {
	margin-bottom: 0;
}

.num-list2 li {
	margin-left: 1.3em;
	text-indent: -1.3em;
}

/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table th,
table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #c9c9c9;
	background:#fff;
}

table tbody tr:first-child th,
table tbody tr:first-child td{
	border-top:none;
}

table th{
	background:#e6ecf2;
	font-size:107%;
	font-weight:bold;
}

table thead th,
th.head {
	background:#4796d6;
	border:1px solid #4796d6;
	color:#fff;
	font-size:125%;
	text-align:center;
}

table td{
	font-size:94%;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}


/* --- nopadding --- */

table.nopadding,
table.nopadding td,
table.nopadding th {
	padding: 0;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin-left: -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}

/* --- index-list --- */
.index-list {
	clear: both;
}

.index-list ul {
	font-size:113%;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	margin: 0 0 0 -20px;
}

.index-list ul li {
	float: left;
	display: inline;
	margin: 20px 0 0 20px;
	width: 325px;
}

.index-list ul a {
	background:url(/~psy/themes/main/images/bg_index_01.png) repeat 0 0;
	border:3px solid #4796d6;
	text-decoration:none;
	display:block;
	position:relative;
	padding:39px 50px 39px 10px;
	z-index:2;
}
.index-list ul a:link,.index-list ul a:visited{ color:#4796d6; }
.index-list ul a:hover,.index-list ul a:active{ color:#fff; }

.index-list ul li.line2 a {
	padding-top:26px;
	padding-bottom:26px;
}

.index-list ul a::before {
	background:#fff;
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	z-index:-1;
}
.index-list ul a:link::before,.index-list ul a:visited::before{ background:#fff; }
.index-list ul a:hover::before,.index-list ul a:active::before{ background:#4796d6; }

.index-list ul a::after {
	background:url(/~psy/themes/main/images/icon_index_01.png) no-repeat 0 50%;
	content:"";
	display:block;
	width:8px;
	position:absolute;
	top:10px;
	right:30px;
	bottom:10px;
}
.index-list ul a:link::after,.index-list ul a:visited::after{ background-image:url(/~psy/themes/main/images/icon_index_01.png); }
.index-list ul a:hover::after,.index-list ul a:active::after{ background-image:url(/~psy/themes/main/images/icon_index_02.png); }



/* staff
------------------------------------------------ */

/* --- staff-list --- */
.staff-list {
	clear: both;
}

.staff-list ul {
	font-size:88%;
	margin: 10px 0 0 -20px;
}

.staff-list ul li {
	border:3px solid #dcdcdc;
	float: left;
	display: inline;
	margin: 20px 0 0 20px;
	padding:16px 15px 16px 17px;
	width: 287px;
}

.staff-list ul dl {
	line-height:1.43;
}

.staff-list ul dl dt {
	border-bottom:1px dashed #dbdbdb;
	line-height:1.2;
	padding:0 0 6px;
}

.staff-list ul dl dt .post {
	display:block;
	margin:0 0 10px;
}

.staff-list ul dl dt .kana {
	font-size:72%;
	display:block;
	margin:0 0 1px;
}

.staff-list ul dl dt .name {
	font-size:143%;
	font-weight:bold;
}

.staff-list ul dl .detail dl {
	margin:0;
}

.staff-list ul dl .detail dl dt {
	border-bottom:none;
	line-height:1.43;
	margin:11px 0 0;
	padding:0;
}

.staff-list ul dl .detail dl dd {
	margin:-1.43em 0 0 6em;
}

.other-staff {
	font-size: 128%;
	font-weight: bold;
}

.decoration-box1 {
	width: auto;
	margin: 30px auto;
	padding: 30px;
	border: solid 1px #ccc;
}

.decoration-box1 dl {
	margin: 0;
}

.decoration-box1 dl dt {
	font-size: 128%;
	font-weight: bold;
	margin-bottom: 10px;
}



dl.recruit_schedule dt{
	font-weight:bold;
	}

dl.recruit_schedule dd dl{
	margin-bottom:30px;
	}
dl.recruit_schedule dd dl dt{
	float:left;
	width:150px;
	font-weight:normal;
	margin-left:30px;
	}