@charset "utf-8";

/* ============================================ */
/*  ノーマルCSS Set
 ============================================== */

/* Common Styles
------------------------------------------------ */
/* Module
--------------------*/

/* リスト
========================================== */
/* タグ */
.m_list2 {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    margin-left: -8px;
    margin-bottom: -8px;
}
.m_list2 > li {
    letter-spacing: normal; /* 文字間を通常に戻す */
    margin-left: 8px;
    margin-bottom: 8px;
    display: inline-block;
}

/* ラベル
========================================== */
.m_label {
    border-radius: 2px;
    padding: 4px 8px;
    background-color: #fff;
    font-size: 92%;
}



/* nomal style
--------------------*/
#Existing {
	font-size: 140%;
	padding-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* グロナビに影響させない処理 */
}
#Existing p { font-size: 80%; line-height: 180%; }
#Existing li, #Existing dt, #Existing dd, #Existing td { font-size: 80%;; line-height: 180%; }
#Existing li li, #Existing td li { font-size: 100%;; line-height: 180%; }

#Existing a {
	color: #333333;
	text-decoration: none;
}
#Existing a:hover {
	text-decoration: underline;
}
#Existing .list li {
	list-style:
}

/* block style
--------------------*/
#Existing .hidden { display: none; }
#Existing .clear { clear: both; }
#Existing .clear-L { clear: left; }
#Existing .clear-R { clear: right; }
#Existing .float-L { float: left }
#Existing .float-R { float: right; }
#Existing .block { margin-bottom: 40px; }
#Existing .block-l { margin-bottom: 50px; }
#Existing .block-s { margin-bottom: 10px; }
#Existing .inner { margin: 0 20px; }
#Existing .line { border-bottom: 1px solid #eeeeee; }
#Existing .last { margin: 0; }

#Existing .radius {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#Existing .radiusTop {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}

#Existing .radiusLeft {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
}

#Existing .radiusTopRight {
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

#Existing .box-gray {
	padding: 20px 20px 10px 20px;
	margin-bottom: 40px;
	background: #f8f8f8;
}


/* text style
--------------------*/
#Existing .bold { font-weight: bold; }
#Existing .att { font-weight: bold; color: #ff0000; }
#Existing .text-L { text-align: left; }
#Existing .text-R { text-align: right; }
#Existing .text-C { text-align: center; }

/* link style
--------------------*/
#Existing .link {
	background: url("/careercompass/wp-content/uploads/existing/img/link_icon.gif") left 5px no-repeat;
	padding-left: 10px;
	margin: 0;
}
#Existing ul.link li {
	background: url("/careercompass/wp-content/uploads/existing/img/link_icon.gif") left 5px no-repeat;
	padding-left: 10px;
	margin: 0;
}
#Existing ul.link {
	background: none;
	margin: 0;
	padding: 0;
}
#Existing p#backtop {
position: static !important;
}
#Existing .pagetop {
	text-align: right;
}
#Existing .pagetop a {
	width: 92px;
	height: 18px;
	display: inline-block;
	background: url(/careercompass/wp-content/uploads/existing/img/pagetop-link.gif) left top no-repeat;
	text-indent: -9999em;
	font-size: 1px;
	line-height: 0;
	text-align: left;
	overflow: hidden;
}
#Existing .pagetop a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#Existing #Body  .pagetop {
	padding-right: 10px;
}



/* Top style
--------------------*/
/* Header */
#Existing #Header h1 {
	float:left;
	margin-top: 10px;
}

#Existing #Header p {
	float:left;
	padding: 20px 0 0 15px;

}
#Existing #Header p img{
	display:block;
}
#Existing #Header p a{
	font-size:80%;
	color:#101177;
	text-decoration:underline;
	padding-left:10px;
	background:url(/careercompass/wp-content/uploads/existing/img/arrow_blk.gif) no-repeat 0 center;
}
#Existing #Header p a:hover{
	text-decoration:none;
}

#Existing #Header ul {
	margin: 12px 10px 0 0;
	float:right;
}
#Existing #Header ul#sns {
	margin-top: 14px;
	padding-top: 4px;
	padding-right: 10px;
	border-right: 1px solid #c8c8c8;
}
#Existing #Header ul#sns li {
	padding: 0;
	line-height: 0;
	font-size: 1px;
	display: inline-block ;
	margin-right: 5px;
	/display: inline;
	/zoom: 1;
}
#Existing #Header ul#sns li.last {
	margin: 0;
}
#Existing #Header #sns ul li a:hover img {
		filter: alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
}
#Existing #Header ul#switch li {
	display: block;
	width: 45px;
	height: 51px;
	background-image: url(/careercompass/wp-content/uploads/existing/img/switch_btn.gif) ;
	float: left;
	text-indent: -99999em;
	cursor:pointer;
}
#Existing #Header ul li#List {
	background-position: 0 0;
}
#Existing #Header ul li#Tile {
	background-position: 45px 0;
}

/* Navi */
#Existing #Navi .radius {
	padding: 6px 6px 0 6px;
}
#Existing #About h1 {
	display: block;
	width: 170px;
	height:125px;
	padding: 0;
	margin: 0 0 10px 0
}
#Existing #About p {
	font-size: 70%;
	line-height: 140%;
	padding-bottom: 7px;
	text-align: justify;
}
#Existing #Blanklink ul {
	margin: 0;
}
#Existing #Blanklink ul li {
	margin-bottom: 0px;
}
#Existing #Blanklink ul li a:hover img{
		filter: alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
}

/* Body */
#Existing .box {
	position: relative;
	width: 246px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color:#fff;
	/*overflow: hidden;*/
}
#Existing .box-hover {
        cursor: pointer;
		filter: alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
}
#Existing .box a {
	text-decoration: none;
	/*color: #fff;*/
}
#Existing .box a:hover {
	text-decoration: none;
}
#Existing .box .new img {
	position: absolute;
	width: 53px;
	height: 53px;
	top: 0;
	right: 0;
	z-index: 100000;
	zoom: 1;
}
#Existing .box h1 {
	float: left;
	line-height: 0;
}
#Existing .box .box-txt {
	float:left;
	height: 100px;
	padding: 0;
	z-index: 100000;
	width:100%;
}
#Existing .box .box-txt h2 {
	font-size: 70%;
	line-height: 100%;
	/*background: url(/careercompass/wp-content/uploads/existing/img/h2_icon.png) left top no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/careercompass/wp-content/uploads/existing/img/h2_icon.png", sizingMethod="crop");*/
	margin-bottom: 10px;
	padding:5px 0 5px 10px;
	color:#fff;
}
#Existing .box .box-txt h3 {
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	margin-bottom: 8px;
	padding:0 15px;
}
#Existing .box .box-txt p {
	font-size: 70%;
	line-height: 150%;
	padding:0 15px;
}

/* bg Color Style
#Existing .info_box {
	background: url(/careercompass/wp-content/uploads/existing/img/info_bg.gif) left top repeat;
}
#Existing .contents_box {
	background: url(/careercompass/wp-content/uploads/existing/img/contents_bg.gif) left top repeat;
}
#Existing .tool_box {
	background: url(/careercompass/wp-content/uploads/existing/img/tool_bg.gif) left top repeat;
}
#Existing .sns_box {
	background: url(/careercompass/wp-content/uploads/existing/img/sns_bg.gif) left top repeat;
}
#Existing .soon_box {
	background: url(/careercompass/wp-content/uploads/existing/img/soon_bg.gif) left top repeat;
    cursor: default;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}*/
#Existing .info_box h2 {
	background-color: #bd1b8a;
}
#Existing .column h2 {
	background-color: #1d1e7e;
}
#Existing .contents_box h2 {
	background-color: #20c61a;
}
#Existing .tool_box h2 {
	background-color: #bd1b8a;
}
#Existing .sns_box h2 {
	background-color: #bdd706;
}
#Existing .soon_box h2 {
	background-color: #fe578f;
}
#Existing .ranking_box h2 {
	background-color: #f53252;
}
#Existing .soon_box {
    cursor: default;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* ビッグタイル Style */
#Existing .large {
	/*background: url(/careercompass/wp-content/uploads/existing/img/column_bg.gif) left top repeat;*/
	width: 758px;
	height: 270px;
	display: block;
}
#Existing .large h1 {
	float: left;
	width: 512px;
	height: 270px;
	line-height: 0;
	background: url(/careercompass/wp-content/uploads/existing/img/hitome08_bg.gif) -90px 0 no-repeat;
	/*background: url(/careercompass/wp-content/uploads/existing/img/hitome07_bg.gif) -290px 0 no-repeat;
	background: url(/careercompass/wp-content/uploads/existing/img/ranking02_bg.gif) right 0 no-repeat;*/
	position: relative;
}
#Existing .large h1 img {
	position: absolute;
	/* 年収データ分 */
	top: 130px;
	left: 15px;
}
#Existing .large .box-txt {
	float: right;
	width: 246px;
}
#Existing #column .box-txt h2 {
	margin-bottom: 30px;
	color:#fff;
	background-color:#1d1e7e;
}
#Existing #ranking .box-txt h2 {
	margin-bottom: 30px;
	color:#fff;
	background-color:#00be00;
	/*background-color:#f53252;*/
}
#Existing .large .box-txt h3 {
	font-size: 160%;
	margin-bottom: 30px;
}

#apology {
    position: relative;
    padding: 60px 0 0;
    text-align: center;
}

#apology a {
    color: red;
    font-weight: bold;
}

#contents {
padding: 0;
}