@charset "UTF-8";



/*----------------------------------------------------
	☆Reset
----------------------------------------------------*/


* {
	margin:0;
	padding:0;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background:url(../image/bg_body.jpg) left top repeat-x;
	color:#444;
	font:13px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	*font-size:small;
	*font:x-small;
	vertical-align:top;
	text-align:center;
}

body { behavior:url("../js/csshover.htc"); }

table {
	font-size:inherit;
}

img, table, th, td {
	border:none;
	margin:0;
	padding:0;
}

ul, ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

textarea,select,input {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

textarea {
	font-size:100%!important;
}

hr {
	display:none;
}

a {
	color:#0066CC;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}

a:link {
	color:#0066CC;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#0066CC;
	text-decoration:underline;
	outline:none;
}

#contents li img {
	background-color:transparent;
	text-decoration:none;
}

#contents a img {
	background-color:transparent;
}

#contents a:hover img {
	background-color:transparent;
	text-decoration:none;
}

img.icon {
	margin-right:3px;
	vertical-align:middle;
}

#contents p {
	line-height:170%;
	margin:0;
	padding:0 0 5px 0;
	word-break:break-all;
}

#contents li {
	line-height:170%;
}

::selection { background-color:#FB0E15; color: #FFF; /* Safari */ }
::-moz-selection { background-color: #FB0E15; color: #FFF; /* Firefox */ }




/*----------------------------------------------------
	☆Crearfix shw
----------------------------------------------------*/


.clear{
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie, 
div.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}
br.clear_all {
	clear:both;
	line-height:0px;
}





/*----------------------------------------------------
	☆hidden
----------------------------------------------------*/


#header div.headerInr p.tagline span,
#header div.headerInr .logo a span,
#header div.headerInr .shopBtn span,
#gNav ul li a span {
	display:none;
	visibility:hidden;
}



/*----------------------------------------------------
	☆header 
----------------------------------------------------*/

#header {
	/* background:url(../image/bg_header.jpg) right top no-repeat; */
	height:89px;
	margin:0 auto;
	width:960px;
}

#header div.headerInr {
	margin:0 auto;
	text-align:left;
	width:950px;
}

#header div.headerInr .logo {
	float:left;
	padding-top:30px;
	margin-right:14px;
	width:400px;
}

#header div.headerInr .logo a {
	background:url(../image/bg_header_logo.jpg) left top no-repeat;
	display:block;
	height:40px;
	width:400px;
}

#header div.headerInr div.headR {
	/* float:left; */
	float:right;
	padding-top:43px;
	/* width:394px; */
	width:324px;
	padding-left:50px;
}

#header div.headerInr div.headR div#searchForm {
	background:url(../image/bg_header_headr.jpg) left top no-repeat;
	height:31px;
	/*width:394px;*/
	width:322px;
	
	position:relative;
}

#header div.headerInr div.headR div#searchForm input#searchBox {
	color:#999;
	font-size:10px;
	height:13px;
	padding:0;
	width:120px;
	
	position:absolute;
	top:6px;
	left:30px;
}

#header div.headerInr div.headR div#searchForm input#searchBtn {
	height:20px;
	width:20px;
	
	position:absolute;
	top:6px;
	left:6px;
}

#header div.headerInr div.headR div#searchForm ul {
	/*width:230px;*/
	width:158px;
	
	position:absolute;
	top:0;
	right:0;
}

#header div.headerInr div.headR div#searchForm ul li {
	float:left;
}



/*----------------------------------------------------
	☆gNav
----------------------------------------------------*/

#gNav {
	height:56px;
	margin:0 auto 7px;
	width:960px;
}

#gNav ul {
	background-color:#FFF;
	margin:0 auto;
	text-align:left;
	width:954px;
}

#gNav ul li {
	background-image:url(../image/bg_gnav_list.jpg);
	background-repeat:no-repeat;
	float:left;
	height:56px;
	font-size:0;
	line-height:0;
}

#gNav ul li a,
#gNav ul li a.current{
	background-image:url(../image/bg_gnav_list.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:56px;
}

#gNav ul li.li01 a { background-position:0 0; width:162px; }
#gNav ul li.li02 a { background-position:-162px 0; width:158px; }
#gNav ul li.li03 a { background-position:-320px 0; width:159px; }
#gNav ul li.li04 a { background-position:-479px 0; width:158px; }
#gNav ul li.li05 a { background-position:-637px 0; width:158px; }
#gNav ul li.li06 a { background-position:-795px 0; width:159px; }

#gNav ul li.li01, #gNav ul li.li01 a.current, #gNav ul li.li01 a:hover { background-position:0 bottom; width:162px; }
#gNav ul li.li02, #gNav ul li.li02 a.current, #gNav ul li.li02 a.parentsLink,#gNav ul li.li02 a:hover { background-position:-162px bottom; width:158px; }
#gNav ul li.li03, #gNav ul li.li03 a.current, #gNav ul li.li03 a.parentsLink,#gNav ul li.li03 a:hover { background-position:-320px bottom; width:159px; }
#gNav ul li.li04, #gNav ul li.li04 a.current, #gNav ul li.li04 a.parentsLink,#gNav ul li.li04 a:hover { background-position:-479px bottom; width:158px; }
#gNav ul li.li05, #gNav ul li.li05 a.current, #gNav ul li.li05 a.parentsLink,#gNav ul li.li05 a:hover { background-position:-637px bottom; width:158px; }
#gNav ul li.li06, #gNav ul li.li06 a.current, #gNav ul li.li06 a.parentsLink,#gNav ul li.li06 a:hover { background-position:-795px bottom; width:159px; }



/*----------------------------------------------------
	☆wrap
----------------------------------------------------*/

#wrap {
	background:url(../image/bg_wrap.jpg) left top repeat-x;
	width:100%;	
}

#wrapInr {
	margin:0 auto;
	width:960px;	
}



/*----------------------------------------------------
	☆breadCrumbs
----------------------------------------------------*/

#breadCrumbs {
	background:url(../image/bg_breadcrumbs.jpg) left top no-repeat;
	clear:both;
	margin:0 5px;
	overflow:hidden;
	padding-top:10px;
	width:950px;
}

#breadCrumbs div.breadCrumbsInr {
	background:url(../image/bg_breadcrumbs.jpg) left bottom no-repeat;
	padding-bottom:3px;
	height:18px;
	width:950px;
}

#breadCrumbs p {
	font-size:85%!important;
	line-height:140%;
	margin:0 15px;
	text-align:left;
	width:950px;
}

#breadCrumbs p a {
	color:#444;
}



/*----------------------------------------------------
	☆container
----------------------------------------------------*/

#container {
	margin:0 5px;
	text-align:left;
	width:950px;	
}

#contents {
	float:left;
	padding-bottom:70px;
	width:620px;	
}

#contents div.teamHeadArea {
	float:left;
	height:197px;
	margin-bottom:28px;
	overflow:hidden;
	width:602px;
	
	position:relative;
}

#contents div.teamHeadArea p.tHImg {
	height:120px;
	width:120px;
	
	position:absolute;
	top:17px;
	left:0;
}

#contents div.teamHeadArea div.tHData {
	height:105px;
	width:470px;
	
	position:absolute;
	top:32px;
	left:130px;
}

#contents div.teamHeadArea p.tHCate {
	background:url(../image/bg_teamhead_cate.jpg) right bottom no-repeat;
	color:#FFF;
	margin-bottom:20PX;
	padding-bottom:5px;
}

#contents div.teamHeadArea h1 {
	color:#FFF;
	font-size:123.1%!important;
	line-height:140%;
	padding:0;
}

#contents div.teamHeadArea h1 span {
	color:#666;
	display:block;
	font-size:10px!important;
	line-height:140%;
	padding-top:0px;
}

#contents div.teamHeadArea div.tHNav {
	height:37px;
	width:602px;
	
	position:absolute;
	bottom:5px;
	left:0;
}

#contents div.teamHeadArea div.tHNav ul {
	margin:0 auto;
	text-align:left;
	height:37px;
	width:602px;
}

#contents div.teamHeadArea div.tHNav ul li {
	background-image:url(../image/bg_thnav.jpg);
	background-repeat:no-repeat;
	float:left;
	height:37px;
	font-size:0;
	line-height:0;
	margin-right:4px;
}

#contents div.teamHeadArea div.tHNav ul li.li05 {
	margin-right:0;
}

#contents div.teamHeadArea div.tHNav ul li a,
#contents div.teamHeadArea div.tHNav ul li strong {
	background-image:url(../image/bg_thnav.jpg);
	background-repeat:no-repeat;
	display:block;
	height:37px;
	width:117px;
}

#contents div.teamHeadArea div.tHNav ul li.li01 a { background-position:0 0; width:118px; }
#contents div.teamHeadArea div.tHNav ul li.li02 a { background-position:-122px 0; }
#contents div.teamHeadArea div.tHNav ul li.li03 a { background-position:-243px 0; }
#contents div.teamHeadArea div.tHNav ul li.li04 a { background-position:-364px 0; }
#contents div.teamHeadArea div.tHNav ul li.li05 a { background-position:-485px 0; }

#contents div.teamHeadArea div.tHNav ul li.li01, #contents div.teamHeadArea div.tHNav ul li.li01 strong { background-position:0 bottom; width:118px; }
#contents div.teamHeadArea div.tHNav ul li.li02, #contents div.teamHeadArea div.tHNav ul li.li02 strong { background-position:-122px bottom; }
#contents div.teamHeadArea div.tHNav ul li.li03, #contents div.teamHeadArea div.tHNav ul li.li03 strong { background-position:-243px bottom; }
#contents div.teamHeadArea div.tHNav ul li.li04, #contents div.teamHeadArea div.tHNav ul li.li04 strong { background-position:-364px bottom; }
#contents div.teamHeadArea div.tHNav ul li.li05, #contents div.teamHeadArea div.tHNav ul li.li05 strong { background-position:-485px bottom; }

#contents div.teamHeadArea div.tHNav ul li a span,
#contents div.teamHeadArea div.tHNav ul li strong span {
	display:none;
	visibility:hidden;
}

#schoolSearch {
	float:right;
	padding:30px 0 100px;
	width:321px;	
}

#schoolSearch div.sSInr {
	background-color:#E7E7E5;
	padding:20px 0;
	width:321px;	
}

#schoolSearch div.sSBox {
	margin:0 20px 0 21px;
	width:280px;	
}

#schoolSearch div.sSBox h3 {
	height:67px;
	width:280px;
	
	position:relative;	
}

#schoolSearch div.sSBox h3 span {
	display:block;
	height:14px;
	width:77px;
	
	position:absolute;
	top:40px;
	left:203px;
}

#schoolSearch div.sSBox div.sSKeywordSearch {
	background:url(../../team/images/bg_keywordbox.jpg) left top no-repeat;
	height:72px;
	width:280px;
	
	position:relative;
}

#schoolSearch div.sSBox div.sSKeywordSearch input.sInput {
	color:#999;
	font-size:10px;
	height:13px;
	padding:0;
	width:201px;
	
	position:absolute;
	top:34px;
	left:21px;
}

#schoolSearch div.sSBox div.sSKeywordSearch input#searchBtn {
	height:20px;
	width:20px;
	
	position:absolute;
	top:34px;
	left:236px;
}


#schoolSearch div.sSBox div.sSMapSearch {
	background:url(../../team/images/bg_mapsearch.jpg) left top no-repeat;
	height:215px;
	width:280px;	
	position:relative;
}



#schoolSearch div.sSBox div.sSMapSearch ul li{
	position:absolute;
}


#schoolSearch div.sSBox div.sSMapSearch ul li.img01{ left:196px; top:21px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img02{ left:196px; top:56px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img03{ left:196px; top:72px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img04{ left:227px; top:72px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img05{ left:196px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img06{ left:227px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img07{ left:196px; top:105px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img08{ left:241px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img09{ left:212px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img10{ left:196px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img11{ left:212px; top:136px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img12{ left:241px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img13{ left:212px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img14{ left:196px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img15{ left:166px; top:72px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img16{ left:181px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img17{ left:166px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img18{ left:181px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img19{ left:166px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img20{ left:181px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img21{ left:166px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img22{ left:152px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img23{ left:152px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img24{ left:152px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img25{ left:136px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img26{ left:136px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img27{ left:136px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img28{ left:121px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img29{ left:121px; top:120px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img30{ left:121px; top:150px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img31{ left:107px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img32{ left:78px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img33{ left:92px; top:105px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img34{ left:78px; top:105px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img35{ left:63px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img36{ left:93px; top:136px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img37{ left:67px; top:136px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img38{ left:93px; top:152px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img39{ left:67px; top:152px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img40{ left:48px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img41{ left:32px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img42{ left:18px; top:88px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img43{ left:48px; top:122px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img44{ left:32px; top:122px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img45{ left:48px; top:152px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img46{ left:32px; top:152px;}
#schoolSearch div.sSBox div.sSMapSearch ul li.img47{ left:25px; top:47px;}



#schoolSearch div.sSBox div.sSMapSearch ul li a:hover{
	filter: alpha(opacity=25);
	-moz-opacity:0.7;
	opacity:0.7;
}




#schoolSearch div.sSBox div.sSUniformSearch {
	background:url(../../team/images/bg_uniformsearch.jpg) left top no-repeat;
	height:139px;
	width:280px;
}

#schoolSearch div.sSBox div.sSUniformSearch div.listCarousel {
	margin-left:37px;
	width:210px;
	
	position:relative;
}

#schoolSearch div.sSBox div.sSUniformSearch div.listCarousel p {
	position:absolute;
	top:20px;
	left:165px;
}

#schoolSearch div.sSBox div.sSUniformSearch ul {
	width:210px;
	
	position:absolute;
	top:49px;
	left:0;
}

#schoolSearch div.sSBox div.sSUniformSearch ul li {
	float:left;
	width:70px;
}

#schoolSearch div.sSBox div.sSUniformSearch a.prev {
	background:url(../../team/images/btn_uniformsearch_prev.gif) left top no-repeat;
	display:block;
	font-size:0;
	line-height:0;
	height:70px;
	width:14px;
	
	position:absolute;
	top:49px;
	left:-19px;
}

#schoolSearch div.sSBox div.sSUniformSearch a.next {
	background:url(../../team/images/btn_uniformsearch_next.gif) left top no-repeat;
	display:block;
	font-size:0;
	line-height:0;
	height:70px;
	width:14px;
	
	position:absolute;
	top:49px;
	left:215px;
}



/*----------------------------------------------------
	☆footer
----------------------------------------------------*/


#footer {
	background-color:#090B08;
	clear:both;
	width:100%;
}

#footer div.footerList {
	background-color:#FFF;
	height:34px;
	width:100%;
}

#footer div.footerList ul {
	margin:0 auto;
	text-align:left;
	width:954px;
}

#footer div.footerList ul li {
	float:left;
	padding-top:10px;
}

#footer div.footerList ul li#pageTop {
	float:right;
	padding:0;
}

#footer div.footerBtm {
	background:url(../image/bg_footer_footerbtm.gif) left top no-repeat;
	height:90px;
	margin:0 auto;
	text-align:left;
	width:954px;
	position:relative;
}

#footer div.footerBtm p{
	position:absolute;
	top:10px;
	left:150px;
}

#footer div.footerBtm address span {
	display:none;
	visibility:hidden;
}

#footer{
	background:url(../image/bg_footer.gif) 0 34px repeat-x;
}