/*** for PC Browser ***/
@media (min-width:401px)
{
/* 第2階層以下のページ専用CSS */

#LeftPane {
	width:180px;
	padding-right:0px;
	padding-left:0px;
}

#ContentPane {
	width:760px;
	padding-right:0px;
	padding-left:10px;
}

#RightPane {
	width:0px;
	padding-right:0px;
	padding-left:0px;
}

.altLeftPane {	/* 代わりのアイテムは非表示 */
	display: none;
}

/************************************
 サイド領域メニュータイトル用
************************************/
#LeftPane .LinkList_top2_outside_h h2 a,
#RightPane .LinkList_top2_outside_h h2 a
{
text-shadow:
    #0E6E04 2px 0px,  #0E6E04 -2px 0px,
    #0E6E04 0px -2px, #0E6E04 0px 2px,
    #0E6E04 2px 2px , #0E6E04 -2px 2px,
    #0E6E04 2px -2px, #0E6E04 -2px -2px,
    #0E6E04 1px 2px,  #0E6E04 -1px 2px,
    #0E6E04 1px -2px, #0E6E04 -1px -2px,
    #0E6E04 2px 1px,  #0E6E04 -2px 1px,
    #0E6E04 2px -1px, #0E6E04 -2px -1px;
text-decoration: none;
}

/************************************
 横幅が950px未満の時、左ペインを削除
************************************/

}
@media only screen and (max-width: 949px) {
	#BaseTable,
	#HeaderPane,
	#Middle,
	#FooterPane {
		width: 760px;	/* 横幅に合わせる */
	}

	#LeftPane {
		display: none !important;	/* 左ペインを非表示 */
	}

	.onlyLeftPane {	/* 左ペイン専用アイテムを非表示 */
		display: none !important;
	}

	.altLeftPane {		/* 代わりのアイテムを表示 */
		display: block;
	}

	#ContentPane {	/* 主ペインの横幅を詰める */
		padding-left: 0;
	}
}

/******************************************
 横幅が760px未満の時、リキッドに
*******************************************/
@media only screen and (max-width: 759px) {

	#BaseTable,
	#HeaderPane,
	#Middle,
	#FooterPane,
	#ContentPane {	/* 主ペインの横幅を合わせる */
		width: 100%;
	}
}

/*** for Smart Phone ***/
@media (max-width:400px)
{
/* 第2階層以下のページ専用CSS */

#LeftPane {
	width:180px;
	padding-right:0px;
	padding-left:0px;
}

#ContentPane {
	width:760px;
	padding-right:0px;
	padding-left:10px;
}

#RightPane {
	width:0px;
	padding-right:0px;
	padding-left:0px;
}

.altLeftPane {	/* 代わりのアイテムは非表示 */
	display: none;
}

/************************************
 サイド領域メニュータイトル用
************************************/
#LeftPane .LinkList_top2_outside_h h2 a,
#RightPane .LinkList_top2_outside_h h2 a
{
text-shadow:
    #0E6E04 2px 0px,  #0E6E04 -2px 0px,
    #0E6E04 0px -2px, #0E6E04 0px 2px,
    #0E6E04 2px 2px , #0E6E04 -2px 2px,
    #0E6E04 2px -2px, #0E6E04 -2px -2px,
    #0E6E04 1px 2px,  #0E6E04 -1px 2px,
    #0E6E04 1px -2px, #0E6E04 -1px -2px,
    #0E6E04 2px 1px,  #0E6E04 -2px 1px,
    #0E6E04 2px -1px, #0E6E04 -2px -1px;
text-decoration: none;
}

/************************************
 横幅が950px未満の時、左ペインを削除
************************************/

}
@media only screen and (max-width: 949px) {
	#BaseTable,
	#HeaderPane,
	#Middle,
	#FooterPane {
		width: 760px;	/* 横幅に合わせる */
	}

	#LeftPane {
		display: none !important;	/* 左ペインを非表示 */
	}

	.onlyLeftPane {	/* 左ペイン専用アイテムを非表示 */
		display: none !important;
	}

	.altLeftPane {		/* 代わりのアイテムを表示 */
		display: block;
	}

	#ContentPane {	/* 主ペインの横幅を詰める */
		padding-left: 0;
	}
}

/******************************************
 横幅が760px未満の時、リキッドに
*******************************************/
@media only screen and (max-width: 759px) {

	#BaseTable,
	#HeaderPane,
	#Middle,
	#FooterPane,
	#ContentPane {	/* 主ペインの横幅を合わせる */
		width: 100%;
	}
}