/* コンテンツ名 */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* main contents */
#main {
    overflow:hidden;
    width:100%;
    background:#fef7ee;
    margin:0 auto 40px;
    padding:0;
    text-align:center;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

#contents_area {
    width:950px;
    margin:0 auto;
}


/* ナビ＆メイン画像 */
.head {
    width:100%;
    background:#ea5504;
}
.head_image {
    width:100%;
    background:none;
}

.mainImage {
	position:relative;
    float:right;
    width:595px;
}
.mainImage p {
	position: absolute;
	top: 185px;
	left: 403px;
	margin:auto;
	background: rgba(0, 0, 0, 0) url("../images/nav_utimura.png") no-repeat 0 0;
}
.mainImage span p{
	top: 168px;
}
.mainImage p.uti {
	text-indent: -9999px;
}
.mainImage p.uti a {
	display:block;
    width:171px;
    height:91px;
}
.mainImage p.uti a { background:url("../images/nav_utimura.png") no-repeat 0 0; }
.mainImage p.uti a:hover { background:url("../images/nav_utimura_o.png") no-repeat 0 0; }
.mainImage p.uti_act { background:url("../images/nav_utimura_o.png") no-repeat 0 0; }
.mainImage p.uti_act {
	width:171px;
    height:91px;
}

.navArea {
    position:relative;
    float:left;
    width:355px;
    height:283px;
    background:#ea5504 url("../images/main_left.jpg") no-repeat 0 0;
}

.navArea ul {
    position:absolute;
    top:160px;
    left:23px;
    width:320px;
    margin:auto;
}
.navArea ul li {
    float:left;
    margin:0 5px 5px 0;
    text-indent:-9999px;
}
.navArea ul li a {
    display:block;
    width:155px;
    height:54px;
}

/* 190115 */
.navArea ul li.eat, .navArea ul li.eat_act { display:none; }

.navArea ul li.profile a { background:url("../images/nav_profile.png") no-repeat 0 0; }
.navArea ul li.report a { background:url("../images/nav_report.png") no-repeat 0 0; }
.navArea ul li.interview a { background:url("../images/nav_interview.png") no-repeat 0 0; }
.navArea ul li.backnumber a { background:url("../images/nav_backnumber.png") no-repeat 0 0; }
.navArea ul li.eat a { background:url("../images/nav_eat.png") no-repeat 0 0; }

.navArea ul li.profile a:hover { background:url("../images/nav_profile_o.png") no-repeat 0 0; }
.navArea ul li.report a:hover { background:url("../images/nav_report_o.png") no-repeat 0 0; }
.navArea ul li.interview a:hover { background:url("../images/nav_interview_o.png") no-repeat 0 0; }
.navArea ul li.backnumber a:hover { background:url("../images/nav_backnumber_o.png") no-repeat 0 0; }
.navArea ul li.eat a:hover { background:url("../images/nav_eat_o.png") no-repeat 0 0; }

.navArea ul li.profile_act,
.navArea ul li.report_act,
.navArea ul li.interview_act,
.navArea ul li.eat_act {
    width:155px;
    height:54px;
}
.navArea ul li.profile_act { background:url("../images/nav_profile_o.png") no-repeat 0 0; }
.navArea ul li.report_act { background:url("../images/nav_report_o.png") no-repeat 0 0; }
.navArea ul li.interview_act { background:url("../images/nav_interview_o.png") no-repeat 0 0; }
.navArea ul li.backnumber_act a { background:url("../images/nav_backnumber_o.png") no-repeat 0 0; }
.navArea ul li.backnumber_act a:hover { background:url("../images/nav_backnumber.png") no-repeat 0 0; }
.navArea ul li.eat_act { background:url("../images/nav_eat_o.png") no-repeat 0 0; }


/* dropdown */
.navArea ul li.backnumber,.navArea ul li.backnumber_act {
    position:relative;
}
.navArea .drop {
    display:none;
    position:absolute;
    top:50px;
    left:0;
    z-index:100;
}
.navArea .drop ul {
    position:static;
    width:150px;
    background:#f6ab00;
    padding:1.5em 0 0.5em;
}
.navArea .drop ul li {
    float:none;
    width:auto;
    height:1.4em;
    margin:0 0 1em;
    padding:0 1em;
    text-indent:0;
    text-align:left;
}
.navArea .drop ul li a {
    width:auto;
    height:auto;
    background:url("../images/nav_sub.png") no-repeat 0 center;
    margin:0;
    padding:0 0 0 14px;
    font-weight:bold;
    color:#551900;
}
.navArea .drop ul li a:hover {
    background:url("../images/nav_sub_o.png") no-repeat 0 center;
    color:#ea5504;
    text-decoration:none;
}



/* link */
.sp {
    display:none;
}
.normal {
    display:block;
}


/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img, object, embed, video {
    max-width:100%;
    height:auto;
}

/* main contents */
#main {
}

#contents_area {
    width:96%;
}


/* ナビ＆メイン画像 */
.head {
}

.mainImage {
    width:66%;
}

.navArea {
    width:34%;
    max-width:355px;
    height:0;
    background-size:contain;
    padding-top:29.78%;
}

.navArea ul {
    position:absolute;
    top:60%;
    left:4%;
    width:94%;
    margin:auto;
}
.navArea ul li {
    width:49%;
    margin:0 1% 1% 0;
}
.navArea ul li a {
    width:100%;
    height:0;
    padding-top:34.83%;
}
.navArea ul li.profile a,.navArea ul li.profile a:hover,
.navArea ul li.report a,.navArea ul li.report a:hover,
.navArea ul li.interview a,.navArea ul li.interview a:hover,
.navArea ul li.backnumber a,.navArea ul li.backnumber a:hover,
.navArea ul li.backnumber_act a,.navArea ul li.backnumber_act a:hover,
.navArea ul li.eat a,.navArea ul li.eat a:hover {
    background-size:contain;
}
.navArea ul li.profile_act,
.navArea ul li.report_act,
.navArea ul li.interview_act,
.navArea ul li.eat_act {
    width:49%;
    height:0;
    background-size:contain;
    padding-top:18%;
}

.navArea ul li.interview,.navArea ul li.interview_act {
    clear:both;
}

.navArea ul li.eat,.navArea ul li.eat_act,
.navArea ul li.backnumber,.navArea ul li.backnumber_act {
    clear:both;
}


/* dropdown */
.navArea .drop {
    top:95%;
}
.navArea .drop ul {
    width:12em;
    padding:1em 0 0.5em;
}
.navArea .drop ul li {
    height:1.4em;
    margin:0 0 1em;
    padding:0 1em;
}
.navArea .drop ul li a {
    background-size:auto;
}
.navArea .drop ul li a:hover {
    background-size:auto;
}

/*--------------utimura----------------*/
.mainImage p {
	position: absolute;
	width:34%;
    height:0;
	top: 66%;
	left: 68%;
	margin:auto;
	background-size:contain;
}
.mainImage span p {
	top: 59.4%;
	left: 67.7%;
}
.mainImage p.uti {
    width:49%;
	text-indent: -9999px;
}
.mainImage span p.uti {
    width:50%;
}
.mainImage p.uti a {
    width:57%;
    height:0;
    padding-top:30.48%;
}
.mainImage p.uti a,.mainImage p.uti a:hover {
	background-size:contain;
}
.mainImage p.uti_act {
	width:57%;
    height:0;
    background-size:contain;
    padding-top:30.48%;
}
/*--------------/utimura----------------*/



}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* main contents */
#main {
}


/* link */
.sp {
    display:block;
}
.normal {
    display:none;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */