@charset "utf-8";
/* CSS Document */

a {
    color: #043457;
}
/* */
#main {
    margin: 0 auto;
    width: 1000px;
    clear: both;
    background-color: #3D566E;
    position: relative;
}
#main div {
	width: 897px;
	height: 304px;
	overflow: hidden;
	position: relative;
}
#main div div {
	top: 0;
	left: 0;
	position: absolute;
}

#main ul {
    width: 83px;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

#main ul li {
    text-align: center;
    width: 20px;
	float: left;
	display: inline;
}
#main ul li a {
    color: #64788B;
}
#main ul li.active a {
    color: #FFFFFF;
}


/* =======================================
	ClearFixElements
======================================= */
#main ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#main ul {
	display: inline-block;
	overflow: hidden;
}
/* */
#navi_block #whatsnew {
    background-color: #F1C40F;
}
#navi_block #whatsnew div {
    background: url(/common/img/layout/bg_whatsnew.gif) no-repeat right bottom;
    border: 10px solid #F19B12;
    height: 190px;
}
#navi_block #whatsnew div dl {
    padding: 14px 0 0 10px;
}
#navi_block #blog {
    background-color: #1ABC9C;
}
#navi_block #blog div {
    background: url(/common/img/layout/bg_blog.gif) no-repeat right bottom;
    border: 10px solid #16A085;
    height: 190px;
}
#navi_block #blog div dl {
    padding: 24px 0 0 22px;
}
/* */
#navi_block #talent_men {
    background-color: #3498DB;
}
#navi_block #talent_men div {
    background: url(/common/img/layout/bg_talent_men.gif) no-repeat right bottom;
    border: 10px solid #2980B9;
    height: 190px;
}
#navi_block #talent_men div dl {
    padding: 18px 0 0 15px;
}
#navi_block #talent_men div dd a {
    padding: 26px 0 0 0;
    display: block;
}
/* */
#navi_block #talent_women {
    background-color: #D74C7B;
}
#navi_block #talent_women div {
    background: url(/common/img/layout/bg_talent_women.gif) no-repeat right bottom;
    border: 10px solid #CC1560;
    height: 190px;
}
#navi_block #talent_women div dl {
    padding: 18px 0 0 15px;
}
#navi_block #talent_women div dd a {
    padding: 26px 0 0 0;
    display: block;
}
/* */
#footer {
     background-color: #00213B;
}
#footer #footer_data {
     margin: 0 auto;
     padding: 15px 0;
}
#footer #footer_logo {
    margin: 0 5px 0 0;
}
#footer dl {
    padding: 3px 0 0 0;
    color: #FFFFFF;
}
#footer dl dt {
    font-size: 13px;
}
#footer dl dd {
    font-size: 10px;
}
#footer #footer_navi p {
    padding: 0 0 10px 0;
    text-align: center;
    clear: both;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
/* */
#under_content {
    clear: both;
    padding: 45px 0 0 0;
}
#under_content h1 {
    margin: 0 0 45px 0;
    text-align: center;
}
#under_content p.description {
    margin: 0 0 40px 0;
    line-height: 1.5;
    text-align: center;
}
/* */
#bottom_banner {
   margin: 0 auto;
    width: 1000px;
    padding: 40px 0 60px 0;
}
#bottom_banner img {
    display: block;
}
#bottom_banner li {
    padding: 10px;
    background: #E1E4E6;
    float: left;
}
#bottom_banner li.men {
    background-color: #2980B9;
}
#bottom_banner li.women {
    background-color: #CC1560;
}
/* */
.box {
    float: left;
    margin: 6px;
    width: 241px;
}
.box div.t {
    border: 1px solid #00ACEE;
    border-bottom: 6px solid #00ACEE;
    padding: 5px;
}
.box div.t a {
    color: #00ACEE;
}
.box div.f {
    border: 1px solid #4865B4;
    border-bottom: 6px solid #4865B4;
    padding: 5px;
}
.box div.f a {
    color: #4865B4;
}
.box div.b {
    border: 1px solid #CC66CC;
    border-bottom: 6px solid #CC66CC;
    padding: 5px;
}
.box div.b a {
    color: #CC66CC;
}
.box div dl dt {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.box div img {
    border: 1px solid #666666;
}
.box div dl dd {
    line-height: 1.3;
    font-size: 12px;
    float: right;
    width: 170px;
}
/* */
#header {
    width: 1000px;
}
@media only screen and (min-width:601px) {
#header {
    overflow: hidden;
    padding: 0 6px;
    height: 123px;
}
#header #logo a {
    background: url(/common/img/layout/logo.jpg) no-repeat right bottom;
    width: 90px;
    height:123px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}
#header #logo,
#header ul {
    float: left;
}
#header li {
    float: left;
}
/* */
#navi_block {
    margin: 0 auto;
    width: 1000px;
}
#navi_block #whatsnew,
#navi_block #blog {
    width: 280px;
    float: left;
}
#navi_block #talent_men,
#navi_block #talent_women {
    width: 220px;
    float: left;
}
#navi_block .box02 {
   float: right;
}
/* FOOTER */
#footer #footer_logo {
    float: left;
}
#footer #footer_navi {
    padding: 10px 0;
    text-align: center;
    background-color: #E1E4E6;
}
#footer #footer_navi ul {
    padding: 0 0 10px 0;
    color: #043457;
}
#footer #footer_navi ul li {
    padding: 0 10px;
    display: inline;
    border-right: 1px solid #043457;
}
#footer #footer_navi ul li:first-child {
    border-left: 1px solid #043457;
}
#footer #footer_data {
     width: 1000px;
}
/* */
#talent_nav {
    width: 446px;
    margin: 0 auto 30px auto;
}
#talent_nav ul {
    padding: 0 0 0 5px;
}
#talent_nav li {
    padding: 0 5px 0 0;
    float: left;
}
/* */
.bg2 {
    background-color: #E5E5E5;
}
.prof_div {
    display: table;
    padding: 40px 90px;
}
.prof_div dl {
    display: table-row;
}
.prof_div dt {
    vertical-align: top;
    width: 260px;
    display: table-cell;
}
.prof_div dd {
    font-size: 12px;
    line-height: 1.5;
    vertical-align: top;
    width: 600px;
    display: table-cell;
}
/* */
#talent #roma {
    padding: 20px 0 0 0;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px;
}
#prof {
    color: #FFFFFF;
    padding: 20px 90px;
}
#prof .kana {
    padding: 25px 0 0 0;
}
#prof h1 {
    margin: 0 0 30px 0;
    font-weight: bold;
    font-size: 36px;
}
#prof #image {
    width: 260px;
    float: left;
}
#prof .data {
    line-height: 1.5;
}
#prof .data span {
    padding: 0 1em 0 0;
}
}
@media only screen and (max-width:600px) {
#wrapper {
    overflow: hidden;
}
#header {
    max-width: none;
    background-color: #00213B;
    padding: 10px;
}
#header #logo a {
    background: url(/common/img/layout/sp_logo.gif) no-repeat right bottom;
	background-size: 100% auto;
    width: 148px;
    height:40px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}
#header ul {
    display: none;
}
#container { 
    max-width: none;
}
/* */
#main {
    width: 100%;
}
#main img {
    width: 100%;
}
#main div {
	width: 100%;
    height: 130px;
	overflow: hidden;
	position: relative;
}
#main ul {
    width: 170px;
}
/* */
#navi_block {
    margin: 0 auto;
    width: 100%;
}
#navi_block #whatsnew,
#navi_block #blog {
    width: 100%;
    float: none;
}
#navi_block #talent_men,
#navi_block #talent_women {
    width: 50%;
    float: left;
}
#navi_block img {
    max-width: 90%;
}
/* */
.box02 #talent_men,
.box02 #talent_women {
    float: left;
    width: 50%;
}
/* */
#bottom_banner {
    margin: 0 auto;
    width: 100%;
    padding: 40px 0 60px 0;
}
#bottom_banner li {
    width: 46%;
    padding: 2%;
    background: #E1E4E6;
    float: left;
}
#bottom_banner li img {
    width: 100%;
}
#footer #footer_logo {
    display: none;
}
#footer #footer_navi {
    background-color: #E1E4E6;
}
#footer #footer_navi ul {
    margin: 0 0 10px 0;
}
#footer #footer_navi li {
    border-bottom: 1px solid #FFFFFF;
}
#footer #footer_navi li a {
    display: block;
    padding: 6px 10px;
}
#footer dl {
    padding: 10px;
}
#footer dl a {
    color: #FFFFFF;
}
/* */
#activities {
    margin: 5px;
}
.box {
    float: none;
    margin: 0 0 5px 0;
    width: 100%;
}
.box div dl dt {
    float: left;
    width: 20%;
    height: auto;
    overflow: visible;
}
.box div img {
    width: 99%;
    border: 1px solid #666666;
}
.box div dl dd {
    line-height: 1.3;
    font-size: 12px;
    float: right;
    width: 78%;
}
/* */
#talent_nav {
    margin: 0 auto 30px auto;
}
#talent_nav ul {
}
#talent_nav li {
    width: 33.33333333333333333333333%;
    float: left;
}
#talent_nav li img {
    width: 100%;
}
/* */
.bg2 {
    background-color: #E5E5E5;
}
.prof_div {
    padding: 10px;
}
.prof_div dl {
}
.prof_div dt {
    vertical-align: top;
}
.prof_div dd {
    font-size: 12px;
    line-height: 1.5;
    vertical-align: top;
}
/* */
#talent #roma {
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
}
#prof {
    color: #FFFFFF;
    padding: 10px;
}
#prof .kana {
    padding: 25px 0 0 0;
}
#prof h1 {
    margin: 0 0 30px 0;
    font-weight: bold;
    font-size: 36px;
}
#prof #image {
    text-align: center;
}
#prof .data {
    line-height: 1.5;
}
#prof .data span {
    padding: 0 1em 0 0;
}
}