@charset "UTF-8";


/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#headerArea {
	max-width: 1180px;
	overflow:hidden;
	margin:20px auto;
	padding: 0px 10px;
}
#headText {
	font-size:13px;
	float:left;
	margin-left: 20px;
	width:230px;
}
#headRight {
	float:right;
	width:800px;
	margin-top: 5px;
}
#headBtn {
	width: 253px;
	float:right;
	text-align: center;
}
#headBtn2 {
	width: 253px;
	float:right;
	text-align: center;
}
#headBtn p:first-child {
	margin-bottom: 8px;
}
#headBtn2 p:first-child {
	margin-bottom: 8px;
}
@media only screen and (max-width: 480px) and (min-width: 0px) {
#headText {
	float:none;
	margin: 15px auto;
}
}
#headRight {
	float:right;
	width:512px;
}
@media only screen and (max-width: 1041px) and (min-width: 0px) {
#headRight {
}
}
@media only screen and (max-width: 580px) and (min-width: 0px) {
#headRight {
	width:190px;
	float:none;
	margin:0px auto;
}
}
#headBtn {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border-left: dotted 1px #999;
	border-right: dotted 1px #999;
}
#headBtn2 {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border-right: dotted 1px #999;
}
@media only screen and (max-width: 580px) and (min-width: 0px) {
#headRight {
	margin-top: 10px;
}

#headBtn {
	float: none;
	border:none;
	margin: 0px 0px 0px 0px;
	padding:0px;
}
#headBtn2 {
	float: none;
	border:none;
	margin: 0px 0px 0px 0px;
	padding:0px;
}
#headBtn p:first-child {
	margin: 0px 0px 5px 0px;
}
#headBtn2 p:first-child {
	margin: 0px 0px 5px 0px;
}
#headBtn p {
	margin-bottom: 5px;
}
#headBtn2 p{
	margin-bottom: 5px;
}
}
ul#headLink {
	width:230px;
	float:left;
}
ul#headLink li {
	float:left;
	margin-right:15px;
	font-size:13px;
}
#search {
	float:left;
    width: 230px;
}
.search_box {
    width: 180px;
    height: 25px;
    border: 1px solid #B3B3B3;
}
.gsc-input { line-height:135%; }






/* --------------------------------------------------
	2. Navi
-------------------------------------------------- */
.naviArea {
	max-width: 1200px;
	margin:0px auto;
}
.naviArea a {
	color:#FFF;
	display:block;
}
ul.navi li {
	float:left;
	width: 188px;
	margin: 0px 0px 10px 10px;
	line-height:220%;
	font-size:16px;
	text-align:center;
}
ul.navi li img {
	margin-top:8px;
	width: ;
	height: 16px;
}
ul.navi li.drop ul li img {
	width: 168px;
	height: auto;
}

@media only screen and (max-width: 1190px) and (min-width: 0px) {
ul.navi { margin-left:2%; }
ul.navi li { width: 31%; }
ul.navi li ul li { width: 100%; }
}
@media only screen and (max-width: 580px) and (min-width: 0px) {
ul.navi { margin:0px; }
ul.navi li { width: 47%; }
ul.navi li ul li a { font-size:11px; }
}
@media only screen and (max-width: 320px) and (min-width: 0px) {
ul.navi li { width: 45%; }
}
ul.navi li.naviPink { background-color:#757575; }
ul.navi li.naviPink a:hover { background-color:#FFB3BA; }
ul.navi li.naviEmerald { background-color:#3fc9c7; }
ul.navi li.naviEmerald a:hover { background-color:#8CDFDD; }
ul.navi li.naviGreen { background-color:#77c83d; }
ul.navi li.naviGreen a:hover { background-color:#B2E78B; }
ul.navi li.naviPurple { background-color:#b480e9; }
ul.navi li.naviPurple a:hover { background-color:#D2B3F2; }
ul.navi li.naviBlue { background-color:#7094ff; }
ul.navi li.naviBlue a:hover { background-color:#A9BFFF; }
ul.navi li.naviOrange { background-color:#ffb42e; }
ul.navi li.naviOrange a:hover { background-color:#FFD282; }


/* 変更不要 */
.navigation a { display: block; }
.navigation ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
 /* IE6 "fix" */
.navigation ul a { zoom: 1; } /* IE6/7 fix */
.navigation ul li { float: none; }
.navigation ul ul { top: 0; }

/* 設定 */
.navigation ul {
	width: 100%;
	top: 35px;/*ドロップダウンの表示位置指定*/
}

.navigation ul.naviGreenDrop { background-color: #B2E78B; }
.navigation ul.naviPurpleDrop { background-color: #D2B3F2; }
.navigation ul.naviBlueDrop { background-color: #A9BFFF; }
.navigation li { position: relative; }
.navigation li ul li a {
	color:#FFFFFF;
	font-size:14px;
	line-height:250%;
	text-align:left;
}
.navigation li ul li a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
ul.navi li.drop ul li {
	padding:0px;
	margin:0px;
}
ul.navi li.drop ul li a {
	text-indent: 0px;
	background-image: none;
}

/*IE6と7の下の隙間調整*/
* html .navigation ul li  { margin-bottom: -5px; } /* IE6ハック */
*:first-child+html .navigation ul li  { margin-bottom: -5px; }/*IE7ハック */






/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#footerArea {
	max-width: 1180px;
	overflow:hidden;
	margin:20px auto 30px;
	padding: 0px 10px;
}
#footerLinkArea {
	overflow:hidden;
	margin-bottom:10px;
}
#footerLink {
	font-size: 14px;
	margin-bottom: 10px;
	float:left;
}
#hotpepper {
	float:right;
	width:280px;
}
@media only screen and (max-width: 480px) and (min-width: 0px) {
#hotpepper {
	float:none;
	margin:0px auto;
}
}

#footerBottom {
	overflow:hidden;
}
#pagetop {
	float:right;
}
ul#footerLogo {
	float:left;
}
ul#footerLogo li {
	float:left;
}
ul#footerLogo li.copyText {
	font-size:10px;
	margin:14px 0px 0px 10px;
	font-family: "メイリオ",'Meiryo',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-weight:bold;
}
ul#footerLogo li.copyText a {
	color:#435B67;
}
ul#footerLogo li.copyText a:hover {
	color:#435B67;
}
ul#footerLogo li.recruitLink {
	font-size:10px;
	font-family: "メイリオ",'Meiryo',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-weight:bold;
	float:none;
	margin-top:3px;
	float:left;
	clear:both;
}
ul#footerLogo li.recruitLink a {
	color:#435B67;
}
ul#footerLogo li.recruitLink a:hover{
	text-decoration:underline;
	color:#435B67;
}







/* --------------------------------------------------
	4. Common
-------------------------------------------------- */
#layout {
	max-width: 1180px;
	overflow:hidden;
	margin:10px auto 30px;
	padding: 0px 10px;
}
#contents {
	float:left;
	width:760px;
	margin-bottom:40px;
}
@media only screen and (max-width: 1190px) and (min-width: 0px) {
#contents { width:65%; }
}
.contentsBox {
	overflow:hidden;
	margin-bottom:40px;
}
@media only screen and (max-width: 580px) and (min-width: 0px) {
#contents {
	width:100%;
}
.contentsBox { margin-bottom:30px; }
}
.contentsHarfLeft {
	float:left;
	width:47%;
}
.contentsHarfRight {
	float:right;
	width:47%;
}
@media only screen and (max-width: 480px) and (min-width: 0px) {
.contentsHarfLeft {
	float:none;
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
}
.contentsHarfRight {
	float:none;
	width:100%;
}
}
.leadBox {
	overflow:hidden;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
}
.leadBox2 {
	border-bottom: dotted 1px #999;
	margin-bottom:15px;
}
.leadBox3 {
	overflow:hidden;
}
/*スマホ用記事ジャンル*/
@media only screen and (min-width: 580px) {
.mobileGenreMenu { 
	display:none;
}
}
.mobileGenreMenu p a {
	margin:0px auto 40px;
	text-align:center;
	background-color: #e6e6e6;
	padding: 10px 0px;
	display:block;
	width:220px;
}

.contentsBottomLine {
	overflow:hidden;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
	padding-bottom:15px;
}
.contentsBottomLineBig {
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:30px;
}
.pageBox {
	overflow:hidden;
	margin-bottom:30px;
}
.pageBoxLine {
	overflow:hidden;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
	padding-bottom:30px;
}
.pageBoxLine2 {
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:30px;
}
.pageBoxLineDouble {
	overflow:hidden;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
	padding:15px 0px 30px;
}
.subGray {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #999;
}
@media only screen and (max-width: 480px) and (min-width: 0px) {
.subGray { padding-bottom:5px; }
}
.pictDateBox {
	overflow:hidden;
	margin-bottom:10px;
}
.pictPink, .info {
	background-color:#757575;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.pictPink2, .interview  {
	background-color:#f09a9d;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.pictEmerald, .survey {
	background-color:#3fc9c7;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.pictGreen, .kizashi {
	background-color:#77c83d;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.pictPurple, .interview {
	background-color:#b480e9;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.pictBlue, .seminar {
	background-color:#7094ff;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.pictOrange, .press {
	background-color:#ffb42e;
	padding:2px 5px;
	color:#fff;
	float: left;
	font-size:12px;
}
.date {
	font-size: 16px;
	color: #999;
	float: right;
	clear:right;
}
.date2 {
	font-size: 14px;
	color: #999;
	float: right;
	clear:right;
}
.dateLeft {
	font-size: 16px;
	color: #999;
}
.moreBtn { float:right; }
ul.bnrList li { 
	margin-bottom:30px;
	text-align:center;
}
#pankuzu { margin-bottom:20px; }
#archive {
	float:right;
	margin-top:10px;
}
.pageTitleText {
	font-size:24px;
	font-weight:bold;
	line-height:120%;
}
.pageTitleText_ico {
	float:right;
	font-size:24px;
	font-weight:bold;
	width:89%;
	line-height:120%;
}
.pageTitleText_semi {
	float:right;
	font-size:15px;
	font-weight:bold;
	width:89%;
	line-height:120%;
}
.pageTitleText_press {
	float:left;
	font-size:16px;
	font-weight:bold;
	width:77%;
	margin-left:20px;
	line-height: 45px;
}
@media only screen and (max-width: 820px) and (min-width: 0px) {
.pageTitleText_ico {
	width:82%;
	font-size:18px;
}
.pageTitleText_semi {
	width:82%;
	font-size:18px;
}
}
@media only screen and (max-width: 1070px) and (min-width: 0px) {
.pageTitleText_press {
	width:82%;
	font-size:18px;
	float:right;
	margin:0px 0px 10px;
}
}
@media only screen and (max-width: 320px) and (min-width: 0px) {
.pageTitleText_press { width:78%; }
}

@media only screen and (max-width: 320px) and (min-width: 0px) {
.pageTitleText_ico { width:78%; }
.pageTitleText_semi { width:78%; }
}
.wpBox a:hover img { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.wpBox p {
	margin-bottom:10px;
	overflow:hidden;
	text-align: justify;
}
.pagination {
	text-align:center;
	border-bottom: dotted 1px #999;
	padding-bottom:15px;
	margin-bottom:15px;
}
.pagesprit {
	text-align:center;
	border-bottom: dotted 1px #999;
	padding-bottom:15px;
	margin-bottom:15px;
}
.page-numbers a {
    display:inline;
    text-decoration:none;
	background-color:#e6e6e6;
	padding: 3px 8px;
	margin: 5px;
}
.page-numbers a:hover {
	background-color:#666666;
	color:#fff;
}


#sideArea {
	float:right;
	margin-bottom: 40px;
	width: 340px;
}
@media only screen and (max-width: 1190px) and (min-width: 0px) {
#sideArea { width:29%; }
}
@media only screen and (max-width: 580px) and (min-width: 0px) {
#sideArea { 
	width:100%;
	margin-bottom:30px;
}
}
.sideBox {
	margin-bottom:30px;
}
.sideBox h4 {
	font-size:20px;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom: dotted 1px #999;
}
ul.sideList li {
	background-image: url("../img/icoList.gif");
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 18px;
	margin-bottom: 5px;
}
ul.sideList li ul.children {
	margin-bottom:20px;
}
ul.sideList li ul.children li {
	margin-top:5px;
}

.pagetopMini {
	float:right;
	margin-top:20px;
	clear:both;
}
ul#sns_block {
	overflow:hidden;
	margin-bottom:20px;
}
ul#sns_block li {
	float: left;
	border: none;
	padding:0px;
}

.relationshipBox {
	margin-top:50px;
}
.relationshipBox h4 {
	font-size:20px;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom: dotted 1px #999;
}



/*カレンダー*/
div#sidebar li.widget_calendar h2{
	:none;
}
div#calendar_wrap{
	width:238px;
	margin:25px auto 0px;
	padding:5px;
	border: 1px solid #999999;
	font-size:13px;
}
table#wp-calendar caption{
	text-align:center;
	color:#808080;
	font-size:20px;
}
table#wp-calendar th,table#wp-calendar td{
	text-align:center;
	vertical-align:middle;
	width:34px;
	height:28px;
}
table#wp-calendar th,table#wp-calendar td a {
	background-color:#808080;
	color:#ffffff;
	padding: 3px 6px;
}
table#wp-calendar th,table#wp-calendar td a:hover {
	background-color:#cccccc;
}
table#wp-calendar th{
	background-color:#ffffff;
	color:#333333;
}
table#wp-calendar td#prev{
	text-align:left;
}
table#wp-calendar td#prev a {
	background-color:#ffffff;
	color:#333333;
	text-decoration:underline;
}
table#wp-calendar td#prev a:hover {
	text-decoration:none;
}
table#wp-calendar td#next{
	text-align:right;
}
table#wp-calendar td#next a {
	background-color:#ffffff;
	color:#333333;
	text-decoration:underline;
}
table#wp-calendar td#next a:hover {
	text-decoration:none;
}




.textBold { font-weight:bold; }
.textBig { font-size:18px; }
.testSmall { font-size:12px; font-weight:normal; }
.textRed { color:#FF0000; }
.textPink { color:#757575; }
.textPink2 { color:#f09a9d; }
.textEmerald { color:#3fc9c7; }
.textGreen { color:#77c83d; }
.textPurple { color:#b480e9; }
.textBlue { color:#7094ff; }
.textBlue2 { color:#0068B7; }
.textOrange { color:#ffb42e; }
.textBrawn { color:#896D2C; }

.clearBox { overflow:hidden; }

.left { float:left; }
.right { float:right; }

.mt10 { margin-top:10px }

.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}