@charset "Shift_JIS"; 		/* 文字コードセット */

/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

a{ outline:none;}

body {
	background:url(../images/bg.jpg) repeat-x; 
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック";
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
}

#wrapper {
	width:1000px;
	color: #333333; /* 基本文字色 */
	text-align:left;
	margin:0 auto; /* 新しいブラウザ用中央揃え */
	padding:0;
	border-left:1px #8d99a0 solid;
	border-right:1px #8d99a0 solid;
	background-color:#FFF;
}

p{padding-left:20px;padding-right:20px; margin-top:5px;}

/* リンク
---------------------------------------------------- */
a:link {color:#333; text-decoration:underline;} /* リンクの色 */
a:visited {color: #333; text-decoration:underline;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #333; text-decoration:underline;} /* マウスオーバー、アクティブリンクの色 */

/* ヘッダ
---------------------------------------------------- */
#header {
	width:1000px;
	height:20px;
	margin:0 auto;
	background-color:#FFF;
}

h1 span{ color:#002c40; font-size:10px; padding-left:10px; letter-spacing:1px; font-weight:normal;}

h1 {margin: 0;float:left;}
h1 a{display:block;text-decoration:none;width:1000px;height:20px;}
h1 a:link, h1 a:visited{text-decoration:none;}


/* 上部ナビゲーション
---------------------------------------------------- */
#navigation {
	/*width:1000px;*/	/* ナビボックス横幅 */
	height:48px;
	font-size:12px;
	line-height:120%;
	margin:0;
	overflow:hidden;
	/*float:left;*/
}
#navigation ul{list-style:none;}
#navigation li a{display:block;text-decoration:none;height:48px;}

#navigation #navi1{float:left; width:143px;}
#navigation #navi2{float:left; width:143px;}
#navigation #navi3{float:left; width:143px;}
#navigation #navi4{float:left; width:143px;}
#navigation #navi5{float:left; width:143px;}
#navigation #navi6{float:left; width:143px;}
#navigation #navi7{float:left; width:142px;}


/* flash
---------------------------------------------------- */
#flash {
	width:1000px;
	height:247px;
	padding:0;
	margin:0;
}

/* ページ本体
---------------------------------------------------- */
#pagebody{
	width:1000px;
	padding:0;
	margin:0;
	background-color:#FFF;
}

h2{clear:both;}
h3{clear:both;}
h4{clear:both;}

/* フッタ
---------------------------------------------------- */
#footer-link{
	background-color:#013c68;
	font-size:10px;
	padding:10px;
	width:980px;
	color:#fff;
}
#footer-link ul{ line-height:1.7em;}
#footer-link li{
	list-style:none;
	display:inline;
	border-right:#fff 1px solid;
	padding:0 3px;
}
#footer-link li.last{border:solid; padding-right:0;}
#footer-link a:link {color: #fff; text-decoration:underline;}
#footer-link a:visited {color: #fff; text-decoration:underline;}
#footer-link a:hover, a:active {color: #000; text-decoration:underline;} 

/* トップページ
---------------------------------------------------- */
/* 左カラム
---------------- */
#top-left{ width:215px; border-left:15px solid #fff; border-right:15px solid #fff; overflow: hidden; float:left; padding:15px 0px; margin:0;}

/* 左カラム 白枠
---------------- */
#side {
float:left;
width:185px;
padding:13px;
border:1px #8d99a0 solid;
background-color:#fff;
}

/* 縦ナビ
---------------- */
#tatenavi{
	float:left;
	width:185px;	/* ナビボックス横幅 */
	height:351px;
	font-size:12px;
	line-height:120%;
	margin-bottom:15px;
}
#tatenavi ul{list-style:none; }
#tatenavi li a{display:block;text-decoration:none;}
#tatenavi li{float:left; width:185px; height:39px;}

/* 提携
---------------- */
#teikei{
	width:185px;
	font-size:10px;
	color:#000;
	letter-spacing:1px;
	margin-bottom:15px;
	}

#teikei img{
	margin-bottom:10px;
	}

/* ブログナビ
---------------- */
#blognavi{
	float:left;
	width:185px;	/* ナビボックス横幅 */
	font-size:12px;
	line-height:120%;
}
#blognavi ul{list-style:none; }
#blognavi li a{display:block;text-decoration:none;}
#blognavi li{float:left; width:185px; height:39px;}

/* 中央カラム
---------------- */
#top-center{ width:510px; float:left; padding:15px 0 0 0; margin:0;}
#top-center2{ width:740px; float:left; padding:15px 0 0 0; margin:0;}
#top-center3{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 100px;
}
#top-center3 table{ 
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#newcorner{
	width:510px;
	/*height:350px;*/
	background-color:#fff;}

.h170{height: 170px; overflow: hidden;}

.sinsaku_l{
	float:left;
	width:245px;
	/*height:130px;*/
	/*margin:15px 0 0 0;*/
	margin:15px 20px 0 0;
	padding:0;
}

.sinsaku_r{
	/*float:right;*/
	float:left;
	width:245px;
	/*height:130px;*/
	/*margin:15px 0 0 0;*/
	margin:15px 0 0 0;
	padding:0;
}

/*
#best{
	width:510px;
	height:439px;  Firefox
	_height:436px;	IE
	overflow:auto;
	overflow-x:hidden;
	margin:0;
	padding:0;
}*/


#best{
	position:absolute;
	clip:rect(0px 520px 340px 0px);
}








.rank{
	float:left;
	text-align:center;
	/*width:40px;*/
	padding:3px;
	margin:5px 5px 5px 0;
	font-weight:bold;
	color:#fff;
	background-color:#e4007f;
}

.rankimg{
	float:left;
	width:235px;
	/*height:130px;*/
	padding:0;
	margin:0 15px 5px 0;
}

.ranktext{
	float:left;
	width:220px;
	padding:0 0 10px 0;
	border-bottom:#666 1px dotted;
	margin:0;
	background-color:#fff;
}

.button-next{
	float:left;
	margin-top:10px;
	width:112px;
	height:26px;	
		}

/* 右カラム
---------------- */
#top-right{ width:215px; float:right; padding:15px 0px; border-right:15px solid #fff; margin:0;}

/*　サンプル動画
---------------- */
#doga{
	width:215px;
	font-size:12px;
	color:#000;
	padding:0;
	margin-bottom:15px;
	}

#doga p{
	padding:5px 0 0 0;
	margin-bottom:10px;	
	}

#doga-img{
	width:215px;
	/*height:130px;*/
	}

/*　新着情報
---------------- */
#info{
	width:215px;
	background-color:#FFF;
	padding:0;
	margin:0;
}

#info table{
	width:215px;	
}

#info td{
	font-size:10px;
	line-height:30px;
	padding:0 0 20px 0;
	border-bottom:1px dotted #666;
	border-collapse:collapse;
}

#flashplayer{
	width:750px;
	padding:0;
	margin:0;
}

/* 中ページ
---------------------------------------------------- */
/* 教材一覧
---------------------------------------------------- */
.kyozai-table{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
	border:1px #ccc solid;
}

.teika{
	width:20%;
	border-bottom:1px #ccc solid;
	text-align:center;}

.kyozai-table td{
	border-left:1px #ccc solid;
	border-collapse:collapse;
	padding:4px 10px;
	vertical-align:top;
	background-color:#FFC;
	border-bottom:1px #ccc solid;		
}


/* 問い合わせ
---------------------------------------------------- */
#right{ width:740px; float:left; padding:15px 0px 15px 0; margin:0;}

.contact-table{
	width:100%;
	margin-bottom:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
.contact-table-th1{ border-left:4px solid #e5007f;}
.contact-table-th2{border-left:4px solid #999;}
.contact-table-th1,
.contact-table-th2{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 10px;
	background-color:#f1f1f1;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	width:130px;
}
.contact-table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:4px 10px;
	vertical-align:top;
}

.contact-table span{font-size:10px;color:#666;}
form p{text-align:center; margin-top:5px; margin-bottom:20px;}

input[type="checkbox"],   
input[type="radio"] {   
vertical-align:text-bottom;   
}
input, textarea {   
line-height:1.4;   
padding:0;   
vertical-align:middle;  
}
textarea{ font-size:12px;}

.form01{width:100px;}
.form02{width:150px;}
.form03{width:250px;}
.form04{width:350px;}


#siryo{
	width:738px;
	margin:0;
	padding:0;
}

.siryouname{
	float:left;
	text-align:left;
	padding-left:10px;
	width:200px;
	margin-right:10px;
	font-weight:bold;
	color:#fff;
	background-color:#004080;
}

.siryotext{
	float:left;
	padding:0;
	margin:0;
}

/* 取り消しボタン */
/*---------------------------------------------------- */
.button-torikesi{
	float:right;
	margin-bottom:20px;
		}

.sample-torikesi{
	float:right;
	margin-bottom:20px;
	width:252px;
	height:26px;	
		}

.kouen-torikesi{
	float:right;
	margin-bottom:20px;
	width:204px;
	height:26px;	
		}

/*新着情報　wn*/
/*---------------------------------------------------- */


/* 	資料請求
---------------------------------------------------- */
.seikyu-table{
	width:100%;
	margin-bottom:15px;
}

.red-title{
border-left:3px solid #e5007f;
font-weight:bold;
color:#e5007f;
}

.seikyu_sub{
	margin-top:2px;
	border:1px solid #666;
		font-weight:bold;
}

.seikyu-table td{
	padding:4px 10px;
}

.maenogamen{
	float:right;
	width:112px;
	height:26px;	
	margin-bottom:5px;
}

/* 会社概要
---------------------------------------------------- */
.company-table{
	width:100%;
	border-top:1px dotted #ccc;
	margin-bottom:15px;
}
.company-table th{
	padding:4px 10px;
	border-bottom:1px dotted #ccc;
	text-align:left;
	vertical-align:top;
	width:130px;
}
.company-table td{
	padding:4px 10px;
	border-bottom:1px dotted #ccc;
}


/* 業務案内
---------------------------------------------------- */
.gyomu-text{
	float:left;
	text-align:left;
	width:510px;
	margin-right:10px;
}

/* お勧め教材
---------------------------------------------------- */
.kyozai{
	float:left;
	/*width:720px;*/
	padding:0;
	margin:15px 0 15px 0;
}

.kyozaiimg{
	float:left;
	width:235px;
	height:130px;
	padding:0;
	margin:0 15px 5px 0;
}
.k-out{float:right;width:470px;}
.k-out2{width:740px;}
.kyozaitext{
	padding:0 0 10px 0;
	border-bottom:#666 1px dotted;
	margin:0;
	background-color:#fff;
}

.button-kyozai{
	text-align:right;
	margin-top:10px;
	padding-top: 10px;
		}

/* 汎用スタイルシート
---------------------------------------------------- */
.box_l{
	float:left;
	margin:10px 15px 10px 0;
	padding:0;
}

.box_r{
	float:right;
	margin:10px 0 10px 0;
	padding:0;
}

.box_co{
	float:left;
	width:235px;
	border:5px solid #fff;
	/*border-top:10px solid #fff;
	border-bottom:10px solid #fff;*/
	margin-top:5px;
	margin-bottom:5px;
}

.box2_r{
	float:right;
	margin:0 0 0 10px;
	padding:0;
}

.br-out{border-top: 10px solid #fff;
 border-right: 11px solid #fff;
 border-bottom: 10px solid #fff;
 border-left: 11px solid #fff;
 float:left;width:223px;}
.box_reco{
	/*float:left;*/
	/*margin:10px 15px 10px 0;*/
	padding:5px 5px 10px 5px;
	/*width:223px;*/
	text-align:center;
	border:1px #999 solid
}

.box_reco_r{
	float:left;
	margin:10px 0 10px 0;
	padding:5px 5px 10px 5px;
	width:223px;
	border:1px #999 solid;
		text-align:center;
}

.box_nakami{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:234px;
	border:1px #666 solid;
	text-align:center;
}

.pagebreak{page-break-after:always; clear:both;}

.white{background-color:#FFF; margin:0; padding:0;}

p{margin-bottom:1.2em;}
img {border: 0px;}

.red-title2{
border-left:3px solid #e5007f;
font-weight:bold;
color:#e5007f;
padding:1px 10px;
}

.blue-title2{
color:#fff;
width:50%;
padding:3px 3px 3px 5px;
background-color:#39C;
}
.gray-bar{
	border-bottom:1px solid #ccc;
	border-left:6px solid #ccc;	
	padding:10px;
	font-weight:bold;
	margin-bottom: 10px;
}
.clear {clear: both;}

.tar{text-align:right}
.tac{text-align:center}
.tal{text-align:left}

.f-left{float:left}
.f-right{float:right;}
.f-right2{float:right;}

.aka {color:#e5007f;}
.gray {color:#333; font-weight:bold;}
.green{ color:#7eb056;}

.bold{
	font-weight:bold;
	text-align:left}

.li{ margin-bottom:15px; margin-left:30px;list-style-type:circle;}
.olli{margin-bottom:15px; margin-left:30px; }

.title{
	clear:both;
	font-size:100%;
	border-bottom:1px dotted #f67f5d;
	margin-bottom:10px;
	background:url(../images/mark3.gif) no-repeat 0px 4px;
	padding:0px 0px 5px 20px;
	color:#555;
}
.title2{
	margin-top:0px;
	padding:3px 7px;
	background-color:#004080;
	margin-bottom:10px;
	font-size:100%;
	color:#fff;
}

.title3{
	clear:both;
	font-size:100%;
	margin-bottom:10px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	border-top:3px solid #ccc;
	color:#555;
	padding-left:10px;
	background:url(../images/title3-bg.jpg) repeat-x bottom;
}

.ol{ margin-left:30px; line-height:1.8em; margin-bottom:15px;}
.ol li{border-bottom:1px solid #ccc;}
.ol strong{color:#5ea600;}

.link{background:url(../images/mark4.gif) no-repeat 0px 5px; padding-left:15px;}
.text-s{ font-size:12px; line-height:1.5em;}

.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}

/* サイド部分 */

.white_back {
	background:#FFFFFF;
	width:215px;
	padding:0px;
	margin-bottom:15px;
	border-bottom:1px #ddd solid;
}
.white_back textarea {
	width:50px;
}
.white_back table{
	font-size:12px;
	text-align:center;
	width:100%;
	border-collapse:collapse;
}
.white_back th{border-collapse:collapse;}
.white_back td{
	font-size:12px;
	text-align:center;
	border:1px solid #ddd;
	border-collapse:collapse;
}
.pad10 { padding:8px; text-align:center;}
.blog_entry{
	border-bottom:2px #002c3f dotted;
	padding:3px 0px;
	text-align:left;
}

/* メイン部分 */
.time{
	text-align:right;
	padding:5px;
	border-bottom:2px #9CC dotted;	
}
.time span {
	background:url(../images/pen.jpg) no-repeat left center;
	padding:5px 0 5px 20px;
}
.massage{
	margin-bottom:15px;
/*	background:url(../images/bg01.jpg) repeat-x bottom;*/
	border-bottom:1px #ccc solid;	
padding-bottom:5px;
}
.massage h3{
	font-size:110%;
	line-height:140%;
	margin-bottom:10px;
	padding:5px 10px;
	background-color:#9CC;	
}
.massage2{ border:1px solid #ccc;padding:15px 9px;margin-bottom:20px;}
.massage2 h4{
	background-color:#eee;
	padding:3px 5px;
	margin-bottom:10px;
	font-size:100%;
}

.x-small{font-size:85%; line-height:130%; padding-top:5px; border:1px #ccc dashed; padding:5px;}
.paging{background-color:#f1f1f1; text-align:center; padding:3px; border-bottom:1px #ddd solid;}

.mt15{ margin-top:15px;}

.entry{border-bottom:1px #ccc solid; padding:5px 0; text-align:left; margin-bottom:0px;}
.comment{ margin:0px;}

/* ブログh2
---------------- */
#blogtitle{ width:740px; float:left; padding-top:15px; margin:0;}

/* ext*/

.bt1{
padding-top: 10px;
margin-top: 15px;
border-top: 1px dotted #666;
text-align: right;
}

.paging-area{
	background-color:#efefef;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	margin: 10px 0px;
}
.paging-area img{vertical-align: middle;}
.search-box{
	padding:8px;
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.w300{width:300px;}
.w425{width:425px;}
.pg-left{
	width:500px;
	float: left;
	}
.pg-right{
	width:200px;
	float: right;
	}
.fcpink{color:##e5007f;}
@media print{
#navigation {
	/*width:1000px;*/	/* ナビボックス横幅 */
	height:48px;
	font-size:12px;
	line-height:120%;
	margin:0;
	/*float:left;*/
}
#navigation ul{list-style:none;}
#navigation li a{display:block;text-decoration:none;height:48px;}

#navigation #navi1{float:left; width:166px;}
#navigation #navi2{float:left; width:166px;}
#navigation #navi3{float:left; width:166px;}
#navigation #navi4{float:left; width:166px;}
#navigation #navi5{float:left; width:166px;}
#navigation #navi6{float:left; width:169px; overflow:hidden;}
.f-right2{float:right; display:none;}
#content{height: 1%;
width: 740px;
	overflow: hidden;}
.pagebreak{
page-break-after: always;
}
}

.table{margin-top:1px;}




/*追加----------------------------*/
.pad10 a:link {
	color:#527A7A;
}
.pad10 a:visited {
	color:#527A7A;
}
.pad10 td a:link {
	color:#527A7A;
	font-weight:bold;
}
.pad10 td a:visited {
	color:#527A7A;
	font-weight:bold;
}