@charset "UTF-8";

/*	全ページ共通CSS

		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Geneva,Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 150%;
	background-image: url(/common/images/mainBg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color :#333333;
}

/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
	padding: 0;
	margin: 0;
}

/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
	padding: 0;
	margin: 0;
}

/*-- リンク設定 --------*/
a {
	/*--
	text-decoration: none;
 color: #724E4E; --*/
	text-decoration: underline;
 color: #2B547E;
}

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

a img{
	border: none;
}

/*-- float対策 --------*/
.fcl {
	zoom: 100%;
}

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

/*-- イメージ初期化 --------*/
img {
	padding: 0;
	margin: 0;
/*	vertical-align:baseline;*/
}




/* コンテナ */

div#CONTAINER {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(/common/images/containerBg.gif);
	background-repeat: no-repeat;
}





/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/

div#headerSublink {
	position: relative;
	height: 29px;
	text-align: left;
	font-size: 10px;
	line-height: 29px;
	color: #333333;
	padding: 0 5px;
}

div#headerSublink span.subtitle {
	display: block;
	position: absolute;
	width: 500px;
	left: 5px;
}

div#headerSublink span.link {
	display: block;
	position: absolute;
	right: 5px;
	text-align: right;
	color: #BBBBBB;
}

div#headerSublink span.link a {
	color: #000000;
	text-decoration: none;
}

div#HEADER {
	position: relative;
	display: block;
	width: auto;
	height: 79px;
}

div#HEADER img.logo {
	position: absolute;
	left: 19px;
	top: 11px;
}


div#HEADER div.search {
	position: absolute;
	top: 20px;
	left: 327px;
	width: 342px;
	height: 48px;
	background-image: url(/common/images/headerSearchBg.gif);
	background-repeat: no-repeat;
}

div#HEADER div.search input.field {
	position: absolute;
	left: 10px;
	top: 8px;
	border: 1px solid #CBCBCB;
	height: 15px;
	width: 245px;
	padding: 5px;
	background-color: #FFFFFF;
}

div#HEADER div.search button.btn,
div#HEADER div.search input.btn {
	position: absolute;
	top: 8px;
	left: 280px;
	width: 52px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/headerSearchBtn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	background-position: top;
}

div#HEADER div.search button:hover,
div#HEADER div.search input:hover {
	background-position: bottom;
}


div#HEADER div.date {
	position: absolute;
	right: 10px;
	top: 14px;
	width: 140px;
	height: 18px;
	color: #989898;
	font-size: 10px;
}

div#HEADER div.date span.year {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 10px;
}

div#HEADER div.date span.day {
	display: block;
	width: 68px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 40px;
	/*-- 2010/07/20 ymochi --*/
	font-size: 18px;
	color: #972721;
	font-weight: bold;
}



div#HEADER div.date span.week {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 10px;
	color: #952C26;
}

div#HEADER div.txtSize {
	position: absolute;
	right: 10px;
	top: 45px;
	width: 140px;
	height: 20px;
	background-image: url(/common/images/headerTextsizeBg.gif);
	background-repeat: no-repeat;
	padding: 2px 0;
}

div#HEADER div.txtSize a {
	display: block;
	float: right;
	margin: 0 1px;
	width: 22px;
	height: 20px;
	background-position: top;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}

div#HEADER div.txtSize a:hover {
	background-position: bottom;
}

div#HEADER div.txtSize a.txtSmall {
	background-image: url(/common/images/headerTextsizeBtnSmall.gif);
}

div#HEADER div.txtSize a.txtMiddle {
	background-image: url(/common/images/headerTextsizeBtnMiddle.gif);
}

div#HEADER div.txtSize a.txtLarge {
	background-image: url(/common/images/headerTextsizeBtnLarge.gif);
}


/* パンクズ */

div#PAN {
	height: 29px;
	margin: 0 auto;
	font-size: 10px;
	line-height: 29px;
}

div#PAN h1 {
	display: inline;
	color: #734D4D;
	font-weight: normal;
	font-size: 10px;
}



/* lead */

div#LEAD {
	position: relative;
	background-image: url(/common/images/leadBg.gif);
	background-repeat: repeat-x;
	height: 200px;
	width: auto;
}

div#LEAD div.fla {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 675px;
	height: 180px;
}

div#LEAD div.wnew {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 300px;
	height: 180px;
	font-size: 10px;
	line-height: 150%;
}

div#LEAD div.wnew div.title {
	background-image: url(/common/images/leadWnewTitle.gif);
	height: 12px;
	width: 300px;
	text-indent: -9999px;
	line-height: 10px;
}

div#LEAD div.wnew div.body {
	height: 144px;
	width: 300px;
	background-image: url(/common/images/leadWnewBody.gif);
	background-repeat: repeat-y;
	padding: 10px 0 0 0;
}

div#LEAD div.wnew div.btm {
	background-image: url(/common/images/leadWnewBottom.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 300px;
	text-indent: -9999px;
	font-size: 1px;
}

div#LEAD div.wnew div.body div.item {
	width: 275px;
	margin: 0 auto 8px auto;
}

div#LEAD div.wnew div.body div.item span.date {
	display: block;
	float: left;
	width: 50px;
	color: #EA6712;
	font-weight: bolder;
	text-align: right;
	padding: 0 5px 0 0;
}

div#LEAD div.wnew div.body div.item span.date span {
	font-weight: normal;
	color: #999999;
}

div#LEAD div.wnew div.body div.item span.txt {
	display: block;
	float: right;
	width: 220px;
}

div#LEAD div.wnew div.body div.more {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

div#LEAD div.wnew div.body div.more a {
	background-image: url(/common/images/mrkListLinkarrGray.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}


/*	本メニュー設定
----------------------------------------------------------------------------------------------------------------------------------*/

div#MENU {
	height: 30px;
	background-image: url(/common/images/headerMenuBg.gif);
	background-repeat: repeat-x;
	padding: 0 0 0 3px;
}

div#MENU a {
	display: block;
	float: left;
	background-image: url(/common/images/headerMenuBtnBg.gif);
	background-position: top;
	width: 122px;
	height: 30px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	font-weight: bolder;
	line-height: 30px;
	color:#FFFFFF;
}

div#MENU a:hover {
	background-position: bottom;
}

div#MENU a.on {
	background-position: bottom !important;
}


/* pro版メニュー */

div#PROMENU {
	background-image: url(/common/images/proMenuBG.gif);
	height: 40px;
	background-repeat: repeat-x;
	line-height: 40px;
	padding: 0 8px;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
}

div#PROMENU a {
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 8px;
}


/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/

div#MAIN {
	position: relative;
}


div#LEFT {
	float: left;
	width: 170px;
	padding: 10px 0 0 10px;
}

div#CENTER {
	float: left;
	width: 500px;
	padding: 10px 5px 0 5px;
}

div#RIGHT {
	float: right;
	width: 300px;
	padding: 10px 10px 0 0;
}






/*	左ボックス
----------------------------------------------------------------------------------------------------------------------------------*/

/* 左ログイン */

div#LEFT div.login {
	width: 170px;
	height: 140px;
	background-image: url(/common/images/leftLoginBg.gif);
	padding: 25px 0 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
	color: #333333;
}


div#LEFT div.login input.field {
	width: 100px;
	height: 10px;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	margin: 0 0 8px 5px;
	color: #BBBBBB;
}

div#LEFT div.login input:focus {
	color: #333333;
}

div#LEFT div.login button.btn,
div#LEFT div.login input.btn {
	width: 112px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/leftLoginBtn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	margin: 12px 0 0 0;
	background-position: top;
}

div#LEFT div.login button:hover,
div#LEFT div.login input:hover {
	background-position: bottom;
}

div#LEFT div.login input.logout {
	width: 112px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/leftLogoutBtn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	margin: 12px 0 0 0;
	background-position: top;
}

div#LEFT div.login input.logout:hover {
	background-position: bottom;
}

div#LEFT div.login input.mypage {
	width: 112px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/mypage_off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	margin: 12px 0 0 0;
	background-position: top;
}

div#LEFT div.login input.mypage:hover {
	background-image: url(/common/images/mypage_on.jpg);
}

/* left menu */

div#LEFT div.menu {
	width: 170px;
}

div#LEFT div.menu a {
	display: block;
	width: 170px;
	height: 53px;
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: left;
}

div#LEFT div.menu a span {
	visibility: hidden;
}

div#LEFT div.menu a:hover {
	background-position: right;
}

div#LEFT div.menu a.movie {
	background-image: url(/common/images/leftMenuMovie.gif);
}

div#LEFT div.menu a.tv {
	background-image: url(/common/images/leftMenuTV.gif);
}

div#LEFT div.menu a.music {
	background-image: url(/common/images/leftMenuMusic.gif);
}

div#LEFT div.menu a.special {
	background-image: url(/common/images/leftMenuSpecial.gif);
}

div#LEFT div.menu a.news {
	background-image: url(/common/images/leftMenuNews.gif);
}


div#LEFT div.menu a.column {
	background-image: url(/common/images/leftMenuColumn.gif);
}


/* left service */


div#LEFT div.blog {
	width: 170px;
	margin: 10px auto 0 auto;
}

div#LEFT div.blog a {
	display: block;
	width: 168px;
	height: 29px;
	background-image: url(/common/images/btnBlog.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position:top;
}

div#LEFT div.blog a span {
	visibility: hidden;
}

div#LEFT div.service {
	width: 170px;
	margin: 10px auto 0 auto;
}

div#LEFT div.service a {
	display: block;
	width: 170px;
	height: 50px;
	background-image: url(/common/images/leftBtnService.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position:top;
}

div#LEFT div.service a:hover {
	background-position: bottom;
}

div#LEFT div.service a span {
	visibility: hidden;
}

/* left publish */

div#LEFT div.publish {
	width: 170px;
	background-image: url(/common/images/leftPublishBdr.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 10px auto 0 auto;
}

div#LEFT div.publish div.body {
	margin: 10px auto;
	text-align: center;
	padding: 0 0 10px 0;
}

div#LEFT div.publish div.body img {
	display: block;
	margin: 0 auto 15px auto;
}

/* left link */

div#LEFT div.link {
	width: 170px;
	margin: 10px auto 0 auto;
}

div#LEFT div.sublink {
	background-image: url(/common/images/topSublinkBg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 25px 0 5px 0;
	background-color: #EEEEEE;
	margin: 15px 0 15px 0;
}


div#LEFT div.link a {
	display: block;
	width: 170px;
	height: 33px;
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;
}

div#LEFT div.link a:hover {
	/*background-position: bottom;*/
}

div#LEFT div.link a span {
	visibility: hidden;
}

div#LEFT div.link a.column {
	background-image: url(/common/images/leftSublinkColumn.gif);
	margin: 0 0 5px 0;
}

div#LEFT div.link a.bunka {
	background-image: url(/common/images/leftLinkBunka.gif);
}

div#LEFT div.link a.special {
	background-image: url(/common/images/leftLinkSpecial.gif);
}

div#LEFT div.link a.links {
	background-image: url(/common/images/leftLinkLinks.gif);
}

div#LEFT div.link a.desk {
	background-image: url(/common/images/leftSublinkDesk.gif);
	margin: 0 0 5px 0;
}

div#LEFT div.link a.music {
	background-image: url(/common/images/leftsubLinkMusic.gif);
	margin: 0 0 5px 0;
}

div#LEFT div.link a.movie {
	background-image: url(/common/images/leftSublinkMovie.gif);
	margin: 0 0 5px 0;
}

div#LEFT div.link a.list {
	background-image: url(/common/images/leftSublinkList.gif);
}

div#LEFT div.link a.stage {
	background-image: url(/common/images/leftLinkStage.gif);
}

div#LEFT div.link a.dvd {
	background-image: url(/common/images/leftLinkDVD.gif);
}

div#LEFT div.link a.midnight {
	background-image: url(/common/images/leftLinkMidnight.gif);
}


/*	中央ボックス
----------------------------------------------------------------------------------------------------------------------------------*/


div#CENTER div.tab {
	width: 500px;
}

div#CENTER div.tab div.tabMenu {
	width: 500px;
	height: 30px;
	margin: 0 auto;
}

div#CENTER div.tab div.tabMenu a {
	float: left;
	display: block;
	width: 125px;
	height: 30px;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	background-image: url(/common/images/tabOffBg.gif);
	text-decoration: none;
}

div#CENTER div.tab div.tabMenu a.on {
	background-image: url(/common/images/tabOnBg.gif) !important;
	color: #333333 !important;
}

div#CENTER div.tab div.tabBody {
	position: relative;
	background-image: url(/common/images/tabBodyBg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 15px 17px 30px 20px;
}

div#CENTER div.tab div.tabBody ul {
	display: block;
	width: 300px;
}

div#CENTER div.tab div.tabBody ul li {
	list-style: none;
	margin: 0 0 12px 0;
	background-image: url(/common/images/tabLiLink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 17px;
	line-height: 140%;
	font-size: 100%;
}

div#CENTER div.tab div.tabBody ul li a
{
	margin-right: 3px;
}

div#CENTER div.tab div.tabBody ul li img
{
	vertical-align: middle;
}

div#CENTER div.tab div.tabBody div.column {
	position: absolute;
	right: 15px;
	top : 15px;
	width: 125px;
	font-size: 10px;
	line-height: 150%;
}

div#CENTER div.tab div.more {
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 50px;
	height: 20px;
	_bottom: 40px; /* IE6 */
}

div#CENTER div.tab div.more a {
	background-image: url(/common/images/tabLiLink.gif);
	background-image: url(/common/images/tabLiLink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 17px;
	color: #000000;
}

/* main content */



div#CENTER div.content {
	width: 500px;
	margin: 10px auto 0 auto;
}

div#CENTER div.content div.sttl {
	background-image: url(/common/images/mainSttlBg.gif);
	height: 28px;
	width: 482px;
	padding: 0 10px;
	line-height: 30px;
	font-weight: bolder;
	font-size: 120%;
}

div#CENTER div.content div.body {
	padding: 15px 0 5px 8px;
}

div#CENTER div.content div.body img.pht {
	float: left;
	margin: 0 10px 10px 0;
}

div#CENTER div.content div.pttl {
	font-weight: bolder;
	line-height: 130%;
	padding: 0 10px 0 0;
}

div#CENTER div.content p {
	display: block;
	margin: 10px 0 0 0;
	font-size: 85%;
	line-height: 140%;
	padding: 0 10px 0 0;
}

div#CENTER div.content div.body div.more {
	text-align: right;
	font-size: 90%;
	padding: 0 5px 0 0;
}


div#CENTER div.content div.column {
	float: left;
	width: 86px;
	padding: 0 12px 0 0;
	font-size: 10px;
	line-height: 140%;
	height: 115px;
}


/* 画像リスト */

div#imgList {
	_width: 90%; /* IE6 */
	margin: 10px auto;
	position:relative;
	min-height:112px;
}

* html div#imgList {
	height:112px;
}

div#imgList div.right {
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(/common/images/scrollRightBtn.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 112px;
	text-indent: -9999px;
	overflow: hidden;
}



div#imgList div.left {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(/common/images/scrollLeftBtn.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 112px;
	text-indent: -9999px;
	overflow: hidden;
}

div#imgList div.on {
	background-position: bottom;
}


div#imgList div.imgListBody {
margin:0 20px;
overflow:scroll;
}

* html div#imgList div.imgListBody {
width:100%;
}

div#imgList div.imgListBody {
overflow:hidden;
}

div#imgList div.imgListBody div {
	width: 1410px;
}

div#imgList div.imgListBody ul {
	display: block;
}

div#imgList div.imgListBody ul li {
margin:0 2px;
padding:0;
display:inline;
float:left;
width:90px;
line-height:120%;
font-size: 10px;
}

div#imgList div.imgListBody ul li a span {
margin:0 0 5px 0;
border:solid 1px #d8dedd;
display:block;
background:#fff;
}

div#imgList div.imgListBody ul li a:hover span ,
div#imgList div.imgListBodyt ul li a:focus span ,
div#imgList div.imgListBody ul li a:active span {
border-color:#a00;
}

div#imgList div.imgListBody ul li a span img {
display:block;
margin: 0 auto;
}

/* 画像リスト small */

div#imgListSmall {
	_width: 90%; /* IE6 */
	margin: 10px auto;
	position:relative;
	min-height:70px;
}

* html div#imgListSmall {
	height:70px;
}

div#imgListSmall div.right {
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(/common/images/scrollRightBtn_small.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
}



div#imgListSmall div.left {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(/common/images/scrollLeftBtn_small.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
}

div#imgListSmall div.on {
	background-position: bottom;
}


div#imgListSmall div.imgListBody {
margin:0 20px;
overflow:scroll;
}

* html div#imgListSmall div.imgListBody {
width:100%;
}

div#imgListSmall div.imgListBody {
overflow:hidden;
}

div#imgListSmall div.imgListBody div {
	width: 9999px;
}

div#imgListSmall div.imgListBody ul {
	display: block;
	width:9999px;
}

div#imgListSmall div.imgListBody ul li {
margin:0 2px;
display:inline;
float:left;
width:90px;
line-height:120%;
font-size: 10px;
}

div#imgListSmall div.imgListBody ul li a span {
border:solid 1px #d8dedd;
display:block;
background:#fff;
}

div#imgListSmall div.imgListBody ul li a:hover span ,
div#imgListSmall div.imgListBodyt ul li a:focus span ,
div#imgListSmall div.imgListBody ul li a:active span {
border-color:#a00;
}

div#imgListSmall div.imgListBody ul li a span img {
display:block;
margin: 0 auto;
}

div#MAIN h3 { /* 共通サブタイトル */
	font-size: 120%;
	color: #4C3D3D;
	min-height: 30px;
	line-height: 100%;
	background-image: url(/common/images/newsListSttlBg.gif);
	background-position: 0 5px;
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
}

div#MAIN h3 span { /* 共通サブタイトル */
	background-color: #FFFFFF;
	padding: 0 8px 0 0;
}



/*	右ボックス
----------------------------------------------------------------------------------------------------------------------------------*/


/* 右ログイン */

div#RIGHT div.login {
	width: 300px;
	height: 125px;
	background-image: url(/common/images/rightLoginBg.gif);
	padding: 23px 0 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
	color: #333333;
	margin: 0 0 10px 0;
}


div#RIGHT div.login input.field {
	width: 120px;
	height: 10px;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	margin: 0 0 5px 5px;
	color: #CCCCCC;
}

div#RIGHT div.login input:focus {
	color: #333333;
}

div#RIGHT div.login button.btn,
div#RIGHT div.login input.btn {
	width: 112px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/leftLoginBtn.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 0 0;
}

div#RIGHT div.login button.logout,
div#RIGHT div.login input.logout {
	width: 112px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/leftLogoutBtn.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
	cursor: pointer;
	margin: 12px 0 0 0;
}

div#RIGHT div.login span {
	text-align: center;
	margin: 5px auto 10px auto;
}

div#RIGHT div.login span.textSmall {
	font-size: 10px;
}

div#RIGHT div.login span.userName {
	font-size: 14px;
}

div#RIGHT div.login span.value {
	font-size: 10px;
	color: #999999;
}

div#RIGHT div.login button:hover,
div#RIGHT div.login input:hover {
	background-position: bottom;
}

div#RIGHT div.login input.mypage {
	width: 112px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/mypage_off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	margin: 12px 0 0 0;
	background-position: top;
}

div#RIGHT div.login input.mypage:hover {
	background-image: url(/common/images/mypage_on.jpg);
}
/* 右バナー */

div#RIGHT div.bnr {
	width: 300px;
/*	height: 250px; */
}
div#RIGHT div.bnr img{
	width: 100%;
}



/* 右求人 */

div#RIGHT div.job {
	margin: 8px auto 0 auto;
	width: 300px;
	font-size:12px;
}

div#RIGHT div.job div.title {
	background-image: url(/common/images/rightJobTitle.gif);
	background-repeat: no-repeat;
	height: 21px;
	line-height: 21px;
	color: #CCCCCC;
	padding: 0 7px 0 23px;
	font-weight: bolder;
}

div#RIGHT div.job div.title a {
	color: #CCCCCC;
}

div#RIGHT div.job div.title a.more {
	display: block;
	float: right;
	font-size: 10px;
}

div#RIGHT div.job div.title a:hover {
	color: #FFFFFF;
}


div#RIGHT div.job div.body {
	background-image: url(/common/images/rightJobBody.gif);
	background-repeat: repeat-y;
	padding: 15px 8px 5px 8px;
}

div#RIGHT div.job div.body ul li {
	list-style: none;
	background-image: url(/common/images/rightJobLink.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	line-height:140%;
	margin: 0 0 8px 0;
}

div#RIGHT div.job div.body ul li a {
	color: #333333;
}

div#RIGHT div.job div.body ul li a:hover {
	color: #3A64B1;
}

div#RIGHT div.job div.body ul img
{
	margin: 0 0 3px 6px;
	vertical-align: middle;
}

div#RIGHT div.job div.body div.more {
	text-align: right;
	padding-right: 17px;
	font-size: 10px;
}

div#RIGHT div.job div.body div.more a {
	background-image: url(/common/images/rightJobLink.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
	color:#666666;
}

div#RIGHT div.job div.btm {
	background-image: url(/common/images/rightJobBtm.gif);
	height: 14px;
	font-size: 1px;
	background-repeat: no-repeat;
}

/* 右whats new */


div#RIGHT div.wnew {
	width: 300px;
	font-size: 10px;
	line-height: 150%;
	margin: 0 0 10px 0;
}

div#RIGHT div.wnew div.title {
	background-image: url(/common/images/leadWnewTitle.gif);
	height: 12px;
	width: 300px;
	text-indent: -9999px;
	line-height: 10px;
}

div#RIGHT div.wnew div.body {
	width: 300px;
	background-image: url(/common/images/leadWnewBody.gif);
	background-repeat: repeat-y;
	padding: 10px 0 1px 0;
}

div#RIGHT div.wnew div.btm {
	background-image: url(/common/images/leadWnewBottom.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 300px;
	text-indent: -9999px;
	font-size: 1px;
}

div#RIGHT div.wnew div.body div.item {
	width: 275px;
	margin: 0 auto 8px auto;
}

div#RIGHT div.wnew div.body div.item span.date {
	display: block;
	float: left;
	width: 50px;
	color: #EA6712;
	font-weight: bolder;
	text-align: right;
	padding: 0 5px 0 0;
}

div#RIGHT div.wnew div.body div.item span.date span {
	color: #999999;
	font-weight: normal;
}

div#RIGHT div.wnew div.body div.item span.txt {
	display: block;
	float: right;
	width: 220px;
}

div#RIGHT div.wnew div.more {
	text-align: right;
	padding: 0 10px 0 0;
}

div#RIGHT div.wnew div.more a {
	background-image: url(/common/images/mrkListLinkarrGray.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
}

/* 右ランク */

div#RIGHT div.rank {
	width: 300px;
}

div#RIGHT div.rank div.title {
	height: 30px;
	background-image: url(/common/images/rightPopuTitle.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-weight: bolder;
	padding: 0 0 0 24px;
}

div#RIGHT div.rank div.tabMenu a {
	display: block;
	float: left;
	width: 75px;
	background-image: url(/common/images/rightRankTabOff.gif);
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #CCCCCC;
	text-align: center;
}


div#RIGHT div.rank div.tabMenu a.tleft {
	background-image:url(/common/images/rightRankTabOff_l.gif);
	background-position: left top;
}

div#RIGHT div.rank div.tabMenu a.tright {
	background-image:url(/common/images/rightRankTabOff_r.gif);
	background-position: right top;
}

div#RIGHT div.rank div.tabMenu a.tlr {
	background-image:url(/common/images/rightRankTabOff_lr.gif);
	background-position: top;
}


div#RIGHT div.rank div.tabMenu a:hover {
	color:#FFFFFF;
}

div#RIGHT div.rank div.tabMenu a.on {
	text-decoration: none !important;
	color: #ED7216 !important;
	background-image: url(/common/images/rightRankTabOn.gif) !important;
}

div#RIGHT div.rank div.tabBody {
	background-image: url(/common/images/rightRankTabBody.gif);
	background-repeat: no-repeat;
	background-position: bottom;

	width: 280px;
	padding: 10px 10px 30px 10px;
	font-size: 12px;
	position: relative;
}

div#RIGHT div.rank div.tabBody ul {
	margin: 0;
}

div#RIGHT div.rank div.tabBody ul li {
	list-style: none;
	padding: 0 5px 0 28px;
	margin: 0 0 14px 0;
	line-height: 16px;
}

div#RIGHT div.rank div.tabBody ul li a {
	color: #333333;
}

div#RIGHT div.rank div.tabBody ul li a:hover {
	color: #3A64B1;
}

div#RIGHT div.rank div.tabBody ul li.no1 {
	background-image: url(/common/images/rightRankTabNo1.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no2 {
	background-image: url(/common/images/rightRankTabNo2.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no3 {
	background-image: url(/common/images/rightRankTabNo3.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no4 {
	background-image: url(/common/images/rightRankTabNo4.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no5 {
	background-image: url(/common/images/rightRankTabNo5.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no6 {
	background-image: url(/common/images/rightRankTabNo6.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no7 {
	background-image: url(/common/images/rightRankTabNo7.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no8 {
	background-image: url(/common/images/rightRankTabNo8.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no9 {
	background-image: url(/common/images/rightRankTabNo9.gif);
	background-repeat: no-repeat;
}

div#RIGHT div.rank div.tabBody ul li.no10 {
	background-image: url(/common/images/rightRankTabNo10.gif);
	background-repeat: no-repeat;
}


div#RIGHT div.rank div.tabBody div.more {
	position: absolute;
	bottom: 10px;
	right: 25px;
	font-size: 10px;
}

div#RIGHT div.rank div.tabBody div.more a {
	background-image: url(/common/images/mrkListLinkarr.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
	color:#666666;
}

div#RIGHT div#SCHOOL {
	margin: 10px auto 0 auto;
	background-image: url(/common/images/rightSchoolBg.gif);
	width: 300px;
	height: 110px;
	background-repeat: no-repeat;
	position: relative;
}

div#RIGHT div#SCHOOL img {
	position: absolute;
	top: 40px;
	left: 15px;
}


div#RIGHT div#SMALLBNR {
	margin: 10px auto 0 auto;
}

div#RIGHT div#SMALLBNR img {
	margin: 0 0 10px 0;
	display: block;
}

div#RIGHT div#TwitterWidget h3 {
	background-image: none;
}

/*	フッタ
----------------------------------------------------------------------------------------------------------------------------------*/

div#BNR {
	margin: 80px auto 0 auto;
	padding: 0 0 0 10px;
}

div#BNR img {
	margin: 0 16px 0 0;
}

div#BNR img.last {
	margin: 0 !important;
}

div#FOOTER {
	background-color: #E8E8E8;
	background-image: url(/common/images/footerBdr.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px 0;
	margin: 15px 0 0 0;
	font-size: 10px;
}

div#FOOTER div.body {
	width: 100%;
	max-width: 1200px;
	min-width: 750px;
	margin: 0 auto;
}


div#FOOTER div.body div.link {
	float: left;
	color: #999999;
}

div#FOOTER div.body div.link a {
	text-decoration: none;
	color: #333333;
}

div#FOOTER div.body div.copy {
	float: right;
}


/* ページトップ */

div#MAIN div.lqdContent div.listPageTop {
	margin: 20px 0 15px 0;
	text-align: right;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
}

div#MAIN div.lqdContent div.listPageTop a {
	padding: 0 0 0 14px;
	background-image: url(/common/images/mrkListPageTop.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #333333;
	text-decoration: none;
}

/* ページアンダー */

div#MAIN div.lqdContent div.listPageUnder {
	margin: 20px 0 15px 0;
	text-align: right;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
}

div#MAIN div.lqdContent div.listPageUnder a {
	padding: 0 0 0 14px;
	background-image: url(/common/images/mrkListPageUnder.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #333333;
	text-decoration: none;
}

/* 検索ページ */
div#MAIN div.lqdContent div.search
{
  padding: 0 0 0 0 !important;
}

div#MAIN div.lqdContent div.search div.searchfilter
{
  margin-left: 60px;
  padding-top: 5px;
  width: 520px;
  float: left;
}

div#MAIN div.lqdContent div.search span
{
  margin: 0 0 0 10px;
}

div#MAIN div.lqdContent div.search input[type="checkbox"]
{
  vertical-align: middle;
}

div#MAIN div.lqdContent div.search label
{
  padding:0 20px 0 5px;
}

div#MAIN div.lqdContent div.search input.btn
{
	width: 52px;
	height: 26px;
	border: 0;
	background-image: url(/common/images/headerSearchBtn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	background-position: top;
}

div#MAIN div.lqdContent div.search input:hover
{
	background-position: bottom;
}

div#MAIN div.lqdContent div.article div.menu a
{
	text-decoration:none;
}

div#MAIN div.lqdContent div.article div.menu iframe#twitter-widget-0{
	float: right;
	margin-top: 8px !important;
}

/*
#custom-tweet-button
{
	padding: 2px 5px 2px 20px;
}

#custom-tweet-button a
{
	background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat;
	border: 1px solid #ccc;
}
*/