@charset "utf-8";

/*  
Theme Name: ビジネススキル
Description: ビジネススキル
Version: 0.1
*/



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

body{
	color: #333;
	font-size: 87.5%;
	line-height: 1.8;
	background: url(images/bg_body.png);
}

a:link    { color: #377a9f; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { color: #c00; text-decoration: underline; }
a:active  { text-decoration: underline; }


table {
	border-collapse: collapse;
}


/*
------------------------------
   USUAL
------------------------------ */


img.fl{
	float: left;
	margin: 0 14px 14px 0;
}

img.fr{
	float: right;
	margin: 0 0 14px 14px;
}

.ac{text-align: center;}
.ar{text-align: right;}




/*
------------------------------
   LAYOUT
------------------------------ */

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content{
	
}

#content-inner{
}

#content-inner:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Header */


#header {
	height: 165px;
	background: url(images/bg_header.png) top repeat-x;
}

#headerInner {
	width: 980px;
	margin: 0 auto;
}

#headerInner h1 {
	height: 75px;
	padding: 20px 0 0 0;
}

ul#headerMenu {
	overflow: hidden;
	height: 55px;
	padding: 5px 10px 0 10px;
	background: url(images/bg_header_inner.png) bottom center no-repeat;
}

ul#headerMenu li {
	list-style: none;
	float: left;
	width: 240px;
}


/* Header - Home */


#home #header {
	height: 455px;
	background: url(images/bg_header_home.png) top repeat-x;
}

#home #headerInner {
	height: 455px;
	background: url(images/bg_header_inner_home.png) bottom center no-repeat;
}

#headerCopy {
	overflow: hidden;
	height: 110px;
	padding: 15px 0 0 30px;
}

#headerCopy h2 {
	margin: 0 0 10px 0;
	line-height: 1;
}

#headerCopy p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#home #headerMenu {
	overflow: hidden;
	width: 960px;
	height: 225px;
	margin: 0 10px;
}

#home #headerMenu h3 {
	margin: 0 0 8px 0;
	padding: 5px 0;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border-radius: 5px;         /* CSS3草案 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;    /* Firefox用 */
}


#home #headerMenu h3 a {
	color: #fff;
	text-decoration: none;
}

#home #headerMenu p {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

#home #headerMenuAbout {
	float: left;
	width: 200px;
	height: 105px;
	padding: 120px 20px 0 20px;
	background: url(images/bg_header_menu_about.png) top no-repeat;
}

#home #headerMenuAbout:hover {
	cursor: pointer;
	background: url(images/bg_header_menu_about_on.png) top no-repeat;
}

#home #headerMenuAbout h3 {
	background: #76c652;
}

#home #headerMenuPoint {
	float: left;
	width: 200px;
	height: 105px;
	padding: 120px 20px 0 20px;
	background: url(images/bg_header_menu_point.png) top no-repeat;
}

#home #headerMenuPoint:hover {
	cursor: pointer;
	background: url(images/bg_header_menu_point_on.png) top no-repeat;
}

#home #headerMenuPoint h3 {
	background: #8cd5cc;
}

#home #headerMenuCase {
	float: left;
	width: 200px;
	height: 105px;
	padding: 120px 20px 0 20px;
	background: url(images/bg_header_menu_case.png) top no-repeat;
}

#home #headerMenuCase:hover {
	cursor: pointer;
	background: url(images/bg_header_menu_case_on.png) top no-repeat;
}

#home #headerMenuCase h3 {
	background: #6cc0e7;
}

#home #headerMenuHowto {
	float: left;
	width: 200px;
	height: 105px;
	padding: 120px 20px 0 20px;
	background: url(images/bg_header_menu_howto.png) top no-repeat;
}

#home #headerMenuHowto:hover {
	cursor: pointer;
	background: url(images/bg_header_menu_howto_on.png) top no-repeat;
}

#home #headerMenuHowto h3 {
	background: #f4a823;
}



/* Contents */

#main {
	overflow: hidden;
	width: 960px;
	margin: -10px auto 60px auto;
	padding: 20px 10px 30px; 10px;
	background: url(images/bg_main.png) center bottom no-repeat;
}

#mainContents{
	float: left;
	width: 620px;
	margin-left: 20px;
}

.section {
	margin: 0 0 60px 0;
}

.section p {
	margin: 0 20px 24px 20px;
}


#topicPath {
	margin: 0 0 25px 0;
	padding: 2px 10px 2px 10px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}

.topicPathAbout {
	background: #06a3e0;
}


.entry {
	margin: 0 0 14px 0;
	padding: 0 0 20px 0;
	background: url("images/bg_entry.png") center bottom no-repeat;
}

.entry a {
	text-decoration: underline;
}

.entryContent {
	margin: 0 28px 0 28px;
}
/*
.entry .entryTitle {
	margin: 0 0 15px 0;
	padding: 0 20px 5px 20px;
	font-size: 18px;
	line-height: 24px;
	border-bottom: 3px solid #ccc;
}
*/
.entry .entryTitle {
	margin: 0px 8px 20px 8px;
	padding: 10px 20px 10px 15px;
	font-size: 20px;
	line-height: 24px;
	border-left: 5px solid #4192cb;
	background-color: #F4FBFF;
}

.entry .entryTitle a {
	text-decoration: none;
}

.entry .entryTitle a:hover {
	text-decoration: underline;
}

.entry .entryCategory {
	margin: 0 20px 0 20px;
	padding: 0 10px 10px 10px;
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	background: url("images/bg_entry_category.png") left top no-repeat;
}

.entry .entryCategory a {
	color: #fff;
	text-decoration: none;
}

.entry h2 a{ text-decoration: none; }
/*
.entry h3{
	margin: 40px 20px 20px 0;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	line-height: 24px;
	border-left: 5px solid #ccc;
}
*/
.entry h3{
	margin: 40px 20px 20px -13px;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	line-height: 24px;
	border-left: 5px solid #9ac1dc;
}


.entry h4{
	margin: 20px 20px 20px 5px;
	padding: 5px 0 5px 0px;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
}

.entry p{
	margin: 0 0 24px 0;
	font-size: 14px;
	line-height: 24px;
}

.entry ul{
	margin: 0 14px 35px 42px;
}


.entry ul li{
	list-style-type: disc;
	margin: 0 0 7px 0;
	font-size: 14px;
	line-height: 21px;
}

.entry ol{
	margin: 0 14px 35px 52px;
}

.entry ol li{
	list-style-type: decimal;
	margin: 0 0 7px 0;
	font-size: 14px;
	line-height: 21px;
}

.entry blockquote {
	margin: 0 21px 21px 21px;
	padding: 21px 21px 0.1px 21px;
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.entry table,
.entry table th,
.entry table td {
    border: 1px solid #ccc;
}

.entry table {
    margin: 0 0 20px 0;
}

.entry table th,
.entry table td {
    padding: 5px;
    font-size: 13px;
    line-height: 18px;
}

.entry table th {
    background: #f1f1f1;
}

.note {
	font-size: 12px;
	line-height: 16px;
}

.entry p.banner{
	margin: 60px 0 0 0;
}

.entry p.banner a img {
	border: 5px solid #f1f1f1;
}

.entry p.banner a img:hover {
	border: 5px solid #06a3e0;
}

.entry p.banfooter{
	margin: 118px auto 0;
	text-align:center;
}

.entry p.banfooter2{
	margin: 100px auto 0;
	text-align:center;
}
.outlink a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* Page */

.page {
	margin: 0 0 42px 0;
}

.page .contents {
	margin: 0 0 42px 0;
}

.page h2.pageTitle {
	margin: 0 0 15px 0;
	padding: 0 20px 5px 20px;
	font-size: 18px;
	line-height: 24px;
	border-bottom: 3px solid #ccc;
}

.page .pageContents {
	margin: 0 20px 0 20px;
}


.page .pageContents .pageContentsTitle {
	margin: 0 0 10px 0;
	padding: 7px 15px 7px 29px; 
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	background: url(images/bg_li.png) left no-repeat;
}


.page .section {
	margin: 0 20px 42px 20px;
}

.page h2{
	margin: 0 0 24px 0;
}

.page h3{
	margin: 40px 20px 20px 0;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	line-height: 24px;
	border-left: 5px solid #ccc;
}

.page p{
	margin: 0 0 24px 0;
	font-size: 14px;
	line-height: 24px;
}

.page ul{
	margin: 0 30px 21px 60px;
}

.page ul li{
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 21px;
}


.page table,
.page table th,
.page table td {
    border: 1px solid #ccc;
}

.page table {
    margin: 0 0 20px 0;
}

.page table th,
.page table td {
    padding: 5px;
    font-size: 13px;
    line-height: 18px;
}

.page table th {
    background: #f1f1f1;
}



/*
------------------------------
   Side Navigation
------------------------------*/

#sidebar{
	float: right;
	width: 287px;
	margin-right: 18px;
}

#sidebar .section p{
	margin: 0;
	padding: 0;
}

#sidebar .section h3 {
	
}

#sidebar .section img.fl {
	margin: 0 6px 0 0;
}

#sideCase {
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	background: url(images/bg_side_case.png) center bottom no-repeat;
}

#sideCase h3 {
	margin: 0 0 5px 0;
	padding: 12px 0 10px 20px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	background: url(images/bg_side_case_title.png) center top no-repeat;
}

.sideCaseContents {
	margin: 0 6px 0 9px;
}

.sideCaseContents h4 {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 10px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

.sideCaseContents .section {
	overflow: hidden;
	margin: 0;
	padding: 5px;
}

.sideCaseContents .section a {
	text-decoration: none;
}

.sideCaseContents .section:hover {
	cursor: pointer;
	background: #edf6fa;
}

.sideCaseContents .section p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 18px;
}

h4#sideCaseScene {
	background: #9ec249;
}

h4#sideCaseJob {
	background: #53c3b5;
}

h4#sideCaseRecruit {
	background: #6abae2;
}

#sidePoint {
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	background: url(images/bg_side_case.png) center bottom no-repeat;
}

#sidePoint h3 {
	margin: 0 0 5px 0;
	padding: 22px 0 10px 60px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	background: url(images/bg_side_point_title.png) center top no-repeat;
}

.sideBanner {
	margin: 0 2px 0 5px;
	page: 0;
}

.sideBanner a img {
	border: 5px solid #f1f1f1;
}

.sideBanner a img:hover {
	border: 5px solid #06a3e0;
}

#sideHowto {
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	background: url(images/bg_side_case.png) center bottom no-repeat;
}

#sideHowto h3 {
	margin: 0 0 5px 0;
	padding: 22px 0 10px 60px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	background: url(images/bg_side_howto_title.png) center top no-repeat;
}


/*
------------------------------
   HOME
------------------------------*/

#mainvisual {
	margin: 0 0 20px 0;
}

#home .section h3 {
	margin: 0 0 15px 0;
}

.homePointContentsWrap {
	overflow: hidden;
	margin: 0 15px 10px 15px;
}

.homePointContents {
	overflow: hidden;
	float: left;
	margin: 0 5px 0 5px;
	width: 273px;
	padding: 5px;
	border: 1px solid #ccc;
	background: url(images/bg_home_point_contents.png) bottom right no-repeat #fafafa;
}

.homePointContents a {
	text-decoration: none;
}

.homePointContents:hover {
	cursor: pointer;
	background: url(images/bg_home_point_contents_on.png) bottom right no-repeat #edf9f8;
}

.homePointContents h4 {
	margin: 0 0 6px 0;
	padding: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	background: #8cd5cc;
}

.homePointContents p {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

.homePointContents p.more {
	text-align: right;
}

.homePointContents p img.fl {
	margin: 0 6px 0 0;
}

.homeHowtoContentsWrap {
	overflow: hidden;
	margin: 0 15px 10px 15px;
}

.homeHowtoContents {
	overflow: hidden;
	float: left;
	margin: 0 5px 0 5px;
	width: 273px;
	padding: 5px;
	border: 1px solid #ccc;
	background: url(images/bg_home_howto_contents.png) bottom right no-repeat #fafafa;
}

.homeHowtoContents:hover {
	cursor: pointer;
	background: url(images/bg_home_howto_contents_on.png) bottom right no-repeat #edf9f8;
}

.homeHowtoContents h4 {
	margin: 0 0 6px 0;
	padding: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	background: #f4a823;
}

.homeHowtoContents p {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

.homeHowtoContents p.more {
	text-align: right;
}

.homeHowtoContents p img.fl {
	margin: 0 6px 0 0;
}





/*
------------------------------
   Footer
------------------------------*/

p#backtotop{
	clear: both;
	margin: 0 0 16px 0;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}

#footer{
	background: #06a3e0;
	padding: 0 0 15px 0;
}

#footerMenu{
	overflow: hidden;
	width: 930px;
	margin: 0 auto 30px auto;
	padding: 20px 0 0 0;
}

#footerMenu h3{
	color: #fff;
}

#footerMenu ul{
	
}

#footerMenu ul li{
	list-style: none;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
}

#footerMenu ul li a{
	color: #fff;
}

#footerAbout {
	float: left;
	width: 310px;
}

#footerCase {
	float: left;
	width: 310px;
}

#footerProfile {
	float: left;
	width: 310px;
}

#copyright{
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
}

/*　下固定バナー PC　*/
.common_cta {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(222, 222, 222, 0.8);
  width: 100%;
font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
div.underbnr{
position: fixed;
bottom: 0px;
left: 0px;
border-width: 0px;
border-style: solid none none;
border-color: rgba(0, 0, 0, 0.9)  -moz-use-text-color -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors:
none; -moz-border-left-colors: none;
border-image: none;
background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
width: 100%;
}
div.underbnr div.bnrbox{
width:890px;
margin:10px auto;
font-weight:bold;
}
div.underbnr div.bnrbox a{
color:#FFF;
}
div.underbnr div.bnrbox .present_underbnr{
float:left;
width:170px;
margin-top:2px;
}
div.underbnr div.bnrbox div.present_underbnr p.present_txt{
text-align:center;
background:#0ec1e7;
border-radius: 1em;
line-height:24px;
font-weight:bold;
padding:5px 0;
color:#fff;
font-size:20px;
margin:0;
}
div.bnrbox div.popular_underbnr{
float:left;
width:300px;
}
div.bnrbox div.popular_underbnr div.popular_txt_underbnr{
font-size:20px;
line-height:18px;
color:#FFF;
margin-top:4px;
text-align:center;
padding-left:10px;
}
div.bnrbox div.popular_underbnr div.popular_txt_underbnr span.reader_number{
font-weight:bold;
color:#fff606;
font-size:30px;
line-height:30px;
display:inline-block;
vertical-align: text-bottom;
}
div.underbnr div.bnrbox div.download_btn_underbnr{
float:left;
background:#fea60e;
padding:6px 15px 6px 10px;
display:block;
border-radius:6px;
color:#FFF;
text-align:center;
line-height:24px;
font-weight:bold;
font-size:16px;
}