@charset "UTF-8";



/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-



　　共通



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/







/*===============================================================================

　リセットCSS

===============================================================================*/





h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0px;

	padding: 0px;

}



p,

hr,

blockquote,

address,

noscript {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

	border: none;

}



ul,

li,

ol,

dl,

dt,

dd,

pre,

table,

form {

	margin: 0px;

	padding: 0px;

}



li { list-style-type: none; }



table,

img { border: none; }



em,

strong,

q,

dfn,

code,

samp,

kbd,

var,

cite,

abbr,

acronym {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

}



hr {

	display: none;

	clear: both;

}



br.cl { clear:both; }



/*===============================================================================

　全体設定

===============================================================================*/



html { overflow-y:scroll; }



/* リンクカラー */

a:link,

 a:visited,

 a:active {

	color: #333333;

	text-decoration: none;

	outline:none;

}



a:hover {

	color: #ff3300;

	text-decoration: none;

}



/* 全体レイアウト */



body {

	padding: 0;

	margin: 0;

	width:100%;

	background:#FFF url(../img/common/bg.png) repeat-x center 25px;

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

	font-size: 12px;

	line-height: 18px;

	color: #333333;

	position:relative;

	text-align: center;

}



#wrapper {

	display: block;

	width: 100%;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto ;

}



/*-------------------------------------------- css未適応ブラウザへのメッセージ */

#ie4_nn4_msg { display: none; }



/*-------------------------------------------- css未適応ブラウザへのメッセージ 終了 */







/* 流れる文字 */

.t_marquee {

	height:30px;

	margin-top:5px;

	line-height:30px;

	background:url(../img/common/info.png) no-repeat;

}



.t_marquee marquee {

	width:430px;

	display:block;

	position:relative;

	top:5px;

	margin-left:70px;

}



*html .t_marquee marquee { top:2px; }



*:first-child+html .t_marquee marquee { top:2px; }







/*===============================================================================

　フレーム

===============================================================================*/





h1 {

	clear:both;

	width:540px;

	height:35px;

	font-size:18px;

	margin:0 auto;

	padding:0 0 0 10px;

	line-height:35px;

	background:url(../img/common/h1_bg.png) repeat-x;

	color:#FFFFFF;

}



h2 {

	clear:both;

	width:540px;

	height:25px;

	font-size:14px;

	margin:15px auto 10px auto;

	padding:5px 0 0 5px;

	border-left:5px solid #6E6962;

	background:#EEECE8;

}



/* イベントカレンダー */



p.eve_cl {

	position:relative;

	top:-18px;

	padding: 0;

}



p.eve_cl a {

	margin-left:415px;

	padding: 0;

	width:110px;

	height:20px;

	display:block;

	text-indent:-9999px;

	background:url(../img/common/eve_bn.png ) left top no-repeat;

}



/* --ヘッダー----------------------------------------------------------------- */



#header_menu{

	width:100%;

	height:18px;

	padding:3px 0;

	text-align:left;

    background:#282522;

	border-bottom:1px solid #FFF;

	color:#FFF;

	font-size:10px;

	}



#header_menu .area_top_nav{

	margin-left: 10px;

}





#header_menu a { color:#FFF; }



#header_menu a:hover { color:#F0F; }



#header{

	width:980px;

	height:155px;

	margin:0 auto;



	margin:0 auto 10px auto;

	padding:0;

	}



#logo_area {

	width:480px;

	height:70px;

	margin-top:5px;

	text-align:left;

	float:left;

}



/* logo */







#logo_area .logo {

	width:200px;

	height:45px;

	margin-top:5px;

}



#logo_area p { font-size:10px; }



#menu_top {

	width:500px;

	height:70px;

	text-align:right;

	margin-top:5px;

	float:left;

}



#menu_top .t_menu {

	line-height:25px;

	padding:5px;

}



/* --メニュー----------------------------------------------------------------- */



#globalnavi_area {

	width:980px;

	height:50px;

	margin:0 auto;

    padding: 0;

    }



#globalnavi{

	width:980px;

	height:50px;

	margin:0;

    }



#globalnavi li{

	text-indent: -9999px;

	float:left;

	width:149px;

	height:50px;

	margin:0;

	padding:0;

	}



#globalnavi li a{  

	display: block;  

	width:149px;

	height: 50px; 

	background: url(../img/common/globalnavi.png) no-repeat;

	}  



#globalnavi li.menu01,

#globalnavi li.menu01 a{  

	width:85px;

}



#globalnavi li.menu01 a{ background-position: 0 0; }

#globalnavi li.menu02 a{ background-position: -85px 0; }

#globalnavi li.menu03 a{ background-position: -234px 0; }

#globalnavi li.menu04 a{ background-position: -383px 0; }

#globalnavi li.menu05 a{ background-position: -532px 0; }

#globalnavi li.menu06 a{ background-position: -681px 0; }

#globalnavi li.menu07 a{ background-position: -830px 0; }





#globalnavi li.menu01_s a{ background-position: 0 -50px; }

#globalnavi li.menu02_s a{ background-position: -85px -50px; }

#globalnavi li.menu03_s a{ background-position: -234px -50px; }

#globalnavi li.menu04_s a{ background-position: -383px -50px; }

#globalnavi li.menu05_s a{ background-position: -532px -50px; }

#globalnavi li.menu06_s a{ background-position: -681px -50px; }

#globalnavi li.menu07_s a{ background-position: -830px -50px; }





#globalnavi li a:hover{background-image: url(../img/common/globalnavi.png) no-repeat;}  



#globalnavi li.menu01 a:hover{ background-position: 0 -50px; }

#globalnavi li.menu02 a:hover{ background-position: -85px -50px; }

#globalnavi li.menu03 a:hover{ background-position: -234px -50px; }

#globalnavi li.menu04 a:hover{ background-position: -383px -50px; }

#globalnavi li.menu05 a:hover{ background-position: -532px -50px; }

#globalnavi li.menu06 a:hover{ background-position: -681px -50px; }

#globalnavi li.menu07 a:hover{ background-position: -830px -50px; }





/* メニュー 終了*/









/* メインイメージ */

/* #main_image {

	width:980px;

	height:90px;

	overflow:hidden;

	margin:13px auto 12px auto;

	text-indent:-9999px;

	background: url(../img/common/main.jpg) no-repeat;

} */





.vr{

  background:url("https://www.yesgrp.com/top/image/vr_areatop_pc.jpg") repeat-x left bottom;

  z-index:1;

  height:72px;

}



/*===============================================================================

　メインコンテンツ

===============================================================================*/















/* --メインコンテンツ----------------------------------------------------------------- */



#contents {

	clear:both;

	width: 1000px;

	margin:0 auto;

	text-align:left;

}



#container {

	width: 100%;

	float: left;

}



/*===============================================================================

　レフトコンテンツ

===============================================================================*/







/* --レフトコンテンツ--------------------------------------------------- */



#l_contents {

	width:222px;

	padding:0;

	margin:0 auto;

	float:left;

}



/* --メニューBOX------------------------------------------------------- */



#menubox {

	clear:both;

	width:210px;

	padding:0 5px 5px 5px;

	margin: 0 auto;

	border:1px #D5D0C8 solid;

}



.ichiran_top {

	clear:both;

	text-indent: -9999px;

	width:222px;

	height:30px;

	background:url(../img/common/menubox_top.png) no-repeat;

}



.ichiran_bot {

	clear:both;

	width:222px;

	height:20px;

	background:url(../img/common/menubox_bot.png) no-repeat;

}



#menu_page {

	width:210px;

	padding:0;

	margin:0;

	list-style: none;

}



#menu_page li.buil {

	width:210px;

	height:20px;

	background:#6E6962;

	height:20px;

	text-align:center;

	line-height:20px;

	margin-top:5px;

	color:#FFF;

}



#menu_page li.add{

	background:#F6F4EF;

	padding:1px 3px;

	font-size:11px;

	}



/*-- リンクカラー --*/

p.t_sub {

	font-size:9px;

	padding-top:7px;

}



#menu_page li a {

	display:block;

	height:50px;

	margin-top:5px;

	padding:0 0 0 55px;

	color: #666;

	font-weight:bold;

}



#menu_page li a:hover { color: #FFF; }





/* ライン開始 */

#menu_page li.page_line a { background:#EEECE8 url(../img/logo/line.png) no-repeat 5px; }

#menu_page li.page_line a:hover { background:#D0CCC3 url(../img/logo/line.png) no-repeat 5px; }

/* ライン終了 */





/* BAD開始 */

#menu_page li.page_bad_mito a { background:#EEECE8 url(../img/logo/bad_c.png) no-repeat 5px; }

#menu_page li.page_bad_mito a:hover { background:#D0CCC3 url(../img/logo/bad_c.png) no-repeat 5px; }

/* BAD終了 */





/* プラチナ開始 */

#menu_page li.page_platina a { background:#EEECE8 url(../img/logo/pla.png) no-repeat 5px; }

#menu_page li.page_platina a:hover { background:#D0CCC3 url(../img/logo/pla.png) no-repeat 5px; }

/* プラチナ終了 */







/* つばき開始 */

#menu_page li.page_tsubaki a { background:#EEECE8 url(../img/logo/tsu.png) no-repeat 5px; }

#menu_page li.page_tsubaki a:hover { background:#D0CCC3 url(../img/logo/tsu.png) no-repeat 5px; }

/* つばき終了 */





/* WHITE開始 */

#menu_page li.page_white a { background:#EEECE8 url(../img/logo/white.png) no-repeat 5px; }

#menu_page li.page_white a:hover { background:#D0CCC3 url(../img/logo/white.png) no-repeat 5px; }

/* WHITE終了 */







/* Lesson.1水戸校 開始 */

#menu_page li.page_lesson a { background:#EEECE8 url(../img/logo/lesson1.png) no-repeat 5px; }

#menu_page li.page_lesson a:hover { background:#D0CCC3 url(../img/logo/lesson1.png) no-repeat 5px; }

/* Lesson.1水戸校 終了 */





#l_contents .box_01 {

	width:210px;

	padding:5px;

	margin:10px auto;

	border:1px #D5D0C8 solid;

}



#l_contents .box_01_txt {

	width:100%;

	margin:5px auto 0 auto;

	font-weight:bold;

}



#l_contents .box_01_txt a {

	display:block;

	height:25px;

	line-height:25px;

	margin:0 auto;

	padding-left:27px;

	background:#EEECE8 url(../img/common/icon.png) no-repeat 6px;

}



#l_contents .box_01_txt a:hover {

	background:#D0CCC3 url(../img/common/icon.png) no-repeat 6px;

	color:#FFF;

}



/* -- スマホサイト -- */

#l_contents .sp_area { margin:0 auto; }



#l_contents .sp_area a {

	display:block;

	width:200px;

	height:100px;

	margin:0 auto;

	background:url(../img/top/sp_bn.png) no-repeat;

	text-indent:-9999px;

}



/* -- モバイルサイト -- */

#l_contents .i_area { margin:0 auto; }



#l_contents .i_area a {

	display:block;

	width:200px;

	height:100px;

	margin:0 auto;

	background:url(../img/top/i_bn-mito.png) no-repeat;

	text-indent:-9999px;

}



/* -- メルマガ -- */

#l_contents .mal_area {

	width:200px;

	height:100px;

	margin:0 auto;

	background:url(../img/top/mal_bn.png) no-repeat center top;

	margin:0 auto;

}



#l_contents .mal_area p.txt {

	font-size:10px;

	padding:40px 0 0 4px;

}



#l_contents .mal_area p.red {

	font-weight:bold;

	padding:0 0 0 4px;

}



/* -- 求人 -- */

#l_contents .kyu_area,

 #l_contents .mens { margin:0 auto; }



#l_contents .kyu_area a,

 #l_contents .mens a {

	display:block;

	width:200px;

	height:100px;

	margin:0 auto;

	text-indent:-9999px;

}



#l_contents .kyu_area a { background:url(../img/top/kyujin_bn.png) no-repeat; }



#l_contents .mens a { background:url(../img/top/staff_bn.png) no-repeat; }



/*===============================================================================

　ライトコンテンツ

===============================================================================*/



/* --ライトコンテンツ------------------------------------------------- */



#r_contents {

	width:740px;

	padding:0;

	margin-left:15px;

	float:left;

}



/*===============================================================================

　ライトメインコンテンツ

===============================================================================*/





/* --コンテンツBOX------------------------------------ */

#r_contents_m {

	clear:both;

	width:740px;

	padding:5px 0 0 0;

}



/* --コンテンツ中央----------------------------------- */



#r_center_area {

	width:550px;

	float:left;

}



/* --ライトコンテンツサブエリア----------------------- */



#r_sub_area {

	width:175px;

	float:left;

	margin-left:15px;

	padding:0;

}



#r_sub_area .s_box {

	clear:both;

	width:163px;

	border:1px #D5D0C8 solid;

	margin-bottom:10px;

	padding:5px;

}



#r_sub_area .title {

	width:163px;

	height:25px;

	text-align:center;

	line-height:25px;

	font-size:12px;

	margin-bottom:5px;

	font-weight:bold;

	background:url(../img/common/r_sub_title.png) repeat-x;

	color:#FFF;

}



#r_sub_area .box_01_txt {

	width:163px;

	margin:5px auto 0 auto;

	font-weight:bold;

}



#r_sub_area .box_01_txt a {

	display:block;

	height:25px;

	line-height:25px;

	margin:0 auto;

	padding-left:27px;

	background:#EEECE8 url(../img/common/icon.png) no-repeat 6px;

}



#r_sub_area .box_01_txt a:hover {

	background:#D0CCC3 url(../img/common/icon.png) no-repeat 6px;

	color:#FFF;

}



/* --写メ投稿-- */







#r_sub_area .shame {

	width:160px;

	height:210px;

	margin-bottom:5px;

	overflow:scroll;

	overflow-x:hidden;

	overflow-y:scroll;

	padding-left:0px;

}



/* --movie投稿-- */	

.movie {

	width:160px;

	height:210px;

	margin-bottom:5px;

	overflow:scroll;

	overflow-x:hidden;

	overflow-y:scroll;

	padding-left:0px;

}



img.bn_area { margin:0 auto 7px auto; }



/* --会員カード-- */

#r_sub_area .card {

	width:160px;

	height:124px;

	margin-bottom:5px;

	text-indent:-9999px;

	background:url(../img/top/card_bn.jpg) no-repeat;

}



#r_sub_area .card a {

	display:block;

	width:160px;

	height:124px;

}



#r_sub_area .card_txt {

	width:160px;

	margin:0 auto;

	margin-bottom:5px;

	font-size:11px;

}



/* --会員カード(旧)-- */

#r_sub_area .card02 {

	width:160px;

	height:124px;

	margin-bottom:5px;

	text-indent:-9999px;

	background:url(../img/top/card_bn02.jpg) no-repeat;

}



#r_sub_area .card a {

	display:block;

	width:160px;

	height:124px;

}



#r_sub_area .card_txt {

	width:160px;

	margin:0 auto;

	margin-bottom:5px;

	font-size:11px;

}



/*===============================================================================

　フッター

===============================================================================*/





/* --パンクズ----------------------------------------------------------------- */	



#footer_pankuzu {

	clear:both;

	width:100%;

	height:35px;

	margin:0 auto;

	background:#D0CCC3;

	border-bottom:#fff solid 1px;

}



#pankuzu_container {

	width: 980px;

	height:100%;

	margin:0 auto;

}



#pankuzu_area {

	width: 850px;

	height:35px;

	float:left;

	color:#fff;

	font-weight:bold;

}



#pankuzu_area li {

	float:left;

	line-height:35px;

	padding:0 0 0 17px;

}



#pankuzu_area li a {

	text-decoration:none;

	color:#fff;

}



#pankuzu_area li a:hover {

	color:#E71F19;

	text-decoration: none;

	color: #F90;

}



/* ページトップ開始*/



#p-top { float:left; }



#p-top a {

	text-indent: -9999px;

	text-decoration: none;

	display: block;

	width:100px;

	height:25px;

	background:url(../img/common/p_top03.png) no-repeat 0 0;

}



#p-top a:hover { background: url(../img/common/p_top03.png) 0 -25px; }



/* ページトップ終了*/







/* --フッター----------------------------------------------------------------- */	



#footer_area {

	clear:both;

	width: 100%;

	background:#ECE9E9;

}



#footer {

	width:980px;

	height:100%;

	padding:20px 0 20px 0;

	margin:0 auto;

}



/* 各エリアリンク */







#footer ul {

	width:210px;

	padding:5px;

	border:1px solid #A89F91;

	float:left;

	background:#FFF;

	text-align:left;

}



#footer li { font-weight:bold; }



#footer li.link_title {

	font-weight:bold;

	text-align:center;

	background:#6E6962;

	color:#FFF;

	height:25px;

	line-height:25px;

	margin-bottom:5px;

}



#footer li a {

	padding:5px;

	width:200px;

	height:25px;

	line-height:25px;

	display:block;

}



#footer li a:hover {

	background:#D0CCC3;

	color:#FFF;

}



/* 雑誌掲載情報 */







#footer .zasshi {

	width:210px;

	padding:5px 5px 10px 5px;

	border:1px solid #A89F91;

	float:left;

	background:#FFF;

	text-align:left;

	margin-left:20px;

}



#footer .zasshi_title {

	font-weight:bold;

	text-align:center;

	background:#6E6962;

	color:#FFF;

	height:25px;

	line-height:25px;

	margin-bottom:5px;

}



/* クレジットカード */







#footer .card {

	width:210px;

	padding:5px 5px 10px 5px;

	border:1px solid #A89F91;

	float:left;

	background:#FFF;

	text-align:left;

	margin-left:20px;

}



#footer .card_title {

	font-weight:bold;

	text-align:center;

	background:#6E6962;

	color:#FFF;

	height:25px;

	line-height:25px;

	margin-bottom:5px;

}



#footer p.card_txt {

	color:#F00;

	font-weight:bold;

}



/* その他バナーエリア */







#footer .banner {

	width:210px;

	padding:5px 5px 10px 5px;

	float:left;

	text-align:right;

	margin-left:15px;

}



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



#footer img.bn {

	margin:5px;

	clear:both;

}



/*------- footerメニュー -------*/



#footer_menu {

	width:980px;

	margin:5px auto 10px auto;

	text-align:center;

}



/*------- f_bottom_area -------*/

#f_bottom_area {

	clear:both;

	width: 100%;

	background:#6E6962;

	color:#FFF;

	padding-top:10px;

}



#f_bottom_area .f_bottom_in {

	width:980px;

	margin:0 auto 10px auto;

	letter-spacing:1px;

}



/*------- コピーライト -------*/

#f_copy {

	width: 100%;

	margin:0 auto;

	line-height:20px;

	background:#282522;

	color:#FFF;

	text-align:center;

}



#header_menu .new_btn {

	color: #FF0;

	background: #F00;

	padding: 2px 5px;

	font-size: 9px;

	letter-spacing: 1px;

	font-weight: bold;

}





/*===============================================================================

	水戸専用スライダー

===============================================================================*/



#slideshow {

	margin: 0 auto;

	width: 740px;

	text-align: left;

	margin-bottom:5px;

}

#slideshow div {

	width: 740px;

	height: 280px;

	overflow: hidden;

	position: relative;

}

#slideshow div div {

	top: 0;

	left: 0;

	background: #fff;

	position: absolute;

}



#slideshow ul {

	width: 740px;

	margin-top:5px;

}



#slideshow ul li {

	width: 90px;

	float: left;

	display: inline;

}



#slideshow .active {

	filter:alpha(opacity=100)!important;

	-moz-opacity: 1!important;

	opacity: 1!important;

}



/*------- ClearFixElements -------*/



#slideshow ul:after {

	content: ".";

	height: 0;

	clear: both;

	display: block;

	visibility: hidden;

}



#slideshow ul {

	display: inline-block;

	overflow: hidden;

}



/*===============================================================================

	2015.09.25 写メっ子ちゃん

===============================================================================*/



.shamekko {

	margin:10px 0;

	padding: 5px 5px 10px 5px;

	background-color:#dbffa8;

	border: solid 1px #C5E697;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

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

}



.shamekko_tit {

	height:28px;

	line-height:30px;

	color:#22bb60;

	font-weight:bold;

	letter-spacing:0.05em;

	text-align: center;

}



.shat_star {

	font-size:13px;

	color:#22bb60;

}



.shamekko_inn {

	width:155px;

	background-color:#FFFFFF;

	margin:0 auto;

	text-align: center;

}



.shameko_photo img {

	width:110px;

	margin: 9px 9px 0px 9px;

	border: 2px solid #FFEE5F;

}



.shameko_name {

	padding-bottom: 5px;

	line-height:1.7;

}



.ssm_01 { color:#D36878;}

.ssm_02 {

	letter-spacing:0.1em;

	color:#6a131c;

	font-size:16px;

}

.ssm_03 {

	color:#666;

	font-size:12px;

}









/*===============================================================================

  2017年正月背景

===============================================================================*/



/*#fall_area {

  background: url(../img/ny_bg.jpg) no-repeat #4f1078;

  background-position: center 150px;

}



#contents {

  padding: 0 10px;

  background: #fff;

}*/