@charset "UTF-8";

/*=================================================================
	法人向けサービス
	・Customize: 2010.06/04
=================================================================*/


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 100% !important;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	_font-family: "ＭＳ Ｐゴシック";
}

*:first-child+html body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif100%;
	}
}

#c-layout {
	width: 800px;
	padding: 0 3px;
	background: url(image/bg.gif) repeat-y left top;
	margin: 0 auto;
	text-align: left;

}

#c-layout p {
	margin: 0 0 10px 25px;
	font-size: 85%;
}

#c-layout a { color: #0099ff; text-decoration:underline;}
#c-layout a:hover { color: #cc0000; text-decoration:none;}

img { border: none;}

strong {
	font-weight: bold;
}


h2 {
	color: #f9763e;
	font-size: 120%;
	background: url(image/i_h2.gif) no-repeat 0 3px;
	min-height: 18px;
	_height: 18px;
	padding: 0 0 0 22px;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 87%;
	background: url(image/i_h3.gif) no-repeat 0 2px;
	min-height: 19px;
	_background: url(image/i_h3.gif) no-repeat 0 1px;
	_height: 21px;
	padding: 0 0 0 19px;
	margin: 0 0 5px 5px;
}

.titleLink {
	font-size: 90%;
	font-weight: normal;
}


/*-----------------------------------------------------------------
		メリンエリア
-----------------------------------------------------------------*/
.main-area {
	width: 800px;
	height: 255px;
	background: url(image/main2.jpg) repeat-y left top;
	overflow: hidden;
	text-align: left;
}

.main-area h1,
.main-area p {
	text-indent: -9999px;
}


#navi {
	background: url(image/btn_bg2.jpg) no-repeat left top;
	height: 60px;
	widht: 800px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navi ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navi li {
	list-style: none;
	float: left;
}

#navi li.n-education {
	width: 220px;
}

#navi li.n-contents {
	width: 327px;
}

#navi li.n-support {
	width: 253px;
}

#navi li a {
	background: url(image/btn_bg2.jpg) no-repeat left top;
	height: 60px;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


#navi li.n-education a { background-position: 0px 0px;}
#navi li.n-contents a { background-position: -220px 0px;}
#navi li.n-support a { background-position: -546px 0px;}

#navi li.n-education a:hover { background-position: 0px -60px;}
#navi li.n-contents a:hover { background-position: -220px -60px;}
#navi li.n-support a:hover { background-position: -546px -60px;}



/*-----------------------------------------------------------------
		本文
-----------------------------------------------------------------*/
.border-box {
	 padding: 0 0 15px 0;
	 margin-bottom: 20px;
	 border-bottom: solid 1px #cccccc;
}

.c-container {
	 padding: 10px;
}

/* リスト */
#c-layout .info-list {
	margin: 0 0 20px 40px;
	padding: 0 0 0 0;
}

#c-layout .info-list li {
	margin: 0 0 3px 0;
	padding: 0 0 0 0 !important;
	list-stylee: disc;
	text-indent: 0px !important;
	font-size: 75%;
	line-height: 140%;
}


/* ボタン */
.btn-box {
	text-align: center;
	padding: 0 0 20px 0;
}

.btn-box a {
	display: block;
	height: 68px;
	width: 462px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
	background: url(image/btn_entry.jpg) repeat-y left top;
}

.btn-box a:hover {
	background: url(image/btn_entry.jpg) repeat-y left bottom;
}


.i-window {
	margin: 0 0 0 5px;
	vertical-align: middle;
}


/*-----------------------------------------------------------------
		フッター
-----------------------------------------------------------------*/
.c-footer {
	border-top: solid 1px #cccccc;
	padding: 10px 10px 0px 10px;
	font-size: 90%;
	font-family: Helvetica;
}

.c-footer p.c-footer-left {
	float: left;
	width: 580px;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
}

.c-footer-right {
	float: right;
	width: 160px;
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#c-layout .c-footer-right a { color: #111111; text-decoration:underline;}
#c-layout .c-footer-right a:hover { color: #cc0000; text-decoration:none;}

.c-footer-right img {
	margin-right: 5px;
	vertical-align: middle;
}


/*-----------------------------------------------------------------
		調整系
-----------------------------------------------------------------*/

/* クリア */
.c-box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7?p */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

.bottom-5 {
	margin-bottom: 5px;
}


/* フッターのJSのスペース消し */
.footer-js-box {
	height: 1px;
	overflow: hidden;
}