@charset "UTF-8";
/********************************************************
    GOOD FIND Web Site 
    This stylesheet provides styles for all HTML layout
	
*********************************************************/


/******************** CSS初期化 **********************/

* {
    margin: 0;
    padding: 0;
    font-size: 12px;
	font-family: メイリオ, Meiryo, Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "MS Pゴシック", sans-serif;
    line-height: 150%;
}

h1,h2,h3,h4,h5,h6
img,ul,li,p,address {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
}


/******************* 基本となる枠組み *****************/
/* 
 * HTMLタグ系: h1, h2, ...
 * ID: header, menu, footer, ...
 * CLASS: container, b_*, ...
 * CSS HACKS: clearfix
 * etc.
 */
h1 {
	float: left;
	color: #031F3D;
	font-size: 9px;
	font-weight: bold;
	margin-left: 15px;
	/*border: 1px solid #dcdcdc;*/
}

h2 {
	font-size: 12px;
	width: auto;
	height:22px;
	/*margin: 3px 3px 0px 3px;*/
	/*background-color:#002233;*/
	padding-top: 3px;
	padding-left: 25px;
	font-weight: bold;
	color: #005BB7;
	text-decoration: underline;
	/*margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;*/
}

/*
h3 {
	background-color: #dcdcdc;
	padding-left: 15px;
	font-weight: bold;
	color: #002302;
	margin-top: 5px;
	margin-bottom: 5px;
}
*/

img {
    border: 0;
}

a {
    line-height:150%;
	text-decoration: none;
}

a:link {
    color:#336699;
}

a:visited {
    color:#336699;
}

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

a:active {
    color:#336699;

}

body{
    margin:0;
    padding:0;
    color:#000000;
    font-size:12pt;
    line-height:140%;
	background-color:#FFFFFF;
}


/* MacIE begin \*/
* html .clear {
    height: 1%;
}

/* MacIE end */

/*-- wrapper --*/
#wrapper{
    width:950px;
    height:auto;
    margin:0px auto 0px auto;
	background:#FFFFFF;
	border-right: solid 1px #090A68;
	border-left: solid 1px #090A68;
}
/*-- wrapper --*/

/*-- header --*/
#header{
    width: 940px;
    height: 100px;
    margin: 0px auto 0px auto;
}

#header_t{
    width: 940px;
    height: 80px;
    margin: 0px auto 0px auto;
	/*border:#CCC 1px solid;*/
    background:url(../images/head_bg.png) repeat 0 0;	
}

#header_t a {
    text-decoration: underline;
    color:#dcdcdc;
	font-size: 9px;
}


#header_b{
    width: 940px;
    height: 20px;
    margin: 0px auto 0px auto;
    background: #AA0025;
}

#header_b .head_msg{
	color: #FFF;
	padding-left: 40px;
	padding-top: 0px;
	font-size: 14px;
}

#header p {
	font-size: 14px;
	padding: 1em;
}

/*-- header --*/

/*-- Menu --*/
ul#menu {
    list-style:none;
    width:942px;
	margin:0px auto auto auto;
}

ul#menu li {
    list-style:none;
    float:left;
    width:157px;
}

ul#menu a {
    display:block;
    width:157px;
    height:30px;
    text-indent:-1000px;
    overflow:hidden;
}

#menu a.navi-top {
	background:url(../images/menu_top.png);
}

#menu a:hover.navi-top {
	background-position:0px -30px;
}	

#menu a.navi-library {
	background:url(../images/menu_library.png);
}

#menu a:hover.navi-library {
	background-position:0px -30px;
}	

#menu a.navi-event {
	background:url(../images/menu_seminar.png);
}

#menu a:hover.navi-event {
	background-position:0px -30px;
}	

#menu a.navi-companynavi {
	background:url(../images/menu_company.png);
}

#menu a:hover.navi-companynavi {
	background-position:0px -30px;
}	

#menu a.navi-obog {
	background:url(../images/menu_obog.png);
}

#menu a:hover.navi-obog {
	background-position:0px -30px;
}	

#menu a.navi-challenge {
	background:url(../images/menu_test.png);
}

#menu a:hover.navi-challenge {
	background-position:0px -30px;
}	

#menu a.selected {
	background-position:0px -60px;
}


/*-- footer --*/
#footer{
	width: 940px;
	height: auto;
}

#footer_t{
    width: 940px;
    height: 10px;
    margin: 0px auto 0px auto;
    background: #AA0025;	
}

#footer_b{
    width: 940px;
    height: 70px;
    /*background-color: #222222;*/
    text-align: center;
    line-height: 120%;
    font-size: 10pt;
    color: #fff;
    margin: 0px auto 0px auto;
	background:url(../images/footer_bg.png) repeat-x 0 0;	
}

#footer_b a {
    text-decoration: underline;
    line-height: 140%;
    color:#FFF;
}

#footer_b p {
	font-size: 10px;
	padding: 0.6em;
}
/*-- footer --*/


/**** class的なもの  ****/

/*-- container --*/
.container{
	width: 940px;
    height: auto;
	margin: 0px auto 0px auto;
    background-color: #FFFFFF;
	/*border-bottom: 1px solid #000000;*/
	padding-top: 2px;
	padding-bottom: 2px;
}

.container p {
	font-size: 12px;
	line-height: 1.5;
	/*margin: 0.6em;*/
}
/*-- container --*/


.b_short {
	width: 220px;
	height: auto;
}

.b_quater {
	width: 235px;
	height: auto;
}

.b_half {
	width: 470px;
	height: auto;
}

.b_long {
	width: 720px;
	height: auto;
}

.b_long_all {
	width: 720px;
	height: auto;
}

.b_long_all_short {
	width: 220px;
	height: auto;
}

.b_long_all_half{
	width: 360px;
	height: auto;
}

.b_long_all_long {
	width: 500px;
	height: auto;
}

.b_long_all_long_half {
	width: 250px;
	height: auto;
}

.b_all {
	width: 940px;
	height: auto;
}


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

.clearfix {
	min-height: 1px;
}

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

/******************* 各カテゴリに共通のもの *****************/

/* <text_box>
 * by yamasaki 2009/05/21
 *
 * デフォルトのボックス
 * 銀色のタイトルヘッダー、銀色ボーダーあり
 * 
 */
.text_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.text_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left: 5px;
	padding-right: 3px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.text_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}

/* <oyls_box>
 * by yamasaki 2009/05/21
 *
 * デフォルトのボックス
 * 銀色のタイトルヘッダー、銀色ボーダーあり
 * 
 */
.oyls_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.oyls_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left: 5px;
	padding-right: 3px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.oyls_box_m p{
	width: 95%;
	margin: 0px auto;
}

.oyls_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}

.oyls_table {
	width: 700px;
	border-top: 1px solid #dcdcdc;
	border-collapse: collapse;
	margin: 0px auto;
}

.oyls_table th{
	width: 300px;
	font-size: 12px;
	/*font-weight: normal;*/
	padding-top: 5px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.oyls_table td{
	width: 400px;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}

.oyls_company_table {
	width: 650px;
	margin: 0px auto;
	border-collapse: collapse;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
}

.oyls_company_table th{
	width: 150px;
	background-color: #f5f5f5;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.oyls_company_table td{
	width: 500px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.oyls_company_info{
	margin: 0px auto;
}

.oyls_company_info_1_pic{
	width: 220px;
	text-align: center;
}

.oyls_company_info_1_text{
	width: 220px;
	padding-left: 50px;
	padding-right: 50px;
}

.oyls_company_info_2_pic{
	width: 330px;
	text-align: center;
}

.oyls_company_info_2_text{
	width: 330px;
	padding-left: 50px;
	padding-right: 50px
}

.oyls_company_info_3_pic{
	width: 220px;
	text-align: center;
}

.oyls_company_info_3_text{
	width: 220px;
	padding-left: 5px;
	padding-right: 5px;
}

/*
 * requirement_table
 * by shohei yamasaki 2009/07/29
 */
.requirement_table {
	width: 850px;
	margin: 0px auto;
	border-collapse: collapse;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
}

.requirement_table th{
	width: 200px;
	background-color: #f5f5f5;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.requirement_table td{
	width: 650px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.program_table {
	width: 510px;
	margin: 0px auto;
	border-collapse: collapse;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
}

.program_table th{
	background-color: #f5f5f5;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.program_table td{
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.oyls_company_info{
	margin: 0px auto;
}

/* <list_box>
 * by yamasaki 2009/05/21
 *
 * デフォルトのボックス
 * 銀色のタイトルヘッダー、銀色ボーダーあり
 * 
 */
.list_box_t {
	width: 700px;
	height: 20px;
	background: url(../images/list_box_t.png) no-repeat 0 0;;
} 

.list_box_m {
	width: 700px;
	height: auto;
	/*border: 1px solid #000000;*/
	background: url(../images/list_box_m.png) repeat-y 0 0;;
}

.list_box_b {
	width: 700px;
	height: 20px;
	background: url(../images/list_box_b.png) no-repeat 0 0;;
}

.list_left_right {
	width: 700px;
}

.list_left {
	float: left;
	width: 450px;
	/*border: 1px solid #dcdcdc;*/
	/*background-color: #762534;*/
}

.list_left p{
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 10px;
	/*background-color: #862904;*/
}

.list_right {
	float: right;
	width: 250px;
	/*border: 1px solid #dcdcdc;*/
	/*background-color: #987654;*/
}

.list_center {
	width: 700px;
	/*background-color: #123456;*/
}

.list_center p{
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 10px;
}

.list_table {
	width: 400px;
	/*background: #fff;*/
	margin: 5px auto 0px auto;
	border-collapse: collapse;
}

.list_table tr {
	height: auto;
	border-bottom: 1px solid #a9a9a9;
}

.list_table th {
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
}

.list_table td {
	border-bottom: 1px solid #a9a9a9;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
}

.list_msg_box {
	width: 640px;
	height: 150px;
	margin: 0px auto;
	background: url(../images/list_msg.png) no-repeat 0 0;
	border: 1px solid #dcdcdc;
}

.list_msg_box p {
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 13px;
}

.list_msg_box_t {
	width: 640px;
	height: 30px;
	margin: 0px auto;
	background: url(../images/list_msg_box_t.png) no-repeat 0 0;
}

.list_msg_box_m {
	width: 640px;
	height: auto;
	margin: 0px auto;
	background: url(../images/list_msg_box_m.png) repeat-y 0 0;
}

.list_msg_box_m p {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 13px;
}

.list_msg_box_b {
	width: 640px;
	height: 10px;
	margin: 0px auto;
	background: url(../images/list_msg_box_b.png) no-repeat 0 0;
}

/* <no_border_box>
 * by yamasaki 2009/06/09
 *
 * デフォルトのボックス
 * 銀色のタイトルヘッダー、銀色ボーダーあり
 * 
 */
.no_border_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.no_border_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left: 5px;
	padding-right: 3px;
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.no_border_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	/*background-color: #ee82ee;*/
}

/* <white_full_box>
 * by yamasaki 2009/06/09
 * 
 */
.white_full_box_t {
	width: 930px;
	height: 30px;
	margin: 4px auto 0px auto;
	background: url(../images/white_full_box_t.png) no-repeat 0 0;
} 

.white_full_box_m {
	width: 930px;
	height: auto;
	margin: 0px auto 0px auto;
	background: url(../images/white_full_box_m.png) repeat-y 0 0;
}

.white_full_box_m p{
	padding-left: 15px;
	padding-right: 15px;
}

.logo-box-whole{
	width:927px;
	height:auto;
	padding-left:3px;
}

.white_full_box_b {
	width: 930px;
	height: 10px;
	margin: 0px auto 0px auto;
	background: url(../images/white_full_box_b.png) no-repeat 0 0;
}

.white_full_half_box {
	width: 450px;
	height: auto;
	margin-top: 5px;
	margin-left: 6px;
	/*border: 1px solid #dcdcdc;*/
}

.pre-entry-finish{
	width: 60%;
	margin: 0px auto;
	/*border: 1px solid #dcdcdc;*/
}

/* <white_half_box>
 * by yamasaki 2009/06/09
 * 
 */
.white_half_box_t {
	width: 460px;
	height: 30px;
	margin: 4px auto 0px auto;
	background: url(../images/white_half_box_t.png) no-repeat 0 0;
} 

.white_half_box_m {
	width: 460px;
	height: auto;
	margin: 0px auto 0px auto;
	background: url(../images/white_half_box_m.png) repeat-y 0 0;
}

.white_half_box_m p{
	padding-left: 15px;
	padding-right: 15px;
}

.white_half_box_b {
	width: 460px;
	height: 10px;
	margin: 0px auto 0px auto;
	background: url(../images/white_half_box_b.png) no-repeat 0 0;
}


/* <gray_side_box>
 * by yamasaki 2009/06/04
 *
 * 灰色・角丸のボックス: 左右のカラム用
 */

.gray_side_box_t {
	width: auto;
	height: 10px;
	margin: 4px 2px 0px 2px;
	/*border: #dcdcdc 1px solid;*/
	/*padding-top: 4px;*/
	padding-left: 3px;
	background: url(../images/gray_side_box_t.png) no-repeat 0 0;
	/*background: #ff0;*/
	/*border: 1px solid #000;*/
}

.gray_side_box_t h3{
	font-size: 14px;
	font-weight:bold;
	color: #002302;
	text-decoration: underline;
	padding-top: 5px;
	padding-left: 20px;
}

.gray_side_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left: 5px;
	padding-left: 3px;
	/*border: #dcdcdc 1px solid;*/
	/*border: 1px solid #000000;*/
	background: url(../images/gray_side_box_m.png) repeat-y 0 0;
	/*background: #f0f;*/
	/*border: 1px solid #000;*/
}

.gray_side_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	/*border: #dcdcdc 1px solid;*/
	background: url(../images/gray_side_box_b.png) no-repeat 0 0;
	/*background: #0ff;*/
}



.category_box {
	float: left;
	margin-left: 4px;
	margin-top: 3px;
	width: auto;
	height: auto;
	border: 1px solid #dcdcdc;
}

.category_box .image_box {
	float: left;
	width: 100px;
	height: 110px;
	/*background: #f00;*/
}

.category_box .sentence_box{
	float: left;
	width: 232px;
	height: 110px;
	/*background: #00f;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
}

.category_box .sentence_box h3{
	font-weight:bold;
	color: #002302;
	text-decoration: underline;
}

/****** h2 background images ************/

.h2_short {
	background: url(../images/h2_short.png) no-repeat 0 0;
}

.h2_quater {
	/*background: url(..images/h2_quater.jpg) no-repeat 0 0;*/
	background: url(../images/h2_quater.png) no-repeat 0 0;
}

.h2_half {
	background: url(../images/h2_half.png) no-repeat 0 0;
	/*background: url(..images/h2_half.jpg) no-repeat 0 0;*/
}

.h2_long {
	background: url(../images/h2_long.png) no-repeat 0 0;
	/*background: url(..images/h2_long.jpg) no-repeat 0 0;*/
}

.h2_long_short {
	background: url(../images/h2_long_all_short.png) no-repeat 0 0;
	/*background: url(..images/h2_short.jpg) no-repeat 0 0;*/
}

.h2_long_half {
	background: url(../images/h2_long_all_half.png) no-repeat 0 0;
	/*background: url(..images/h2_long_half.jpg) no-repeat 0 0;*/
}

.h2_long_long {
	background: url(../images/h2_long_all_long.png) no-repeat 0 0;	
    /*background: url(..images/h2_long.jpg) no-repeat 0 0;*/
}

.h2_all{
	background: url(../images/h2_all.png) no-repeat 0 0;
}

.right {
	float: right;
}

.left {
	float: left;
}

.text_align_center {
	text-align: center;
}

.font10{
	font-size:10px;
}

.style-impact{
    font-size: 13px;
    color: #002302;
    font-weight:bold;
}

.style-impact4{
	font-size: 12px;
	color: #003366;
}

.bg_gray{
	width: 420px;
	height: auto;
	/*background: #A5FFBF;*/
	margin: 0px auto 0px auto;
	padding: 3px;
}

.bg_skyblue{
	width: 95%;
	height: auto;
	background: #DCEAF7;
	margin: 0px auto 0px auto;
	padding: 3px;
}

span.style_impact {
	color: #002B18;
	font-size: 14px;
	font-weight: bold;
}
/* 緑 */
span.style-impact2{
    font-size:13px;
	color: #009900;
	font-weight:bold;
}

/* 黒 */
span.style-impact3{
	font-size:13px;
	font-weight:bold;
	color:#333333;
}

/* 青 */
span.style-impact4{
	font-size: 13px;
	color: #003366;
	font-weight:bold;
}

/* オレンジ */
span.style-impact5{
	font-size: 12px;
	color: #FF9900;
}



span.style-impact6{
    font-size:10px;
	line-height:100%;
}


/* 赤 */
span.style-impact7{
	font-size: 13px;
	color: #F00;
}

span.error_msg {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}
/* 太字 */
span.clm-em{
	font-size:12px;
	font-weight:bold;
}

.logo_box{
	float:left;
	margin:2px 2px;
	text-decoration:none;
}
.logo_box_big{
	float:left;
	margin:8px 14px;
	text-decoration:none;
}





/******************** カテゴリ別: TOP **********************/

.top_Tests {
	margin 5px auto;
	width: auto;
	background:url(../images/bg.gif);
	/*background: #dcdcdc;*/
	text-align:left;
	/*border: $dcdcdc 1px solid;*/
}

.top_Tests .test {
	margin: 5px;
	border-bottom:#d2d2ff 1px solid;
	/*border:#CCC 1px solid;*/
}

.top_Tests .test .vis {
	float: left;
	width: 80px;
	height: 80px;
	margin:15px 5px;
	/*border: $dcdcdc 1px solid;*/
}

.top_Tests .test .memo {
	padding: 0 0 3px;
	margin: 0 0 10px;
	font-size: 0.85em;
	border-bottom: 1px solid #d1b498;
	/*border:#CCC 1px solid;*/
}

.top_Tests .test .detail {
	float: right;
	width: 240px;
	margin:10px 0px;
	/*border:#CCC 1px solid;*/
}

.top_Tests .test .detail h3{
	padding: 0px 10px;
	font-weight: bold;
	color:#181870;
	border-bottom: 1px solid #d1b498;
	/*border:#CCC 1px solid;*/
}

.top_table{
	width: 345px;
	border-top: 1px solid #dcdcdc;
	border-collapse: collapse;
}

.top_table th{
	width: 60px;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 5px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.top_table td{
	font-size: 11px;
	padding-top: 3px;
	padding-left: 5px;
	border-bottom: 1px solid #dcdcdc;
}

.top_table td a{
	font-size: 10px;
}

.top_ranking_table{
	width: 345px;
	border-collapse: collapse;
}

.top_ranking_table th{
	width: 25px;
	padding-top: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #dcdcdc;
}

.top_ranking_table td{
	font-size: 10px;
	padding-top: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #dcdcdc;
}

.top_ranking_table td a{
	font-size: 10px;
	font-weight:bold;
	color: #002302;
	text-decoration: underline;
}


/******************** カテゴリ別: LIBRARY **********************/
/* <column_box>
 * by yokote 2009/05/21
 
 * ライブラリで用いる
 * デフォルトのボックス
 * 銀色のタイトルヘッダー、銀色ボーダーあり
 * 
 */
.column_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.column_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left:10px;
	padding-right: 10px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;*/
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.column_box_m p{
	margin:5px 0;
	text-indent:1em;
}

.column_box_all_half_m p{
	margin:5px 0;
	text-indent:1em;
}


.column_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}

.column_box_all {
	width: 500px;
	height: auto;
}


.column_box_all_right {
	width: 250px;
	height: auto;
	float: right;
}

.column_box_all_left {
	width: 250px;
	height: auto;
	float: left;
}

.column_box_all_half_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 1px;
	/*background-color: #98fb98;*/
} 

.column_box_all_half_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left:10px;
	padding-right: 10px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;*/
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.column_box_all_half_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}



/* <column_box>
 * by yokote 2009/05/21
 *
 * デフォルトのボックス
 * 銀色のタイトルヘッダー、銀色ボーダーあり
 * 
 */
.column_index_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.column_index_box_m {
	font-size: 10px;
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left: 5px;
	padding-right: 3px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;*/
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.column_index_box_m a{
	font-size: 10px;
}

.column_index_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}

.clm_red{
	width:80%;
	height:auto;
	border:thin solid #FF0000;
	background:#FFCCCC;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.clm_gray{
	width:80%;
	height:auto;
	border:thin solid #000;
	background:#DCDCDC;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/******************** カテゴリ別: レポート **********************/
/* <report_box>
 * by yokote 2009/06/04
 * 
 * 
 * 
 * 
 */
 
 
 .report_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.report_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-left: 5px;
	padding-right: 3px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.report_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}

 
.report_left{
	float:left;
}

.report_right{
	float:right;
}


.report_box_1 {
	width: auto;
	
} 

.report_box_2 {
	width: auto;
	height:388px;
} 

.report_box_3 {
	width: auto;
	height:310px;
} 

.report_box_image { 
	padding: 5px 5px 5px 5px;
}

/* 汎用性のあるclm_grayを定義したので、ここはコメント合うとさせて by yamasaki
   講演内容は他のCSS組むとかで対処お願いします

.clm_gray{
	width:440px;
	height:auto;
	background:#EEEEEE;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
}
*/

/******************** カテゴリ別: セミナー **********************/

table.seminar-table{
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	margin:5px auto;
}

.seminar-table tr{
	border-bottom:1px solid #663300;
}

.seminar-table th{
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#ccc;
	background-image:url(../images/title-header1.png);
    background-position:left top;
    padding:0em 1em;
    text-align:center;
}
.seminar-table td{
    padding:0em 1em;

}

/******************** カテゴリ別: Inductory Report **********************/

/*
 * by yamasaki 2009/06/01
 * 
 * トップのメッセージを表示する時のボックス(paddingを多めにとる)
 */
.ir_top_box{
	width: auto;
	height: 120px;
	margin: 5px 10px 0px 10px;
	/*border-left: #dcdcdc 1px solid;*/
	/*border-right: #dcdcdc 1px solid;*/
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.ir_top_box .sub_left_box{
	float: left;
	width: 390px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	/*border-right: 1px solid #dcdcdc;*/
	/*background-color: #FF0;*/
}

.ir_top_box .sub_right_box{
	float: right;
	width: 260px;
	height: 110px;
	background:url(../images/ir_contents.jpg) no-repeat;
	padding-top: 20px;
	padding-left: 10px;
}

/* <gyokai_box>
 * by kawaguchi 2009/0528
 *
 *業界のボックス
 *
 *
 */
.gyokai_box{
	width: auto;
	height: auto;
	padding: 20px 50px;
}

.gyokai_contents{
	width: 80%;
	height: auto;
	background: #dcdcdc;
	border: 2px solid #000;
	margin: 0 auto 0 auto;
	padding: 10px 10px;
}

/******************** カテゴリ別: OBOG訪問 **********************/


/******************** カテゴリ別: 診断テスト **********************/
/* <challenge_box>
 * by urano 2009/05/25
 *
 * 診断テストのボックス
 * 
 */
.challenge-box{
	text-align: left;
	font-size: 12px;
	padding: 5px 10px;
	background-color: #FFF;
	margin: 5px 5px 10px 5px;
}

#challenge-indeximg{
	width:700px;
	margin:5px auto;
}

.question{
	background-color:#DFF1F3;
}
.box_logical{
	width:600px;
	border:solid 1px #333;
	margin-left:20px;
	padding:5px;
}
.clm-gray3{
	width:450px;
	height:auto;
	border:thin solid #666666;
	background:#EEEEEE;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;

}
/******************** カテゴリ別: その他 ************************/

/**** 会員登録ページ ****/
.regist_form {
	width: 85%;
	padding: 15px;
	background-color: #D7F7B9;
	margin: 0px auto;
}


/* <faq_box>
 * by yokote 2009/05/22
 *
 * FAQのボックス
 * 
 * 
 */

.faq_box_t{
	width:auto;
	font-weight:bold;
	background-color:#fff0f5;
	padding: 3px 10px 3px 10px;
	margin:5px 5px 0px 5px;
	border:thin solid #CCCCCC;
	border-bottom:none;
}

.faq_box{
	width:auto;
	margin:0px 5px 15px 5px;
	padding:10px;
	font-size: 12px;
	border:thin solid #CCCCCC;
}

/* <challenge_box>
 * by yamasaki 2009/05/31
 *
 * xxrの本リストで使用
 */
.book_list {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: auto;
	border-bottom: 1px solid #dcdcdc;
}

.book_list .image_box {
	float: left;
	width: 50px;
	height: 65px;
	/*background: #f00;*/
}

.book_list .sentence_box{
	float: right;
	width: 150px;
	height: 65px;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 3px;
	/*background: #00f;*/
}

.book_list .sentence_box a{
	font-size: 10px;
	font-weight:bold;
	color: #002302;
	text-decoration: underline;
}

.book_list .sentence_box p{
	color:#336699;
	font-size: 10px;
}
/* <group_box>
 * by urano 2009/06/02
 *
 * xcxのヘッダーなし
 */
.c_c_group{
    width: 470px;
    margin:0px;
    padding:5px;
    font-size:13px;
}
/* 学生リンクの下段のボックス群 */
.group-box {
	float: left;
	width: 140px;
	height: 310px;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 2px 1px 2px 1px;
}

.group_table th{
	text-align:right;
	vertical-align:top;
}
.group_table tr{
	margin-bottom:5px;
}
#jasc-box1{
	font-size:13px;
	width:670px;
	height:auto;
	padding:40px 20px 0px 10px;
	background:url(../images/jasc-box1.gif) no-repeat;
	background-position:8% 7%;
	margin-left:auto;
	margin-right:auto;
}
#jasc-box2{
	font-size:13px;
	width:600px;
	height:auto;
	padding:50px 30px 20px 20px;
	border:thin solid #EEE;
	background:url(../images/jasc-box2.gif) no-repeat;
	background-position:8% 7%;
	margin-left:auto;
	margin-right:auto;
}
/* <suit_box>
 * by kawaguchi 2009/06/02
 *
 *suit.html用
 */
.suit_box{
	text-align: left;
	font-size: 12px;
	padding: 5px 10px;
	background-color: #FFF;
	margin: 5px 5px 10px 5px;
}

/**************** prepage *****************/

.Tests {
	margin 5px auto;
	float: left;
	width: 95%;
	background:url(../images/bg.gif);
	/*background: #dcdcdc;*/
	text-align:left;
}

.Tests .test {
	clear: both;
	margin: 5px;
	border-bottom:#d2d2ff 1px solid;
	/*border:#CCC 1px solid;*/
}

.Tests .test .vis {
	float: left;
	width: 110px;
	height: auto;
	margin:15px 5px;
	/*border:#CCC 1px solid;*/
}

.Tests .test .memo {
	padding: 0 0 3px;
	margin: 0 0 10px;
	font-size: 0.85em;
	/*border-bottom: 1px solid #d1b498;*/
	/*border:#CCC 1px solid;*/
}

.Tests .test .detail {
	float: right;
	width: 280px;
	margin:10px 0px;
	/*border:#CCC 1px solid;*/
}

.Tests .test .detail h3{
	padding: 0px 10px;
	font-weight: bold;
	color:#181870;
	border-bottom: 1px solid #d1b498;
	/*border:#CCC 1px solid;*/
}



/*******tmp PE & HR********/


/*-- Menu --*/
ul#sub_navi {
    list-style:none;
    width:180px;
	margin:0px auto auto 10px;
	/*border: 1px solid #000;*/
}

ul#sub_navi li {
    list-style: none;
    float: left;
    width: 180px;
	height: 30px;
	margin-top: 5px;
	/*border: 1px solid #dcdcdc;*/
}

ul#sub_navi a {
    display:block;
    width:180px;
    height:30px;
	text-indent:-1000px;
}


#sub_navi a.sub_navi-top {
	background:url(../special/entre/images/sub_navi_top.png);
}

#sub_navi a.sub_navi-overview {
	background:url(../special/entre/images/sub_navi_overview.png);
}

#sub_navi a.sub_navi-requirements {
	background:url(../special/entre/images/sub_navi_requirements.png);
}

#sub_navi a.sub_navi-judge-flow {
	background:url(../special/entre/images/sub_navi_judge-flow.png);
}

#sub_navi a.sub_navi-seminar {
	background:url(../special/entre/images/sub_navi_seminar.png);
}

#sub_navi a.sub_navi-entry {
	background:url(../special/entre/images/sub_navi_entry.png);
}

.pehr_box_t {
	width: auto;
	height: 30px;
	margin: 4px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	padding-top: 4px;
	padding-left: 3px;
	/*background-color: #98fb98;*/
} 

.pehr_box_m {
	width: auto;
	height: auto;
	margin: 0px 2px 0px 2px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	/*border: 1px solid #000000;*/
	/*background-color: #ffc0cb;*/
}

.pehr_box_b {
	width: auto;
	height: 10px;
	margin: 0px 2px 0px 2px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	/*background-color: #ee82ee;*/
}


.logo_image{
	border:solid 1px #deb887;
}