@charset "utf-8";
/* CSS Document */


* { margin:0; padding:0;}

body{ background: url(../img/top/back_img.gif) repeat-y center top; font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.blink {text-decoration:blink;}
 
#toptable { margin: 20px 20px;}

#topimg { background: #000; border-top: #000 solid 10px; border-bottom: #000 solid 10px;}

p{ font-size: 12px; color: #666;}

dd{ color:#666;}

/*-------------------------メニューここから------------------------------------*/

#mainmenu { overflow:hidden;}

#mainmenu ul { margin: 0px; padding: 0px;}

#mainmenu li{ float: left;}

#mainmenu a { width: 150px; height: 40px; display: block; text-indent: -9999px;
	text-decoration: none;
	/*\ Hides from IE-mac*/
	overflow: hidden;
	/*End hide from IE-mac*/}

#mainmenu .home a {background: url(../img/top/btn1.gif) no-repeat left top;}

#mainmenu .home a:hover { background: url(../img/top/btn1.gif) no-repeat left bottom;}

#mainmenu .gaiyo a { background: url(../img/top/btn2.gif) no-repeat left top;}

#mainmenu .gaiyo a:hover { background: url(../img/top/btn2.gif) no-repeat left bottom;}

#mainmenu .kensyu a { background: url(../img/top/btn3.gif) no-repeat left top;}

#mainmenu .kensyu a:hover { background: url(../img/top/btn3.gif) no-repeat left bottom;}

#mainmenu .blog a { background: url(../img/btn4.gif) no-repeat left top;}

#mainmenu .blog a:hover { background: url(../img/btn4.gif) no-repeat left bottom;}

#mainmenu .web a { background: url(../img/top/btn5.gif) no-repeat left top;}

#mainmenu .web a:hover { background: url(../img/top/btn5.gif) no-repeat left bottom;}

#mainmenu .kaiin a { background: url(../img/top/btn6.gif) no-repeat left top;}

#mainmenu .kaiin a:hover { background: url(../img/top/btn6.gif) no-repeat left bottom;}
/*メニューここまで*/

/*-------------------------------------------------------ここからサブコンテンツボタン等*/
#ken { overflow: hidden;}

#ken .tema { margin-bottom: 10px; overflow:hidden;}


#ken .tema  a { width: 200px; height: 40px; display: block; text-indent: -9999px; text-decoration: none;
	/*\ Hides from IE-mac*/
	overflow: hidden;
	/*End hide from IE-mac*/}

#ken .tema4 ,#kzzen .tema5 { overflow:hidden;}


#ken .tema4  a ,#ken .tema5 a{ width: 410px; height: 20px; display: block; text-indent: -9999px; margin-top: 5px; text-decoration: none;
	/*\ Hides from IE-mac*/
	overflow: hidden;
	/*End hide from IE-mac*/}

#ken .tema5{ width: 410px; margin-right: 20px; margin-left: 20px; float: right;}

#ken .tema5 h3{ width: 410px; margin: 0;}

#ken .tema4{ width: 410px; margin-right: 20px; margin-left: 20px; float: left;}

#ken .tema4 h3{ width: 410px; margin: 0;}

#ken .tema4 .praty a {background: url(../img/top/koh5.gif) no-repeat left top;}

#ken .tema4 .praty a:hover {background: url(../img/top/koh5.gif) no-repeat left bottom;}

#ken .tema4 .wadou a { background: url(../img/top/koh1.gif) no-repeat left top;}

#ken .tema4 .wadou a:hover { background: url(../img/top/koh1.gif) no-repeat left bottom;}

#ken .tema4 .wadoji a { background: url(../img/top/koh2.gif) no-repeat left top;}

#ken .tema4 .wadoji a:hover { background: url(../img/top/koh2.gif) no-repeat left bottom;}

#ken .tema4 .seityo a { background: url(../img/top/koh5.gif) no-repeat left top;}

#ken .tema4 .seityo a:hover { background: url(../img/top/koh5.gif) no-repeat left bottom;}

#ken .tema4 .sosiki a { background: url(../img/top/koh4.gif) no-repeat left top;}

#ken .tema4 .sosiki a:hover { background: url(../img/top/koh4.gif) no-repeat left bottom;}

#ken .tema5 .eigyo a { background: url(../img/top/koh3.gif) no-repeat left top;}

#ken .tema5 .eigyo a:hover { background: url(../img/top/koh3.gif) no-repeat left bottom;}

#ken .tema5 .ikusei a { background: url(../img/top/koh6.gif) no-repeat left top;}

#ken .tema5 .ikusei a:hover { background: url(../img/top/koh6.gif) no-repeat left bottom;}

#ken .tema5 .hito a { background: url(../img/top/koh7.gif) no-repeat left top;}

#ken .tema5 .hito a:hover { background: url(../img/top/koh7.gif) no-repeat left bottom;}

#ken .tema5 .jyo a { background: url(../img/top/koh8.gif) no-repeat left top;}

#ken .tema5 .jyo a:hover { background: url(../img/top/koh8.gif) no-repeat left bottom;}

#ken .tema5 .topse a { background: url(../img/top/koh9.gif) no-repeat left top;}

#ken .tema5 .topse a:hover { background: url(../img/top/koh9.gif) no-repeat left bottom;}

#ken .tema .praty a { background: url(../img/top/b5.gif) no-repeat left top;}

#ken .tema .praty a:hover { background: url(../img/top/b5.gif) no-repeat left bottom;}

#ken .tema .wadouto a { background: url(../img/top/b1.gif) no-repeat left top;}

#ken .tema .wadouto a:hover {background: url(../img/top/b1.gif) no-repeat left bottom;}

#ken .tema .mon a { background: url(../img/top/b2.gif) no-repeat left top;}

#ken .tema .mon a:hover { background: url(../img/top/b2.gif) no-repeat left bottom;}

#ken .tema .hara a { background: url(../img/top/b3.gif) no-repeat left top;}

#ken .tema .hara a:hover { background: url(../img/top/b3.gif) no-repeat left bottom;}

#ken .tema .link a { background: url(../img/top/b4.gif) no-repeat left top;}

#ken .tema .link a:hover { background: url(../img/top/b4.gif) no-repeat left bottom;}

/*new点滅*/
#ken marquee{ text-align: left; float: left;}

#new iframe{ margin-top: 15px;}

#new iframe p{ font-size: 12px;}

/*トップページイベントバナー*/

#event { width: 900px; text-align: center;}

#event li{ width: 900px; margin-left: 116px;}


/*--------------------tug-------------------------------------------*/


h1{ margin-top: 25px; margin-left: 25px; font-size: 15px; text-align: center;}

h2{width: 860px; height: 30px; margin: 0 20px; overflow: hidden;}

h3{ color:#060; width: 860px; margin: 0 20px;}

h4{ width: 680px; height: 33px; margin-right: 20px;}

h5{ width: 680px; height: 30px; margin-top: 10px;}


#company h5{ margin: 15px 0;}

ul, ol, li{ list-style: none; text-align: left;}

img { border: none;}

address{ text-align: center top; padding-top: 15px; margin-left: 15px; list-style: none; color: #333;}

/*--------------------全部のページ共通-----------------------------*/

#container { width: 900px; margin: 0 auto;}


#topimg {　border-top: #000 10px solid;　border-bottom: #000 10px solid;} 

#logo { width: 900px; height: 110px; margin-bottom: 10px; position: relative; overflow: hidden;}

/*本が終わったら消す。*/


#logo .kida{ float: left; padding-top: 20px; margin-left: 25px;}

/*------------------------idとtug-------------------------*/
/*ヘッダー部分*/

#top h1{ margin: 10px; text-align: center; color: #090;}

#top h1 strong { font-size: 18px;}

#top #logo { width: 900px; position: relative;}

#top iframe{ margin-top: 20px;}

/*トップのフレームの中*/

#txt .bird li{ font-size: 12px; line-height: 160%; margin-left: 15px; list-style-type: circle;}

/*top以降のバナー*/

#logo .top{ position:absolute; top: 20px; left: 20px;}

/*topページのバナー用*/

#logo li { float: left;}

#logo li img { margin: 10px;}

#logo li .bana{
	width: 150px;
	float: right;
	margin-right: 20px;
	position: absolute;
	left: 389px;
	top: 6px;
}


/*トップ1冊目*/

#top #logo .bana { width: 150px; position:absolute; left: 481px; top: 10px;}

/*トップ以外の本バナー要*/
#logo .bana1{ width: 300px; overflow: hidden; float: right;}

#mainarea{ overflow: hidden;}

#hello{ padding:0 25px; overflow: hidden;}

.tema{ overflow: hidden;}

#nidanme{ overflow: hidden; width: 900px;}

#navi { overflow: hidden; margin: 10px 20px 20px 0;}

#torimaki { overflow: hidden;}

#contents { width: 420px; margin-left: 20px; margin-right: 10px; margin-top: 10px; float: left;}



#new { width: 420px; margin-left: 10px; margin-right: 20px; margin-top: 10px; float: right;}

#footer{ overflow: hidden; background: url(../img/top/foot.gif) repeat-x center top; color: #FFFFFF; color: #333; width: 900px;}

/*新着情報の所*/


#hello p { font-size: 12px; margin-top: 5px; line-height: 170%;}

#hello span{ font-size: 15px; margin: 10px 10px 10px 0; color: #00F; border-bottom: #F00 solid 2px;}

#hello dt { margin-right: 10px; float: left;}

/*研修内容*/
#mainarea .tema dl { width: 200px; float:left; margin: 10px 0 0 20px;}

#mainarea .tema dl { width: 200px; float:left; margin: 10px 0 0 20px; }

#mainarea .tema li { width: 200px; font-size: 13px; float:left; text-align: center; margin: 10px 0 0 20px;}

#mainarea .tema p { margin-top: 5px;}

/*nidanme*/
#nidanme ul{ width: 420px; margin-top: 5px;}

#nidanme a { text-decoration: none; padding-left: 10px;}

#contents li{ font-size: 13px; margin-top: 5px; border-bottom: #003893 2px solid;}

/*navi*/
#navi p{ float: right; background: url(../img/top/path.gif) no-repeat; padding-left: 11px; font-size: 10px;}

/*footer*/
#footer ul{ margin-left:18px; overflow: hidden;}

#footer li{ font-size: 10px; float: left; border-left: #F00 2px solid; padding-left: 2px; margin: 10px 5px 5px 0;}

/*（上）　（右）　（下）　（左） */

/*-----------第二階層以降-------------*/

/*idとクラス*/

#pan{ width: 680px; margin: 10px 0 5px 0; overflow: hidden;}

#main2{ width: 900px; overflow: hidden;}

#hehe { width: 900px; margin-top: 10px; margin-right: 30px; overflow: hidden; text-align: right;}

/*idとtug*/



#pan li{ color: #666; float: left; padding-left: 15px; background: url(../img/top/pankz.gif) no-repeat; font-size: 10px;}



#hehe ul { margin-bottom: 5px; float: right;}

#hehe ol{ float: left; padding: 0 10px 0 10px; border-left: #999 2px solid;}


/*サブエリア*/



#sub2{ width: 200px; float: left; text-align: center;overflow: hidden; text-align: center;}

#sub2 .subs li{ margin: 15px 40px;}

#sub2 li{ margin: 15px 20px;}

/*ここからサブエリア画像表示切り替え*/

#sub2  a {
	width: 160px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\ Hides from IE-mac*/
	overflow: hidden;
	/*End hide from IE-mac*/
}

#sub2 .praty a{ background: url(../img/top/bb5.jpg) no-repeat left top;}

#sub2 .praty a:hover { background: url(../img/top/bb5.jpg) no-repeat left bottom;}

#sub2 .wado a{ background: url(../img/top/bb1.jpg) no-repeat left top;}

#sub2 .wado a:hover { background: url(../img/top/bb1.jpg) no-repeat left bottom;}

#sub2 .mon a { background: url(../img/top/bb2.jpg) no-repeat left top;}

#sub2 .mon a:hover { background: url(../img/top/bb2.jpg) no-repeat left bottom;}

#sub2 .hara a { background: url(../img/top/bb3.jpg) no-repeat left top;}

#sub2 .hara a:hover { background: url(../img/top/bb3.jpg) no-repeat left bottom;}

#sub2 .link a { background: url(../img/top/bb4.jpg) no-repeat left top;}

#sub2 .link a:hover { background: url(../img/top/bb4.jpg) no-repeat left bottom;}

/*テラテラここまで*/


/*----------------------------------------------------------メインの部分*/
#area { width: 700px; float:right; overflow: hidden;}

#naiy{ width: 680px;}

#naiy p{ width: 550px; border: #666 solid 1px; font-size: 15px; line-height: 140%; padding-left: 5px; margin-top: 5px;}

#naiy ul{ overflow: hidden; margin-left: 25px;}

#naiy img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#naiy dl{
	margin-left: 30px;
}

#naiy dt {font-size: 12px; line-height: 150%;}

#naiy dd { margin-top: 10px; font-size: 15px;}


#kens{ width: 680px; margin: 5px 0; overflow: hidden;}

#kens strong { font-size: 18px;}

#kens span{ font-size: 16px; color: #F00;}

#kens p { line-height: 130%; margin-top: 5px;}

#kens dt{ width: 160px; float:left; margin-top: 5px; margin-left: 10px;}

#kens dd{ width: 480px; float: right; margin: 10px 0 0 10px; padding-right: 10px; font-size: 15px; font-weight: 500;}

#wadoke #kens dt img { padding-left: 50px;}



#kens a { font-size: 12px;}

#kens li a{ font-size:12px; line-height: 160%;}

#kens2{ width: 680px; margin-top: 10px; margin: 10px 0 20px 0; overflow: hidden; }

#kens2 span{ font-size: 24px; padding-top: 20px; color: #F00;}

#kens2 dt{ width: 75px; float:left; margin-top: 15px; margin-left: 50px;}

#kens2 dd{ width: 500px; float: right; margin: 10px 0 0 30px; padding-right: 10px; font-size: 18px; font-weight: 500;}


#table table{ height: 200px; background: url(../img/top/hyo.gif) no-repeat; margin: 20px 0 0 60px;}

#table td p{ font-size: 15px; color: #666; text-align:center; font-weight: bold;}

#table td{ color: #FFF; text-align:center; font-weight: bold;}

#awa { margin:5px 0 0 60px;}

/*---------------------------ニッテイページ*/
#niti li{ width: 680px; margin-top: 20px; overflow: hidden;}



/*図が大きい物まわりこみ*/


#description{ width: 700px; overflow: hidden;}


#description dl{ overflow: hidden; /*float: right;*/}

#description dt{ margin-top: 20px;}


#description dd p{
	font-size: 15px;
	line-height: 150%;
	padding-bottom : 20px;
	margin : 0px;
}

#description img {
	margin-right: 20px;
	float: left;
}

/*回り込み逆*/
#description2{
	width: 680px;
	overflow: hidden;
}


#description2 dl{ float: right;}

#description2 dt{ margin-top: 20px; font-weight: bold;}

#description2 dd { margin-left: 25px;}

#description2  p{ font-size: 15px; line-height: 150%; padding-left : 10px; padding-bottom : 20px; margin : 0px;}

#description2 img { margin-left: 30px; float: right;}

/*成長塾*/

#sei dt{ margin-top: 20px;}

#sei span{ color:#F00;}

#kens li{ line-height: 140%;}


/*女性の集い*/
.tema2{
	width: 680px;
	overflow: hidden;
}

.tema2 dl {
	width: 146px;
	float:left;
	margin: 10px 0 0 20px;
	overflow: hidden;
}

.tema2 p {
	font-size:20px;
	color:#666;
}


/*会社概要の事業内容*/

#jig p{
	width: 680px;
	font-size: 15px;
	margin-left: 5px;
	text-indent: 30px;
}

#naiy2{
	width: 680px;
}

#naiy2 p{
	border-left: #930 solid 6px;
	font-size: 20px;
	padding-left: 5px;
	margin-left: 25px;
	margin-top: 10px;
}

#naiy2 ul{
	margin-left: 25px;
}

#naiy2 img { margin-top: 20px; margin-bottom: 20px; margin-left: 10px;}

#naiy3{ width: 680px; margin-bottom: 20px;}

#naiy3 ul{ margin-left: 10px; margin-top: 15px; line-height: 160%; font-size: 20px;}


/*------------------リンク---------------------*/

#link{ background: url(../img/linkimg/map.gif) no-repeat;}

#link li{ margin-left: 25px; margin-top: 10px; font-size: 15px; line-height: 120%;}





/*研修日程*/
#niti .nitei li{ padding-bottom: 2px;}

#niti .nitei iframe { margin-top: 15px;}

/*研修のアイキャッチ*/

#kens iframe { margin-top: 15px;}


/*----------------お問い合わせ-------------------*/

.odenwa { margin-bottom: 20px;}

.entry { width: 680px; margin: 0 0 2em;}

.entry h3 { font-size: 1.22em; padding: 8px 5px 5px 28px; margin: 0 0 0.5em;}

.entrymore { background: url(../img/bullet_red_small.gif) no-repeat left center; padding: 0 5px 0 8px;}

.necessary { color: #CC0033;}

.inquiryform{ width: 580px; margin: 0 0 2em;}

.inquiryform dt{ width:150px; float: left; font-size: 0.92em; font-weight: bold; line-height: 150%; border-top: 3px solid #060; padding: 2px 0 0 0;}

.inquiryform dd { margin: 0 0 5px 150px; border-top: 1px solid #CCCCCC; padding: 5px 0 0 3px; line-height: 100%;}

.inquiryform input, .inquiryform select, .inquiryform textarea{ border: 1px solid #666666; padding: 3px;}

.inquiryform .sex, .inquiryform .hobby { border: none; vertical-align: middle; margin: 0 0.2em 0 0;}

.inquiryform #name, .inquiryform #kana, .inquiryform #mail, ..inquiryform #cfmmali, .inquiryform #tel,inquiry #job{ width: 150px; margin: 0 1em 0 0;}

.inquiryform #cmfmail { margin: 0 0 0.5em;}

.inquiryform #puestion { width: 350px; height: 15em; font-size: 0.92em;}

 
.inquiryform #submit, .inquiryform #reset { width: 80px;}

.inquiryform label { margin: 0 1em 0 0; }


/*本紹介ページ*/


#naiy .amazon { margin: 20px 115px;}

#hon1 { width: 680px; margin-bottom: 20px; overflow: hidden;}

#hon1 img{ float: left; margin-right: 10px; margin-top: 20px; margin-left: 20px;}

#hon1 dl { overflow: hidden; float: right; margin-right: 20px;}

#hon1 dt { font-size: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}

#hon1 dd{ width: 400px; line-height: 150%; margin-right: 10px; overflow: hidden; font-size: 15px;}

#hon1 dd strong{ font-weight:normal; background: #FFC; color: #F00;}

#hon2 { width: 700px; overflow: hidden; margin-bottom: 10px;}

#hon2 p{ font-size: 15px; margin: 15px 35px 0 35px;}

#hon2 p strong{ font-weight:normal; background: #FFC; color: #F00;}

#hon2 img{ overflow: hidden; float: right;}

#hon2 .oub { overflow: hidden; margin-right: 90px; margin-bottom: 20px;}

#hon2 .lst_bay { margin-top: 20px; margin-right: 105px;}

#hon3{ width: 700px; overflow: hidden;}

#hon3 dt { margin-top: 20px; margin-left: 20px; margin-right: 20px; float: left;}

#hon3 dd{ width: 520px; font-size: 15px; margin-right: 20px; float: right;}

#hon3 strong{line-height: 300%; font-size: 22px;}

#hon2 a .ama { margin-right: 40px;}



/*キネンパーティーのページ『kinenp』*/

#kinenp { width: 680px; background:#CCC;}

#kinenp dl { background: #CCC; margin-left: 33px;}

#kinenp dt { color:#666; font: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 15px; margin-top: 5px; padding-left: 5px; border-left: #900 solid ; font-weight: bold;}

#naiy ul{ margin-top: 20px; border: #999 solid 1px;}

#naiy li{ padding-left: 10px; line-height: 130%;}

/*--------本特典---------*/

#tokuten h1{ font-size: 24px; margin-bottom: 10px; color:#F00;}

#tokuten p { margin-left: 20px; margin-bottom: 20px;}

#tokuten strong { font-weight: normal; background: #FFC; color: #F00;}

#tokuten ul { width: 800px; padding-top: 95px; background: url(../img/tokutenimg/back.gif) no-repeat; height: 300px; overflow: hidden; margin: 0 auto;}

#tokuten li { text-align: center; margin-bottom: 20px;}

#footer p { font-size: 15px; margin-top: 20px; line-height: 150%;}


/*話道塾*/
#description ul{ margin-bottom: 10px; margin-top: 0;}

#description li{ line-height: 130%; font-size: 15px;}