@charset "utf-8";

/* navi
----------------------------------------------------------------------------------*/
div#navi{
	background: #FFFFFF;
}
div#navi img{
	vertical-align: bottom;
}

div#navi ul{
	overflow: hidden;
}
div#navi ul li{
float:left;
}



/* content_s
----------------------------------------------------------------------------------*/
div#content_s{
}
div#content_s div.pan{
	margin-bottom: 0.3em;
	overflow: hidden;
}
div#content_s div.pan ul{ overflow:auto;}
div#content_s div.pan ul li{
	float:left;
	padding-right: 5px;
}
div#content_s div.pan ul li.now{
	font-weight: bold;
}


div#content_s h2{
	margin-bottom: 1em;
}



/* topi
----------------------------------------------------------------------------------*/
/*  */
div#content_s div.topi{}
div#content_s div.topi h3{}
div#content_s div.topi table{}

div#content_s div.topi table th,
div#content_s div.topi table td{
	padding-bottom: 0.9em;
	padding-top: 0.9em;
	border-bottom: 1px dotted #E4E4E4;
}

div#content_s div.topi table th{
	width: 95px;
}
div#content_s div.topi table th img{
	padding-left: 2px;
}
div#content_s div.topi table td{}
div#content_s div.topi table td h3{
	font-weight: bold;
	background: url(../images/icon2.gif) no-repeat left 0.3em;
	padding-left: 10px;
	margin-bottom: 0.2em;
}
div#content_s div.topik table td p{}



/* floor
----------------------------------------------------------------------------------*/

div#content_s .floor {
	overflow: hidden;
	border-bottom: 1px solid #969696;
	padding: 30px 0;
}
div#content_s .floor .right{
	float: right;
	width: 40%;
}
div#content_s .floor .left{
	float: left;
	width: 57.25%;
	margin-bottom: 30px;
}
div#content_s .floor .left strong,
div#content_s .floor .left_service strong {
	color: #152275;
	font-size: 20px;
	font-weight: normal!important;
}
div#content_s .floor .left_service{
	float: left;
	width: 500px;
	margin-bottom: 30px;
}
div#content_s .floor .left .ttl_gray{
	background: #a0a0a0 none repeat scroll 0 0;
    color: #fff;
    padding: 6px 10px;
	margin-bottom: 10px;
}
div#content_s .service{
	margin: 40px 0 0;
	overflow: hidden;
}
div#content_s .service strong{
	color: #152275;
	font-size: 20px;
	font-weight: normal!important;
}
div#content_s .service .left{
	float: left;
	width: 48%;
}
div#content_s .service .right{
	float: right;
	width: 49%;
}
div#content_s .service .right .bd{
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #969696;
}
div#content_s .service .left table {
	width: 100%;
}
div#content_s .service .left table td {
	background: #fff none repeat scroll 0 0;
	padding: 5px;
}
div#content_s .service .left table td.green{
	background: #daecec none repeat scroll 0 0;
	padding: 0 5px;
}


@media only screen and (max-width: 768px){
div#content_s .service .left{
	float: none;
	width: auto;
	margin: 0 0 30px;
}
div#content_s .service .right{
	float: none;
	width: auto;
}
}
@media only screen and (max-width: 640px){
div#content_s .floor .left,
div#content_s .floor .right{
	float: none;
	width: 100%;
	padding: 0;
}
div#content_s #floor .left{
	margin: 0 0 30px;
}
}




/* news
----------------------------------------------------------------------------------*/
div#content_s div#news{}
div#content_s div#news div.area-ttl{
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	border-top: 1px solid #969696;
	border-bottom: 3px solid #1C1E76;
	margin-bottom: 1em;
}
div#content_s div#news div.area-ttl h3{
	margin-bottom: 0.2em;
}
div#content_s div#news div.area-ttl h3 span{
	display: block;
	font-size: 150%;
	font-weight: bold;
	color: #CC0000;
}
div#content_s div#news div.area-ttl strong{
	color: #1C1E76;
	padding-right: 5px;
}
div#content_s div#news div.box{}
div#content_s div#news div.box p{ margin-bottom:0.8em;}
div#content_s div#news div.box p.head{

}
div#content_s div#news div.box h3{
	border-left: 3px solid #1C1E76;
	font-size: 116.7%;
	font-weight: bold;
	color: #1C1E76;
	padding-left: 5px;
	margin-bottom: 0.8em;
}
div#content_s div#news div.event{
	margin-bottom: 15px;
}
div#content_s div#news div.event table td{
	padding: 5px;
	border: 1px solid #999999;
}
div#content_s div#news div.event table th{
	border: 1px solid #999999;

}


div#content_s div#news div.spec{
	padding: 10px;
	border: 1px solid #CCCCCC;
}
div#content_s div#news div.spec table{}
div#content_s div#news div.spec table td{}
div#content_s div#news div.spec table th{
	font-weight: bold;
}
div#content_s div#news div.spec table td,
div#content_s div#news div.spec table th{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	padding-top: 5px;
}
div#content_s div#news div.spec table td.no,
div#content_s div#news div.spec table th.no{	border-bottom: none;
}
div#content_s div#news .shop-ttl-main {
	font-size: 16px;
	color: #1C1E76;
	margin: 0 0 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #1C1E76;
}

#news .floor-box{
	margin: 0 0 30px;
	overflow: hidden;
}
#news .floor-box p{
	margin: 0 0 10px;
}
#news .floor-box .main-img{
	float: left;
	width: 30.534%;
}
#news .floor-box .floor-right{
	float: right;
	width: 66.603%;
}
#news #menu{
	margin: 0 -10px 30px;
	letter-spacing: -0.4em;
}
#news #menu li{
	display: inline-block;
	width: 33.333%;
	padding: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
#news #menu li .menu-img{
	margin: 0 0 10px;
	text-align: center;
}
#news .menu li p{
	font-size: 85.714%;
}
#news .menu02{
	margin: 0 -10px 30px;
	letter-spacing: -0.4em;
}
#news .menu02 li{
	display: inline-block;
	width: 33.333%;
	padding: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
#news .menu02 li .menu-img{
	margin: 0 0 10px;
	text-align: center;
}
#news .menu02 li p{
	font-size: 85.714%;
}
@media only screen and (max-width: 640px){
#news .floor-box .main-img{text-align: center;}
#news .floor-box .main-img,
#news .floor-box .floor-right{
	float: none;
	width: auto;
}
#news #menu{
	margin: 0 0 30px;
}
#news #menu li{
	display: block;
	width: auto;
	margin: 0 0 30px;
}
#news .menu02{
	margin: 0 0 30px;
}
#news .menu02 li{
	display: block;
	width: auto;
	margin: 0 0 30px;
}
}


/* policy
----------------------------------------------------------------------------------*/
div#content_s div#policy{}
div#content_s div#policy h3{
	margin-top: 1em;
	margin-bottom: 0.7em;
	background: #EDF0FA;
	border-top: 2px solid #0C1161;
	border-bottom: 2px solid #0C1161;
	padding-left: 10px;
	font-size: 150%;
	font-weight: bolder;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}



/* company
----------------------------------------------------------------------------------*/
div#content_s div#company {}
div#content_s div#company table{}
div#content_s div#company table td,
div#content_s div#company table th{
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 0.4em;
	vertical-align: top;
}
div#content_s div#company table td{}
div#content_s div#company table th{
	padding-right: 20px;
	font-weight: bold;
	width: 25%;
}


/* e_book
----------------------------------------------------------------------------------*/
div#content_s div#e_book{}
div#content_s .ttl_e_book{
	_height: 200px;
	min-height:200px;

}
div#content_s div#e_book .ttl_e_book h3{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 40px;
	padding-top: 8px;
	height: 30px;
	margin-bottom: 5px;
}
div#content_s div#e_book .ttl_e_book p{
	padding-right: 40px;
	padding-left: 70px;
	padding-top: 5px;
	width: 400px;
}

div#content_s div#e_book .e_book-ttl strong{
	color: #1C1E76;
	padding-right: 5px;
	font-weight: bold;
}

div#content_s div#e_book .e_book-ttl .e_book-fL{
	float: left !important;
	margin-bottom: 30px;
}

div#content_s div#e_book .e_book-ttl .e_book-fR{
	float: right !important;
	margin-bottom: 30px;
}

/* acc
----------------------------------------------------------------------------------*/
div#content_s table.acc{}
div#content_s table.acc td{
	padding: 6px;
}



/* parking
----------------------------------------------------------------------------------*/
div#content_s div#parking{}
div#content_s div#parking .map{
	text-align: center;
	padding: 10px;
	border: 1px solid #B8C5E3;
}
div#content_s div#parking div.hyou{
	margin-bottom: 5px;
}
div#content_s div#parking div.hyou table{}
div#content_s div#parking div.hyou td,
div#content_s div#parking div.hyou th{
	padding: 5px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}
div#content_s div#parking div.hyou td{}
div#content_s div#parking div.hyou th{
	font-weight: bold;
	background: #F9DFD9;
	text-align: center;
	vertical-align: middle;
}
div#content_s div#parking div.hyou th.name{
	background: #EFEFEF;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
div#content_s div#parking div.hyou th.name span{
	font-size: 83.3%;
}
div#content_s div#parking div.boxL{}
div#content_s div#parking div.boxR{}



/* pdf
----------------------------------------------------------------------------------*/
div.pdf{
	padding: 10px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
}



/* error
----------------------------------------------------------------------------------*/
div.error{
	width: 97%;
	margin: 3px auto 15px auto;
	padding: 10px 5px;
	border: 2px solid #79490F;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
}

div.error2{
	width: 96%;
	margin: 3px auto 15px auto;
	padding: 10px 5px;
	border: 2px solid #DD9B59;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
}



/* access
----------------------------------------------------------------------------------*/
#googlemap{margin: 0 0 20px;}
#googlemap iframe{height: 400px;}
#access strong{
	color: #152275;
	font-size: 20px;
	font-weight: normal!important;
}
#access .left{
	float: left;
	width: 50%;
	padding-right: 40px;
}
#access .right{
	float: right;
	width: 50%;
}
@media only screen and (max-width: 640px){
#access .left,
#access .right{
	float: none;
	width: 100%;
	padding: 0;
}
#access .left{
	margin: 0 0 30px;
}
}
@media only screen and (max-width: 640px){
#googlemap{margin: 0 20px 20px;}
#googlemap iframe{height: 200px;}
}



/* csr
----------------------------------------------------------------------------------*/
#csr{margin: 0 0 30px;}
#csr h2.ttl{
	margin: 0 0 10px;
	color: #438f0d;
	font-size: 16px;
	font-weight: bold;
}
#csr #utsunomiya{
	margin: 0 100px;
	padding: 20px;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #5fbb1d;
}
#csr #utsunomiya h3{
	margin: 0 0 10px;
	font-size: 20px;
	text-align: center;
}
@media only screen and (max-width: 640px){
#csr #utsunomiya{margin: 0;}
}



/* apologies
----------------------------------------------------------------------------------*/
#apologies-ttl {
    border-bottom: 1px solid #969696;
    margin-bottom: 1em;
    padding-bottom: 0.8em;
	color: #152275;
    font-size: 20px;
    font-weight: normal !important;
}
#apologies-lists{
	min-height:300px;
}
@media only screen and (max-width: 640px){
	#apologies-lists{
	min-height:50px;
}
}
#apologies-lists li{
	margin: 0 0 10px;
}
#apologies-lists li a{
	display: block;
	padding: 5px 10px;
}
#apologies-lists li:nth-child(odd) a{
	background: #daecec;
}
#apologies-lists li.apologies-page{
    border: 1px solid #ddd;
    display: block;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 120px;
	margin-top: 30px;
}



/* recruit
----------------------------------------------------------------------------------*/
div#content_s div#recruit .ttl_recruit h3{
	margin: 20px 0 15px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
	border-bottom: 5px solid #d6d2eb;
	background: #303f90;
}
div#content_s div#recruit .ttl_recruit h4{
	font-weight: bold;
    font-size: 16px;
	padding-bottom: 10px;
}
div#content_s div#recruit .ttl_recruit h5{
	font-weight: bold;
    font-size: 14px;
	padding:10px 0 10px 0;
	color:#039;
}
div#content_s div#recruit .ttl_recruit .kimeta{
	margin: 20px 0 15px;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
	border-bottom: 5px solid #d6d2eb;
	background: #303f90;
}
div#content_s div#recruit.ttl_recruit p{
	padding-right: 40px;
	padding-left: 70px;
	padding-top: 5px;
}

div#content_s div#recruit .ttl_recruit .Pointbg{
	background:url(../../recruit/img/point/bg.png) repeat 0 0;
	}

div#content_s div#recruit #recruit-navi{
	letter-spacing: -0.4em;
}
div#content_s div#recruit #recruit-navi li{
	display: inline-block;
	width: 20%;
	padding: 0 2px;
	color: #fff;
	text-align: center;
	letter-spacing: normal;
}
div#content_s div#recruit #recruit-navi li a{
	display: table-cell;
	width: 209px;
	height: 60px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #252087;
}

div#content_s div#recruit .requirements {
	margin:auto;
	clear:both ;
	margin-bottom:20px
}

div#content_s div#recruit .requirements table {
	border: 1px solid #CCC;
	border-collapse:separate;
	border-spacing: 0px;
}

div#content_s div#recruit .requirements img,
div#content_s div#recruit .requirements td,
div#content_s div#recruit .requirements th  {
	border: 1px solid #CCC;
	padding:5px;
}

div#content_s div#recruit .compliance {
	margin:15px auto;
	padding:10px;
	border:solid 1px #999 ;
	background-color: #E1F9DD;
}
div#content_s div#recruit ul.compliance span {
	font-weight:bold;
	padding-bottom:20px;
	}
div#content_s div#recruit ul.compliance li {
	padding-top:5px;
	}
div#content_s div#recruit ul.compliance li p {
	color:#F00;
	}
div#content_s div#recruit ul.qanda {
	margin:0 auto;
}
div#content_s div#recruit ul.qanda li.q {
	color:#F00
}
div#content_s div#recruit ul.qanda li.a {
	padding:5px 0px 10px 15px;
}
div#content_s div#recruit #interview-navi{
	margin: 0 -5px;
	text-align: center;
	letter-spacing: -0.4em;
	overflow: hidden;
}
div#content_s div#recruit #interview-navi li{
	display: inline-block;
	width: 33.333%;
	max-width: 140px;
	padding: 0 5px;
	letter-spacing: normal;
	vertical-align: top;
}
div#content_s div#recruit #interview-navi li span{
	display: block;
	margin: 5px 0 0;
	font-size: 12px;
	text-align: center;
}
div#content_s div#recruit .interview {
	margin:30px auto 0;
	padding: 30px 0 0;
	border-top: 1px dotted #999;
}
div#content_s div#recruit .interview h4 {
	color:#039;
	font-weight: normal;
}
div#content_s div#recruit .interview span {
	font-size:15px;
	font-weight:bold;
}
div#content_s div#recruit .interview .photo {
	float: left;
	margin-right: 30px;
}
div#content_s div#recruit .interview ul {
	overflow: hidden;
}
div#content_s div#recruit .schedule {
	margin:auto;
	clear:both ;
}

div#content_s div#recruit .schedule table {
	border: 1px solid #CCC;
	border-collapse:separate;
	border-spacing: 0px;
}

div#content_s div#recruit .schedule img,
div#content_s div#recruit .schedule td,
div#content_s div#recruit .schedule th  {
	border: 1px solid #CCC;
	padding:3px;
}
div#content_s div#recruit .schedule table .time{
	width: 200px;
}
div#content_s div#recruit .photoR{ float:right; width:161px; margin-left:29px;}
div#content_s div#recruit .Point_txt{ font-size:14px; line-height:2.0;}


@media only screen and (max-width: 768px){
div#content_s div#recruit #recruit-navi li{
	width: 33.333%;
	margin: 0 0 4px;
}
div#content_s div#recruit #recruit-navi li a{
	width: 300px;
}

div#content_s div#recruit .interview .photo {
	float: none;
	margin: 0 0 20px;
	text-align: center;
}
div#content_s div#recruit .interview h4,
div#content_s div#recruit .interview span {
	text-align: center;
}
div#content_s div#recruit .schedule table .time{
	width: auto;
}
}

div#content_s div#recruit #recruit-navi li.R-point{
	display: inline-block;
	width: 20%;
	padding: 0 2px;
	margin-bottom:10px;
	vertical-align:top;
}
div#content_s div#recruit #recruit-navi li.R-point2{
	display: inline-block;
	width: 30%;
	color: #666666;
	text-align: left;
	vertical-align:top;
}

div#content_s div#recruit #recruit-navi li.R-point3{
	width: 100%;
	padding: 0 2px;
	margin-bottom:10px;
}
div#content_s div#recruit #recruit-navi li.R-point4{
	width: 100%;
	color: #666666;
	text-align: left;
	vertical-align:top;
	margin-bottom:20px;
}



/* gift
----------------------------------------------------------------------------------*/
div#content_s div#gift .g_box h2{
	margin: 0 0 20px;
	padding: 5px 10px;
	color: #FFFFFF;
	text-align: center;
	background: #294292;
}
div#content_s div#gift .g_box h2 span{
	font-size: 16px;
	font-weight: bold;
}

div#content_s div#gift #gallery{
	margin: 20px -10px 40px;
	overflow: hidden;
}
div#content_s div#gift #gallery li{
	float: left;
	width: 33.333%;
	padding: 0 10px;
}
div#content_s div#gift #gallery li .photo{
	margin: 0 0 5px;
	text-align: center;
}

div#content_s div#gift .point{}
div#content_s div#gift .point td{
	padding-bottom: 0.4em;
}

/*  */
div#content_s div#gift_syousai{}
div#content_s div#gift_syousai hr{
	font-size: 1px;
	height: 1px;
	color: #CCCCCC;
	line-height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
div#content_s div#gift_syousai table.waku td{
	padding: 6px 10px;
}
@media only screen and (max-width: 640px){
div#content_s div#gift #gallery{
	margin: 20px 0 40px;
}
div#content_s div#gift #gallery li{
	float: none;
	width: auto;
	margin: 0 0 30px;
	padding: 0;
}
div#content_s div#gift #gallery li .photo,
div#content_s div#gift #gallery li p{
	max-width: 350px;
	margin: 0 auto;
}
}



/* program_4f_5f
----------------------------------------------------------------------------------*/
div#content_s ul#month {
	clear:both ; 
	margin: 0 0 30px; 
	text-align: center;
	letter-spacing: -0.4em;
}
div#content_s ul#month li {
	display: inline-block;
	padding: 0 10px;
	letter-spacing: normal;
}
div#content_s ul#month li a {
	display: block;
	padding: 20px 100px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	background: #252087;
}
div#content_s ul#month li a span{
	display: block;
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: normal;
}
div#content_s div.program_cd {
	margin:auto;
	width:100%;
	clear:both ;
	margin-bottom:20px
}

div#content_s div.program_cd table {
	width: 100%;
	margin:auto;
	border: 1px solid #CCC;
	text-align:center;
	border-collapse:separate;
	border-spacing: 0px;
}

div#content_s div.program_cd img,
div#content_s div.program_cd td,
div#content_s div.prograsm_cd th  {
	border: 1px solid #CCC;
	text-align:center;
	vertical-align: middle;
}

div#content_s div.program_cd td.month-ttl{
	background:#6763AB;
	color:#ffffff;
	font-weight:bold;
	font-size:1.4em;
	}
div#content_s div.program_cd td.month-subttl{
	background:#D7D7EA;
	}
	
div#content_s div.program_cd td.holiday{
	background:#FFCC99;
	}
div#content_s div.program_cd td.event{
	background:#ffe8e9;
	}
	
div#content_s div.program_cd td.Space{
	background:#cccccc;
	}

div#content_s div.program_cd td.Space2{
	background:#F2F2F2;
	}
div#content_s div.program_cd td.holiday2{
	background:#ffeb88;
	}
	
div#content_s div.program-spec{
	padding: 10px;
	border: 1px solid #CCCCCC;
}
div#content_s div.program-spec .event-tantou{
	color: #FFF;
	background-color: #666;
	padding: 3px;
	float: left;
	margin-right: 5px;
	margin-bottom: 0!important;
}

div#content_s div.program-spec .event-tantou-txt{
	float: left;
	margin-right: 5px;
	margin-bottom: 0!important;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#content_s div.program-spec .event-toiawase{
	color: #FFF;
	background-color: #F93;
	padding: 3px;
	float: left;
	margin-right: 5px;
	margin-left: 8px;
	margin-bottom: 0!important;
}

	
@media only screen and (max-width: 640px){
div#content_s div.program-spec table {
	font-size: 12px;
}
div#content_s ul#month {
	margin: 0 -10px 30px; 
}
div#content_s ul#month li {
	width: 50%;
}
div#content_s ul#month li a {
	display: block;
	padding: 20px;
}

div#content_s div.program-spec .event-toiawase{
	clear: both;
	margin: 0 5px 0 0;
}
}