@charset "utf-8";

/*
    ------------------------------
	  Basic
    ------------------------------	
*/
* {
    margin: 0;
    padding: 0;
}
html, body {
	height:100%;
	font-size:12px;
	font-family:メイリオ, ＭＳ Ｐゴシック;
	color:#333333;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/index/body_back.gif);
}
a {
	color: #005E92;
	text-decoration: none;
}
a:hover {
	color: #CC00FF;
	text-decoration: underline;
}

.Both {
	clear: both;
	visibility: hidden;
}
img {
	border-style: none;
}
li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
.F_red {
	font-size: 10px;
	color: #FF3300;
}
.F_gray {
	font-size: 9px;
	color: #666666;
}
.F_blue {
	font-size: 0.9em;
	color: #6078B9;
}





input,select,textara {
	font-size: 1em;
}
.TitleBar01 {
	background: url(../images/index/title_bar1.gif) no-repeat;
	height: 28px;
	width: 298px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}


#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
}

#screen {
	width: 900px;
	height:100%;
	margin: 0 auto;
	padding-bottom: 50px;
	height: 100%;
}

/* ---------------------------------------- */
/* Wait
/* ---------------------------------------- */
   .FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

   .FreezePaneOn
   {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 999;
	filter:alpha(opacity=85);

      -moz-opacity:0.85;
	padding-top: 20%;
	background: #666 no-repeat;
   }

   .InnerFreezePane
   {
	text-align: center;
	width: 400px;
	color: #66FFFF;
	font-size: 12px;
	border: 2px solid #FFFFFF;
	padding: 50px 20px 20px;
	background: #333333 url(../loader.gif) no-repeat center 15px;
   }

/*
    ------------------------------
	  SubmitBUtton／表示タイトル用
    ------------------------------	
*/
button {
	border:0;
	cursor:pointer;
	padding:0 20px 0 0;
	text-align:center;
	margin-right: 10px;
}
button span {
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

*html button {  　　　　　/*IE6だけに適用*/
  width:auto; 
  overflow:visible; 
}
*html button span {  　　　　　/*IE6だけに適用*/
  margin-top:1px;
}
*+html button {　　　　　/*IE7だけに適用*/
  width:auto; 
  overflow:visible; 
}
*+html button span {　　　　　/*IE7だけに適用*/
  margin-top:1px;
}


/* Type 1----------------------------------------------------------- */
button.submitBtn {
	background:url(../images/button/submit_1R.gif) no-repeat right;
	font: 14px メイリオ, ＭＳ Ｐゴシック;
}
button.submitBtn span {
	height:35px;
	line-height:35px;
	background:url(../images/button/submit_1L.gif) no-repeat left;
	color:#000000;
}
button.submitBtn:hover {
	background:url(../images/button/submit_1Rover.gif) no-repeat right;
}
button.submitBtn:hover span {
	background:url(../images/button/submit_1Lover.gif) no-repeat left;
}
.Title_1 {
	width: 400px;
	margin-bottom: 15px;
}

/* Type 2----------------------------------------------------------- */
button.submitBtn2 {
	background:url(../images/button/submit_2R.gif) no-repeat right;
	font: 12px メイリオ, ＭＳ Ｐゴシック;
}
button.submitBtn2 span {
	height:25px;
	line-height:25px;
	background:url(../images/button/submit_2L.gif) no-repeat left;
	color:#000000;
}
button.submitBtn2:hover {
	background:url(../images/button/submit_2Rover.gif) no-repeat right;
}
button.submitBtn2:hover span {
	background:url(../images/button/submit_2Lover.gif) no-repeat left;
}
.FormButtonField {
	margin: 20px auto;
	width: 350px;
}




/*
    ------------------------------
	  Table
    ------------------------------	
*/

.Variation_1 table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 550px;
  }
.Variation_1 thead th {
	border: 1px solid #CCCCCC;
	background: #6078B9 url(../images/index/side_bar.gif);
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	height: 20px;
	padding-left: 10px;
  }
.Variation_1 tbody th {
	border: 1px solid #CCCCCC;
	background: #E7F1F8;
	width: 150px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	padding: 5px;
  }
.Variation_1 tbody td{
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
  }


.Variation_2 table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 500px;
  }
.Variation_2 thead th {
	border: 1px solid #CCCCCC;
	background: #6078B9;
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	font-size: 0.9em;
  }
.Variation_2 thead td{
	border: 1px solid #CCCCCC;
	padding-left: 10px;
  }
.Variation_2 tbody th {
	border: 1px solid #CCCCCC;
	background: #E7F1F8;
	width: 150px;
	color: #6078B9;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
  }
.Variation_2 tbody td{
	border: 1px solid #CCCCCC;
	padding-left: 10px;
  }



.Variation_3 table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 600px;
  }
.Variation_3 a {
	color: #FF6600;
	text-decoration: underline;
}
.Variation_3 a:hover {
	color: #6078B9;
}

.Variation_3 .td_color {
	font-size: 0.9em;
	color: #6078B9;
	width: 100px;
}

.Variation_3 tbody th {
	border: 1px solid #CCCCCC;
	background: #E7F1F8;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
  }
.Variation_3 tbody td{
	border: 1px solid #CCCCCC;
	padding-left: 10px;
  }

.Variation_4 table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
  }
.Variation_4 thead th {
	border: 1px solid #CCCCCC;
	background: #6078B9;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	font-size: 0.9em;
	padding-right: 5px;
  }
.Variation_4 thead td{
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
  }
.Variation_4 tbody th {
	border: 1px solid #CCCCCC;
	background: #E7F1F8;
	color: #6078B9;
	font-weight: normal;
	text-align: left;
	padding: 2px 5px;
  }
.Variation_4 tbody td{
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
  }



.Variation_5 table {
	border-collapse: collapse;
	background: #FFFFFF;
  }
.Variation_5 thead th {
	border: 1px solid #CCCCCC;
	background: #6078B9;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	font-size: 0.9em;
	padding-right: 5px;
  }
.Variation_5 thead td{
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
  }
.Variation_5 tbody th {
	color: #6078B9;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #6078B9;
	width: 150px;
  }
.Variation_5 tbody td{
	padding: 5px;

  }



.Variation_6 table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 100%;
  }
.Variation_6 thead th {
	border: 1px solid #CCCCCC;
	background: #6078B9 url(../images/index/side_bar.gif);
	width: 150px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	height: 20px;
	padding-left: 10px;
  }
.Variation_6 tbody th {
	border: 1px solid #CCCCCC;
	background: #E7F1F8;
	width: 150px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	padding: 5px;
  }
.Variation_6 tbody td{
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
  }
.Variation_6 .fset_marg {
	margin: 10px;
}

.Variation_6 fieldset {
	border: 1px solid #6078B9;
	width: 600px;
}
.Variation_6 legend {
	font-size: 10px;
}
.Variation_6 legend span {
	background: #6078B9;
	color: #FFFFFF;
	width: 150px;
	display: block;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}



/*
    ------------------------------
	  Paging
    ------------------------------	
*/

#page{
	margin-top:15px;
	margin-bottom:5px;
}
#page a {
	padding: 2px 4px;
	text-decoration: none;
	background-color: #F1F1F1;
	border: 1px solid #999999;
}

#page a:hover {
	color: #FFFFFF;
	background: #8B9DCC;
} 

#page .nowpage {
	padding: 2px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999CAD;
	text-decoration: none;
	color: #FFFFFF;
	background: #6078B9;
	font-size: 1.1em;
}



/*
    ------------------------------
	  Header
    ------------------------------	
*/

#Header {
	background: #FFF;
	font-size: 0.9em;
	border-bottom: 1px solid #6078B9;

}
#Adsence_1 {
	text-align: right;
	padding-right: 10px;
}

#Header_links {
	line-height: 19px;
	height: 19px;
	background: url(../images/index/links_back.gif);
}
#Header_links a {
	color: #FFFFFF;
	display: block;
	float: right;
	border-left: 1px solid #889ACB;
	padding-left: 5px;
	padding-right: 5px;
	width: 110px;
	text-align: center;
}
#Header_links a:hover {
	text-decoration: underline;
}

#container #TopStr {
	color: #FFFFFF;
	background: #6078B9;
}
#TopStr #Top_Left {
	float: left;
	width: 600px;
	padding-left: 5px;
}
#Top_Left #Top_right {
	float: right;
}
#Top_right a {
	color: #FFFF66;
	text-decoration: underline;
}
#Top_right a:hover {
	color: #FFCCCC;
}




#Header #logo {
	float: left;
	width: 400px;
	height: 60px;
}
#Header #bunner {
	float: right;
	width: 468px;
	height: 60px;
}


/*
    ------------------------------
	  Footer
    ------------------------------	
*/

#Footer {
	width: 900px;
	position: absolute;
	bottom: 0;
}
#Footer #Footer_cms {
}

#Footer #FooterMenus {
	text-align: center;
}
#Footer #FooterContents {
	background: #6078B9;
	height: 50px;
	color: #FFFFFF;
}

/*
    ------------------------------
	  HELP MENU
    ------------------------------	
*/
	#dhtmlgoodies_listMenu a{	/* メインメニュー */
	color:#000099;
	text-decoration:none;
	font-weight:bold;
	background: url(../images/icon/arrow.gif) no-repeat;
	padding-left: 15px;

	}
	#dhtmlgoodies_listMenu ul li a{	/* サブメニュー */
	color: #6666FF;
	font-weight:normal;
	background: url(none);
	font-size: 10px;
	}
#dhtmlgoodies_listMenu ul li a:hover {
	text-decoration: underline;
}

	#dhtmlgoodies_listMenu ul li ul li a{	/* サブサブメニュー */
		color: #000;
		font-style:italic;
		font-size:0.9em;
		font-weight:normal;		
	}
	
	#dhtmlgoodies_listMenu .activeMenuLink{	/* アクティブなメニューのスタイル */
		color:blue;
	}
	
		
	#dhtmlgoodies_listMenu li{
		list-style-type:none;	
	}
	
	/*
	マージンとパディングは0に
	*/
	#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
		margin:0px;
		padding:0px;
	}

	/* サブメニューのマージン */
	#dhtmlgoodies_listMenu ul{
		display:none;
		margin-left:10px;
	}


/*
    ------------------------------
	  SEarch Table
    ------------------------------	
*/
/*
.Variation_1 table {
	border-collapse: collapse;
	border: 1px solid #8095CD;
	background: #FFFFFF;
	width: 100%;
  }

.Variation_1 thead th {
	border: 1px solid #7F94CD;
	color: #FFFFFF;
	background: #899BCB url(../images/index/side_bar.gif);
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
  }

.Variation_1 tbody th {
	border: 1px solid #7F94CD;
	color: #334575;
	background: #DAE0EF;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
  }

.Variation_1 tbody td{
	border: 1px solid #7F94CD;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
  }
*/


.link_type_2 a {
	display: block;
	color: #3A4F83;
}
.link_type_2 a:hover {
	color: #FF6600;
	text-decoration: none;
}



/*
    ------------------------------
	  Contents
    ------------------------------	
*/

#Contents {


}
.Tab_xml {
	height: 120px;
}
.RssDate {
	font-size: 10px;
	color: #999999;
}

#Tab_all {
	width: 631px;
	margin-right: auto;
	margin-left: auto;
}
#rss_iconn {

}
#rss_iconn #icon_left {
	float: left;
	width: 200px;
}
#rss_iconn #icon_right {
	float: right;
	width: 100px;
	text-align: right;
}



#Contents #TopContents {
}

#Contents  #LeftContents {
	float: left;
	width: 200px;
}
#LeftContents .L_contents {
	margin-bottom: 20px;

}
.L_contents  .L_titles {
	line-height: 20px;
	color: #FFFFFF;
	background: url(../images/index/side_bar.gif);
	height: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
}
.L_contents  .L_str {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
#link_type2 a {
	color: #6078B9;
	width: 46px;
	display: block;
	float: left;
	font-size: 10px;
}
#link_type2 a:hover   {
	color: #FF6600;
}
#link_type1 a {
	display: block;
}


#link_type1 a:hover {
	color: #6078B9;
	background: #D0D8EA;
	text-decoration: none;
}


#Contents #RightContents {
	float: right;
	width: 690px;
}
#RightContents .R_contents {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
.R_contents .R_title {
	color: #FFFFFF;
	background: #6078B9 url(../images/index/side_bar.gif);
	padding-left: 5px;
	line-height: 20px;
	height: 20px;
}
.PageTitle01 {
	color: #FFFFFF;
	background: url(../images/index/title_bar.gif) no-repeat;
	height: 42px;
	width: 512px;
	padding-left: 40px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}
.R_contents #FormField {
	width: 500px;
	margin-left: 30px;
}
.R_contents #FormField2 {
	width: 590px;
	margin-left: 30px;
}
.FormButtonField {
	margin: 25px auto;
	width: 300px;
}
#Members {
	margin-left: 45px;
}
#Members #LoginForm {
	padding: 20px;
	width: 300px;
	border: 1px solid #CCCCCC;
	margin-top: 50px;
}
#LoginForm ul {
	margin-left: 20px;
	margin-top: 20px;
}
#Members #LoginDetailes {
	margin-top: 20px;
}
#member_link a {
	padding-left: 15px;
	background: url(../images/index/arrow_1.gif) no-repeat;
	display: block;
}
#member_link2 a {
	padding-left: 30px;
	background: no-repeat;
	display: block;
}

.Recruit {
	margin-left: 15px;
	margin-bottom: 20px;
}
.Recruit_res {
	margin-left: 100px;
	margin-bottom: 20px;
}

.Recruit .Rec_title {
	font-size: 1.1em;
	font-weight: bold;
	color: #FF6600;
	border-bottom: 3px solid #6078B9;
	width: 550px;
}
.Recruit .Rec_data {
	width: 550px;
	margin-top: 15px;
}
.Rec_data .Rec_Comment {
	margin-top: 15px;
}
.Rec_data .Rec_Footer {
	border-top: 1px solid #6078B9;
	margin-top: 10px;
	font-size: 0.9em;
	text-align: right;
	padding-right: 15px;
}
#bbs {
}
#bbs ul {
	padding-left: 15px;
}
#bbs p {
	color: #333399;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 15px;
}
#bbs  .bbs_link a {
	display: block;
	text-decoration: underline;
	padding-left: 5px;
}
#bbs  .bbs_link a:hover {
	color: #FFFFFF;
	background: #6078B9;
}
#bbs .bbs_date {
	border-top: 1px solid #999999;
	font-size: 0.9em;
	text-align: right;
	padding-right: 20px;
	margin-top: 20px;
}
.pdd_10 {
	margin: 10px;
}
.SearchView {
	width: 630px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.SearchView .SviewTitles {
	line-height: 21px;
	color: #FFFFFF;
	background: url(../images/index/side_bar.gif);
	height: 21px;
	padding-left: 5px;
}
.SearchView .SviewContents  {
	margin: 10px;
}
#SearchResult {
	width: 630px;
	margin: 20px auto;
}
#SearchResult #SearchPager {
	margin-bottom: 20px;
}
#SearchResult .SviewChage {
	padding: 10px;
	margin-bottom: 10px;
	border: 2px solid #8598C9;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.SviewChage .Chg_titles {
	font-size: 14px;
	font-weight: bold;
	color: #660066;
	margin-bottom: 10px;
}
.Chg_titles a {
	display: block;
	color: #FF3300;
	text-decoration: underline;
}
.Chg_titles a:hover {
	background: #DFDFFF;
}


.SviewChage .Chg_category {
	font-size: 0.9em;
	color: #666666;
	padding-left: 20px;
}
.SviewChage .Chg_hitokoto {
	color: #FF6600;
	padding-left: 20px;
}
.SviewChage .Chg_comment {
	margin: 10px auto;
	width: 90%;
}
.SviewChage .Chg_foot {
	color: #6078B9;
	text-align: right;
	padding-right: 20px;
}


#SearchResult .SviewNomal {
	width: 85%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.SviewNomal .Nml_titles {
	font-weight: bold;
}
.Nml_titles a {
	display: block;
	color: #6078B9;
	text-decoration: underline;
}
.Nml_titles a:hover {
	background: #DFDFFF;
	color: #FF0000;
}
.SviewNomal .Nml_ctg {
	color: #666666;
	padding-left: 20px;
	font-size: 0.9em;
}
.SviewNomal .Nml_hitokoto {
	padding-left: 20px;
	color: #FF6600;
}
.SviewNomal .Nml_foot {
	text-align: right;
	padding-right: 10px;
	color: #6C83C1;
}
#mini_categorys {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mini_categorys #min_title {
	font-size: 0.9em;
	color: #6078B9;
	padding-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
}

#mini_categorys .min_ctg {
	float: left;
	width: 180px;
	font-size: 0.9em;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#help_left {
	float: left;
	width: 190px;
	border-right: 1px solid #CCCCCC;
}
#help_left #help_L_title {
	color: #6078B9;
	margin-bottom: 10px;
	border-left: 1px solid #6078B9;
	padding-left: 3px;
}

#help_right {
	float: right;
	width: 450px;
}
#help_text #help_t_title {
	color: #6078B9;
	border-bottom: 1px solid #999999;
	width: 350px;
}
#help_text #help_t_comment {
	width: 90%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#help_right #help_text {
	margin-top: 20px;
}
#help_left #hlpctg {
}
#site_map {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#site_map ul {
	margin-left: 30px;
}
#site_map li {
}
#site_map h3 {
	color: #6078B9;
	padding-left: 5px;
	border-left: 2px solid #FF6600;
	font-size: 12px;
	margin-top: 10px;
}
.SviewChage .V_img_left {
	float: left;
	width: 150px;
}
.SviewChage .V_img_right {
	float: right;
	width: 390px;
}
