/* page

------------------------------------- */

#page1 {

	position:relative;

	min-height: 100%;

}

* html div#page1 {

	height:100%;

}

#page2 {

	margin-right:auto;

	margin-left:auto;

	text-align:left;

	position:relative;

	min-height: 100%;

}

* html div#page2 {

	height:100%;

}

#page3 {

	margin-right:auto;

	margin-left:auto;

	text-align:left;

	position:relative;

	min-height: 100%;

}

* html div#page3 {

	height:100%;

}

#page4 {

	margin-right:auto;

	margin-left:auto;

	text-align:left;

	position:relative;

	min-height: 100%;

}

* html div#page4 {

	height:100%;

}

.wrap {

	position:relative;

	width:1000px;

	margin:0 auto;

	padding:0 12px;

}





/* header

------------------------------------- */

#header {

	margin-top:16px;

	margin-bottom:24px;

}

#header .utt_area {

	margin-bottom:8px;

}



#header ul,

.nav_area ul,

.slider_area ul,

.icon_area ul {

	margin:0;

	padding:0;

	list-style:none;

}

#header .wrap{

}

#header .logo {

	margin:0 0 0 -8px;

	width:250px;

}

#header .logo a{

/*

	background-image:url("#");

	background-repeat:no-repeat;

	width:375px;

	height:70px;

	display:block;

	text-indent:-99999px;

*/

}



#header .logo a img {

	-webkit-transition-duration: 0.2s;  

	-moz-transition-duration: 0.2s;  

	-o-transition-duration: 0.2s;  

	transition-duration: 0.2s;

	width:100%;

}

#header .logo a:hover {

	opacity: 1;

	filter: alpha(opacity=100);        /* ie 6 7 */

	-ms-filter: "alpha(opacity=100)";  /* ie 8 */

}

#header #utt {

	width:54%;

	text-align:right;

	font-size:0.9em;

	height:30px;

	display:table;

	margin-right:-24px;

}

#header #utt > li {

	display:table-cell;

	width:auto;

	height:100%;

	padding-right:20px;

}

#header #utt > li a {

	display:block;

	position:relative;

	padding:8px;

}

#header #utt > li a:after {

	content:"";

	background:url("154a9801073fb4db872a8896.png") no-repeat 0 0;

height: 14px;

width: 14px;

position: absolute;

top: 50%;

right: -8px;

margin-top: -8px;

}

#header #utt li .fonts {

	margin-left:auto;

	width:200px;

}

#header #utt li dl {

	display:table;

}

#header #utt li dl dt {

    display: table-cell;

    padding-right: 8px;

	vertical-align:middle;

}

#header #utt li dl dt span {

	display:inline-block;



}

#header #utt li dl dd {

	display:table-cell;

	margin:0;

}

#header #utt li dl dd ul {

	letter-spacing:-1em;

}

#header #utt li dl dd ul li {

	letter-spacing:normal;

	display:inline-block;

	margin:0;

}



.search_box {

	clear:both;

	width:256px;

	margin-left:auto;

	letter-spacing:-2em;

    position: absolute;

    right: 10px;

    top: 42px;

}

.search_box input {

	display:block;

	float:left;

}

.search_box .search_textbox {

	letter-spacing:normal;

	padding:5px 4px;

	width:200px;

	height: 28px;

	border:1px solid #ccc;

}

.search_box .search_button {

	letter-spacing:normal;

	border:none;

	height:28px;

	width:54px;

	background:url("f6f9a1b14a4f84ca06b6869b.png") no-repeat 0 -2px;

	background-size:100%;

	text-indent:-9999px;

}

.search_box .search_button:hover {

	cursor:pointer;

}





/* nav_area

------------------------------------- */

.nav_area {

	width:100%;

}	

#header .nav_area ul {

	width:980px;

	margin:0 auto;

	padding:32px 0 0;

	list-style:none;

	text-align:center;

	display:table;

	table-layout:fixed;

	font-size: 1em;

}

.nav_area li {

	display:table-cell;

	font-size:1.07em;

	position:relative;

}

.nav_area li a {

	display:block;

	padding:4px 0;

	border-right:1px solid #8c8c8c;

}

.nav_area li:first-child a {

	border-left:1px solid #8c8c8c;

}

.nav_area li a.active,

.nav_area li a:hover {

	color:#fff !important;

	background:#724B93;

	text-decoration:none !important;

	opacity:1;

}

.nav_area li a.active:hover {

	opacity:0.9;

}



/* sub */

#header .nav_area li > .sub {

    left: 0;

    list-style: none;

    margin: 0;

    padding-top: 1px;

    position: absolute;

    width: 100%;

    z-index: 999;

	display:block;

}

#header .nav_area li > .sub li {

    font-size: 100%;

    position: relative;

	display:block;

	border-left:none;

	border-right:none;

}

#header .nav_area li > .sub li a {

    background: rgba(81, 30, 122, 0.7);

    border-top: none;

	padding:4px;

	border-bottom: 1px solid #e9e0f5;

	color:#fff;

}

#header .nav_area li > .sub li a:hover {

	opacity:0.9;

	color:#511e7a !important;

	background-color:#d9cde9;

}



/* slider_area

------------------------------------- */

.slider_area {

	margin-bottom:32px;

	padding: 32px 0;

	background:#f0ece1;

	border-top:1px solid #bfbeba;

	border-bottom:1px solid #bfbeba;

}

.slider_area .wrap {

	border: 8px solid #fff;

	border-radius:8px;

}

.slider_area li {

	background:#fff;

	text-align:center;

	margin:0 24px;

}

.slider_area li a {

	padding:0;

}

.slider_area li img {

	width:100%;

}

.slick-dotted.slick-slider {

	margin-bottom:0 !important;

}

.slick-dots {

	bottom: -24px !important;

}

.slick-dots li {

	border-radius:50%;

	height:14px !important;

	width:14px !important;

	background:#9989a4 !important;

}

.slider_area .slick-dots .slick-active {

	background:#66318b !important;

}

.slider_area .slick-dots li button:before {

    content: none !important;

}





#header2 #header .wrapper {

	border-bottom:5px solid #8257a6;

	padding-bottom:12px;

}

#header2 .nav_area {

	margin-bottom:24px;

}

#header2 .nav_area ul {

	padding-top:24px;

}

/* END */





#ttl {

	border-top:1px solid #bfbeb9;

	width:100%;

	background:#f0ece1;

	margin-bottom:56px;

}

#ttl h1 {

	display:block !important;

	margin:0;

	text-align:center;

}

#ttl h1 img {

	max-width:980px;

}





/* content

------------------------------------- */

#content{

	margin:0 auto;

	width:1000px;

	padding:0 12px 72px;

}

#content .wrap{



}



/* kiji-image

------------------------------------- */

.size35{

	text-align: center;

	width: 35px;

	height: 35px;

}

.size55{

	text-align: center;

	width: 55px;

	height: 55px;

}

.size120{

	text-align: center;

	width: 120px;

	height: 120px;

}

img{

	vertical-align:top;

}

.size220 {

}

.kiji_image table {

	margin:0;

}

.kiji_image table td {

    padding: 0;

    text-align: center;

}



/* main

------------------------------------- */

#main1{

}

#main2{

}

#main3{

	width:720px;

	float:left;

}

#main3 #new_area{

}

#main4{

}

#main_body{

}



/* side-bar

------------------------------------- */

#sidebar{

	float: right;

	width:230px;

	position:relative;

}

#main1 #sidebar {

	margin-right:10px;

}

#sidebar p {

	margin:0;

}

#sidebar .add {

	margin-left:8px;

}

#sidebar .img {

	margin:8px 0 0;

	text-align:center;

}

#sidebar ul {

	margin:0;

	list-style:none;

}

#sidebar ul li {

	margin-bottom:8px;

}

#sidebar ul li:last-child {

	margin-bottom:0;

}

#sidebar ul li img {

	max-width:100%;

	vertical-align:bottom;

}



.menu {

	width:230px;

	background:#eee2f0;

	border:1px solid #cfc0d5;

	padding:8px;

}

.menu ul {

}

.menu li a {

	background:#fff;

	display:block;

	padding:8px 12px;

	color:#333;

}

#sidebar .menu li a.active,

#sidebar .menu li a:hover {

	color:#333 !important;

	background:rgba(222,201,228,1);

	text-decoration:none !important;

	opacity:1;

}

#sidebar .menu li a.active:hover {

	background:rgba(222,201,228,0.5);

}

.fixed {

	top: 2%;

	left: 68%;

	width: 18%;

	position: fixed;

}

#content.article #sidebar{

	position:static !important;

	height:auto !important;

}





/* footer

------------------------------------- */

#up_area {

    height: 50px;

    margin: 0 auto;

    position: relative;

    top: 0;

    width: 1000px;

}

.up {

    bottom: 0;

    position: absolute;

    right: 0;

    z-index: 999999;

}

.to-top {

	display:block;

	color:#fff;

	background:#8357a6;

	border-radius:6px 6px 0 0;

	font-size:86%;

	padding:8px 16px 4px;

}

.to-top:hover {

	cursor:pointer;

}







#footer {

	position:relative;

    padding-top: 16px;

	line-height:1.4;

	background: #f0ece1;

	color:#333;

}

#footer p {

	margin:0;

	padding: 0;

	font-size:0.96em;

}

#footer .wrap {

	display:table;

	table-layout:fixed;

	padding:16px 12px;

}

#footer ul {

	padding:0;

	text-align:left;

	font-size:100%;

}

#footer ul li {

	letter-spacing:normal;

	text-align:left;

	width:50%;

	float:left;

	line-height:1.7;

}

#footer ul li a {

	border:none;

	color:#333;

}

#footer ul li a:hover {

}

.fut_menu  {

	padding-left:40px;

}

#footer dl, .right_column .fut_menu > ul  {

	width:33.333%;

	float:left;

	margin:0;

}

#footer .right_column .fut_menu > ul {

	list-style:none;

	margin-left:0;

	font-size:1.1em;

}

#footer .right_column .fut_menu > ul li {

	width:100%;

	float:none;

}

#footer dl dt  {

	font-size:1.3em;

}

#footer dl dd  {

	margin-left:0;

}

#footer .right_column dl dd ul {

	margin:0 0 0 1.4em;

}

#footer dl dd ul li {

	width:auto;

	float:none;

}

#footer ul > li > a {

	padding:0;

}



#footer .left_column {

	width:25%;

	text-align:center;

	padding:8px 0;

}

#footer .left_column .logo {

	width:100%;

	margin-bottom:8px;

}

#footer .left_column .logo img {

	max-width:205px;

}



#footer .right_column {

	font-size:0.85em;

	width:70%;

	float:left;

	margin-left:24px;

	padding:0 0 8px;

	border-left:1px solid #484a71;

	line-height:2;

}

#footer .right_column > ul {

	margin-left:48px;

	margin-bottom:40px;

}



#footer .copyright {

	padding: 12px 0;

	color:#fff;

	background:#8357a6;

	text-align:center;

	line-height:1.3;

	font-size:0.76em;

}



.login {

	display:inline-block;

	margin-left:8px;

}

.login a {

	color:#fff !important;

	text-decoration:underline;

}







/* parts4 list

------------------------------------- */

.parts4{

	margin-bottom:40px;

	font-size:0.9em;

}

.parts4 h2{

	margin:0 0 16px;

	font-size:1em;

	letter-spacing:0.1em;

}

.parts4 .kiji_contents{

	margin-bottom:24px;

	padding:0;

}

.parts4 .kiji_contents +div {

	margin-bottom:0;

}

.parts4 .kiji_image {

	width:220px;

	height:148px;

	float:left;

	margin-right:16px;

	border:1px solid #ccc;

	background:#f0f0f0;

	overflow: hidden;

}

.parts4 .kiji_body {

	float:left;

	width:67%;

	font-size:1.05em;

}

.parts4 .kiji_body p {

	margin-bottom:0;

	line-height: 1.5;

}



.parts4 h3{

	margin:0;

	font-weight:normal;

    line-height: 2;

    margin: 0;

	font-size:100%;

}

.parts4 h3 a,

.parts4 h3 a:link,

.parts4 h3 a:active, 

.parts4 h3 a:visited{

	color:#0067ca;

	text-decoration:underline;

}

.parts4 h3 a:hover {

	color:#3f91f5;

	opacity:1;

}

.parts4 .kiji_date{

	margin:0;

	padding-right:16px;

	font-size:90%;

}

.parts4 .links {

	line-height:25px;

	margin:3px 5px 0px 0px;

	padding:0;

	text-align:right;

	font-size:86%;

	display:none;

}

.parts4 .links a,

.parts4 .links a:link,

.parts4 .links a:active, 

.parts4 .links a:visited{

}

.parts4 .links a:hover {

}



/* parts9 list

------------------------------------- */

.parts9{

	margin-bottom:40px;

	font-size:0.9em;

}

.parts9 h2{

	margin:0 0 16px;

	font-size:1em;

	letter-spacing:0.1em;

}

.parts9 .kiji_contents{

	margin-bottom:12px;

	padding-bottom:12px;

	border-bottom:1px dashed #ccc;

}

/*

.parts9 .kiji_contents +div {

	margin-bottom:0;

}

*/

.parts9 .kiji_image {

	width:100px;

	height:74px;

	float:left;

	margin-right:16px;

	border:1px solid #ccc;

	background:#f0f0f0;

	overflow: hidden;

}

.parts9 .kiji_image table {

	width:100px;

	height:auto !important;

}

.parts9 .kiji_image table td img {

	max-width:100%;

	max-height: 74px;

}

.parts9 .kiji_body {

	float:left;

	width:83%;

}



.parts9 h3{

	margin:0;

	font-weight:normal;

    line-height: 2;

    margin: 0;

	font-size:100%;

}

.parts9 h3 a,

.parts9 h3 a:link,

.parts9 h3 a:active, 

.parts9 h3 a:visited{

	color:#0067ca;

	text-decoration:underline;

}

.parts9 h3 a:hover {

	color:#3f91f5;

	opacity:1;

}

.parts9 p {

	margin:0;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}





.parts9 .kiji_date{

	margin:0;

	padding-right:16px;

	font-size:90%;

}

.parts9 .links {

	line-height:25px;

	margin:3px 5px 0px 0px;

	padding:0;

	text-align:right;

	font-size:86%;

	display:none;

}

.parts9 .links a,

.parts9 .links a:link,

.parts9 .links a:active, 

.parts9 .links a:visited{

}

.parts9 .links a:hover {

}





/* parts10

------------------------------------- */

.parts10 .ban_area {

	background:#e8e8e8;

	padding:1.5em 0;

}

.ban_area ul {

	list-style-type:none;

	letter-spacing:0.4em;

	width:813px;

	margin:0 auto;

}

.ban_area ul li {

	width:250px;

	display:inline-block;

	letter-spacing:0;

	margin-left:20px;

	background:#fff;

}

.ban_area ul li:first-child {

	margin-left:0;

}

.ban_area ul li a {

}

.ban_area ul li a img {

}



/* parts11,parts12

------------------------------------- */

.parts11 {

	clear:both;

}

.parts11 h2,

.parts12 h2 {

}







/* parts5 list

------------------------------------- */

.parts5{

	margin-bottom:40px;

	font-size:0.9em;

}

.parts5 h2{

	margin:0 0 16px;

	font-size:1em;

	letter-spacing:0.1em;

}

.parts5 .kiji_contents{

	margin-bottom:12px;

	padding-bottom:12px;

	border-bottom:1px dashed #ccc;

}

.parts5 .kiji_contents +div {

	margin-bottom:0;

}

.parts5 .kiji_image {

	width:100px;

	height:74px;

	float:left;

	margin-right:16px;

	border:1px solid #ccc;

	background:#f0f0f0;

}

.parts5 .kiji_image table {

	width:100%;

	height:auto !important;

}

.parts5 .kiji_body {

	float:left;

	width:83%;

}



.parts5 h3{

	margin:0;

	font-weight:normal;

    line-height: 2;

    margin: 0;

	font-size:100%;

}

.parts5 h3 a,

.parts5 h3 a:link,

.parts5 h3 a:active, 

.parts5 h3 a:visited{

	color:#0067ca;

	text-decoration:underline;

}

.parts5 h3 a:hover {

	color:#3f91f5;

	opacity:1;

}

.parts5 p {

	margin:0;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}





.parts5 .kiji_date{

	margin:0;

	padding-right:16px;

	font-size:90%;

}

.parts5 .links {

	line-height:25px;

	margin:3px 5px 0px 0px;

	padding:0;

	text-align:right;

	font-size:86%;

	display:none;

}

.parts5 .links a,

.parts5 .links a:link,

.parts5 .links a:active, 

.parts5 .links a:visited{

}

.parts5 .links a:hover {

}





/* parts6 free

------------------------------------- */

.parts6 h2{

}

.parts6{

}

.parts6 a,

.parts6 a:link,

.parts6 a:active, 

.parts6 a:visited{

}

.parts6 a:hover {

}



.parts6 #article_wrapper h3 span,

.parts6 #article_wrapper h3 span:before,

.parts6 #article_wrapper h3 span:after {

	background:none;

	margin:0;

	padding:0;

	color:#464646;

}





/* parts7 問い合わせフォーム

   parts45 特派員申込みフォーム

- - - - - - - - - - - - - - - - - - - */

.parts7,

.parts45{

	margin: 0 0 10px;

	padding: 0;

	width:100%;

}

.parts7 .contact_contents,

.parts45 .contact_contents{

	margin: 0;

	padding:0;

	clear:both;

}

.parts7 .contact_text,

.parts45 .contact_text{

	margin: 0 0 10px;

	padding: 0;

}

.parts7 .contact_text p,

.parts45 .contact_text p{

	margin-top: 0;

	padding: 0;

}

.parts7 ul.contact_form, .parts45 ul.contact_form {

    background: #fefefe;

    border: 1px solid #f0f0f0;

    border-radius: 6px;

    margin: 0;

    padding: 2em 1em 1em;

}

.parts7 .contact_form li,

.parts45 .contact_form li{

	display:inline-table;

	margin:0px 0px 14px 0px;

}

.parts7 .contact_index,

.parts7 .contact_body,

.parts7 .contact_submit,

.parts45 .contact_index,

.parts45 .contact_body,

.parts45 .contact_submit{

	float:left;

}

.parts7 .contact_index,

.parts45 .contact_index{

	text-align:right;

	width:140px;

	line-height:150%;

	font-size:93%;

	color:#000000;

	min-height: 1px;

	padding-top:2px;

}

.parts7 .contact_body,

.parts45 .contact_body {

	padding:0px 0px 0px 10px;

	width:500px;

}

.parts7 input,

.parts7 textarea,

.parts45 textarea {

	border:1px solid #d9d9d9;

	padding:4px;

	margin:0px 0px 0px 0px;

	font-size:95%;

	width: 300px !important;

	font-family:"Osaka","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Verdana, Helvetica, sans-serif;

}



.parts7 input#Value_1821 {

	width: 500px !important;

}

.parts7 .contact_body textarea,

.parts45 .contact_body textarea{

	margin:0px 0px 0px 0px;

	width: 500px !important;

}

.parts7 .contact_body select,

.parts45 .contact_body select {

	border:1px solid #B7B8B8;

	padding:2px;

	font-size:100%;

	width:300px !important;

}

.parts7 .contact_body input[type=radio] {

	width:auto !important;

}

.parts45 .contact_body select {

	border:1px solid #B7B8B8;

	padding:2px;

	font-size:100%;

	width:300px !important;

}





.parts7 .contact_body option,

.parts45 .contact_body option{

	line-height:150%;

	padding:0px 5px;

}

.parts7 .contact_body_comment,

.parts45 .contact_body_comment{

	font-size:85%;

	color:#777777;

}

.parts7 .contact_body_needs,

.parts45 .contact_body_needs{

	font-size:85%;

	color:#CC0000;

}

.parts7 .contact_submit,

.parts45 .contact_submit{

	margin:0px 0px 0px 10px;

	padding:6px 0px;

}

.parts7 .contact_ssl,

.parts45 .contact_ssl {

	margin:20px 0 0;

	padding: 0;

	line-height:150%;

	font-size:85%;

}

.parts7 .contact_ssl img,

.parts45 .contact_ssl img {

	margin:0px 0px 5px 0px;

	padding:0px 0px;

}

.parts7 .formBtn,

.parts45 .formBtn {

	/*	

	background: url("##") no-repeat 0 0;

	*/

	margin: 0;

	padding: 0;

	border: 1px solid #ccc;

	cursor: pointer;

	display: block;

	height: 40px;

	width: 200px;

	float: left;

	color: #333;

	/*	

	text-indent: -99999px;

	*/

}

.parts7 .backBtn,

.parts45 .backBtn {

	/*	

	background: url("##") no-repeat 0 0;

	*/

	margin: 0 10px 0 0;

	padding: 0;

	border: 1px solid #ccc;

	cursor: pointer;

	display: block;

	height: 40px;

	width: 60px;

	float: left;

	color: #333;

	/*	

	text-indent: -99999px;

	*/

}

.parts7 .sendBtn,

.parts45 .sendBtn {

	/*	

	background: url("##") no-repeat 0 0;

	*/

	margin: 0;

	padding: 0;

	border: 1px solid #ccc;

	cursor: pointer;

	display: block;

	height: 40px;

	width: 200px;

	float: left;

	color: #333;

	/*	

	text-indent: -99999px;

	*/

}









/* parts43 list

------------------------------------- */

.parts43{

	margin-bottom:40px;

	font-size:0.9em;

}

.parts43 h2{

	margin:0 0 16px;

	font-size:1em;

	letter-spacing:0.1em;

}

.parts43 .kiji_contents{

	margin-left:8px;

	margin-right:8px;

	margin-bottom:12px;

	padding-bottom:12px;

	border-bottom:1px dashed #ccc;

}

/*

.parts43 .kiji_contents +div {

	margin-bottom:0;

}

*/

.parts43 .kiji_image {

	width:100px;

	height:74px;

	float:left;

	margin-right:16px;

	border:1px solid #ccc;

	background:#f0f0f0;

}

.parts43 .kiji_image table td img {

    max-height: 74px;

    max-width: 100%;

}

.parts43 .kiji_image table {

	width:100%;

	height:auto !important;

}

.parts43 .kiji_body {

	float:left;

	width:83%;

}



.parts43 h3{

	margin:0;

	font-weight:normal;

    line-height: 2;

    margin: 0;

	font-size:100%;

}

.parts43 h3 a,

.parts43 h3 a:link,

.parts43 h3 a:active, 

.parts43 h3 a:visited{

	color:#0067ca;

	text-decoration:underline;

}

.parts43 h3 a:hover {

	color:#3f91f5;

	opacity:1;

}

.parts43 p {

	margin:0;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}





.parts43 .kiji_date{

	margin:0;

	padding-right:16px;

	font-size:86%;

}

.parts43 .links {

	line-height:25px;

	margin:3px 5px 0px 0px;

	padding:0;

	text-align:right;

	font-size:86%;

	display:none;

}

.parts43 .links a,

.parts43 .links a:link,

.parts43 .links a:active, 

.parts43 .links a:visited{

}

.parts43 .links a:hover {

}









/* parts53 list

------------------------------------- */

.parts53 {

	margin-bottom:40px;

	padding-left: 32px;

	font-size:0.9em;

}

.parts53 h3 {

	margin:0;

	font-size:1em;

	letter-spacing:0.1em;

	display: list-item;

}

.parts53 .kiji_contents {

	margin-left:8px;

	margin-right:8px;

	margin-bottom:12px;

}

.parts53 .links {

	line-height:25px;

	margin:3px 5px 0px 0px;

	padding:0;

	text-align:right;

	font-size:86%;

	display:none;

}





/* parts55 recruit

------------------------------------- */

.card > h2,

.card .links,

.card .kiji_date,

.card > .kiji_contents > p:first-child,

.card > .kiji_contents > p:last-child {

	display:none;

}











/* kiji

------------------------------------- */

#kiji_footer #new_area {

	margin:0;

}

#kiji_footer > .free > .good {

	width:50%;

	margin:48px auto;

}

#kiji_footer > .free > .good p {

	margin:14px 0 0;

}

#kiji_footer > .free > .good .btn {

	display:inline;

}

#kiji_footer > .free > .good .txt {

	color:#ff9825;

	display:inline-block;

	font-weight:bold;

	line-height:1;

}

#kiji_footer > .free > .good .txt span {

	display:block;

}

#kiji_footer > .free > .good .txt .zou {

	font-size: 110%;

	letter-spacing: -2px;

}

#kiji_footer > .free > .good .txt .count {

	font-size: 200%;

	text-align: center;

}



#kiji_footer .relation {

	background:#f2f2f2;

	border:1px solid #e1e1e1;

	padding:24px;

}

#kiji_footer .relation h2 {

	margin:0 0 24px;

}

#kiji_footer .relation > dl {

	margin:0;

	display:table;

}

#kiji_footer .relation > .dl .dt {

	margin:0;

	font-size:110%;

	width:132px;

	height:132px;

	display:table-cell;

}

#kiji_footer .relation > .dl .dt span {

	display:block;

	text-align:center;

	margin:8px 0 0;

	font-size: 85%;

}

#kiji_footer .relation .new .date span {

	font-size: 80%;

}

#kiji_footer .relation > .dl .dt span:first-child {

	margin:0 0 8px;

	font-size:100%;

	line-height: 1.3;

}

#kiji_footer .relation > .dl .dt a {

	display:block;

	color:#1776e4;

	text-decoration:underline;

}

#kiji_footer .relation > .dl .dt span.avatar {

	width:132px;

	height:132px;

	overflow:hidden;

	border-radius:50%;

	background-color: #c5ccdf;

}

#kiji_footer .relation > .dl .dt a img {

	-webkit-transition-duration: 0.2s;  

	-moz-transition-duration: 0.2s;  

	-o-transition-duration: 0.2s;  

	transition-duration: 0.2s;

}

#kiji_footer .relation > .dl .dt a:hover img {

/*

	-webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

	

	webkit系でバグ。

	overflow:hidden;が一瞬効かなくなる。

	transitionとtransformを同時に使用すると。

*/

}



#kiji_footer .relation a:hover .avatar,

#kiji_footer .relation a:hover .avatar img {

	opacity: 1;

	filter: alpha(opacity=100);        /* ie 6 7 */

	-ms-filter: "alpha(opacity=100)";  /* ie 8 */

}



#kiji_footer .relation > .dl .dt img {

	width:100%;

	height:100%;

}

#kiji_footer .relation > .dl .dd {

	display:table-cell;

	vertical-align:top;

	padding-left:40px;

}

#kiji_footer .relation > dl dd {

	margin:0;

	font-size:100%;

}



#kiji_footer .relation > .dl dt {

	margin:0;

	font-size:90%;

}



.relation #new_area .title {

    height: inherit;

    margin-bottom: 0;

    position: static;

}

.relation #new_area h2 {

    border-bottom: none;

    margin-top: 0;

	margin-bottom:8px;

    padding-bottom: 0;

    padding-left: 0;

	font-size:110%;

	font-weight:normal;

}

.relation ul.new {

    width: 610px;

}



.relation ul.new li {

    width: 194px;

	margin-right:14px;

	margin-bottom:0;

}

.relation ul.new li .article .img img {

    left: 50%;

    max-width: 130%;

    min-height: auto;

    min-width: auto;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%) scale(1);

    transition-duration: 0.6s;

}

.relation .new .thumbnail {

    height: 131px;

    overflow: hidden;

    position: relative;

    width: 100%;

    background-size: 100% auto;

}

#kiji_footer .new .thumbnail .cate {

    font-size: 80%;

    padding-left: 8px;

    padding-right: 8px;

}

#kiji_footer .new .thumbnail .circle {

    border-radius: 50%;

    height: 65px;

    width: 65px;

}

#kiji_footer .new .thumbnail .circle img {

	width:14px;

	height:14px;

}

#kiji_footer .new .thumbnail .circle p {

	font-size:75%;

    margin: 0 0 0 4px;

    white-space: nowrap;

}

#kiji_footer .new .thumbnail .circle img:first-child +p {

	font-size:90%;

	margin: 12px 0 0;

	line-height: 1.4;

}

#kiji_footer .new .thumbnail .circle img:first-child +p +p {

	letter-spacing:-1px;

}

.heart {

    right: 0;

}

#kiji_footer .new .thumbnail:before {

	height:33px;

	width:33px;

	background-size:100%;

	margin-left: -14px;

	margin-top: -14px;

}

#kiji_footer .back {

}

#kiji_footer .back a,

.buk a {

	width:25%;

	white-space:nowrap;

	font-size:130%;

	font-weight:bold;

	margin:0 auto;

	padding:1em 1em 1em 1.6em;

	display:block;

	background:url("7d4890fdbc283789f865b9bd.png") no-repeat 0 center;

}

.buk {

	border-top:1px solid #696969;

	margin-top:72px;

}

#kiji_footer .back a:hover,

.buk a:hover {

	cursor:pointer;

}



#kiji{

}

#kiji > h2{

    border-bottom: 2px solid #333;

    margin-top: 0;

    padding-bottom: 5px;

    padding-left: 10px;

}

#kiji h2 a,

#kiji h2 a:link,

#kiji h2 a:active, 

#kiji h2 a:visited{

}

#kiji h2 a:hover {

}

#kiji .kiji_contents{

	font-size:110%;

}

#kiji .kiji_image{

	margin:0 0 10px;

}

#kiji img{

	max-width:100%;

	max-height: 400px;

}

#kiji .kiji_image2{

	margin:0 10px 10px;

	float:left;

}

#kiji p{

	margin:0 0 7px;

}

#kiji p a,

#kiji p a:link,

#kiji p a:active, 

#kiji p a:visited{

}

#kiji .p a:hover {

}

#kiji .kiji_date{

	font-size:85%;

	text-align:right;

	display:none;

}

#kiji .kiji_category{

}

#kiji .kiji_category a,

#kiji .kiji_category a:link,

#kiji .kiji_category a:active, 

#kiji .kiji_category a:visited{

}

#kiji .kiji_category a:hover {

}





/* kiji_comment

------------------------------------- */

#kiji_comment{

	display:none;

}

.contact_form li{

/display: inline;

/zoom: 1;

}





/* kiji footer

------------------------------------- */

#kiji_footer .back {

    margin-top: 4em;

}

#kiji_footer .back a {

    background: url("#") no-repeat 0 center;

    display: block;

    font-size: 130%;

    font-weight: bold;

    margin: 0 auto;

    padding: 1em 1em 1em 1.6em;

    white-space: nowrap;

    width: 30%;

	line-height: 1;

}

#kiji_footer .back a:hover {

	text-decoration:none;

}





/* member_d_list

------------------------------------- */

#member.member_d_list {

	margin:14px 0 0;

}

#kiji.member_d {

	display:none;

}



/* member list

------------------------------------- */

#kiji +#kiji_comment +#member {

	display:none;

}

.album .kiji_date,

.album .links {

	display:none;

}









/* default link

- - - - - - - - - - - - - - - - - - - */

a {outline:none;}

#header a:link,

#sidebar a:link,

#footer a:link {

	color:#333;

	text-decoration: none;

}

#header a:visited,

#sidebar a:visited,

#footer a:visited {

	color:#333;

	text-decoration: none;

}

#header a:hover,

#sidebar a:hover,

#footer a:hover {

	color:#bebebe;

	text-decoration: underline;

}

#header a:active,

#sidebar a:active,

#footer a:active {

	color:#333;

	text-decoration: none;

}

 a,li a,

 a:link,li a:link,

 a:active, li a:active, 

 a:visited, li a:visited {

	color:#015ad4;

}





/* clearfix

------------------------------------- */

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}







/* Reset

------------------------------------- */

	html {overflow: auto;}

	body {overflow: hidden;}

h2, h3, p, li, dt, dd, th, td, span, small {

	max-height:100%;

}

body {

  font-family:"メイリオ",Meiryo,Osaka,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;

/*  font-family: Noto Serif, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,serif;*/

  font-size:1.1em;

  font-weight:normal;

  color: #333;

  margin: 0;

  -webkit-text-size-adjust: 100%;

}

body p {

  line-height: 1.6;

}



h1 {

  line-height: 1.3;

  font-size: 1.36em;

}

body#toppage h1,

#page1 h1,

#page3 h1 {

  display:none;

}

#page1 #corner-visual_area h1 {

	display:block;

	text-align:center;

	font-size: 2em;

	font-weight:normal;

}



h2 {

    background: #9b75a8;

    color: #fff;

    font-size: 1.29em;

    line-height: 1.3;

    margin-top: 0;

    margin-bottom: 16px;

    padding: 8px 0 8px 16px;

	font-weight:normal;

}

.album > h2 {

  display:none;

}

 h2 span {

  display:inline-block;

  font-size: 0.76em;

  margin-top:8px;

}

 h2 span:first-child {

  margin-top:0;

}



h3 {

  line-height: 1.3;

  font-size: 1.17em;

  margin-top: 24px;

  margin-bottom: 4px;

  font-weight:normal;

}

.about h3 {

  font-size: 1em;

  color:#6b058e;

}

.recruit h3,

.news h3 {

	background:#e9d4f4;

	border:1px solid #b597c5;

	padding:8px ;

	border-radius:4px;

}



h4 {

  margin-top: 1.5em;

  line-height: 1.3;

  font-size: 114%;

  margin-bottom: 8px;

  font-weight:normal;

}



h5 {

  margin-top: 1.5em;

  margin-bottom: 8px;

  line-height: 1.3;

  font-size: 107%;

}



h6 {

  margin-top: 1.5em;

  margin-bottom: 8px;

  line-height: 1.2;

  font-size: 100%;

}

h2+h3 {

  margin-top: 16px;

}

h3+h4,h4+h5,h5+h6 {

  margin-top: 1em;

}

.row dt  {

  font-weight:normal;

}

.row dt a  {

	padding:0;

}

p,ul,ol,pre,blockquote,table {

  margin: 16px 0;

}

ul, ol {

  margin-left: 2.6em;

  padding:0;

}

td ul, td ol {

  margin-left: 1.1em;

  padding:0;

}

td li {

	line-height:1.444;

	margin-bottom:4px;

}

.row li  {

	margin-bottom:4px;

}

h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,

h1+table,h2+table,h3+table,h4+table,h5+table,h6+table,

p+ul,p+ol,

h3+ul {

  margin-top: 0;

}

table {

  border-collapse: collapse;

}



table th, table td {

	padding:8px;

}



a,

a img,

.search_button {  

	-webkit-transition: 0.2s ease-in-out;  

	-moz-transition: 0.2s ease-in-out;  

	-o-transition: 0.2s ease-in-out;  

	transition: 0.2s ease-in-out;

} 

a:hover,

a:hover img {

	opacity: 0.8;

	filter: alpha(opacity=80);        /* ie 6 7 */

	-ms-filter: "alpha(opacity=80)";  /* ie 8 */

}

img {

  border: none;

  max-width:100%;

}

address,em,cite {

  font-style: normal;

}

code {

  font-family: "Courier New", Courier, monospace;

  padding-left: 0.4em;

  padding-right: 0.4em;

}

pre code {

  padding: 0;

}

form {

  margin: 0;

}

* {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

}

br {

    line-height: 0.7;

}

.mt0 {margin-top:0 !important;}

.mt4 {margin-top:4px !important;}

.mt8 {margin-top:8px !important;}

.mt16 {margin-top:16px !important;}

.mt24 {margin-top:24px !important;}

.mt32 {margin-top:32px !important;}

.mt40 {margin-top:40px !important;}

.mt48 {margin-top:48px !important;}

.mt56 {margin-top:56px !important;}

.mt64 {margin-top:64px !important;}

.mt72 {margin-top:72px !important;}



.mb0 {margin-bottom:0 !important;}

.mb4 {margin-bottom:4px !important;}

.mb8 {margin-bottom:8px !important;}

.mb16 {margin-bottom:16px !important;}

.mb24 {margin-bottom:24px !important;}

.mb32 {margin-bottom:32px !important;}

.mb40 {margin-bottom:40px !important;}

.mb48 {margin-bottom:48px !important;}

.mb56 {margin-bottom:56px !important;}

.mb64 {margin-bottom:64px !important;}

.mb72 {margin-bottom:72px !important;}







.ggmap {

	border:#ccc;

	background:#f0f0f0;

	padding:4px;

	border-radius:4px;

}

.bb {

	padding-bottom:32px;

	border-bottom:1px solid #ccc;

}

.bb dl {

	margin-bottom:0;

}



.ddm {display:none;}

.kiji_contents img {

	max-width:100%;

	max-height:100%;

}

.txt_center {text-align:center !important;}

small {font-size:0.9em;}

.sp-visible {

	display:none;

}

.pc-visible {

	display:block;

}

.left_column {float:left;}

.right_column {float:right;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    padding-left: 12px;

    padding-right: 12px;

}

li.col-md-5,

li.col-md-7 {

    padding-left: 0;

    padding-right: 0;

}

ul.clearfix {

	margin-left:1.7em;

}

.ml13em {

    margin-left: 1.3em !important;

}

#content .row {

    margin-left: -12px;

    margin-right: -12px;

	margin-bottom:32px;

}

.row .table {

	border-bottom:1px solid #ccc;

}

.row > div > h3:first-child {

	margin-top:0;

}

.row p, .row table, .row ul, .row ol {

    margin-top: 0;

}

.row .table-bordered {

	margin-top:32px;

}

.table-bordered caption p {

	width:100%;

	text-align:center;

	padding:8px;

	background:#f9edff;

	border:1px solid #a47eb9;

	border-bottom:none;

	margin:0;

}

.bgp {

	background-color:#F9EDFF;

	text-align:center;

}

.row .table-bordered th {

	text-align:center;

}

.row .table-bordered th,

.row .table-bordered td {

	border-color:#a47eb9 !important;

	font-weight:normal;

}

.row .table-bordered td ul,

.row .table-bordered td ol,

.row .table-bordered td ul li:last-child,

.row .table-bordered td ol li:last-child {

	margin-bottom:0;

}

.show-grid .col-md-12 {

	margin-bottom:24px;

}

.txt_right{

	text-align:right;

}

.txt_center{

	text-align:center;

}

.small{

	font-size:90%;

}

.display_tb {

	display:table;

}

.display_tb > .cell {

	display:table-cell;

	vertical-align:middle;

	height:100%;

}

.bd{

	border-collapse:collapse;

	border-top:1px solid #E0C8EC;

	border-left:1px solid #E0C8EC;

}

.bd th{

	background-color:#F9EDFF;

	text-align:center;

	padding:10px;

	font-weight:normal;

	border-bottom:1px solid #E0C8EC;

	border-right:1px solid #E0C8EC;

}

.bd td{

	padding:10px;

	border-bottom:1px solid #E0C8EC;

	border-right:1px solid #E0C8EC;

}

td ul{

	margin-top:0;

	margin-bottom:0;

}

td ul li:last-child{

	margin-bottom:0;

}

.about .list-group-item {

	margin-bottom:4px;

    padding: 0;

    border: none;

}

.about ol {

	list-style-type:none;

	margin-left:1em;

}

#content .about .list-group.row {

    margin-left: 0;

    margin-right: 0;

    margin-bottom: 0;

}

#news h4 {

	text-indent:32px;

}



#page3.large #header #utt {

	width: 62%;

}

#page3.large #header #utt li .fonts {

    width: 220px;

}





//--------------------------------------------------------------------------//

//

//    [ Kumo-no-mine  Ikutu-kuzurete  Tuki-no-yama. ]

//

//       System by tukiyama.  Powered by samidare.

//       Development by team-tukiyama.

//       Copyright (C) fulusato Project. All Rights Reserved.

//

//--------------------------------------------------------------------------//