@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Lora);


html,
body {
	height: 100%;
}

html {
	overflow: auto;
	overflow-y: scroll;
}
html#prof {
	overflow-y: hidden !important;
}

a:focus, *:focus { outline:none; }

.mb50 {
	margin-bottom: 50px !important;
}

body {
	background: #fff;
	color: #333;
	font-size: 16px;
}

.icon {
	position: relative;
}

.icon a {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -0.5em;
	margin-top: -20px;
	color: #05193A;
	background-color: #FFF;
	border-radius: 50%;
	height: 44px;
	font-size: 100px;
}

.icon .fa {
	line-height: 0;
}

.breadcrumbs {
	font-size: 13px;
    line-height: 50px;
    background-color: #EEF2F9;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    color: #5F5E9E;
}

.breadcrumbs .inner {
	width: 1180px;
	margin: 0 auto;
}

.breadcrumbs a {
    color: #5F5E9E;
}

#wrapper {
	width: 100%;
	min-width: 980px;
	min-height: 100%;
	margin: 0 auto;
	/*border: 7px solid #298321;*/
	box-sizing: border-box;
	position: relative;
}

.inner {
	width: 920px;
	margin: 0 auto 30px;
}

header {
	width: 100%;
	margin: 0 auto;
	border-top: 0;
	box-sizing: border-box;
	border-top: 5px solid #05193A;
}

header .inner {
	width: 1000px;
	margin-bottom: 0;
}

header section .logo {
	width: 25%;
	float: left;
	color: #298321;
	box-sizing: border-box;
	line-height: 86px;
}

header section .logo img {
	width: 100%;
	vertical-align: middle;
}

header section nav {
	width: 70%;
	float: right;
	margin: 0 0 auto 5%;
	background-color: #fff;
}

header section nav ul {
	margin: 0 auto;
}

header nav li {
	float: left;
	width: 16%;
	position: relative;
	text-align: center;
	font-size: 13px;
	border-left: 1px solid #ccc;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	transition: 0.7s;
}

header nav li:last-child {
	border-right: 1px solid #ccc;
}

header nav li img {
	width: 100%;
	transition: 0.7s;
}

header nav li a {
	display: block;
	width: 100%;
	color: #313131;
	position: relative;
}

header nav li a:hover span {
	display: block;
}

header nav li a:hover img {
	opacity: 0.7;
}

header nav li a span {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #fff;
	transition: 0.7s;
}

header nav li:hover {
	background-color: rgba(177, 177, 177, 0.7);
}

header nav li:hover .underline {
	background-color: #05193a;
}

li.home:hover span.underline {
	background-color: #14831C;
}

li.company:hover span.underline {
	background-color: #F5AC77;
}

li.talent:hover span.underline {
	background-color: #ED14AC;
}

li.request:hover span.underline {
	background-color: #1E19EF;
}

li.recruit:hover span.underline {
	background-color: #EE1438;
}

li.contact:hover span.underline {
	background-color: #13E0ED;
}

.main_slide {
	display: inline-block;
	margin-bottom: 50px;
}

.main_slide img {
	width: 100%;
}

.flexslider {
	border: 0 !important;
}

.main_slide .top {
	position: relative;
}



.main_slide .top h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8.25em;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 35px;
	text-shadow: 1px 1px 6px #000;
	line-height: 1.3;
	margin-top: -1em;
	display: none;
	font-family: 'Lora', serif;
}

.main_slide .top h1 .line1 {
	position: absolute;
	left: 103%;
	top: 50%;
	width: 75%;
	-moz-animation: anime1 3s ease 1s 1 normal;
	-webkit-animation: anime1 3s ease 1s 1 normal;
	-o-animation: anime1 3s ease 1s 1 normal;
	-ms-animation: anime1 3s ease 1s 1 normal;
	animation-fill-mode: forwards;
}

.main_slide .top h1 .line2 {
	position: absolute;
	right: 103%;
	top: 50%;
	width: 75%;
	-moz-animation: anime2 3s ease 1s 1 alternate;
	-webkit-animation: anime2 3s ease 1s 1 alternate;
	-o-animation: anime2 3s ease 1s 1 alternate;
	-ms-animation: anime2 3s ease 1s 1 alternate;
	animation-fill-mode: forwards;
}

@keyframes anime1 {
	0% {width: 0; height: 1px; background-color: rgba(255,255,255,0.2);}
	100% {width: 75%; height: 1px; background-color: rgba(255,255,255,0.2);}
}

@keyframes anime2 {
	0% {width: 0; height: 1px; background-color: rgba(255,255,255,0.2);}
	100% {width: 75%; height: 1px; background-color: rgba(255,255,255,0.2);}
}

h2,.maintitle {
	text-align: center;
	position: relative;
	line-height: 1.3;
	margin-bottom: 30px;
	font-size: 45px;
	font-weight: normal;
	color: #05193A;
	font-family: 'Lora', serif;
	-webkit-font-smoothing: antialiased;
}

h2 span,.maintitle span {
	display: block;
	font-size: 16px;
	color: #6E8FC5;
	font-family: meiryo;
	 text-shadow: none;
}

h2 .line1,.maintitle .line1 {
	position: absolute;
	left: 10%;
	top: 50%;
	width: 20%;
	border-bottom: 1px rgb(5, 25, 58) solid;
}

h2 .line2,.maintitle .line2 {
	position: absolute;
	right: 10%;
	top: 50%;
	width: 20%;
	border-bottom: 1px rgb(5, 25, 58) solid;
}


/* ===========What's NEW=========== */

#whatsnew {
	padding-bottom: 100px;
}

#whatsnew dl {
	width: 100%;
	height: 500px;
	overflow-y: scroll;
	overflow-x: scroll;
	font-size: 14px;
	background-color: #F0F8FF;
	padding: 10px;
	box-sizing: border-box;
}

#whatsnew dl::-webkit-scrollbar
{
	width:5px;
	background:#eee;
}
	#whatsnew dl::-webkit-scrollbar:horizontal
	{
		height:5px;
	}
#whatsnew dl::-webkit-scrollbar-button
{
	width:5px;
	height:5px;
	background:#666;
}
#whatsnew dl::-webkit-scrollbar-piece
{
	background:#eee;
}
	#whatsnew dl::-webkit-scrollbar-piece:start
	{
		background:#eee;
	}
#whatsnew dl::-webkit-scrollbar-thumb
{
	background:#05193A;
	border-radius: 3px;
}
#whatsnew dl::-webkit-scrollbar-corner
{
	background:#D0D1FB;
}

#whatsnew dt {
	float: left;
	width: 11%;
	text-align: center;
	margin-bottom: 15px;
	padding: 4px 5px;
	border: 1px solid #9b2748;
	border-radius: 3px;
	color: #9b2748;
	box-sizing: border-box;
}

#whatsnew dd {
	float: right;
	width: 89%;
	margin-bottom: 15px;
	padding: 5px 0 5px 15px;
	box-sizing: border-box;
}

#whatsnew dd a:hover {
	text-decoration: underline;
}


/* ===========What's NEWここまで=========== */

/* ===========Information=========== */

#information {
	padding-bottom: 100px;
	padding-top: 100px;
	background-color: #F3F4FF;
}

#information .inner {
	width: 80%;
	margin: 0 auto 100px;
}

#information li {
	width: 32%;
	float: left;
	margin-right: 2%;
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 13px;
	box-sizing: border-box;
	height: 252px;
	margin-bottom: 20px;
	border: 1px solid #F3F4FF;
	position: relative;
	transition: 0.5s;
}

#information li:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #05193A;
	border-left: 8px solid #05193A;
	border-radius: 3px 0 0 0;
	content: '';
}

#information li:hover {
	border: 1px solid #05193A;
	transition: 0.5s;
}


#information li img {
	width: 100%;
}

#information li:nth-child(3n) {
	margin-right: 0;
}

/* ===========Informationここまで=========== */

/* ===========EVENT=========== */

#event {
	padding-top: 100px;
}

#event.eventbg {
	padding-top: 30px;
}

#event .inner {
	margin-bottom: 0;
}


/* ===========EVENTここまで=========== */

/* ===========TALENT=========== */

#sort {
	width: 920px;
	margin: 0 auto 20px;
	border-bottom: 1px dotted #0A1765;
	padding-bottom: 10px;
}

#sort dl {
	float: left;
	margin-right: 20px;
	font-size: 14px;
	color: #0A1765;
	letter-spacing: 2px;
}

#sort dl:last-child {
	margin-right: 0;
}

#sort dl input,#sort dl select {
	border-radius: 3px;
	border: 1px solid #989898;
	padding: 2px 3px;
}

#sort dl input {
	width: 300px;
}

#sort dl input:focus {
	border: 1px solid #0A1765;
}

#sort input[type="submit"] {
	border-radius: 30px;
	font-size: 15px;
	background-size: 10px;
	border: 0;
	font-family: 'Lora', serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a3b77+0,05193a+100 */
	background: #0a3b77; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a3b77 0%, #05193a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a3b77), color-stop(100%,#05193a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0a3b77 0%,#05193a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0a3b77 0%,#05193a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0a3b77 0%,#05193a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0a3b77 0%,#05193a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3b77', endColorstr='#05193a',GradientType=0 ); /* IE6-9 */
	padding: 2px 15px;
	color: #fff;
}

#sort input[type="button"] {
	border: 0;
	background: none;
	font-size: 12px;
	font-family: meiryo;
	color: #4B80C1;
}

#sort input[type="button"]:hover {
	text-decoration: underline;
}

#sort .left {
	width: 70%;
	float: left;
}

#sort .right {
	width: 30%;
	float: right;
	margin-top: 20px;
}

/* ===========TALENTここまで=========== */

/* ===========REQUEST=========== */

#request {
	margin-bottom: 0;
}

#request .box {
	width: 960px;
	margin: 0 auto;
}

#request .head {
	padding-bottom: 100px;
}

#request #the_top {
	padding: 100px 0;
	background-color: #F5E8FF;
}

#request #the_top p {
	font-size: 35px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.3;
	font-weight: normal;
	color: #05193A;
	font-family: 'Lora', serif;
	-webkit-font-smoothing: antialiased;
}

#request #the_top p span {
	font-weight: bold;
    color: #05193a;
    font-family: arial;
    font-size: 75px;
    display: block;
}

#request #summary {
	padding: 100px 0;
	background-color: #F3F4FF;
}

#request #summary .box ul {
	letter-spacing: -0.4em;
}

#request #summary .box li {
	width: 32%;
	margin-right: 2%;
	display: inline-block;
	text-align: center;
	letter-spacing: normal;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	position: relative;
}

#request #summary .box li:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #05193A;
	border-left: 8px solid #05193A;
	border-radius: 3px 0 0 0;
	content: '';
}

#request #summary .box li img {
	width: 100%;
	margin-bottom: 20px;
}

#request #summary .box li h3 {
	font-weight: normal;
	font-family: 'Lora', serif;
	font-size: 25px;
	color: #05193a;
}

#request #summary .box .s_box:last-child {
	margin-right: 0%;
}

#request #summary .box .text {
	padding: 15px;
	background-color: #fff;
}

#request #syousai {
	padding: 100px 0 150px;
	background-color: #FFEFF3;
}

#request #syousai .box .text {
	padding: 15px;
	background-color: #fff;
	box-shadow: 2px 2px 5px #ccc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#request #syousai h3 {
    text-align: left;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: normal;
    margin: 100px auto 0;
    padding: 0px 0 0px 20px;
    font-family: 'Lora',serif;
    line-height: 1.5;
    border-bottom: 1px dotted #ccc;
}

h3 span {
    border-left: 1px solid;
    padding-left: 10px;
    margin-left: 10px;
}

#request #syousai p {
    color: #7D7D7D;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

#request #syousai p:last-child {
	margin-bottom: 0;
}

#request .colam h3 {
	color: #C11F96;
}

#request .event h3 {
	color: #107882;
}

#request #syousai h4 {
	margin: 0 0 20px;
	text-align: left;
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 2px;
	border-bottom: 2px solid #FFEFF3;
}

#request #syousai #reason {
	text-align: left;
	margin: 100px auto 0;
	padding: 20px;
	background-color: #D8768F;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	color: #fff;
}

#request #syousai #reason li {
	font-size: 20px;
	line-height: 1.5;
}

#request #syousai #reason li .fa {
	margin-right: 5px;
}

#request #price {
	padding: 100px 0;
	background-color: #F3FFE8;
}

#request #price .box {
	width: 1200px;
}

#request #price .box .clearfix {
	margin-bottom: 50px;
}

#request #price dl {
	float: left;
	width: 288px;
	margin-right: 16px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	height: 310px;
	box-shadow: 2px 2px 5px #CCC;
}

#request #price dl:last-child {
	margin-right: 0;
}

#request #price dl dt,#request #price dl dd {
	padding: 10px 15px;
	text-align: center;
}

#request #price dl dt {
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 23px;
}

#request #price dl dt .fa,#request #price dl dd .fa {
	margin-right: 5px;
}

#request #price dl.price01 dt {
	background-color: #369C57;
}

#request #price dl.price02 dt {
	background-color: #B3800C;
}

#request #price dl.price03 dt {
	background-color: #D66770;
}

#request #price dl.price04 dt {
	background-color: #13A0B7;
}

#request #price dl dd {
	font-size: 20px;
	color: #93942B;
	border-bottom: 1px dashed;
}

#request #price dl p {
	padding: 10px 15px 15px;
	font-size: 15px;
	color: #5A5A5A;
}

#request #contact {
	padding: 100px 0 200px;
	text-align: center;
	font-size: 40px;
	line-height: 1.5;
	margin-bottom: 0;
}

#request #contact .tel {
	font-weight: bold;
	color: #05193a;
	font-family: arial;
	font-size: 75px;
}

#request #contact p span {
    font-family: 'Lora',serif;
}

#request #contact .button a {
	display: block;
	width: 600px;
	line-height: 3;
	border-radius: 20px;
	color: #05193a;
	margin: 0 auto;
	box-sizing: border-box;
	border: 3px solid #05193a;
}

#request #contact .button a:hover {
	transition: 1s;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#093f6d+0,05193a+100 */
	background: #093f6d; /* Old browsers */
	background: -moz-linear-gradient(top,  #093f6d 0%, #05193a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093f6d), color-stop(100%,#05193a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093f6d 0%,#05193a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093f6d', endColorstr='#05193a',GradientType=0 ); /* IE6-9 */
}

#request .contact_button {
	width: 920px;
	margin: 50px auto;
}

#request .contact_button a {
	display: block;
	width: 200px;
	line-height: 3;
	border-radius: 10px;
	text-align: center;
	color: #05193a;
	margin: 0 auto;
	box-sizing: border-box;
	border: 2px solid #05193a;
}

#request .contact_button a:hover {
	transition: 1s;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#093f6d+0,05193a+100 */
	background: #093f6d; /* Old browsers */
	background: -moz-linear-gradient(top,  #093f6d 0%, #05193a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093f6d), color-stop(100%,#05193a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093f6d 0%,#05193a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093f6d', endColorstr='#05193a',GradientType=0 ); /* IE6-9 */
}

/* ===========REQUESTここまで=========== */

/* ===========RECRUIT=========== */

#recruit {
}
#recruit #head {
	margin-bottom: 100px;
}

#recruit #head p.text {
	text-align: center;
	font-size: 50px;
	font-family: 'Lora', serif;
	margin: 50px 0;
	letter-spacing: 10px;
	color: #05193A;
}

#recruit #head .pr {
	margin-bottom: 50px;
}

#recruit #head .pr li {
	width: 32%;
	margin-right: 2%;
	float: left;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	height: 230px;
}

#recruit #head .pr li:last-child {
	margin-right: 0;
}

#recruit #head .pr li h3 {
	padding: 10px;
	text-align: center;
	font-family: 'Lora', serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	font-size: 25px;
	background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03);
	text-shadow: 1px 1px 3px #000;
}

#recruit #head .pr li img {
	display: inline-block;
	width: 49%;
	box-sizing: border-box;
	padding: 5px;
}

#recruit #head .pr li p {
	padding: 0 10px 10px;
}

#recruit #head .message {
	text-align: left;
	margin: 50px auto 0;
	padding: 20px;
	background-color: #D8768F;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	color: #fff;
}

#recruit #head .message h3 {
	border-bottom: 1px dashed #fff;
	font-size: 25px;
	margin-bottom: 10px;
	line-height: 1.5;
}

#recruit #flow {
	padding: 100px 0;
	background-color: #DADDF5;
	text-align: center;
    font-size: 25px;
    line-height: 1.5;
    color: #2D2E50;
}

#flow .left {
	width: 48%;
	float: left;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
}

#flow .left h3 {
	background-color: #37A9C1;
}

#flow .right {
	width: 48%;
	float: right;
	margin-left: 4%;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
}

#flow .right h3 {
	background-color: #AF62C5;
}

#flow ul {
	padding: 10px 15px 15px;
}

#flow h3 {
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-weight: normal;
}

#flow h3+p {
	padding: 10px 15px 15px;
}

#flow .navi {
	margin: 30px 0;
	text-align: center;
	font-size: 80px;
	color: #8DA7E6;
}

#flow .box {
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
}

#flow .pro h3 {
	background-color: #89B6FF;
	padding: 5px 0 0;
}

#flow .pro h3 img {
	width: 500px;
}

#flow .teller h3 {
	background-color: #D8768F;
}

#recruit #introduce {
	padding: 100px 0;
	background-color: #F0FDF7;
}

#introduce .inner {
	font-size: 0; /* 子要素の隙間をなくした */
	margin-bottom: 100px;
}

#introduce .inner a {
	display: inline-block;
	width: 28%;
	margin-right: 8%;
	font-size: 15px;
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 7px;
	position: relative;
	transition: 1s;
	box-shadow: 1px 1px 6px #ccc;
}

#introduce .inner a:nth-child(1) {
	color: #156798;
}

#introduce .inner a:nth-child(2) {
	color: #DE2B66;
}

#introduce .inner a:nth-child(3) {
	color: #960174;
}

#introduce .inner a p:last-child {
	height: 130px;
	color: #505050;
	padding: 10px;
}

#introduce .inner a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #05193A;
	border-left: 8px solid #05193A;
	border-radius: 3px 0 0 0;
	content: '';
}

#introduce .inner a:hover {
	border: 2px solid #05193A;
	transition: 1s;
	color: #ccc;
}

#introduce .inner a .photo {
	text-align: center;
	width: 200px;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#introduce .inner a:hover .photo {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#introduce .inner a img {
	width: 100%;
}

#introduce .inner a:last-child {
	margin-right: 0;
}

#introduce h3 {
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-family: 'Lora',serif;
	font-size: 30px;
}

#recruit #pr {
	padding: 100px 0;
	background-color: #FAFFDB;
}

#pr .inner {
	font-size: 0;
}

#pr .inner a {
	display: inline-block;
	width: 28%;
	margin-right: 8%;
	font-size: 15px;
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 7px;
	position: relative;
	transition: 1s;
	box-shadow: 1px 1px 6px #ccc;
}

#pr .inner a:nth-child(1) {
	color: #156798;
}

#pr .inner a:nth-child(2) {
	color: #DE2B66;
}

#pr .inner a:nth-child(3) {
	color: #960174;
}

#pr .inner a p:last-child {
	height: 130px;
	color: #505050;
	padding: 10px;
}

#pr .inner a:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #05193A;
	border-left: 8px solid #05193A;
	border-radius: 3px 0 0 0;
	content: '';
}

#pr .inner a:hover {
	border: 2px solid #05193A;
	transition: 1s;
	color: #ccc;
}

#pr .inner a .photo {
	text-align: center;
	width: 200px;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#pr .inner a:hover .photo {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#pr .inner a img {
	width: 100%;
}

#pr .inner a:last-child {
	margin-right: 0;
}

#pr h3 {
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-family: 'Lora',serif;
	font-size: 30px;
}


#recruit #record {
	padding: 100px 0;
	background-color: #FFE8EC;
}

#record .banner {
	width: 1260px;
	margin: 0 auto;
}

#record .banner ul {
	margin-bottom: 50px;
}

#record li {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}

#record li:nth-child(odd) {
	margin-right: 20px;
}

#record li img {
	width: 100%;
}

#record .banner a {
	text-align: center;
	display: block;
	transition: 1s;
	width: 500px;
	margin: 0 auto 50px;
}

#record .banner a:hover {
	opacity: 0.7;
	transition: 1s;
}

.rcrt_btn a {
    width: 520px;
    margin: 0 auto;
    font-size: 50px;
    border-radius: 10px;
    line-height: 3;
    text-align: center;
    border: 3px solid #05193a;
    transition: 1s;
    color: #05193a;
    display: block;
}

.rcrt_btn a:hover {
	transition: 1s;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#093f6d+0,05193a+100 */
	background: #093f6d; /* Old browsers */
	background: -moz-linear-gradient(top,  #093f6d 0%, #05193a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093f6d), color-stop(100%,#05193a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093f6d 0%,#05193a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093f6d', endColorstr='#05193a',GradientType=0 ); /* IE6-9 */
}

/* ===========RECRUITここまで=========== */

/* ===========CONTACT=========== */

#contact {
	margin-bottom: 200px;
}

#contact section {
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 3px;
	width: 48%;
	overflow: hidden;
}

#contact section h3 {
	margin: 0;
	font-weight: normal;
	font-size: 20px;
	text-align: left;
	padding-left: 1em;
	line-height: 2;
	background-color: #05193a;
	color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#contact section ul {
	padding: 10px;
}

#contact section ul li {
	transition: 0.7s;
	margin-left: -1.5em;
	overflow: hidden;
}

#contact section ul li:hover {
	padding-left: 1.5em;
}



#contact section ul i {
	transition: 0.7s;
	margin-right: 5px;
}

#contact section ul li:hover i {
}

#introduction {
	width: 700px;
	margin: 0 auto;
}

#introduction span {
	font-size: 13px;
}

#mailform {
	
}

#mailform.flame {
	width: 700px;
	border: 0;
	padding: 0 !important;
}

#mailform th {
	width: 180px;
}
#mailform td {
	width: 655px;
}
/* ===========CONTACTここまで=========== */

/* ===========OVERVIEW=========== */
table.diagram {
	border-radius: 5px;
}

#company {
	padding-bottom: 100px;
}


/* ===========OVERVIEWここまで=========== */

/* ===========PRIVACY=========== */

#privacy {
	padding-bottom: 100px;
}

#privacy #introduction {
	margin-bottom: 50px !important;
}

#privacy .flame {
	width: 100%;
	border: 0;
	padding: 0;
}

#privacy h2 {
    font-size: 20px !important;
    font-weight: normal;
    text-align: left;
    line-height: 45px;
    font-family: meiryo;
    padding: 0 !important;
    color: #fff;
    border-radius: 5px;
    position: relative;
	background: #093f6d; /* Old browsers */
	background: -moz-linear-gradient(top,  #093f6d 0%, #05193a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093f6d), color-stop(100%,#05193a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093f6d 0%,#05193a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093f6d 0%,#05193a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093f6d', endColorstr='#05193a',GradientType=0 ); /* IE6-9 */
    padding: 0 0 0 25px !important;
}

#privacy h2:before {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 3px;
	height: 34px;
	background-color: #1C5886;
	content: "";
	border-radius: 5px;
}
#privacy h2:after {
	position: absolute;
	left: 12px;
	top: 6px;
	width: 3px;
	height: 34px;
	background-color: #6DB8D6;
	content: "";
	border-radius: 5px;
}


/* ===========PRIVACYここまで=========== */

/* ===========EVENT=========== */

#event_detail {
	padding-bottom: 100px;
}

#event_detail .about {
    text-align: center;
    font-size: 33px;
    margin-bottom: 20px;
    font-family: 'Lora', serif;
    color: #05193A;
}

#event_detail .about:nth-child(2) {
	font-size: 17px;
	margin-bottom: 50px;
	color: #313131;
	font-family: meiryo;
}

#event_detail ul {
	margin-bottom: 50px;
}

#event_detail li {
	float: left;
	width: 32%;
	margin-right: 2%;
	font-size: 15px;
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 7px;
	position: relative;
	transition: 1s;
	box-shadow: 1px 1px 6px #ccc;
}

#event_detail li:nth-child(1) {
	color: #156798;
}

#event_detail li:nth-child(2) {
	color: #DE2B66;
}

#event_detail li:nth-child(3) {
	color: #960174;
}

#event_detail li p {
	height: 155px;
	color: #505050;
	padding: 10px;
}

#event_detail li:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #05193A;
	border-left: 8px solid #05193A;
	border-radius: 3px 0 0 0;
	content: '';
}

#event_detail li:hover {
	border: 2px solid #05193A;
	transition: 1s;
}

#event_detail li .photo {
	text-align: center;
	width: 200px;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#event_detail li:hover .photo {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#event_detail li img {
	width: 100%;
}

#event_detail li:last-child {
	margin-right: 0;
}

#event_detail li h3 {
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-family: 'Lora',serif;
	font-size: 30px;
}

#event_detail .fortune li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	text-align: center;
}

#event_detail .fortune li:nth-child(even) {
	margin-right: 0;
}

#event_detail .fortune li p {
	height: 195px;
	text-align: left;
}

#event_detail .fortune li img {
	width: 300px;
}


/* ===========EVENTここまで=========== */

/* ===========PROMOTION=========== */

#promotion {
	padding-bottom: 100px;
}

#promotion .about {
    text-align: center;
    font-size: 33px;
    margin-bottom: 20px;
    font-family: 'Lora', serif;
    color: #05193A;
}

#promotion .about:nth-child(2) {
	font-size: 17px;
	margin-bottom: 50px;
	color: #313131;
	font-family: meiryo;
}

#promotion ul {
	margin-bottom: 50px;
}

#promotion li {
	float: left;
	width: 48%;
	margin-right: 4%;
	font-size: 15px;
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 7px;
	position: relative;
	transition: 1s;
	box-shadow: 1px 1px 6px #ccc;
	text-align: center;
}

#promotion li:nth-child(1) {
	color: #156798;
}

#promotion li:nth-child(2) {
	color: #DE2B66;
}

#promotion li:nth-child(3) {
	color: #960174;
}

#promotion li p {
	height: 155px;
	color: #505050;
	padding: 10px;
	text-align: left;
}

#promotion li:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #05193A;
	border-left: 8px solid #05193A;
	border-radius: 3px 0 0 0;
	content: '';
}

#promotion li:hover {
	border: 2px solid #05193A;
	transition: 1s;
}

#promotion li .photo {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#promotion li:hover .photo {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 160px;
	overflow: hidden;
	transition: 1s;
}

#promotion li img {
	width: 300px;
}

#promotion li:last-child {
	margin-right: 0;
}

#promotion li h3 {
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-family: 'Lora',serif;
	font-size: 30px;
}


/* ===========PROMOTIONここまで=========== */

/* ===========MEDIA=========== */

.bannerlist {
	padding-bottom: 100px;
}

.bannerlist.inner {
}

.bannerlist.inner a {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 1px 1px 6px #05193A;
	transition: 1s;
}

.bannerlist.inner a:hover {
	border: 2px solid #05193a;
	transition: 1s;
}

.bannerlist hr {
	display: none;
}

.bannerlist.inner a img {
	width: 100%;
	margin-bottom: 10px;
}


/* ===========MEDIAここまで=========== */

/* ===========PAGER=========== */

ul.pager {
	text-align: center;
	margin-bottom: 100px !important;
	margin-top: 30px;
}

ul.pager li {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin-right: 5px;
	transition: 0.2s;
	border-radius: 5px;
}

ul.pager li:last-child {
	margin-right: 0;
}

ul.pager li a {
	line-height: 30px;
	width: 30px;
	display: block;
	font-family: 'Verdana';
}

ul.pager li:hover {
	border: 1px solid #05193a;
	background-color: #05193a;
	transition: 0.2s;
}

ul.pager li:hover a {
	color: #fff;
	transition: 0.2s;
}


/* ===========PAGERここまで=========== */

/* ===========the_top============== */
#page_top {
	margin: 0 0 20px;}
#page_top h2 {
	background: url(/public/image/recruit/top_img.png) no-repeat;
	width: 100%;
	height: 290px;}
.exposition {
	background: url(/public/image/recruit/about1.png);
	margin: 20px 0;
	height: 100px;}
.chart {
	margin: 0 auto;
	width: 800px;
	background: url(/public/image/recruit/about2.jpg) no-repeat;
	height: 300px;}
#field {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	background: url(/public/image/recruit/bg.png);
	padding: 10px;
	}
#the_field {
	margin: 0px auto;
	text-align: center;
	background: #FFF;
	padding: 20px;
	text-align: left;
	}
/* ==============the_content================= */
.midashi1,
.midashi2,
.midashi3 {
	height: 50px;
	margin: 20px 0;
	box-shadow :0 1px 2px #05193a;
}
.midashi1 {
	background: url(/public/image/recruit/midashi1.png);
}
.midashi2 {
	background: url(/public/image/recruit/midashi2.png);
}
.midashi3 {
	background: url(/public/image/recruit/midashi3.png);
}
	
.c_box1,.c_box2,.c_box3,.c_box4,.c_box5,.c_box6{
	box-shadow: 1px 1px 1px 1px rgb(127, 127, 127);
	width: 280px;
	float: left;
	background: #fff;
	margin-right: 3px;
	border:5px solid #FFFFFF;
}

.c_box1:hover,.c_box2:hover,.c_box3:hover,.c_box4:hover,.c_box5:hover,.c_box6:hover{
	border:5px inset rgb(255,167,0);
	}	

.c_photo {
	width: 278px;
	height: 223px;
	text-indent: -9999px;
	border: 1px solid #D1D1D1;
	}
.c_1 {
	display:block;
	background: url(/public/image/recruit/image01.png) no-repeat;
}

.c_2 {
	display:block;
	background: url(/public/image/recruit/image02.png) no-repeat;
}

.c_3 {
	display:block;
	background: url(/public/image/recruit/image03.png) no-repeat;
}
	
.c_4 {
	display:block;
	background: url(/public/image/recruit/image04.png) no-repeat;
}

.c_5 {
	display:block;
	background: url(/public/image/recruit/image05.png) no-repeat;
}
.c_6 {
	display:block;
	background: url(/public/image/recruit/image06.png) no-repeat;
}


.c_box1 h3,.c_box2 h3,.c_box3 h3,.c_box4 h3,.c_box5 h3,.c_box6 h3 {
	width: 278px;
	height: 60px;
	text-indent: -9999px;
	border: 1px solid #D1D1D1;} 
.c_box1 h3 {background: url(/public/image/recruit/c_1.png); display:block;}
.c_box2 h3 {background: url(/public/image/recruit/c_2.png); display:block:}
.c_box3 h3 {background: url(/public/image/recruit/c_3.png);}
.c_box4 h3 {background: url(/public/image/recruit/c_4.png);}
.c_box5 h3 {background: url(/public/image/recruit/c_5.png);}
.c_box6 h3 {background: url(/public/image/recruit/c_6.png);}

.c_text {
	display:block;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #D1D1D1;
	height: 120px;
	background: #EFFFF4;
}

.bannerbox img {
	border: soid 1px #333333;
	box-shadow: 2px 2px 5px #333333;
}

.bannerbox img:nth-child(2n+1) {
	margin-left: 40px;
}

.bannerbox a img {
	border: none;
	box-shadow: none
}



li ul{
color:#000000;
z-index:99999;
width :150px;
height:50px;
}

ul li ul li{
float:none;
font-size:13px;
padding-left:5px;
background:#FFFFFF;
width:150px;
height:20px;
border:1px solid #228B22;
}

ul li ul li a{
width:150px;
height:20px;
background:#FFFFFF;
text-indent:0px;
color:#000000;
}

li:hover ul{
position: absolute;
display : block;
}

ul li ul li:hover{
width:150px;
height:20px;
background :#90EE90;
}

ul li ul li a:hover{
width:150px;
height:20px;
background :#90EE90;
}
/* ======== event =========*/

.event_h2{
text-indent:-9999px;
background: url(/public/image/event/top.jpg) no-repeat;
width: 860px;
height: 200px;
}

.lecture_h2{
text-indent:-9999px;
background: url(/public/image/lecture/top.jpg) no-repeat;
width: 860px;
height: 200px;
}

.fortune_h2{
text-indent:-9999px;
background: url(/public/image/fortune/top.jpg) no-repeat;
width: 860px;
height: 200px;
}

.book_h2{
text-indent:-9999px;
background: url(/public/image/book/top.jpg) no-repeat;
width: 860px;
height: 200px;
}

.tv_h2{
text-indent:-9999px;
background: url(/public/image/tv/top.jpg) no-repeat;
width: 860px;
height: 200px;
}

.comic_h2{
text-indent:-9999px;
background: url(/public/image/comic/top.jpg) no-repeat;
width: 860px;
height: 200px;
}

.event_h3{
	width: 500px;
    padding-left:10px;
	border-left:7px solid rgb(1, 142, 0);
	border-bottom:1px dashed rgb(1, 142, 0);
	margin-bottom:5px;
}

.events{
border:dotted 1px #999999;
border-radius: 22px;
-moz-border-radius: 22px
-webkit-border-radius: 22px;
box-shadow: 3px 3px 10px #aaa;
-webkit-box-shadow:3px 3px 10px #aaa;
-moz-box-shadow:3px 3px 10px #aaa;
padding: 10px;
margin:10px 0px;
width:840px;
height:320px;
}

.disc{
float:left;
padding:10px;
border-radius: 22px;
-moz-border-radius: 22px
-webkit-border-radius: 22px;
margin: 3px 5px;
width:450px;
height:253px;
}

.img{
float:left;
margin: 3px 5px;
width:350px;
height:263px;
box-shadow: 3px 3px 10px #aaa;
-webkit-box-shadow:3px 3px 10px #aaa;
-moz-box-shadow:3px 3px 10px #aaa;
}

#chain_btn{
position:fixed;
top:0px;
left:0px;
width:451px;
height:100%;
}

#chain_btn:hover .chain,.obo_btn{
opacity:100%;
}

#chain{
position: fixed;
opacity:25%;
top: 0px;
left: 0px;
width:236px;
height:367px;
text-indent:-9999px;
background: url(/public/image/chain.png) no-repeat;
}
#obo_btn{
position: fixed;
display:block;
opacity:25%;
top: 210px;
left: 3px;
width:236px;
height:243px;
z-index:5;
background: url(/public/image/obo_btn2.png);
}

#obo_btn a{
display:block;
width:235px;
height:243px;
text-indent:-9999px;
border:0;
border-radius: 123px;
-webkit-border-radius:123px;;
-moz-border-radius:123px;
}

#obo_btn a:hover{
position: fixed;
top: 210px;
left: 3px;
width:235px;
height:243px;
z-index:5;
background: url(/public/image/obo_btn.png);
border:0;
border-radius: 123px;
-webkit-border-radius:123px;;
-moz-border-radius:123px;
}
/* ============footer================= */
footer {
	background-color: #05193a;
	padding: 20px 0 30px;
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

footer .inner {
	margin: 0 auto 0;
	width: 1180px;
}

footer .inner p {
	margin-bottom: 0;
	color: #fff;
	font-size: 13px;
	height: 1.5em;
}

footer .inner p.title {
	font-size: 14px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

footer .inner p.copyright {
	text-align: left;
}

footer section {
	margin-bottom: 30px;
}

footer ul {
	margin-bottom: 0;
}
footer .contents ul li {
	margin-right: 15px;
}
footer ul li {
	margin-left: 10px;
	float: left;
	font-size: 13px;
}

footer ul li:first-child {
	margin-left: 0;
}

footer .social li {
	width: 40px;
}

footer .social li img {
	width: 100%;
	transition: 0.5s;
}

footer .social li img:hover {
	border-radius: 50%;
}

footer .social li:first-child img:hover {
	background-color: #2D8C3C;
}

footer .social li:nth-child(2) img:hover {
	background-color: #64A8F1;
}

footer .social li:last-child img:hover {
	background-color: #3B5999;
}

footer a {
	color: #fff !important;
	transition: 0.5s;
}

footer a:hover {
	text-decoration: underline;
	transition: 0.5s;
}

footer p {
	height: 30px;
	ine-height: 30px;
}

#index #contents #mainContents {
	width: 720px;
}
#index #contents #mainContents #topics,
#index #contents #mainContents #information {
	width: 340px;
	margin-right: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
}
#index #contents #mainContents #topics dl,
#index #contents #mainContents #topics ul,
#index #contents #mainContents #information dl,
#index #contents #mainContents #information ul {
	font-size: 12px;
}

#index #contents #mainContents #topics dl {
	overflow: auto;
	height: 600px;
}

#index #contents #mainContents #topics dl dt,
#index #contents #mainContents #information dl dt {
	min-height: 16px;
	line-height: 16px;
	padding-left: 10px;
	float: left;
}
#index #contents #mainContents #topics dl dd,
#index #contents #mainContents #information dl dd {
	min-height: 16px;
	line-height: 16px;
	padding-right: 10px;
	margin-left: 85px !important;
	margin-bottom: 5px;
}
#index #contents #mainContents #topics ul li,
#index #contents #mainContents #information ul li {
	min-height: 16px;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}
#index #contents #supplement {
	background: #fff;
	width: 200px;
}

#branch #contents div h1,
#branch #contents section h1 {
	background: #cccccc url(/public/image/images2/bg_body.jpg);
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 36px;
	font-weight: normal;
	color: #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#branch #contents div h1 span,
#branch #contents section h1 span {
	padding-left: 10px;
	font-size: 12px;
}
#branch #contents div h2,
#branch #contents section h2 {
	font-size: 23px;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#branch #contents div h2.underline,
#branch #contents section h2.underline {
	height: 32px;
	line-height: 32px;
	text-indent: 37px;
	padding-bottom: 5px;
	background: url(/public/image/images2/icons.png) no-repeat;
	background-position: 0 -288px;
}
#branch #contents #talent ul {
	width: 920px;
	margin-bottom: -10px;
}

/*-- 通常サイズ --*/

.tal {
	width: 176px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
  /* 仮スペース */
	float: left;
	transition: 0.5s;
	box-sizing: border-box;
}

.tal:hover {
	border: 1px solid #05193A;
	box-shadow: 1px 1px 5px #05193A;
}

.tal a:hover {
	color: #05193A;
}

.tal:nth-child(5n+5) {
	margin-right: 0 !important;
}

.images {
	width: 162px;
}

.name2 {
	font-size: 16px;
	padding: 5px 0;
	height: 3em;
}

.name3 {
	font-size: 12px;
	line-height: 10px;
	text-align: right;
	font-family: 'Lora', serif;
}

/*-- 小サイズ --*/

#small .tal {
	width: 81px;
	border: 2px solid #47b055;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 20px;
  /* 仮スペース */
	float: left;
}

#small .tal:nth-child(10n+10) {
	margin-right: 0 !important;
}

#small .images {
	width: 81px;
}

#small .name2 {
	font-size: 11.5px;
	padding: 2px 0;
	height: 25px;
}

#small .name3 {
display:none;
}



#branch #contents #request #flow {
	width: 700px;
}
#branch #contents #audition #audition_nav ul {
	border: 1px solid #47b055;
	border-left: 6px solid #47b055;
}
#branch #contents #audition #audition_nav ul li {
	width: 149px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-indent: 10px;
}
#branch #contents #audition #audition_nav ul li:not(:last-child) {
	border-bottom: 1px dotted #47b055;
}
#branch #contents #audition #audition_nav ul li a {
	display: block;
	width: 149px;
	height: 40px;
}
#branch #contents #audition #audition_nav ul li a:hover {
	background: #ffe;
	color: #333;
}
#branch #contents #audition #audition_nav ul li a.active {
	background: #47b055;
	color: #fff;
}
#branch #contents #contact div {
	width: 450px;
}
#branch #contents #privacy #introduction {
	width: 900px;
	margin: 0 auto;
}
#branch #contents #privacy #treaty p {
	margin-bottom: 40px;
	font-size: 15px;
}
#branch #contents #privacy #treaty p:last-child {
	margin-bottom: 0;
}
#branch #contents #privacy #treaty table tr th {
	width: 120px;
	padding: 10px !important;
}
#branch #contents #privacy #treaty table tr td {
	font-size: 12px;
}
#branch #contents #profile {
	width: 720px;
	margin: 0 auto 50px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #05193a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#branch #contents #profile .first {
	width: 100%;
	margin: 0 auto 20px;
}
#branch #contents #profile #profile_face {
	width: 200px;
	float: left;
}
#branch #contents #profile #profile_face h3 {
	font-size: 25px;
	padding: 5px 0;
	font-family: 'Lora', serif;
	color: #05193a;
}
#branch #contents #profile #profile_face p {
	font-size: 12px;
	line-height: 10px;
	font-family: 'Lora', serif;
}
#branch #contents #profile #profile_data {
	width: 500px;
    float: right;
}
#branch #contents #profile #profile_data table {
    font-size: 12px;
	width: 500px;
	height: auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
}
#branch #contents #profile #profile_data table tr {
	margin-bottom: 10px;
	display: block;
}
#branch #contents #profile #profile_data table tr th {
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
	background-color: #05193a;
	padding-left: 10px;
}
#branch #contents #profile #profile_data table tr th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #05193A;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    #branch #contents #profile #profile_data table tr th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
#branch #contents #profile #profile_data table tr td {
	width: 600px;
	line-height: 15.6px;
    padding: 10px;
    background: #f8f8f8;
    padding-left: 20px;
}
#branch #contents #profile #profile_sonota{
	font-size: 12px;
	width: 100%;
	height: auto;
	padding: 0 0px 0px 0px;

}
#branch #contents #profile #profile_sonota .box{
width: 100%;
height: 29px;
}

#branch #contents #profile #profile_sonota .box200{
text-align:center;
float:left;
color:rgb(0, 0, 0);
background-color: rgb(229, 232, 239);
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
font-size:13px;
line-height:150%;
width:20%;
height:23px;
padding-top:0px;
padding-right:5px;
padding-bottom:0px;
padding-left:10px;
margin-top:2px;
margin-right:2%;
margin-bottom:4px;
margin-left:auto;
-webkit-box-shadow: 1px 2px 3px 0px rgb(127, 127, 127);
box-sizing: border-box;
}
#branch #contents #profile #profile_sonota .box400{
text-align:center;
float:left;
color:rgb(0, 0, 0);
background-color: rgb(229, 232, 239);
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
font-size:13px;
line-height:150%;
width:56%;
height:23px;
padding-top:0px;
padding-right:10px;
padding-bottom:0px;
padding-left:5px;
margin-top:2px;
margin-right:2%;
margin-bottom:4px;
margin-left:auto;
-webkit-box-shadow: 1px 2px 3px 0px rgb(127, 127, 127);
box-sizing: border-box;
}

#branch #contents #profile #profile_sonota .box100{
text-align:center;
float:left;
color:rgb(0, 0, 0);
background-color: rgb(229, 232, 239);
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
font-size:13px;
line-height:150%;
width:20%;
height:23px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:5px;
margin-top:2px;
margin-right:auto;
margin-bottom:4px;
margin-left:auto;
-webkit-box-shadow: 1px 2px 3px 0px rgb(127, 127, 127);
box-sizing: border-box;
}

#branch #contents #profile #profile_sonota #mane_mes{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #05193a;
	padding: 10px;
	-webkit-box-shadow: 1px 2px 3px 0px rgb(127, 127, 127);
	margin-top: 20px;
	background-color: #EDEEFF;
}


/* etc */
.red {
	color: #f00;
}

/* button */
.btn_details {
	background: url(/public/image/images2/btn_details.png) no-repeat;
	background-position: 0 0;
	width: 90px;
	height: 15px;
	display: block;
	text-indent: -9999px;
}
.btn_details:hover {
	background-position: 0 -15px;
}

.btn_request {
	background: url(/public/image/images2/btn_request.png) no-repeat;
}

.btn_audition {
	background: url(/public/image/images2/btn_audition.png) no-repeat;
}

.btn_request,
.btn_audition {
	background-position: 0 0;
	width: 200px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}
.btn_request:hover,
.btn_audition:hover {
	background-position: 0 -50px;
}
.btn_bian722 {
	background: url(/public/image/images2/bian722.png) no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 142px;
	display: block;
	text-indent: -9999px;
}
.btn_bian722:hover {
	background-position: 0 -142px;
}
.btn_glow {
	background: url(/public/image/images2/glow_top.png) no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 94px;
	display: block;
	text-indent: -9999px;
}
.btn_glow:hover {
	background-position: 0 -94px;
}
.btn_steady {
	background: url(/public/image/images2/steady_top.png) no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 94px;
	display: block;
	text-indent: -9999px;
}
.btn_steady:hover {
	background-position: 0 -94px;
}
.btn_circleback
 {
	width: 32px;
	height: 32px;
	display: block;
	background: url(/public/image/images2/btn_controls.png) no-repeat 0 0;
}

.btn_circleback {
	background-position: 0px 0px;
}
.btn_circleback:hover {
	background-position: 0px -32px;
}
.btn_bosyu {
	background: url(/public/image/images2/uranai.png) no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 200px;
	height: 200px;
}
.btn_bosyu:hover {
	background: url(/public/image/images2/bosyu2.gif) no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 200px;
	height: 200px;
}

.btn_offer {
	background: url(/public/image/images2/offer.png) no-repeat;
	background-position: 0px 0px;
	background-size: 100%;
	display: block;
	width: 100%;
	height: 66px;
	margin-top:20px;
	margin-bottom:20px;
}

.btn_offer:hover {
	background: url(/public/image/images2/offer.png) no-repeat;
	background-position: 0px -66px;
	background-size: 100%;
	display: block;
	width: 100%;
	height: 66px;
	margin-top:20px;
	margin-bottom:20px;
}

.minimidasi {
    width: 100%;
    text-align: left;
    border-left: 4px solid #05193a;
    border-bottom: 1px solid #05193a;
    box-sizing: border-box;
    padding-bottom: 5px;
    line-height: 1;
    color: #05193a;
    font-weight: bold;
    text-indent: 0.5em;
    font-size: 19px;
    margin-bottom: 10px;
    margin-top: 20px;
}


/* icon */
.sns {
	display: block;
	width: 200px;
	height: 32px;
	text-indent: -9999px;
	background: url(/public/image/images2/icon_sns.png) no-repeat;
	float: left;
	margin-bottom: 5px;
	border-radius: 4px;
	transition: 0.7s;
}

#profile_face a.sns:hover {
	opacity: 0.5;
}

.t1 {
	background-position: 0 0px !important;
	background-size: 400px;
}

.t1.nothing {
	background-position: -200px 0px !important;
	background-size: 400px;
}

.t2 {
	background-position: 0 -34px !important;
	background-size: 400px;
}

.t2.nothing {
	background-position: -200px -34px !important;
	background-size: 400px;
}

.t3 {
	background-position: 0 -67px !important;
	background-size: 400px;
}

.t3.nothing {
	background-position: -200px -67px !important;
	background-size: 400px;
}

.t4 {
	background-position: 0 -100px !important;
	background-size: 400px;
}

.t4.nothing {
	background-position: -200px -100px !important;
	background-size: 400px;
}

.t5 {
	background-position: 0 -133px !important;
	background-size: 400px;
}

.t5.nothing {
	background-position: -200px -133px !important;
	background-size: 400px;
}

.t6 {
	background-position: 0 -160px !important;
	background-size: 400px;
}

.t6.nothing {
	background-position: -200px -160px !important;
	background-size: 400px;
}

.t7 {
	background-position: 0 -192px !important;
	background-size: 400px;
}

.t7.nothing {
	background-position: -200px -192px !important;
	background-size: 400px;
}

.t8 {
	background-position: 0 -224px !important;
	background-size: 400px;
}

.t8.nothing {
	background-position: -200px -224px !important;
	background-size: 400px;
}

.t9 {
	background-position: 0 -256px !important;
	background-size: 400px;
}

.t9.nothing {
	background-position: -200px -256px !important;
	background-size: 400px;
}

.t10 {
	background-position: 0 -288px !important;
	background-size: 400px;
}

.t10.nothing {
	background-position: -200px -288px !important;
	background-size: 400px;
}

/* list */
.flowchart {
	background: #eee;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.flowchart dt {
	padding: 10px;
	margin-bottom: 5px;
	background: #fff;
	color: #47b055;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.flowchart dd {
	padding-left: 20px;
}
.flowchart dd:not(:last-child) {
	background: url(/public/image/images2/flow_arrow.png) no-repeat;
	background-position-x: 50px;
	background-position-y: bottom;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

/* form */
#mailform {
	padding: 0 20px !important;
}
#mailform dl dt {
	background: url(/public/image/images2/link_arrow.png) no-repeat right center;
	width: 220px;
	height: 50px;
	line-height: 52px;
	float: left;
}
#mailform dl dd {
	width: 450px;
	min-height: 30px;
	line-height: 30px;
	padding-left: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}
#mailform .text,
#mailform textarea,
#mailform .dropdown {
	border: 1px solid #999999;
	padding: 5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, white));
	background: -webkit-linear-gradient(top, #fafafa 0%, white 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, white 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #ffffff 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mailform .mini {
	width: 73px;
}
#mailform .short {
	width: 109.5px;
}
#mailform .middle {
	width: 219px;
}
#mailform .text.wide {
	width: 100%;
	box-sizing: border-box;
}
#mailform td input {
	margin-top: 10px;
}
#mailform td input:first-child {
	margin-top: 0px;
}
#mailform .dropdown.wide {
	width: 100%;
}
#mailform textarea.wide {
	width: 100%;
	height: 10em;
	margin-bottom: -8px;
	box-sizing: border-box;
}
#mailform input:focus,
#mailform select:focus,
#mailform textarea:focus {
	outline: none;
	border: solid 1px #47b055;
}
#mailform .submit {
	border: 1px solid #fff;
	padding: 10px 30px;
	color: #05193A;
	font-size: 15px;
	font-family: meiryo;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #05193A;
}

#mailform .submit:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b3d7f+0,05193a+100 */
	background: #0b3d7f; /* Old browsers */
	background: -moz-linear-gradient(top,  #0b3d7f 0%, #05193a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b3d7f), color-stop(100%,#05193a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b3d7f 0%,#05193a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b3d7f 0%,#05193a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b3d7f 0%,#05193a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b3d7f 0%,#05193a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3d7f', endColorstr='#05193a',GradientType=0 ); /* IE6-9 */
	transition: 1s;
	color: #fff;
}

/* table */
/*table.diagram tr {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
table.diagram tr:first-child {
	border-top: 1px solid #999999;
}
table.diagram tr th {
	padding: 10px 20px;
	border-right: 1px solid #999999;
}
table.diagram tr td {
	padding: 10px 20px;
}
table.diagram tr td ol {
	margin-left: 30px;*/
}
table.diagram {
    font-size: 12px;
	width: 500px;
	height: auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
}
table.diagram tr {
	margin-bottom: 10px;
	display: block;
}
table.diagram tr th {
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
	background-color: #05193a;
	padding-left: 10px;
}
table.diagram tr th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #05193A;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.diagram tr th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
table.diagram tr td {
	width: 600px;
	line-height: 20px;
	font-size: 15px;
    padding: 10px;
    background: #f8f8f8;
    padding-left: 20px;
}

table.diagram tr td ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

/* flame */
.flame {
	width: 700px;
	border: 1px solid #999999;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* event */
.eventbg {
	width: 920px;
	margin: 0 auto 100px;
	padding: 10px 0;
	background: url(/public/image/glow/bg_event.png) !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.eventbg p:not(.img) {
	padding: 0 120px;
}
.eventbg .guest {
	font-weight: bold;
	color: #f33;
}

#event_20121125 {
	background: url(/public/image/glow/event_20121125.png) no-repeat center center !important;
	width: 920px;
	height: 450px;
	text-indent: -9999px;
}


#guest {
	padding: 0 120px;
}
#guest div {
	width: 380px;
}
#guest img {
	width: 300px;
}
/* Line情報 */

.line_top{
margin-left: 20px;
margin-bottom: 20px;
width: 920px;
height: 230px;
z-index:2;
background : url(/public/image/images2/Line/top.jpg) no-repeat center center !important;
}

.line_text{
margin-left: 20px;
margin-bottom:20px;
width: 920px;
padding: 5px 5px;
color:rgb(0, 0, 0);
background-color:rgb(213, 255, 206);
border-style:solid;
border-width:3px;
border-color:rgb(0, 155, 0);
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;

}

/* event系*/
#contents_ss {
background: #ffecf6;
margin: 0 auto;
width : 900px;
padding-left: 10px;
padding-right: 10px;
}

#contents_ss h2{
width:800px;
height:200px;
margin-left: 50px;
background: url(/public/image/images2/saya_contents/top.jpg) no-repeat;
text-indent: -9999px;
}

#contents_ss .part{
padding: 5px 0px;
width: 900px;
height:500px;
}

#contents_ss .images{
margin-bottom:50px;
}
#contents_ss .images img{
float:left;
}

#contents_ss .part p{
float:right;
background: #FFFFFF;
box-shadow: 4px 5px 7px 0px rgb(127, 127, 127);
border-radius: 10px;
width:400px;
margin-left:20px;
padding:5px;
}


/* 20130917追記・TOP修正 */


#index #contents #mainContents_r {
	width: 940px;
}
#index #contents #mainContents_r #topics {
	width: 340px;
	margin-right: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
}
#index #contents #mainContents_r #information {
	width: 560px;
	margin-right: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;


}

#index #contents #mainContents_r #topics dl,
#index #contents #mainContents_r #topics ul,
#index #contents #mainContents_r #information dl,
#index #contents #mainContents_r #information ul {
	font-size: 12px;
}

#index #contents #mainContents_r #event {
	width: 320px;

}

#index #contents #mainContents_r #topics dl {
	overflow: auto;
	height: 1000px;
}


.gaibulink{
	text-align: center;
	margin: 0 auto 80px;
}

/* みん占ダウンロードボタン */
.app_dl_img{
	width: 800px;
	position: relative;
	z-index: 1;
}
#app_dl_btn{
	text-align: right;
	position: absolute;
  bottom: 6px;
  right: 26px;
	z-index: 5;
}
ul#app_dl_btn li{
	display: inline-block;
	width: 200px;
	float: none;
}