/*
Theme Name: ANDsense Client Theme
Theme URI: http://www.andsense.co.jp/
Description: 顧客専用テーマ
Version: 20 Jan, 11:54
Author: ICT・イメージソリューション事業部
Author URI: http://www.andsense.co.jp/
*/

@import url("./css/style00-reset.css");
@import url("./css/style02-basic.css");
@import url("./css/style03-document.css");
@import url("./css/style04-list.css");
@import url("./css/style05-table.css");
@import url("./css/style99-hack-ie.css");

/* -- Theme Original CSS -------------------------------------------------------- */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   General Frame : Definition

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

body {
	background: repeat-y 50% 0% #f8fbf9;
	padding:0 0 0 1px;
	font-family: verdana, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; /* "ヒラギノ角ゴ Pro W3" */
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

div#general-frame {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #f8fbf9;
}


div#frame-230 { /* 左サイド */
	width: 230px;
	margin: 20px 4px 0 4px;
}

div#frame-530 { /* ドキュメント */
	width: 530px;
	margin: 0 4px 0 4px;
	overflow: hidden;
}
div#frame-170 { /* 右サイド */
	width: 170px;
	margin: 0 4px 0 4px;
}

/* -----------------------------------------------
    Header Division : Definition
   ----------------------------------------------- */

div#header {
	margin: 0;
	padding: 0;
	background: #FDE;
	height: 132px;
	width: 100%;
	background:url('img/header-back.png') repeat-x;
	overflow: hidden2;
}

/* Division "Header-Content" はヘッダー上部の左(ロゴ)右(リンク)エリアから構成。*/

div#header-content { 
	width: 960px;
	height: 71px;
	margin: 0px auto 0 auto;
	padding: 0;
	background: transparent;
	text-align: left;
}

div#header-content a:active {
	position: relative;
	top: 1px;
	left: 1px;
}

/* -----------------------------------------------
   Header-Content > Left Area
   ----------------------------------------------- */
div#header div#header-left {
	width: 478px;
	height: 71px;
	margin: 0;
	padding: 0;
	float: left;
}

div#header div#header-left a {
	display: block;
	width: 367px;
	height: 47px;
	margin: 20px 0 0 20px;
	background: url("img/site-logo.png") no-repeat;
	float: left;
	text-indent: -10000em;
}


/* -----------------------------------------------
   Header-Content > Right Area
   ----------------------------------------------- */

div#header div#header-right {
	width: 478px;
	height: 71px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
	vertical-align: top;
/*	background: url("img/head-tel.png") no-repeat 240px 15px; 電話番号 */
}

/* -----------------------------------------------
   Header-Content > Right Area > Header Search Form
   ----------------------------------------------- */

div#header-right form#header-search {
	width: 230px;
	height: 25px;
	display: block;
	font-size: 82.25%;
	text-align: left;
	margin: 20px 0 5px auto;
}

form#header-search input#s {
	margin: 0;
	padding: 0;
	width: 171px;
	height: 20px;
	border:1px solid #BBB;
}

form#header-search input#searchsubmit {
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------
   Header-Content > Left Area > Links
   ----------------------------------------------- */

ul#header-link {
	display: block;
	width: 230px;
	height: 20px;
	margin: 0;
	overflow: hidden;
	float: right;
}

ul#header-link li {
	width: auto;
	height: auto;
	margin: 0 10px 0 auto;
	padding: 2px 0 0 18px;
	float: left;
	background: url("img/arrow-blue.png") no-repeat 0 5px;
	font-size: 10pt;
}

ul#header-link li a {text-decoration: none;color: white;}
ul#header-link li a:hover {color: yellow;}

*html ul#header-link li a:active {position:relative;top:1px;}


/* -----------------------------------------------
   Header > TopMenu (メインメニュー)
   ----------------------------------------------- */

div#topmenu-frame { /* ULの親フレーム：width はULセンタリングのため 100% 固定 */
	width: 100%;
	height: 43px;
	margin: 0;
	text-align: center; /* 旧 IE 対策 */
}

ul#topmenu {
	display: block;
	width: 960px;
	height: 43px;
	margin:0 auto 0 auto;
	list-style: none;
	clear: both;
}

ul#topmenu li {
	display: inline;
	width: auto;
	height: 43px;
	margin:0;
	padding: 0;
	float: left;
}

ul#topmenu li a {
	height: 43px;
	margin: 0;
	padding: 0;
	text-indent: -10000em;
	display: block;
	color: black;
	text-decoration: none;
	overflow: hidden;
}

ul#topmenu li a:active {position:relative;top:1px;}

li#tm01 a {width: 138px; background:url("img/tm01-home.png") 0 0 no-repeat;}     /* HOME */
li#tm02 a {width: 136px; background:url("img/tm02-jha.png") 0 0 no-repeat;}      /* JHAについて */
li#tm03 a {width: 137px; background:url("img/tm03-hjl.png") 0 0 no-repeat;}      /* 日本リーグ */
li#tm04 a {width: 137px; background:url("img/tm04-national.png") 0 0 no-repeat;} /* 日本代表 */
li#tm05 a {width: 137px; background:url("img/tm05-games.png") 0 0 no-repeat;}    /* 国内試合予定・結果 */
li#tm06 a {width: 137px; background:url("img/tm06-rule.png") 0 0 no-repeat;}     /* Rule */
li#tm07 a {width: 137px; background:url("img/tm07-magazine.png") 0 0 no-repeat;} /* マガジン */

ul#topmenu li a:hover {background-position:0 1px;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   Documenet : Home

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#home-topphoto {
	height:222px;
	margin: 0px 0 -10px 0;

}

div#home-topphoto img {
	position:absolute;
	top:-222px;
	left:-10000em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   Footer : Definition

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#footer {
	width: 100%;
	height: 160px;
	margin: 100px 0 0 0;
	overflow: hidden;
	background: url("img/footer-back.png") repeat-x 0 32px;
	color: white;
	font-size: 82.25%;
	text-align: center;
}

div#footer-content {
	width: 960px;
	height: 100px;
	margin: 0 auto 0 auto;
}

/* -----------------------------------------------
   [1行目] GoTop : ページの先頭へ戻る
   ----------------------------------------------- */

div#footer-backtotop {
	width: 960px;
	height: 32px
	margin: 0 auto 0 auto;
	text-align: right;
}

div#footer-backtotop a {margin-right: 3%;}

/* -----------------------------------------------
   [2行目] Links : ロゴ(左/背景)・フッターリンク(右)・水平線
   ----------------------------------------------- */

div#footer-link {
	width: 960px;
	height: 20px;
	margin: 10px auto 10px auto;
	float: right;
	text-align: right;
}

div#footer-link ul {
	width: 500px;
	height: 1.3em;
	margin: 0px 5px 5px auto;
	display: block;
	list-style: none;
	clear: both;
}

div#footer-link ul li {
	width: auto;
	height: auto;
	display: inline;
	margin: 0;
	padding: 0;
	float: right;
	color: white;
}

div#footer-link ul li a {color: white;}

div#footer-link a {color: #222;text-decoration:none;}

.line { /* フッター 会社ロゴ・水平線 */
	background: url("img/footer-line.png") repeat-x 0 70px;
}


/* -----------------------------------------------
   [3行目－左] Address
   ----------------------------------------------- */

div#footer-address {
	width: 350px;
	height: auto;
	float: left;
	margin-left: 5px;
}

div#footer-address h3 { /* 組織名 */
	margin: 0 0 5px 0;
	font-size: 107%;
	font-weight: bold;
	text-align: left;
	color: white;
}

div#footer-address address {
	width: 400px;
	height: 50px;
	text-align: left;
	margin: 0px 0 0 0;
	color: white;
}

/* -----------------------------------------------
   [3行目-右] Copyright
   ----------------------------------------------- */


div#footer-copyright {
	width: 500px;
	height: 5em;
	float: right;
	text-align: right;
	margin: 0px 0 0 0;
	color: white;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   Home Page : 

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* -----------------------------------------------
   H2 定義
   ----------------------------------------------- */

div#frame-530 h2 {
	margin: 0px 0 10px 0;
	width: 647px;
	height: 42px;
}

h2#lastest { /* 新着求人 */
	text-indent: -1000em;
	background: url("img/h2-lastest.png") no-repeat;
}	

h2#prefecture { /* 都道府県 */
	text-indent: -1000em;
	background: url("img/h2-prefecture.png") no-repeat; 
}	

h2#search { /* 詳細条件検索 */
	text-indent: -1000em;
	background: url("img/h2-search.png") no-repeat;
}	

h2 a {text-decoration:none;}



/* -----------------------------------------------
   新着求人情報
   ----------------------------------------------- */

ul.news-list {
	width: 600px;
	height: auto;
	margin: -5px auto 0px 23px;
	padding: 0;
}

ul.news-list li {
	margin: 0 0 0px 0;
	padding: 0px 0 0 0 ;
	width: auto;
	height: auto;
	overflow: hidden;
	list-style: none;
	line-height: 30px;
}

ul.news-list li span {
	display: block;
	margin: 4px 10px 0 5px;
	width: 70px;
	height: 20px;
	float: left;

	border: #8fe1a1 1px solid;
	background: #146526;
	text-align: center;
	font-size: 70%;
	line-height: 15pt;
	color: #FFFFFF;

	overflow: hidden;
}

ul.news-list li.list-hover {background: #fdfacc !important;}
ul.news-list li.list-hover a {color: #95083d !important;}


li.list-label {
	display: block;
	float: left;
	width:80px;
	text-align: center;
	font-size: 70%;
	height: 20px;
	line-height: 15pt;
	background: #F55;
	color: white;
	border: pink 1px solid;
	margin: 0 10px 0 10px;
}

table#home-news td a {color:#44F;}


/* -----------------------------------------------
   都道府県別 検索
   ----------------------------------------------- */

div#prefecture-search {
	width: 600px;
	height: auto;
	margin: 0 0 0 15px;
	color: #777;
	background: url("img/japanmap.png") no-repeat 90% 50%; /* 日本地図 */
}

div#prefecture-search table {
	width: 580px;
	height: 196px;
	margin-left:30px;
}

div#prefecture-search a {color: #33F;}
div#prefecture-search table tr {height: 25px;}
div#prefecture-search table th {width: 130px;}


/* -----------------------------------------------
   条件を指定して検索
   ----------------------------------------------- */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   Page :

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* -----------------------------------------------
   Page Top Photo
   ----------------------------------------------- */

div#pagephoto {
	width: 960px;
	height: 150px;
	margin: 0;
	padding-bottom: 1px;
	text-indent: -1000em;
	border-bottom: 1px solid #CCC;
}

div.tp-access {background: url("img/tp-access.png") no-repeat 1px 0;}
div.tp-faq {background: url("img/tp-faq.png") no-repeat 1px 0;;}
div.tp-forclient {background: url("img/tp-forclient.png") no-repeat 1px 0;;}
div.tp-forstaff {background: url("img/tp-forstaff.png") no-repeat 1px 0;;}
div.tp-inquiry {background: url("img/tp-inquiry.png") no-repeat 1px 0;;}
div.tp-privacy {background: url("img/tp-privacy.png") no-repeat 1px 0;;}
div.tp-profile {background: url("img/tp-profile.png") no-repeat 1px 0;;}
div.tp-regist {background: url("img/tp-regist.png") no-repeat 1px 0;;}
div.tp-result {background: url("img/tp-result.png") no-repeat 1px 0;;}
div.tp-sitemap {background: url("img/tp-sitemap.png") no-repeat 1px 0;;}
div.tp-terms {background: url("img/tp-terms.png") no-repeat 1px 0;;}

/* -----------------------------------------------
   H2
   ----------------------------------------------- */

.document h2 {
	width: 647px;
	height: 42px;
	margin: 0px 0 20px 0;
	line-height: 40px;
	text-indent: 2.5em;
	text-align: left;
	color: #440B0B;
	font-family: 'arial';
	font-weight: bold;
	font-size: 130%;
	background: url("img/h2-back.png") no-repeat;
}

/* -----------------------------------------------
   H3
   ----------------------------------------------- */

.document h3 {
	margin: 20px 0 10px 20px;
	width: 490px;
	height: 20px;
	padding: 2px 0px;
	border: 1px solid #DDD;
	border-left: 5px solid #070;
	text-indent: 0.8em;
	line-height: 150%;
	text-align: left;
	color: #444;
/*	background: #FFD;*/
	background: white;
	font-family: 'ＭＳ Ｐゴシック','arial';
	font-weight: bold;
	font-size: 100%;
}

.document h3#title {
	background: none !important;
	border: none !important;
	margin: 2.3em 1em !important;
	padding: 0 !important;
	text-align: center;
}



/* -----------------------------------------------
   H4
   ----------------------------------------------- */

div#document-body h4 {
	margin: 1.8em auto 1em 2.3em;
	padding-left: 0.8em;
	height: 1em;
	line-height: 1em;
	border-left: 0.5em solid #800;
}

div#document-body p + h4 {
	margin-top: 1.8em;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   Single :

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* -----------------------------------------------
   Page Top Photo
   ----------------------------------------------- */

div.document div.storycontent p:first-child { /* Geocoding 用コードを非表示 */
	display: none;
}

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

table.type10 {
	width: 580px;
	height: auto;
	margin: 0 0 30px 30px;

	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #DDD;
}

table.type10  th {
	background: #fcf2f8 no-repeat 6px 50%;
	border: 1px solid #DDD;
	color: #533;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
}

table.type10 td {
	border: 1px dotted #DDD;
	color: #1D5C79;
	color: #666;
	padding: 5px 10px 5px 15px;
	background: no-repeat 6px 50%;
}

div.storycontent {margin-left: -5px;} /* Google Map の表示位置を調整 */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   SideBar : Right

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* -----------------------------------------------
   Banner List
   ----------------------------------------------- */

ul#sidebar {
	width: 170px;
	height: auto;
	margin: 0 0 0px 0;
	padding: 0;
	background:;
}

ul#sidebar li {
	margin: 0 0 8px 0;
	padding: 0;
	display: block;
	float: left;
}

ul#sidebar li a {
	margin: 0;
	padding: 0;
	width: 170px;
	height: 100%;
	display: block;
	text-decoration: none;
}

ul#sidebar li a:active {position: relative;top: 1px;}

/* SiteMap Plugin 対策 */
div.ddsg-wrapper {margin: 30px 0 0 0;}

div.ddsg-wrapper > h2 {display:none;margin-top:0px;}
div.ddsg-wrapper > ul {margin-top:30px;}


div#sidebar {color:#999;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   SideBar : Left

   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* -----------------------------------------------
   Game List
   ----------------------------------------------- */

div#Game-List ul {
	margin: 0 0 10px 10px;
	font-size: 100%;
}

div#Game-List ul li {
	margin: 0px 0 -5px 10px;
	list-style: circle;
	font-size: 82.25%;
	padding: 0;
}

div#Game-List ul li img {margin-bottom:0px;}

div#Game-List h3 {
	border-top: 1px dotted #06532e;
	width: 100%;
	padding-top: 10px;
	margin: 0 0 0px 0;
	color: #06532e;
	font-size: 90%;
	font-size: 12pt;
	font-weight: bold;
}

div#Game-List span.men {display:block; width:39px; height: 18px;2float: right; background: url("img/ico-men.png") no-repeat;text-indent:-1000em;}
div#Game-List span.women {display:block; float:right: width:39px; height: 18px; 2float: left;background: url("img/ico-women.png") no-repeat;text-indent:-1000em;}


/* -----------------------------------------------
   メニューリスト
   ----------------------------------------------- */

div#menu-top {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
	background: #01673d;
	color: white;
	font-weight: bold;
	text-align: left;
	font-size: 13pt;
	text-indent: 1em;
	border-top: 0px solid #533;
}

div#menu-top a {color:white;}


div#sidemenu {
	width: 210px;
	border: 1px solid #BBB;
	margin:0 0 10px 0;
}

/* 左サイドメニュー */

ul.subpage-list {
}

ul.subpage-list li {
	display: block;
	width: 216px;
	height: auto;
	border-top: 1px #BBB solid;
	text-align: left;
	padding: 0.5em 0 0.5em 0;
	text-indent: 1.2em;
	background: #fbfbf4 url("./img/arrow/bullet_15.png") no-repeat 8px 0.8em;
	font-size: 82.25%;
}

ul.subpage-list > li:first-child {
	border-top: 0px;
}

ul.subpage-list li a {
	display: block;
	color: #944;
	text-decoration: none;
	margin-left: 10px;
}



/* サブページ */

ul.subpage-list li ul {
	margin: 0 0 0 0;
	position: relative;
	top: 6px;
}

ul.subpage-list ul ul {
	display: none;
}


ul.subpage-list li ul li {
	background: #FFF url('../img/arrow/bullet_09.png') no-repeat 8px 0.8em;
	border: none;
	border-top: dotted 1px #AAA;
	font-size: 82.25%;
	text-indent: 2em;
}

ul.subpage-list .current_page_item {
	font-weight: bold;
}

/* 下位ディレクトリは標準 */
ul.subpage-list li.current_page_item ul li {font-weight:normal;}


#crumbs {
	width: 100%;
	text-align: left;
	font-size: 82.25%;
	margin: 10px 0 -5px 20px;
	color: #999;
}

#crumbs a {
	color: #999;
}


div#Game-List h3, 
div#Game-List ul li {text-align: left;}

div#frame-530 table#result-point {width:auto;margin:1em auto 1.5em auto;border:1px dotted #CCC;}
div#frame-530 table#result-point td {font-size:12pt;padding:0.2em 0.3em;}
div#frame-530 table#result-point th {font-size:15pt;font-weight:bold;padding:0 0.5em;text-align:center;}
div#frame-530 table#result-point .kk {font-size:18pt;}
div#frame-530 table#result-point .kt {font-size:14pt;}



div#document-body ul,
div#document-body ol, {margin-left: 3em;}

/*
div#frame-530 h4.test {
	margin-top: 1em !important;
	color: red;
}*/

div#document-body {
	padding: 10px;
}

div#signature {
	margin:0 40px 0 0px;
}

.document table.type01 td.ct {text-align: center !important;}
.document table.type01 td.rt {text-align: right !important;}
.document table.type01 td.lt {text-align: left !important;}
.document table.type01 td.jf {text-align: justify !important;}
.document table.type01 td.pd,
.document table.type01 td.pd a {color:white !important;text-indent:-0.8em;}
.document table.type01 .sm {font-size:75% !important;}
.document table.type01 .np {padding: 0.3em;}