body
{
	background-color:#FFF;
  /*-webkit-text-size-adjust: 100%;*/
}


/****************************
　　  ヘッダーエリア
****************************/
#header{
	width:980px;
　	height: 84px;
	margin: 0 auto;
}
#header h1#logo,
#header p#logo a{
	line-height: 1em;
	font-size: 20px;
	padding-left:90px;
	font-weight: bold;
	text-decoration: none;
	color: #000;

	display: block;
	margin-top: 12px;
	padding-top: 3px;
	float:left;

	background: no-repeat left center url('../_img/common/logo.png');
	background-size: 80px 23px;

}
#header p#logo a:hover{
}

#header #nav2{
	float: right;
	width:635px;
}
#header #nav2 p{
	float: left;
	font-weight: bold;
	display: block;
	margin-left: 20px;
}
#header #nav2 p#nav2_application a{
	background: no-repeat 10px center url('../_img/common/icon_calendar.png');
	background-size: 29px 30px;

	display: block;
	width: 170px;
	padding:10px 0 10px 50px;

	background-color: #272822;

	text-decoration: none;
}
#header #nav2 p#nav2_application a:hover{
	background-color: #666;
	background-position: 10px 6px;
}
#header #nav2 p#nav2_application span{
	display: block;
	color: #fff;
	line-height: 1em;
}
#header #nav2 p#nav2_application span.row1{
	font-size: 12px;
}
#header #nav2 p#nav2_application span.row2{
	font-size: 18px;
}
#header #nav2 p#nav2_inquiry a{
	display: block;
	background:#333 no-repeat 10px center;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	padding: 10px 10px 10px 40px;
	width: 80px;
	background-image:url('../_img/common/icon_fukidashi.png');
	background-size: 22px 17px;
	text-decoration: none;
}
#header #nav2 p#nav2_inquiry a:hover{
	background-position: 10px 6px;
	background-color: #666;
}

#header #nav{
	clear: both;
	padding-top: 10px;
}
#header #nav ul{
	width: 980px;
}
#header #nav ul li{
	padding-bottom: 5px;
	float: left;
	border-bottom:5px solid #fff;
}
#header #nav ul li:last-child{
	border-right: 1px solid #fb9da2;
}
#header #nav ul li a{
	display: block;
	border-left: 1px solid #fb9da2;

	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#header #nav ul li a:hover{
	opacity: 0.7;
	transition:opacity 0.2s;
}

/*ナビの横幅*/
#header #nav ul li:nth-child(1){width:227px;}
#header #nav ul li:nth-child(2){width:202px;}
#header #nav ul li:nth-child(3){width:192px;}
#header #nav ul li:nth-child(4){width:203px;}
#header #nav ul li:nth-child(5){width:155px;}

/*ナビのフキダシ*/
#header #nav ul li:hover:nth-child(1),
#header #nav ul li:hover:nth-child(2),
#header #nav ul li:hover:nth-child(3),
#header #nav ul li:hover:nth-child(4),
#header #nav ul li:hover:nth-child(5),
#seminar #header #nav ul li:nth-child(1) ,
#consulting #header #nav ul li:nth-child(2),
#howto #header #nav ul li:nth-child(3),
#voice #header #nav ul li:nth-child(4),
#company #header #nav ul li:nth-child(5){
	border-color: #c90915 !important;
	transition: border-color 0.4s;
}



/****************************
　　  メイン
****************************/
#main_outer {
    border-top: 1px solid #ccc;
}
#main {
    margin: 0 auto;
    width: 980px;
}


/****************************
　　  左メインカラム
****************************/
#left {
    float: left;
    width: 705px;
    margin-bottom: 40px;
}

/****************************
　　  ビジュアル
****************************/
/* ビジュアル共通*/
#left h1.visual{
	display: block;
	position: relative;
	width: 695px;
	height: 207px;
	border:5px solid #666;
	background:no-repeat left top url('../_img/seminar/h1_bg.png');
	overflow: hidden;
	margin-bottom: 20px;
}
 #left h1>span{
	position: absolute;
	top: 118px;
	display: block;
}
#left h1>span>span{
	display: block;
	color: #fff;
	font-weight: bold;
}

#left h1>span .main{
	font-size: 25px;
	border-bottom: 1px solid #fff;
	margin-right: 10px;
	padding-top: 14px;
	padding-bottom: 5px;
}
body.top #left h1>span .sub{
	line-height: 1em;
	font-size: 17px;
	margin-left: 10px;
	padding-top: 4px;
}

/*　ビジュアル カテゴリトップ共通 */
body.top #left h1>span{
	left: 10px;
	width: 320px;
	height: 69px;
}
body.top #left h1>span .main{
	border-bottom: 1px solid #fff;
	margin-left: 60px;
}
body.top #left h1>span .sub{
}

/*　ビジュアル カテゴリ内リスト・詳細ページ共通 */
body.list #left h1>span,
body.detail #left h1>span{
	left: 0px;
	width: 695px;
	height: 69px;
}

body.list #left h1>span .main,
body.detail #left h1>span .main{
	margin-left: 10px;
}
body.list #left h1>span .sub,
body.detail #left h1>span .sub{
	padding-left: 40px;
}



/****************************
　　 左カラム
****************************/
#left .totop {
	text-align: right;
	clear: both;
	padding-top: 5px;
}
#left .totop a{
	width: 150px;
	line-height: 1em;
	border:none;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-top: 0;
	padding-left: 25px;
	padding-right: 10px;
	background: no-repeat 10px center url('../_img/common/arrow.png') #333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#left #totop a:hover{
	background-position: 10px 6px;
	background-color: #666;
}
/****************************
　　 ページャ
****************************/
/*枠や余白をWidthの内側に向けて計算する*/
.pager * {
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
 }
/*ページャ*/
.pager{
	margin-top: 2em;
}
.pager li{
	border:1px solid #DDDCDB;
	border-right: none;
	background-color: #EEEDEC;
	font-size: 12px;
	color: #666;
}
.pager .current-page{
	padding: 5px 10px;
}
.pager li:first-child{
	border-radius: 3px 0 0 3px;
}
.pager li:first-child a{
	border-radius: 3px 0 0 3px;
}
.pager li a{
	padding:5px 10px;
	display: block;
	width: 100%;
	background-color: #FAFAF8;
	color: #666;
	text-decoration: none;
}
.pager li a:hover{
	background-color: #EEEDEC;
	text-decoration: none;
}
.pager li:last-child{
	border-radius:0 3px 3px 0;
	border-right: 1px solid  #DDDCDB;
}
.pager li:last-child a{
	border-radius:0 3px 3px 0;
}
.pager .one-page{
	padding: 5px 10px;
	border-radius: 3px;
}
/****************************
　　 右ナビ
****************************/
#right {
    float: left;
    margin-left: 25px;
    width: 250px;
    margin-bottom: 40px;
}

#right h2{
	background: no-repeat 12px center #666;
	background-size: 30px 29px;
	color: #fff;
	font-size: 18px;
	line-height: 1em;
	padding: 15px 0 15px 53px;
	margin: 0;
}

#right #sidemenu>ul{
	margin-bottom: 30px;
}
#right #sidemenu ul li a{
	display: block;
	line-height: 1em;
	font-size: 14px;
	padding: 18px 0 15px 20px;
	border-bottom: 1px dotted #fb9da2;
	background: no-repeat 10px center url('../_img/common/arrow_bk.png');
	background-size: 6px;
	text-decoration: none;
}
#right #sidemenu>ul>li>ul{
	margin-bottom: 0;
}
#right #sidemenu>ul>li>ul>li>a{
	margin-left: 20px;
	padding: 9px 0 6px 22px;
}


#right #sidemenu ul li a:hover{
	background-position: 13px center;
	background-color: #e9f9f9;
}
#right #side_seminar{margin-bottom: 20px;}

#right #side_tel {
	line-height: 1.5em;
	padding-top: 10px;
}
#right #side_tel  span{
	display: block;
	font-weight: bold;
}
#right #side_tel  span.row1{
	font-size: 11px;
	line-height: 1em;
}
#right #side_tel  span.row2{
	background: no-repeat left center url('../_img/common/icon_tel.png');
	background-size: 24px 20px;

	padding-left: 30px;

	font-size: 25px;
	color: #C90613;
	line-height: 1em;
}

/*お問い合わせ窓口*/
#right .inquiry{
	clear: both;
	background:no-repeat 44px 20px url('../_img/common/bg_inquiry.png');
	background-color: #e9e9e9;

	padding:10px 30px 20px 230px;
	margin-top: 20px;
}
#right .inquiry h2{
	font-size: 22px;
}
#right .inquiry .btn a{
	display: block;
	background:#333 no-repeat 20px center url('../_img/common/icon_fukidashi.png');
	font-weight: bold;
	width: 250px;
	color: #fff;
	padding: 7px 10px 5px 50px;
	background-size: 22px 17px;
}

/****************************
　　  バナー
****************************/
/*　バナー　*/
.banner a{
	margin-bottom: 10px;
	display: block;
}
.banner a:hover img{
	transform: scale(1);
}

/****************************
　　  フッター
****************************/
#footer{text-align: center;color:#fff;background-color: #e9e9e9;position: relative;}
#footer #totop{
	position: relative;
	display: block;
	width:980px;
	margin:0 auto;
}
#footer #totop a{
	display: block;
	position: absolute;
	right: 0;
	bottom:0;
	width: 150px;
	line-height: 1em;
	border:none;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-top: 0;
	padding-left: 20px;
	background: no-repeat 10px center url('../_img/common/arrow.png') #333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#footer #totop a:hover{
	background-position: 10px 6px;
	background-color: #666;
}


#footer_nav{
	background-color:#666;
	padding: 10px 0;
}
#footer_nav a{
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
}
#footer_nav a:hover{
	color: #e9e9e9;
	opacity: 1;
	text-decoration: underline;
	}

#footer_copy{
	padding: 10px 0;
	background-color: #333;
	font-weight: bold;
}


/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus タブレット */
@media screen and (min-width: 320px) and (max-width: 767px)
{
}