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

/* クリアフィックス */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ページ全体 */
body{
	
	margin:0;
	padding-bottom:50px;
	background-color:#ffffff;
	font-size:13px;
	line-height:140%;
	font-suze:13px;

	
}

#back {
	width:950px;
	margin:0 auto;
	padding:0;
	background:url("img/back_line.png") repeat-y;
}

#container{
	width:928px;
	margin:auto;
	background-color:#fff;
	border-top:4px solid #ffbc45;
	position:relative;
}

h2 {
	color:#ff6633;
	font-size:140%;
	font-weight:bold;
	
}
img{
	border:0;
}


a{
	color:#FF6600;
	text-decoration: none;

}

a:hover {
	color:#ff5522;
	text-decoration:underline;

}

li {
	list-style-type: none;
}

.sen{
	text-align:center;
	margin:0 20px;
	padding:0;

}




/*ロゴ*/
h1{
	margin:10px;
	width:100px;
}

/*メニュー*/
#menu{
	height:30px;
	padding:0 0 0 5px;
	border-bottom:6px solid #ffbc45;
	width:923px;
	margin:auto;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

#menu li {
	float: left;
	margin:0 5px 0 0;
	text-indent:-9999px;
}

#menu li a{
	outline: none;
	display:block;
}

/*トップ*/
#menu #menu_top a {
	background:url(img/but_top1.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

#menu #menu_top a:hover {
	background:url(img/but_top2.png) no-repeat;
}

#menu #menu_top_here {
	background:url(img/but_top2.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

/*利用のしかた*/
#menu #menu_how a {
	background:url(img/but_how1.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}
#menu #menu_how a:hover {
	background:url(img/but_how2.png) no-repeat;
}
#menu #menu_how_here {
	background:url(img/but_how2.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

/*OBOG訪問*/
#menu #menu_ob a {
	background:url(img/but_ob1.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}
#menu #menu_ob a:hover {
	background:url(img/but_ob2.png) no-repeat;
}
#menu #menu_ob_here {
	background:url(img/but_ob2.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

/*突撃インタビュー*/
#menu #menu_int a {
	background:url(img/but_int1.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

#menu #menu_int a:hover {
	background:url(img/but_int2.png) no-repeat;
}
#menu #menu_int_here {
	background:url(img/but_int2.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}



/*相談*/
#menu #menu_con a {
	background:url(img/but_con1.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
	
}
#menu #menu_con a:hover {
	background:url(img/but_con2.png) no-repeat;
}
#menu #menu_con_here {
	background:url(img/but_con2.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

/*イベント*/
#menu #menu_eve a {
	background:url(img/but_eve1.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
	
}
#menu #menu_eve a:hover {
	background:url(img/but_eve2.png) no-repeat;
}
#menu #menu_eve_here {
	background:url(img/but_eve2.png) no-repeat;
	/*display:block;*/
	width: 148px;
	height: 31px;
}

/*メイン*/

#main{
	width:730px;
	padding:10px;
	margin:10px;
	float:left;
	background:#fff;
}

/*フッター*/
#footer{
	width:950px;
	margin:0 auto;
	background: url("img/footer.png") no-repeat;
	height:80px;
	padding:5px;

}
#footer ul {
	text-align:center;
	
}


#footer ul li{
	color:#FFF;
	font-weight:bold;
	display:inline;

}

#footer a{
	color:#FFF;
	text-decoration:underline;
}

#footer a:hover {
	color:#ff5522;
	text-decoration:underline;
}

#footer address{
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

/*AD*/
#ad{
	width:145px;
	margin:15px 0;
	padding:0;
	float:right;
	line-height:40px;
}

#ad ul li {
	margin:5px;
}

/* グーグル検索 */
#google_search{
	/*position:absolute;
	right:10px;
	top:0p;*/
	float:right;
	margin:10px;
}


/*.clear{
	clear:left;
}


.sya_t{
	padding:10px 0 0 0;
	line-height:120%;


}

.sya_b{
	padding:10px 0 0 0;
}


.sya_k{
	margin:0 5px;
	line-height:150%;
	font-size:15px;
	font-weight:bold;

}


.float_l{
	float:left;
	margin:5px;

}

.float_r{
	float:right;
	margin:5px;

}

a{
	color:#FF6600;
	text-decoration: none;

}

a:hover {
	color:#ff5522;
	text-decoration:underline;

}

.clear_r{
	clear:right;

}
.clear_l{
	clear:left;
}




.event{
	margin:0;
	padding:0;
	background:#ffffff;
}

.event h3{
	color:#F90;
	margin-left:15px;
	margin-bottom:5px;
}

.event h4{
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
}

.event div{
	margin-left:25px;
	margin-top:5px;
	margin-bottom:20px;
	line-height:130%;
}

.event a{
	color:#Fa0;
	margin-bottom:5px;
}

.event dl{
	margin-left:30px;
	margin-top:5px;
}

.event dt{
	margin-left:0;
	margin-top:3px;
	width:4em;
	float:left;  
	clear:both;
}

.event dd{
	margin-left:0;
	margin-top:3px;
}*/





/* カテゴリ */
.category{
	margin:10px 0;
	border:0 solid #ffbc45;
	border-top-width:3px;
	border-bottom-width:1px;
}
.category h2{
	color:#f93;
	font-size:108%;
	font-weight:bold;
	padding:5px 0 0 5px;
	margin:0;
	background-color:#fec;
}
.category ul {
	padding:0;
	margin:0;
	line-height:130%;
	overflow-y: scroll;
	height:50px;
	padding:5px 10px;

}

.category div {
	padding:0;
	margin:0;
	line-height:130%;
	overflow-y: scroll;
	height:50px;
	padding:5px 10px;

}
.category ol {
	margin:0;
	font-size:108%;
	line-height:130%;
	padding:5px 10px;

}

/* 検索 */
#search{
	margin:10px auto;
	background:#E7EAEF;
	width:700px;
}

#search h2{
	text-indent:-9999px;
	background:url("img/ob_tag.png") no-repeat;
	height:30px;

}

/*業界検索*/

#search .gyokai{
	background-color:#ffeecc;
	margin:10px;
	/*padding:5px;*/
	width:370px;
	float:left;
	font-size:93%;
	line-height:130%;

}

#search .gyokai a{
	padding:0px 2px;
}

#search .search_right{
	float:right;
	width:290px;
	margin:10px 5px;

}

#search .tiki{
	/*background-color:#cceeff;*/
	/*margin:0 10px 0px 0px;*/
	/*width:250px;*/
	/*border:solid #9BE2AC;
	border-width:1px;*/
	/*float:right;*/
	padding:0;
	
}

/* 社会人名から */
#search .syakaijin a{
	text-indent:-9999px;
	background:url(img/sya_u.png);
	display:block;
	width: 251px;
	height: 41px;
	margin:10px 0;
}

#search .syakaijin a:hover {
	background:url(img/sya_d.png);
}


/* 社会人ページ */
/* メールを送る */
.mail a{
	background:url(img/mail_u.png) no-repeat;
	display:block;
	width: 150px;
	height: 32px;
	margin:10px 5px 0px 0px;
	text-indent:-9999px;
	outline: none;
	
}

.mail a:hover {
	background:url(img/mail_d.png) no-repeat;

}

#profile {
	padding:0 20px;
}



#profile .action dd {
	margin:0;
}

#profile #kihon {
	float:right;
	width:480px;
	line-height:140%;
	margin:0;
}



#profile #action {
	float:left;
	width:200px;
	line-height:140%;
	margin:0;
}

#profile #kihon dt {
	background-image:url(img/komi.png);
	background-repeat: no-repeat;
	font-size:116%;
	font-weight:bold;
	padding:5px 18px;
	margin:10px 0px 0px 0px;
}

#profile #kihon dd {
	margin-bottom:10px;
}

#profile .profile_tiki {
	float:left;
	width:50px;
}

#profile .profile_photo {
	text-indent:-9999px;
}

#question h2 {
	color:#ff6633;
	font-size:140%;
	font-weight:bold;
	padding:10px 0px 5px 10px;
	background:url(img/syo.png) repeat-x;
}
#question ul{
	padding:0;
}
#question ul li {
	margin-bottom:40px;
}
#question ul li div{
	padding:0 20px;
	line-height:130%;
}


/* 利用のしかた */

.step div, .step_plain div {
	padding:0 5px;
}
.step h2, .step_plain h2{
	font-size:116%;
	padding:3px 5px;
	background-color:#ffeeaa;
	border:1px solid #ffbc45;
	border-left-width:10px;
	font-weight:bold;
}

.step .step_ex {
	float:right;
	width:430px;
}

.step .step_img {
	float:left;
	width:250px;
}

.step ul {
	padding:0;
	margin:0;
}

.step ul dd{
	padding:0;
	margin:0;
	margin-bottom:5px;
}

/* ob */
.sya a{
	background:url(img/sya_u.png) no-repeat;
	display:block;
	width: 251px;
	height: 41px;
	text-indent:-9999px;
	outline: none;
}

.sya a:hover {
	background:url(img/sya_d.png) no-repeat;
}

.ken{
	width:598px;
	margin:0px;
	padding:0px;
	border:1px;
	border-color:#ffbc45;
	border-style:solid;

}

.dai{
	width:563px;
	color:#ff9933;
	font-size:108%;
	font-weight:bold;
	color:#F69;
	margin:0px;
	background-image: url("img/dai_bg.png");
	padding:5px 0px 0px 35px;
}


.inp_left{
	padding:10px 0px 10px 70px;
	margin:0px;
	float:left;
	width:200px;
	/*background-color:#66CC99;*/
}

.inp_right{
	padding:10px 0px 10px 70px;
	margin:0px;
	float:right;
	width:200px;
	/*background-color:#66CC99;*/
}

/* ob検索 */


.dai{
	width:563px;
	color:#ff9933;
	font-size:108%;
	font-weight:bold;
	color:#F69;
	margin:0px;
	background-image: url("img/dai_bg.png");
	padding:5px 0px 0px 35px;
}

.sdai {
	background:#FFEECC;
	color:#FF9933;
	font-size:108%;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 15px;
}

form h2 {
	background-color:#FFBC45;
	background-image:url("img/ka.png");
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:116%;
	font-weight:bold;
	text-align:center;
	width:600px;
	margin:10px 0 0 0;
	padding:5px 0;
}

.submit {
	margin:5px 0 5px 230px;
	
}

.ob_serch {
	width:560px;
}

.ob_serch .tik {
	width:300px;
	float:left;
}
.ob_serch .sya {
	float:right;
	margin:80px 0;
}

.search_category{
	width:600px;
	border-bottom:1px solid #f93;
	margin:20px 0;
}

.ser_tit{
	font-weight:bold;
	padding:5px 0px 0px 5px;
	margin:0px;
	color:#f93;
	font-size:108%;
	font-weight:bold;
	padding:5px 0 0 5px;
	margin:0;
	background-color:#fec;
	border-top:2px solid #f93;
	
}

.ser_txt{
	margin:10px 10px 0px 10px;
	line-height:120%;
	text-align:left;
	float:right;
	width:450px;
}

.sam{
	margin:10px;
	width:100px;
	border:0px;
	float:left;

}

.syosai a {
	background-image:url("img/syosai_u.png");
	display:block;
	height:32px;
	margin:10px 5px;
	width:150px;
}

.syosai a:hover {
	background-image:url("img/syosai_d.png");

}

/* 社会人個人ページ */

.none {
	display:none;
}


/* 突撃インタビュー */

.int_category{
	border:0 solid #ffbc45;
	border-top-width:3px;
	border-bottom-width:1px;
	margin:10px;
	padding-bottom:10px;
}
.int_category h3{
	padding:3px;
	color:#f93;
	font-size:108%;
	font-weight:bold;
	background:#fec;
	margin:0;
}

.int_category img {
	float:left;
	margin:0 10px;
}

.int_category p {
	margin:10px;
	padding:0;
}

.int_category .date {
	float:right;
}


.photo_left {
	float:left;
	margin:0 10px;
}

.photo_right{
	float:right;
	margin:0 10px;
}

.int_profile {
	float:right;
	width:500px;
	margin:10px;
	padding:0;
}

.int_profile .yak {
	margin-top:10px;
}

dd {
	margin:0;
}

#interview dt{
	font-size:110%;
	font-weight:bold;
	color:#f90;
}

#interview dd{
	padding:10px 0 20px 0;

}
/* メールフォーム */
.mailform{
	 border-collapse:collapse;
	 background-color:#FFfece;
	 border:solid 2px #ee9933;
	 width:600px;
	 margin:0 10px;
}
.mailform td{
	 font-size:85%;
	 padding:3px 5px 3px 5px;
	 border:solid 1px #ee9933;
	 color:#FF6600;
	 font-size:12px;
	 text-align:left;
}

form p {
	margin:10px;
	
}

/* スタッフ　団体 */

#staff, .links {
	width:700px;
	margin:10px 0;
}

#staff h2, .links h2 {
	background:#f90;
	margin:0;
	padding:5px;
	color:#fff;
}
#staff ul, .links ul {
	border:1px solid #f90;
	padding:0;
	margin:0;
}

#staff ul li, .links ul li{
	padding:10px;
}

.rt {
	font-size:85%;
}

.rb {
	font-size:110%;
	font-weight:bold;
}

.yak {
	margin-bottom:15px;
}

#staff img {
	float:left;
	margin:0 10px;
}

#staff .color, .links .color {
	background-color:#fea;
}

.page_link {
	margin-bottom:10px;
}



.links li a {
	float:left;
	margin:0 10px;
	width:120px;
}

.links li div {
	float:left;
	margin:0 10px;
	width:500px;
}


/* サイトマップ */
#map li{
	padding:0 10px;
	margin:10px;
	border-left:5px solid #f90;
	
}


.event{
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.event h3{
	color:#F90;
	margin-left:15px;
	margin-bottom:5px;
}

.event h4{
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
}

.event div{
	margin-left:25px;
	margin-top:5px;
	margin-bottom:20px;
	line-height:130%;
}

.event a{
	color:#Fa0;
	margin-bottom:5px;
}

.event dl{
	margin-left:30px;
	margin-top:5px;
}

.event dt{
	margin-left:0px;
	margin-top:3px;
	width:4em;
	float:left;  
	clear:both;
}

.event dd{
	margin-left:0px;
	margin-top:3px;
}