@charset "shift_jis";
/* CSS Document */

/*==========QUERY==========
@media screen and (max-width:1250px) {
	QUERY
}
==========QUERY==========*/
/*----------topBar----------*/
.topBar{margin: 10px auto; text-align: right; line-height: 10px;}

/*----------topArea----------*/
#topArea{ background:#00b7ef url(../images/top_bg.jpg) no-repeat top; padding-bottom:10px;}
#topArea .navArea{ clear:both; width:1190px; margin:0 auto; text-align:left; position:relative; z-index:1;}
#topArea .navArea .navInner{ padding:10px 0 7px 240px;}
#topArea .navArea .logoImg{ position:absolute; top:12px; left:0px;}
#topArea .navArea .gnav{ float:left; width:830px; text-align:center;}
#topArea .navArea .gnav ul li{ float:left; margin-right:10px;}
#topArea .navArea .snsNav{ float:right; padding-top:10px;}
#topArea .navArea .snsNav ul li{ float:left; margin-right:10px;}
#topArea .navArea .snsNav ul li:last-child{ margin-right:0;}
#topArea .navArea .tPsth{ clear:both; padding:15px 0 10px; color: #ffffff;}
#topArea .navArea .tPsth a{ color: #ffffff;}
#topArea .topMessage{ width:1190px; margin:5px auto 20px; text-align:left;}
#topArea .topMessage p{ margin-left:250px;}
@media screen and (max-width:1250px) {
	#topArea .navArea{ width:950px;}
	#topArea .topMessage{ width:950px;}
	#topArea .navArea .gnav{width:590px; }
}

#topMain{ width:950px; margin:0 auto; text-align:left;}
/* #topMain h1{ float:left;} */
#topMain .topCatch{ width:560px; float:left; margin:140px 0 0;}
#topMain .topCatch p{ margin-bottom:20px;}
#topMain .newsBox{ border:3px solid #000000;}
#topMain .newsBox .ttlBox{ border-bottom:3px solid #000000; padding:12px 17px;}
#topMain .newsBox .ttlBox h2{ float:left; font-weight:bold; color:#00b7ef;}
#topMain .newsBox .ttlBox a{ float:right; display:inline-block; background:url(../images/icon_arrow_bk.gif) right no-repeat; padding-right:17px; text-decoration:none;}
#topMain .newsBox .ttlBox a:hover{ color:#00b7ef;}
#topMain .newsBox .newsList{ padding:12px 17px;}
#topMain .newsBox .newsList dl{ height:93px; overflow-y:auto;}
#topMain .newsBox .newsList dl dt{ margin-bottom:3px;}
#topMain .newsBox .newsList dl dd{ margin-bottom:7px;}
#topMain .topCmnt{ float:right; width:345px;}

#topCnt{ background:#00b7ef; padding:45px 0 50px;}
#topCnt .topInfo{ width:950px; margin:0 auto; text-align:left;}
#map_canvas{ height:575px;}
#topCnt .mapArea{ position:relative; margin:30px 0 15px;}
#topCnt .mapArea .mapBtn{ position:absolute; top:-15px; left:0px;}
#topCnt .mapArea .mapInfo{ position:absolute; top:225px; left:480px;}
#topCnt .mapArea .mapCtrl{ position:absolute; top:10px; right:5px;}
#topCnt .mapArea .mapCtrl li{ float:left; margin-right:10px; background:#000000; cursor:pointer;}
#topCnt .mapArea .mapCtrl li:last-child{ margin-right:0;}
#topCnt .mapArea .mapCtrl li:hover{ background:#787878;}
#topCnt .mapArea .mapCtrl li.off{ opacity:0.5; filter: alpha(opacity=50); cursor:auto; background:#000000;}
/* #topCnt .teamList{ margin-bottom:30px;} */
#topCnt .teamList ul{ margin-bottom:10px;}
#topCnt .teamList ul li{ float:left; width:230px; margin-right:10px;}
#topCnt .teamList ul li:last-child{ margin-right:0;}
#topCnt .teamList ul li a{ color:#ffffff; text-decoration:none;}
#topCnt .teamList ul li a:hover{ text-decoration:underline;}
#topCnt .teamList ul li img{ vertical-align:middle; margin-right:10px;}
#topCnt .snsArea{ margin-bottom:40px;}
#topCnt .fb-like-box{ width:470px !important; float:left; background:#ffffff;}
#topCnt .twitter-timeline{ width:470px !important; float:right;}
#topCnt .menuArea{ margin:0 -120px; position:relative;}
#topCnt .menuArea .menumap{ position:absolute; top:0px; left:0px;}
#topCnt .topInfo .menuL{ position: absolute; top: 70px; left: -140px; z-index:999;}
#topCnt .topInfo .menuR{ position: absolute; top: 70px; right: -120px; z-index:998;}
#topCnt .topInfo a .menuL:hover,#topCnt .topInfo a .menuR:hover{ opacity:0.8;}
@media screen and (max-width:1250px) {
	#topCnt .topInfo .menuL{ top: 195px; left: -28px; width:10%;}
	#topCnt .topInfo .menuR{ top: 195px; right: -28px; width:10%;}
}

/*----------page----------*/
/*header .gnavArea{ padding-bottom:80px;}*/
#pageArea{ background:#00b7ef; padding:25px 0 70px;}

#editBox{background:none;}
#editBox .editArea{ background:#ffffff;}
#editBox h1{ font-size:170%; font-weight:bold; color:#ffffff; padding:0 30px 20px; background:#00b7ef;}
#editBox .shareBtn{ margin-top:0;}

#sideBox .sideNav{ background:none; margin:55px 0 10px; position:relative; height:auto;}
#sideBox .sideNav h2{ margin:0 0 7px;}
#sideBox .sideNav ul{ margin:0 10px 30px 40px;}
#sideBox .sideNav ul li,#sideBox .sideNav ul li:last-child{ padding:2px 0 2px 32px; margin:0 0 8px 0;}
#sideBox .sideNav ul.side01 li{ background:url(../images/icn_camera.png) 0 0 no-repeat;}
#sideBox .sideNav ul.side02 li{ background:url(../images/icn_torso.png) 10px 0 no-repeat;}
#sideBox .sideNav ul.side03 li{ background:url(../images/icn_books.png) 0 0.3em no-repeat;}

#sideBox .sideNav ul li a{ color:#000000; padding:0;}
#sideBox .sideNav ul li a:hover{ color:#000000;}

/*----------team----------*/
#sortBtn{ margin:20px 0 30px;}
#sortBtn button{ display:inline-block; background:#eeeeee; border:none; margin-right:10px; color:#626262; padding:5px 20px; cursor:pointer;}
#sortBtn button.isChecked{ background:#dddddd;}
#teamList{ margin:0 -30px 0 0; overflow:visible !important;}
#teamList .team{ width:200px; height:200px; float:left; margin-bottom:30px; overflow:visible !important;}
#teamList .team a{ border:3px solid #000000; display:block; width:194px; height:194px; color:#ffffff; text-decoration:none; position:relative;}
#teamList .team a .teamName{ position:absolute; display:block; background:url(../images/tname_bg.png) repeat; bottom:0px; left:0px; padding:10px 7px; width:180px;}
#teamList .team a .teamName img{ vertical-align:middle; margin-right:5px;}
#teamList .team a:hover .teamName{ display:none;}
#teamList .team a .teaminfo{ line-height:1; position:absolute; display:block; top:-22px; right:0px;}
#teamList .team a .teaminfo img{ vertical-align:top;}
#teamList .team a .teaminfo span{ font-size:12px; font-weight:bold; display:inline-block; text-align:center;}
#teamList .team a .teaminfo .win1{ background:url(../images/icon_team_1st.png) center no-repeat; width:37px; padding:18px 0 13px;}
#teamList .team a .teaminfo .win2{ background:url(../images/icon_team_2nd.png) center no-repeat; width:37px; padding:18px 0 13px;}
#teamList .team a .teaminfo .win3{ background:url(../images/icon_team_3rd.png) center no-repeat; width:37px; padding:18px 0 13px;}
@media screen and (max-width:1250px) {
	#teamList{ margin:0 -35px 0 -5px;}
}

#editBox .teamN{ font-size:171.5%; font-weight:bold; line-height:1; margin-bottom:20px;}
#editBox .teamN span{ display:inline-block; background:#eeeeee; padding:5px; border-radius:50%; margin-right:8px; vertical-align:middle;}
#editBox .prfBox{ background:url(../images/prf_bg.gif) top center repeat-y;}
#editBox .prfBox .prfL{ width:48%; float:left;}
#editBox .prfBox .prfR{ width:48%; float:right;}
#editBox .prfBox a.fbBtn{ display:inline-block; background:url(../images/icon_fb.gif) left no-repeat; padding:3px 0 3px 30px;}
#editBox .prfBox a.twBtn{ display:inline-block; background:url(../images/icon_tw.gif) left no-repeat; padding:3px 0 3px 30px;}
#editBox .prfBox h4{ background:#eeeeee; padding:5px 8px; margin:30px 0 0;}

/*----------goods----------*/
ul#goodsList{ margin:0 -30px 0 0; padding:0; font-weight:bold;}
ul#goodsList li{ background:none; padding:0; width:200px; float:left; margin:0 30px 30px 0;}
ul#goodsList li a{ display:block; border:1px solid #a0a0a0; position:relative; padding:5px; height:325px; text-decoration:none;}
ul#goodsList li a span{ display:block;}
ul#goodsList li a .gdsImg{ line-height:0.1; border-bottom:3px solid #00b7ef; margin-bottom:3px;}
ul#goodsList li a .gdsName{ margin-bottom:5px;}
ul#goodsList li a .gdsPrice{ color:#f25365;}
ul#goodsList li a .gdsInfo{ position:absolute; bottom:-1px; left:-1px; background:url(/common_files/images/icon_btn.png) right no-repeat #626262; color:#ffffff; padding:17px 35px 17px 20px; width:145px;}
ul#goodsList li a:hover .gdsInfo{ background:url(/common_files/images/icon_btn.png) right no-repeat #0089b3;}
ul#goodsList li a .gdsNew{ position:absolute; top:-1px; right:-1px;}
@media screen and (max-width:1250px) {
	ul#goodsList li{ margin-right:25px;}
}

header .hdArea.h60 { height:60px;}

header .hdArea.h60 .navArea {
	padding: 15px 0 15px 250px;
}

footer .committee {}
footer .committee .mixiBtn{ display:inline-block; width:90px;}