@charset "utf-8";

@import "common_base_hack.css";

/*--------------------------------------------------------------------*/
/* Initiation関連																											*/
/*--------------------------------------------------------------------*/
*.flort_left { float: left;}
*.float_right { float: right;}
*.float_clear { clear: both;}

* {
	margin:0;
	padding:0;
}
body {
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	text-align:center;
	font-size: 80%;
	color: #333333;
	background: #FFFFFF;
}
p.SIGN-CANCELWAIT {
	color:#990000;
}
p.SIGN-ENTRYFEW {
	color:#FF9900;
}
p.SIGN-ENTRY {
	color:#333333;
}
p.SIGN-INQUIRY {
	color:#CC6633;
}
p.SIGN-FULL {
	color:#FF0000;
	font-weight:bold;
}
/*-----------------------------------
必須項目の*の色をREDにするclassを作成
*/
span.SIGN-COLOR
{
    color:#FF0000;
}
/*
-------------------------------------*/
* pre 
{
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
}
/*--------------------------------------------------------------------*/
/* <H>系タグ関連																											*/
/*--------------------------------------------------------------------*/
* h1{
	display:inline;
	padding:0px;
	margin:0px;
}
* h1 img {
	margin:14px 0px 0px 7px;/* 2009年調整 */
}
* h2{
	display:inline;
	padding:0;
	margin:0;
	height:auto;
}
* h3{
	display:inline;
	padding:0;
	margin:0;
	height:auto;
}
* h4{
	font-size:100%;
}

.headerInput{
	font-size: 13px;
	width: 230px;
	border: 1px solid #323264;
}
.LoginInput{
	font-size: 13px;
	width: 180px;
	border: 1px solid #CCCCCC;
}
.GlobalSquareInput{
	font-size: 13px;
	width: 180px;
	border: 1px solid #CCCCCC;
}
.GlobalSquareTextInput{
	font-size: 13px;
/*	width: 191px; *//* 2009年調整 */
	width: 400px;/* 2009年調整(09.07.14) */
/*	margin-left:18px; *//* 2009年調整(09.07.14) */
	border: 1px solid #CCCCCC;
}
.CartFormTextInput{
	font-size: 13px;
	width: 550px;
	border: 1px solid #CCCCCC;
}
.ElearningSelectInput{
	font-size: 13px;
	width: 400px;
	border: 1px solid #CCCCCC;
}
.ElearningYearInput{
	font-size: 13px;
	width: 80px;
	border: 1px solid #CCCCCC;
}
.ElearningMonthInput{
	font-size: 13px;
	width: 50px;
	border: 1px solid #CCCCCC;
}
.ElearningDayInput{
	font-size: 13px;
	width: 50px;
	border: 1px solid #CCCCCC;
}
.TelNamberInput{
	font-size: 13px;
	width: 40px;
	border: 1px solid #CCCCCC;
}
.PostNamber1Input{
	font-size: 13px;
	width: 30px;
	border: 1px solid #CCCCCC;
}
.PostNamber2Input{
	font-size: 13px;
	width: 40px;
	border: 1px solid #CCCCCC;
}
.GoogleInput{
	font-size: 13px;
	width: 100px;
	border: 1px solid #CCCCCC;
}
.GoogleSubmit{
	font-size: 13px;
}

.allow { color: #F30;}

.InputMemo {
	font-size:10px;
}
.WishlistInputDate {
	width:135px;
	font-size:10px;
}
/*--------------------------------------------------------------------*/
/* リンク系タグ関連																										*/
/*--------------------------------------------------------------------*/
a img { border: none; vertical-align: bottom; }
a {
	color: #036;
	text-decoration: none;
}
a:link {
	color: #036;
}
a:visited {
	color: #339;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color: #036;
}
/* リンク色1 (2009年新規)
----------------------------------------------------- */
a.LinkStyle1{
	color: #0551ea;
	text-decoration: none;
}
a.LinkStyle1:link {
	color: #0551ea;
}
a.LinkStyle1:visited {
	color: #7925f8;
}
a.LinkStyle1:hover {
	text-decoration:underline;
}
a.LinkStyle1:active {
	color: #0551ea;
}

a.STRINGLINK:link {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}
a.STRINGLINK:visited {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}	
a.STRINGLINK:hover {
	color:#36c;
	font-weight:bold;
}
a.STRINGLINK:active {
	color:#36c;
}

a.NORMALLINK:link {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}
a.NORMALLINK:visited {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}	
a.NORMALLINK:hover {
	color:#36c;
}
a.NORMALLINK:active {
	color:#36c;
}

a.REDSTRINGLINK:link {
	border-bottom:1px dotted #A90013;
	color:#36c;
	text-decoration:none;
	color:#A90013;
	font-weight:bold;
}
a.REDSTRINGLINK:visited {
	border-bottom:1px dotted #A90013;
	text-decoration:none;
	border-bottom-color:#969;
	color:#FF0000;
}	
a.REDSTRINGLINK:hover {
	color:#A90013;
}
a.REDSTRINGLINK:active {
	color:#A90013;
}

a.MEMBERSTRINGLINK:link {
	color:#36c;
	text-decoration:none;
	color:#51626F;
}
a.MEMBERSTRINGLINK:visited {
	text-decoration:none;
	border-bottom-color:#969;
	color:#51626F;
}	
a.MEMBERSTRINGLINK:hover {
	color:#FF9933;
}
a.MEMBERSTRINGLINK:active {
	color:#51626F;
}



/*--------------------------------------------------------------------*/
/* フォント系タグ関連																									*/
/*--------------------------------------------------------------------*/
#HeaderNaviArea #GlobalMenuArea { font-size: x-small;}
#ContentsNaviArea	{ font-size: 90%;}
#ContentsSubArea	{ font-size: 90%;}


#MasterArea {
	/* margin:0px auto;		ブロックレベル要素を中央寄せ (2009年調整) */
}
/*--------------------------------------------------------------------*/
/* 段組：HeaderArea																										*/
/*--------------------------------------------------------------------*/
#HeaderArea {
	position:relative;
}

.headerarea{
	max-width: 1000px;
	margin: 0 auto;
}

#HeaderArea #HeaderNaviBlock {
	position:absolute;
	bottom:0;
	right:0;
	height:80px;
	float:right;
	right:3px;
	text-align:left;
	padding: 10px 0px 5px 0px;
}

#HeaderArea div#CorpLoginLabelSide {
    position:fixed;
    top:0px;
    width:350px;
    height:28px;
    z-index:8765;
    background-color:#fecc63;
    right:0;
    background-position:left top;
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.70
}

#HeaderArea div#CorpLoginLabelSide div#Message
{
	float:left;
	width:250px;
	text-align:center;
	float:left;
	padding:5px;
	margin:0px;
	font-weight:bold;
	font-size:12px;	
	color:#012967;
}

#HeaderArea div#CorpLoginLabelSide div#Logout
{
	float:right;
	width:80px;
	font-size:11px;
	padding-top:7px;
}

#HeaderArea div#CorpLoginLabelSide div#Logout img#LogoutImg
{
	vertical-align:-0.25em;
}

#HeaderArea #HeaderNaviBlock ul{
	list-style:none;
}

/*--------------------------------------------------------------------*/
/* 段組：HeaderNaviArea (2009年全体的に調整)																								*/
/*--------------------------------------------------------------------*/
#HeaderNaviArea {
	width: 900px;
}
/* グローバルナビ (2009年調整)
----------------------------------------------------- */
#HeaderNaviArea #HeaderNaviBlock1 {
	width: 900px;
	border-top:1px #c0c5ca;
}
#HeaderNaviArea #HeaderNaviBlock1 #HeaderNaviBlock_GlobalMenu {
	width: 900px;
	height: 27px;
}
#HeaderNaviArea #HeaderNaviBlock1 #HeaderNaviBlock_GlobalMenu ul{
	list-style:none;
}
#HeaderNaviArea #HeaderNaviBlock1 #HeaderNaviBlock_GlobalMenu ul li {
	float:left;
}
#HeaderNaviArea #HeaderNaviBlock1 #HeaderNaviBlock_GlobalMenu a img {
	border: none;
	vertical-align:bottom;
}
/* 研修ナビ (2009年調整)
----------------------------------------------------- */
#HeaderNaviArea #HeaderNaviBlock2{
	position:relative;
	width: 900px;
	height:53px;
	background-color:#012967;
}
#HeaderNaviArea #HeaderNaviBlock2 h2{
	position:absolute;
	left:6px;
	bottom:6px;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_TrainingNavi ul{
	list-style:none;
	position:absolute;
	left:88px;
	bottom:6px;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_TrainingNavi ul li{
	float:left;
	margin-right:2px;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_TrainingNavi ul li img{
	vertical-align:bottom;
}
/* 検索 (2009年調整)
----------------------------------------------------- */
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch{
	position:absolute;
	right:0;
	top:0;
	width:264px;
	height:53px;
	text-align:left;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch ul{
	list-style:none;
	width:263px;
	padding-top:3px;
	overflow:hidden;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch ul li{
	float:left;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch ul li input{
	margin:0px 3px 0px 18px;
	vertical-align:middle;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch ul li label{
	font-size:10px;
	color:#fff;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch p{
	position:absolute;
	right:2px;
	bottom:5px;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch p input{
	vertical-align:middle;
}
#HeaderNaviArea #HeaderNaviBlock2 #HeaderNaviBlock_Sarch p input.GlobalSquareTextInput{
	margin-right:2px;
	margin-left:18px; /* (2009年調整)(09.07.14) */
	width: 191px; /* (2009年調整)(09.07.14) */
}
/* パンくずリスト (2009年調整)
----------------------------------------------------- */
#HeaderNaviBlock3{
	width: 900px;
	margin:5px 0px 5px;
	text-align:left;
	font-size:11px;
}
#HeaderNaviBlock3{
	color:#999;
}
#HeaderNaviBlock3 span.Current{
	color:#333;
}
#HeaderNaviBlock3 a{
	color: #0551ea;
	text-decoration: none;
}
#HeaderNaviBlock3 a:link {
	color: #0551ea;
}
#HeaderNaviBlock3 a:visited {
	color: #7925f8;
}
#HeaderNaviBlock3 a:hover {
	text-decoration:underline;
}
#HeaderNaviBlock3 a:active {
	color: #0551ea;
}
/*--------------------------------------------------------------------*/
/* 段組：ContentsArea																									*/
/*--------------------------------------------------------------------*/
#ContentsArea {/* (2009年調整) */
	width: 900px;
}
/*--------------------------------------------------------------------*/
/* 段組：ContentsNaviArea																							*/
/*--------------------------------------------------------------------*/
#ContentsNaviArea	{
	float: left;			/* 左寄せにしておく */
	width: 190px;			/* 幅指定 */
	/*margin:0px auto;	ブロックレベル要素を中央寄せ (2009年調整)*/
	text-align:left;/* (2009年調整) */
}
#ContentsNaviArea #NaviBlock {
	width:170px;
}
/* ログインパネル (2009年新規)
----------------------------------------------------- */
#ContentsNaviArea #NaviBlock div.LoginBlock{
	margin-bottom:15px;
	background:#77777A;
}

div.LoginBlock p.title-login {
	font-size: 12px;
	color: #fff;
	padding: 10px 10px 0 10px;
}
div.login_name {
	display: flex;
	align-items: center;
	padding-bottom: 8px;
	margin: 0 10px 8px 10px;
	border-bottom: 1px solid #fff;
	padding-top: 5px;
	column-gap: 8px;
}
div.login_name p
{
    font-weight: bold;
    font-size:18px;
    color:#fff;
    word-break: break-word;

}
ul.link-login li a
{
    font-weight: bold;
    font-size:12px !important;
    position:relative;
}
ul.link-login li a:hover
{
    text-decoration:none !important;
}
ul.link-login li a::after
{
    position: absolute;
    content: '\276F';
    right: 5px;
    top:50%;
    transform: translateY(-50%);
    line-height: 20px;
    color: #e94b22;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    
}
#ContentsNaviArea #NaviBlock div.LoginBlock h3{
	color:#fff;
	display:block;
	padding:7px 12px;
	font-size:12px;
	margin-bottom:7px;
	text-align:left;
	background-position:bottom;
	background-image:url(../images/loginblock_back.gif);
	background-repeat:repeat-x;
}
#ContentsNaviArea #NaviBlock div.LoginBlock ul{
	list-style:none;
	margin-top:2px;
	padding:0px;
}
#ContentsNaviArea #NaviBlock div.LoginBlock ul.Logout{
	margin-bottom:4px;
	padding-bottom:7px;
	background-position:bottom;
	background-image:url(../images/loginblock_back.gif);
	background-repeat:repeat-x;
}
#ContentsNaviArea #NaviBlock div.LoginBlock ul li{
	margin:5px 5px 1px 0px;
	padding:0px 0px 0px 10px;
}
#ContentsNaviArea #NaviBlock div.LoginBlock ul li a img{/* arrow */
	margin:0px 0px 1px 0px;
	border-top:2px solid #012967;
	border-right:2px solid #012967;
	border-bottom:2px solid #012967;
	vertical-align:top;
	text-decoration:none;
}
#ContentsNaviArea #NaviBlock div.LoginBlock ul li a{
	font-size:11px;
	color:#fff;
	display: block;
}
#ContentsNaviArea #NaviBlock div.LoginBlock ul li a:hover{
	text-decoration:underline;
}
/* 外枠 */
#ContentsNaviArea #NaviBlock div.LoginBlock div.Entry,
#ContentsNaviArea #NaviBlock div.LoginBlock div.Login{
	margin-bottom:4px;
	padding-bottom:10px;
	/*background-position:bottom;
	background-image:url(../images/loginblock_back.gif);
	background-repeat:repeat-x;*/
}
#ContentsNaviArea #NaviBlock div.LoginBlock div.Cart{
	padding:1px 0px 5px;
}
/* ナビゲーションブロック1 (2009年新規)
----------------------------------------------------- */
#ContentsNaviArea #NaviBlock div.NaviBlock1{}
#ContentsNaviArea #NaviBlock div.NaviBlock1.Style1{
	margin-bottom:15px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1.Style1 ul li
{
	margin:0;
	padding:4px 5px 9px 21px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 h3{
	font-size:12px;
	display:block;
	padding:3px 7px 2px;
	background-color:#77777A;
	color:#ffffff;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 h3 a{
	color:#ffffff;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 h3 a:visited{
	color: #ffffff;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 h3 a:hover{
	text-decoration:underline;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 h3 a img{
	vertical-align:middle;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 h4{
	padding:0px 10px 0px 12px;
	margin:0px 0px 3px 9px;
	font-size:11px;
	text-indent:-9px;
	color:#000;
}
/* 外枠 */
#ContentsNaviArea #NaviBlock div.NaviBlock1 div.List{
	/* border:1px solid #fecc63; */
	background-color:#F2F2F2;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul{
	list-style:none;
	padding:0;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li{
	margin:9px 5px 9px 16px;
	padding:0px 0px 0px 5px;
	font-size:11px;
	text-indent:-16px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.Navi1{
	margin-bottom:15px;
	padding-left:15px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.Navi1 li{
	margin:0px 5px 3px 16px;
}

#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.ENavi1{
	padding-left:15px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.ENavi1 li{
	margin:0px 5px 3px 16px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.ENavi2{
	padding-left:30px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.ENavi2 li{
	margin:0px 5px 3px 16px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.ENavi3{
	padding-left:45px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul.ENavi3 li{
	margin:0px 5px 3px 16px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li a img,
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li span img{/* arrow */
	margin:0px 0px 1px 0px;
	border-top: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
/*	vertical-align:top; */
	vertical-align:middle;
	text-decoration:none;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li a,
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li span{
	color:#000;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li span{
	cursor:pointer;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li span.Hover{
	text-decoration:underline;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li a:visited{
	color: #000;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 ul li a:hover{
	text-decoration:underline;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 div.DetailLink ul{
	width:170px;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 div.DetailLink ul li{
	margin:4px 0px 9px 15px;
	text-align:right;
	clear:both;
}
#ContentsNaviArea #NaviBlock div.NaviBlock1 div.DetailLink ul li a img{/* arrow */
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}

#ContentsNaviArea #NaviBlock div.CorpPageUpdateDate{
    text-align:center;
    color:#FF0000;
    margin: 0px 0px 0px 0px;
    font-size:11px;
}


/* ナビゲーションブロック2 (2009年新規)
----------------------------------------------------- */
#ContentsNaviArea #NaviBlock div.NaviBlock2{
	margin:-15px 0 30px;
}


#ContentsNaviArea #NaviBlock #MenuListStatic {
	width:156px;/* (2009年調整) */
	margin-bottom:10px;
	background-position:bottom;
	background-image:url(../images/top10_background.jpg);
}
#ContentsNaviArea #NaviBlock #MenuList {
	margin-bottom:10px;
	background-position:bottom;
	background-image:url(../images/top10_background.jpg);
}
#ContentsNaviArea #NaviBlock #GuideList {
	margin-bottom:10px;
	background-position:bottom;
	background-image:url(../images/top10_background.jpg);
}
#ContentsNaviArea #NaviBlock #Top10List {
	margin-bottom:10px;
	background-image:url(../images/top10_background.jpg);
}
#ContentsNaviArea #NaviBlock #SearchBox {
	padding-top: 10px;
	margin-bottom: 10px;	/* 2008/07/28 追加 */
	background-position:bottom;
	background-image:url(../images/top10_background.jpg);
}
#ContentsNaviArea #NaviBlock #MenuListStatic ul, dl {
	list-style:none;
	margin: 0;
	padding-left: 0.2em;
}
#ContentsNaviArea #NaviBlock #MenuListStatic ul li {
	font-size:10px;
	text-align:left;
	padding-top:10px;
	padding-bottom:2px;
	padding-left:10px;
}

*:first-child+html #HeaderNaviArea #HeaderNaviBlock1 #HeaderNaviBlock_GlobalMenu ul li {
    padding: 0px;
    margin:0px 1px; 
}

#ContentsNaviArea ul, dl {
	font-size:12px;
	text-align:left;
	padding-top:10px;
	padding-bottom:2px;
	padding-left:10px;
    list-style:none; /*0922追加*/
}
#ContentsNaviArea ul li {
	font-size:12px;
	text-align:left;
	padding-top:10px;
	padding-bottom:2px;
	padding-left:10px;
	list-style:none;
}
#ContentsNaviArea ol {
	padding-top:10px;
	list-style-type:decimal-leading-zero;
	margin:0px 5px 10px 20px;

}
#ContentsNaviArea ol li {
	vertical-align:text-top;
	font-size:12px;
	text-align:left;
	padding-bottom:5px;
	margin-top:10px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
	border-bottom:1px solid #FFCCFF;
}

/*--------------------------------------------------------------------*/
/* 段組：ContentsBodyArea																							*/
/*--------------------------------------------------------------------*/
#ContentsBodyArea	{
	float: right;
	width: 710px;
	overflow:hidden;/* (2009年追加) */
}
#ContentsBodyArea	#BodyBlock {
	float: left;
	text-align: left;
	width: 690px;
}

#FormBody 
{
    position: relative;
	float: left;
	width: 900px;
}

/*--------------------------------------------------------------------*/
/* 段組：ContentsMainArea																							*/
/*--------------------------------------------------------------------*/
#ContentsMainArea	{
	float: left;
	width: 520px;
}
#ContentsMainArea #MainBlock {
	width:520px;
	/* background-image:url(../images/pickup_back.jpg); DEL 2009.10.02 */
	background-repeat:no-repeat;
	background-position:bottom;	
	margin-bottom: 10px;
	text-align:left;/* (2009年調整) */
}
#ContentsMainArea #HeadlineBlock {
	/* margin:0px auto;	ブロックレベル要素を中央寄せ (2009年調整)*/
	width:511px;
}
#ContentsMainArea #HeadlineBlock table {
	width:511px;
	background-image:url(../images/background_bar.png);
}
#ContentsMainArea #HeadlineBlock table td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
}
#ContentsMainArea #HeadlineBlock ul {
	font-weight:bold;
	color:#333333;
}
#ContentsMainArea #HeadlineBlock ul li {
	padding-top:1px;
	padding-bottom: 1px;
}
#ContentsMainArea #HeadlineBlock ul li a {
	color:#333333;
}
#ContentsMainArea #HeadlineBlock ul li a:hover {
	color:#0099CC;
}

#ContentsMainArea #CorpInfoBlock {
	display:block;

	width:520px;
}
#ContentsMainArea h3#CorpInfo {
    text-align:left;
    font-size: 15px;
    display: block;
    padding: 3px 7px 2px 7px;
    background-color:#bad8e9;
    color:#003366;
}

/* 法人ログイン向けメッセージ (2010年新規)
----------------------------------------------------- */
#ContentsMainArea h3#CorpInfo {
    text-align:left;
    font-size: 15px;
    display: block;
    padding: 3px 7px 2px 7px;
    /*background-color:#bad8e9;*/	/* blue */
    background-color:#fecc63;	/* yellow */
    color:#003366;
}
#ContentsMainArea ul#CorpInfo {
/* blue */
/*
    border:1px solid #bad8e9;
    background-color:#deebf4;
*/
/* yellow */
    border:1px solid #fecc63;
    background-color:#feedc8;
    text-align:left;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
	padding:5px 5px 10px;
}

#ContentsMainArea ul#CorpInfo li{
    margin:0px 5px 0px 5px;
    padding: 3px 0px 0px 3px;
    font-size: 14px;
/*    text-indent: -16px;*/
}

/* サブブロック1 (2009年新規)
----------------------------------------------------- */
#ContentsMainArea #SubBlock1 {
	width: 520px;
	font-size:90%;
}

#ContentsMainArea #SubBlock1 strong.TitleSign {
	font-weight: bold;
	color: #CC0000;
}

#ContentsMainArea #SubBlock1 table {
	width: 520px;
	border-collapse: separate;
	margin-bottom: 10px;
	border-spacing: 1px;
}
#ContentsMainArea #SubBlock1 table td {
	padding: 5px 9px;
	text-align: left;
	vertical-align: top;
	line-height: 18px;
}
#ContentsMainArea #NewsBlock {
	width: 520px;
	font-size:90%;
}

#ContentsMainArea #NewsBlock strong.TitleSign {
	font-weight: bold;
	color: #CC0000;
}

#ContentsMainArea #NewsBlock table {
	width: 520px;
	border-collapse: separate;
	margin-bottom: 10px;
	border-spacing: 1px;
}
#ContentsMainArea #NewsBlock table td {
	padding: 5px 9px;
	text-align: left;
	vertical-align: top;
	line-height: 18px;
}
/* タイトル (2009年新規)
----------------------------------------------------- */
#ContentsArea .PageTitle1{
	display:block;
	margin-bottom:18px;
	padding-bottom:6px;
	font-size:100%;
	border-bottom:1px solid #cfd4d9;
	text-align:left;
}
#ContentsArea .PageTitle2{
	display:block;
	margin-bottom:5px;
	padding-bottom:3px;
	font-size:160%;
	border-bottom:1px solid #cfd4d9;
	color:#013c97;
	text-align:left;
}
#ContentsArea .SubTitle1{
	display:block;
	margin-bottom:10px;
	padding-bottom:6px;
	font-size:100%;
	color:#000;
	border-bottom:1px solid #cfd4d9;
	text-align:left;
}
#ContentsArea .SubTitle2{
	display:block;
	margin-bottom:3px;
	color:#000;
	text-align:left;
}
#ContentsArea .SubTitle2 .Plain{
	font-weight:normal;
}
/* 箇条書きリンク (2009年新規)
----------------------------------------------------- */
#ContentsArea ul.LinkLeft{
	list-style:none;
}
#ContentsArea ul.LinkLeft li{
	margin:0 5px 5px 16px;
	padding:0px;
	text-indent:-16px;
}
#ContentsArea ul.LinkLeft li.Style1{
	font-size:11px;
}
#ContentsArea ul.LinkLeft li a img{/* arrow */
	margin:0px 0px 1px 0px;
	border-top:2px solid #f2f2f2;
	border-right:2px solid #f2f2f2;
	border-bottom:2px solid #f2f2f2;
	vertical-align:top;
	text-decoration:none;
}
/* 右揃えリンク (2009年新規)
----------------------------------------------------- */
#ContentsArea div.DetailLink ul{
	list-style:none;
	width:520px;
	overflow:hidden;
}
#ContentsArea div.DetailLink ul li{
	float:right;
	margin:0 5px 5px 16px;
	text-indent:-16px;
}
#ContentsArea div.DetailLink ul li a img{/* arrow */
	margin:0px 0px 1px 0px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	vertical-align:top;
	text-decoration:none;
}
#ContentsArea div.DetailLink ul li.Style1{
	font-size:11px;
}
/*--------------------------------------------------------------------*/
/* 段組：ContentsSubArea																							*/
/*--------------------------------------------------------------------*/
#ContentsSubArea	{
	float: right;			/* 右寄せしておく */
	width: 189px;			/* 幅指定 */
	/*margin:0px auto;	ブロックレベル要素を中央寄せ (2009年調整)*/
	text-align:left;
}
#ContentsSubArea #SubBlock {/* (2009年調整) */
	width:170px;
	margin:0px 0px 0px 19px;
	padding:0px;
	/* background-image:url(../images/right_background.png) DEL 2009.10.02 */
}
#ContentsSubArea #SubBlock #BiginnerList {
}
#ContentsSubArea #SubBlock #TopixList {
}
#ContentsSubArea #SubBlock #Verisign {
	width:156px;	/*2008/07/23*/
	padding-top:20px;
	background-color:#FFFFFF
}
#ContentsSubArea #SubBlock #BiginnerList ul.BIGINNER_LIST_UL {
	list-style: none;
	padding-left: 5px;
	padding-bottom:10px;
}
#ContentsSubArea #SubBlock #BiginnerList ul.BIGINNER_LIST_UL li {
	font-size:10px;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:1px;
}
#ContentsSubArea #SubBlock #BiginnerList ul.BIGINNER_LIST_UL2 {
	list-style: none;
	padding-left: 10px;
}
#ContentsSubArea #SubBlock #BiginnerList ul.BIGINNER_LIST_UL2 li {
	color:#FF0000;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
}
/* サブブロック1 (2009年新規)
----------------------------------------------------- */
#ContentsSubArea #SubBlock div.SubBlock1{}
#ContentsSubArea #SubBlock div.SubBlock1 h3{
	font-size:12px;
	display:block;
	padding:3px 7px 2px;
	background-color:#bad8e9;
	color:#036;
}

/* 外枠 */
#ContentsSubArea #SubBlock div.SubBlock1 div.List{
	border:1px solid #bad8e9;
	background-color:#deebf4;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul{
	list-style:none;
	padding:0;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul li{
	margin:9px 5px 9px 16px;
	padding:0px 0px 0px 5px;
	font-size:11px;
	text-indent:-16px;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul li.NoItem{
	padding-left:0;
	text-indent:0;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul li a img{/* arrow */
	margin:0px 0px 1px 0px;
	border-top:2px solid #deebf4;
	border-right:2px solid #deebf4;
	border-bottom:2px solid #deebf4;
/*	vertical-align:top;*/
	vertical-align:middle;
	text-decoration:none;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul li a{
	color:#036;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul li a:visited{
	color: #339;
}
#ContentsSubArea #SubBlock div.SubBlock1 ul li a:hover{
	text-decoration:underline;
}
#ContentsSubArea #SubBlock div.SubBlock1 div.DetailLink ul{
	width:170px;
}
#ContentsSubArea #SubBlock div.SubBlock1 div.DetailLink ul li{
	margin:4px 0px 9px 15px;
	text-align:right;
}
#ContentsSubArea #SubBlock div.SubBlock1 div.DetailLink ul li a img{/* arrow */
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}


/*--------------------------------------------------------------------*/
/* 段組：FooterArea (2009年調整)																									*/
/*--------------------------------------------------------------------*/
#FooterArea	{
	clear: both;
	padding-top:40px;
}
#FooterArea	#FooterBlock{
	text-align:left;
	position:relative;
	width: 900px;
}
/* フッターのナビゲーション (2009年新規)
----------------------------------------------------- */
#FooterArea #FooterNaviBlock{
	width:900px;
	text-align:left;
	position:relative;
}
#FooterArea #FooterNaviBlock ul{
	list-style:none;
}

#FooterArea #FooterNaviLine{
	width:900px;
	text-align:left;
	position:relative;
	padding-top:1px;
	border-top:1px solid #cfd4d9;
}

#FooterArea #FooterNaviBlock2{
	width:900px;
	text-align:left;
	position:relative;
	margin-left:150px;
}
#FooterArea #FooterNaviBlock2 ul{
	list-style:none;
	width:900px;
	overflow:hidden;
}
#FooterArea #FooterNaviBlock2 ul li{
	float:left;
	padding: 1px 10px 0px 1px;
	margin:2px 10px 0px 2px;
	background-image:url(../images/navi_sep.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
#FooterArea #FooterNaviBlock2 ul li.LastChild{
	background:none;
}

/* サイト内検索 (2009年新規)
----------------------------------------------------- */
#FooterArea #SearchBox{
	width:900px;
	margin-top:9px;
	padding-top:9px;
	text-align:left;
}
#FooterArea #SearchBox label{
	display:block;
	margin-bottom:3px;
	color:#535a60;
}
#FooterArea #SearchBox #q{
	width:169px;
	border:1px solid #a0c8e2;
}
#FooterArea #SearchBox input.GoogleSubmit{
	vertical-align:top;
}
/* コピーライト (2009年新規)
----------------------------------------------------- */
#FooterArea #FooterBlock2{
	clear: both;
	width: 900px;
	padding-top:13px;
	text-align:left;
}
#FooterArea #FooterBlock2 p{
/*	margin-bottom:15px; */
	margin-bottom:10px; /* (2009年調整)(09.07.14) */
}
#FooterArea #FooterBlock2 address{
	font-style:normal;
	margin:0;
}
/* バナー (2009年新規)
----------------------------------------------------- */
#FooterArea div.BannerBlock{
	width: 900px;
	padding:10px 0px 30px;
	text-align:left;
}
#FooterArea div.BannerBlock ul{
	list-style:none;
	width: 900px;
	overflow:hidden;
}
#FooterArea div.BannerBlock ul li{
	float:left;
	margin-right:26px;
}
#FooterArea div.BannerBlock #Acrobat{
/*	padding-top:23px; */
	padding-top:13px; /* (2009年調整)(09.07.14) */
}

/*--------------------------------------------------------------------*/
/* 印刷関連(2009年調整)(09.07.14)
/*--------------------------------------------------------------------*/
/* for ie6 */
@media print {
	*html body {
		zoom: 0.9;
	}
}

@media print {
	#HeaderArea,
	#HeaderNaviArea,
	#ContentsNaviArea,
	#global_menu,
	#FooterArea{
		display: none;
	}
	#ContentsArea {
		width: auto;
	}
	#ContentsBodyArea {
		float: none;
		overflow: visible;
	}
	#ContentsArea .PageTitle1{
		
	}
/*
	#ContentsBodyArea {
		overflow: auto;
	}
	#ContentsArea #ContentsBodyArea #StaticBlock {
		float: none;
	}
*/
}


/* お知らせ (2011年新規)
----------------------------------------------------- */
#ContentsMainArea #MainBlock div.InfoBlock {
}
#ContentsMainArea #MainBlock div.Scroll {
	height: 80px;
	overflow: auto;
}

#ContentsMainArea #MainBlock div.InfoBlock ul li {
	margin-left: 128px;
	text-indent: -128px;
	list-style-type: none;
}

#ContentsMainArea #MainBlock div.InfoBlock img {
	vertical-align: bottom;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#new_course{
	background:url('/common1/images/new_btn.gif') no-repeat;
	width:115px;
	height:26px;
	padding:6px 0 0 55px;
	margin-bottom:4px;
	display:block;
	font-size:1em;
	font-weight:bold;
	line-height:1.1;
	letter-spacing:0.4em;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#new_course span{
	font-size:0.9em;
	font-weight:normal;
	letter-spacing:0;
}


#ContentsSubArea #SubBlock div.SubBlock1 a#rec_course{
	background:url('/common1/images/rec_btn.gif') no-repeat;
	width:170px;
	height:32px;
	line-height:32px;
	margin-bottom:4px;
	display:block;
	vertical-align:middle;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.25em;
	text-align:center;
}

/* IE 6だけ縦センタリングしないので、以下IE6 hack */
* html #ContentsSubArea #SubBlock div.SubBlock1 a#rec_course{
	padding-top:6px;
	height:26px;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#rec_course img{
	vertical-align:middle;
	margin-right:10px;
}


#ContentsSubArea #SubBlock div.SubBlock1 a#rec_course span{
	font-size:0.9em;
	font-weight:normal;
	letter-spacing:0;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#pdu_course{
	background:url('/common1/images/rec_btn.gif') no-repeat;
	width:170px;
	height:32px;
	line-height:32px;
	margin-bottom:4px;
	display:block;
	vertical-align:middle;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.17em;
	text-align:center;
}

/* IE 6だけ縦センタリングしないので、以下IE6 hack */
* html #ContentsSubArea #SubBlock div.SubBlock1 a#pdu_course{
	padding-top:6px;
	height:26px;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#pdu_course img{
	vertical-align:middle;
	margin-right:10px;
}


#ContentsSubArea #SubBlock div.SubBlock1 a#pdu_course span{
	font-size:0.9em;
	font-weight:normal;
	letter-spacing:0;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#sa_course{
	background:url('/common1/images/rec_btn.gif') no-repeat;
	width:170px;
	height:32px;
	line-height:32px;
	margin-bottom:14px;
	display:block;
	vertical-align:middle;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.17em;
	text-align:center;
}

/* IE 6だけ縦センタリングしないので、以下IE6 hack */
* html #ContentsSubArea #SubBlock div.SubBlock1 a#sa_course{
	padding-top:6px;
	height:26px;
}

#ContentsSubArea #SubBlock div.SubBlock1 a#sa_course img{
	vertical-align:middle;
	margin-right:20px;
}


#ContentsSubArea #SubBlock div.SubBlock1 a#sa_course span{
	font-size:0.9em;
	font-weight:normal;
	letter-spacing:0;
	padding-left:20px;
}

/* 入力フォームエラーメッセージを赤くする (2011年新規)
----------------------------------------------------- */
#ContentsArea #ContentsBodyArea #MyPageBlock p.Error{
	color:red;
}

/* コース詳細名下のアイコン (2012年新規)
----------------------------------------------------- */

.CourseIconList {
	padding:0 0 0 0;
	margin:0 0 0 0;
    z-index:997;
}

.CourseIconList li
{	float:left;
	list-style-type:none;
	padding:5px 10px;
	margin:0 5px 5px 0;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	background:#E8F2F6;
	border:1px solid #B2C5E5;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	white-space:nowrap;
	position:relative;
    z-index:998;
    font: normal normal bold 14px/21px Meiryo;
}

.CourseIconList li .iconMessage
{
    display: none; 
    position: absolute; 
    top: -30px; 
    left: 0px; 
    background-color:#FFFFFF;
    padding: 5px 0px 5px 0px;
    z-index:999
}

/*----- ADD 2013/03/05 -----*/

/*-----------------------------------------------------------------------------
	clearfix
-----------------------------------------------------------------------------*/
.L{
	float:left;
}
.R{
	float:right;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;}
/*HidesfromIE-mac\*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*EndhidefromIE-mac*/

/*-----------------------------------------------------------------------------
	common
-----------------------------------------------------------------------------*/

#HeaderNaviBlock_Sarch li{
	float:left;
	margin-right:15px;
}
#HeaderNaviBlock_Sarch #header1_textfield{
	width: 180px;
	vertical-align:middle;
	margin-right: 5px;
	border: 1px solid #A1C6E1;
}

#HeaderNaviBlock_Sarch #header1_CourseSearch{
	vertical-align:middle;
}

#HeaderNaviBlock_Sarch:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#HeaderNaviBlock_Sarch
{
    display:inline-block;
   	margin-top:15px;
}
/*HidesfromIE-mac\*/
*html#HeaderNaviBlock_Sarch{height:1%;}
#HeaderNaviBlock_Sarch
{
    display:block;
   	margin-top:15px;
}
/*EndhidefromIE-mac*/


/*----- corporation_header -----*/
#corporation_header{
	position:fixed;
	top:0;
	width:100%;
	min-width: 900px;
	margin:0 auto;
	background:#fbdb92;
	text-align:center;
	line-height:20px;
	color:#486071;
	padding:0 10px;
	opacity:0.7;
	z-index:99;
}
#corporation_header a{
	color:#486071;
}

/*----- header -----*/
#header{
	width:900px;
}
#header.incorpo{
    padding: 10px 0 !important;
	margin-top: 10px !important;
}
#header .h_title{
	width:223px;
	margin-top:13px;
}
#header .h_title img{
	border:none;
	vertical-align:middle;
	line-height:0;
}

#header .h_body{
	width:674px;
}
#header .h_body #header_sarch{
	font-size:12px;
}
#header .h_body #header_sarch ul{
	margin-bottom:5px;
}
#header .h_body #header_sarch li{
	margin-right:10px;
}
#header .h_body .L #HeaderNaviBlock_Sarch input{
	vertical-align:middle;
}
#header .h_body #header_sarch .GlobalSquareTextInput{
	width:180px;
	margin-right:5px;
	border:1px solid #a1c6e1;
}
#header .h_body .hb_top{
	padding-top:10px;
}
#header .h_body .hb_top div.L{
	width:300px;
}
#header .h_body .hb_top div.R{
	text-align:right;
	width:350px;
	vertical-align:bottom;
	margin-top:13px;
}

#header .h_body .hb_top div.R img
{
    border: none;
    vertical-align: middle;
	margin-left:10px;
}
#header .h_body .hb_top div.R .h_tell{
	margin-top:5px;
}
#header .h_body .hb_top div.R .h_tell .h_data{
	font-size:9px;
}
#header .h_body .hb_bottom{
	font-size:11px;
	height:31px;
	line-height:31px;
	margin-top:8px;
}
#header .h_body .hb_bottom img
{
    border: none;
    vertical-align: middle;
	margin-left:5px;
	margin-top:5px;
}

/*----- global_menu -----*/
#global_menu{
	color:#fff;
	width:900px;
	background:#cbcbcb;
	list-style-type: none;
}
#global_menu li{
	float:left;
	position:relative;
	z-index:90;
}
#global_menu .tl_li{
	width:224px;
	height:30px;
	line-height:30px;
	margin:1px 0 1px 1px;
}
#global_menu .tl_li.lastchild{
	width:223px;
	margin-right:1px;
}

/* top_level */
#global_menu .tl_a, 
#global_menu .sl_a{
	display:block;
	margin:0;
	text-decoration:none;
	background:#f1f7fa;
	background:-moz-linear-gradient(top, #f1f7fa, #fff);
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f7fa), to(#fff));
}
#global_menu .tl_a{
	color:#143465;
	text-align:center;
	font-weight:bold;
}
#global_menu .tl_a:hover{
}
#global_menu .first_level li a.sl_a{
	color:#000;
	background:#fff url(/top_common/img/icon_right_arrow.png) 210px 50% no-repeat;
	padding-left:10px;
}
#global_menu .first_level li a.sl_a:hover{
	color:#fff;
	background:#143465 url(/top_common/img/icon_right_arrow_orange.png) 210px 50% no-repeat;;
}

/* level 2 list */
#global_menu ul{
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	left:-1px;
	color:#999999;
	background:#cbcbcb;
	z-index:98;
}
#global_menu ul li{
	float:none;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
}
#global_menu ul li{
	width:224px;
	margin:1px;
}
#global_menu .lastchild ul li{
	width:223px;
}
#global_menu .first_level li a,
#global_menu .second_level li a{
	display:block;
	margin:0;
	color:#000;
	background:#fff;
	text-decoration:none;
	padding-left:10px;
	text-align:left;
}
#global_menu .first_level li a:hover,
#global_menu .second_level li a:hover{
	display:block;
	margin:0;
	color:#fff;
	background:#143465;
	text-decoration:none;
}
/* level 3+ list */
#global_menu ul ul{
	left:224px;
	top:-1px;
}

/* クラス hoverEx で子メニューを可視、孫メニューを不可視に */
#global_menu li.hoverEx ul {
	display: block;
	position: absolute;
	z-index: 100;
}

* html #global_menu li.hoverEx ul {
	vertical-align: bottom; /* IE6 で変な隙間が空くのでその対策 */
}

#global_menu li.hoverEx ul li ul {
	display: none;
}

/* クラス hoverEx で孫メニューを可視に */
#global_menu li.hoverEx ul li.hoverEx ul{
	display: block;
	position: absolute;
	z-index: 101;
}

/* 下層のメニューを不可視に */
ul#global_menu li ul,
ul#global_menu li ul li ul {
        display: none;
}

/* クラス hoverEx で子メニューを可視、孫メニューを不可視に */
ul#global_menu li.hoverEx ul {
        display: block;
        position: absolute;
        z-index: 100;
}

* html ul#global_menu li.hoverEx ul {
        vertical-align: bottom; /* IE6 で変な隙間が空くのでその対策 */
}

ul#global_menu li.hoverEx ul li ul {
        display: none;
}
/* クラス hoverEx で孫メニューを可視に */
ul#global_menu li ul li:hover ul {
        display: block;
        position: absolute;
        top: 1;
        left: 224px;
        z-index: 200;
}

ul#global_menu li:hover .show_menu_level {
        display: block;
        position: absolute;
        top: 30px;
        left: 0px;
        z-index: 200;
}

/*----- text_site_map -----*/
#text_site_map{
	background-color:#ebeef3;
	padding : 20px 20px 20px 0px;
	margin-bottom:10px;
}
#text_site_map .tsm_boxs{
	width:200px;
	padding-left:20px;
}
#text_site_map .tsm_boxs .tsm_title{
	padding-bottom:7px;
	border-bottom:1px solid #0c3d6d;
}

#text_site_map .tsm_boxs .tsm_title2{
	padding-bottom:9px;
	border-bottom:1px solid #0c3d6d;
}

#text_site_map .tsm01_list{
	color:#1d3994;
}
#text_site_map .tsm01_list dt{
	background:url(/top_common/img/icon_on.png) 0 12px no-repeat;
	padding-left:15px;
	line-height:35px;
	border-bottom:1px dotted #0c3d6d;
}
#text_site_map .tsm01_list dt:hover{
	text-decoration:underline;
	cursor:pointer;
}
#text_site_map .tsm01_list .selected{
	background:url(/top_common/img/icon_off.png) 0 12px no-repeat;
	border-bottom:none;
}
#text_site_map .tsm01_list ul{
	border-bottom:1px dotted #0c3d6d;
	padding-bottom:10px;
}
#text_site_map .tsm01_list ul li{
	background:url(/top_common/img/icon_sitemap.png) 20px 8px no-repeat;
	padding-left:35px;
	line-height:25px;
}


#text_site_map .tsm02_list ul{
	border-bottom:1px dotted #0c3d6d;
	padding-bottom:10px;
}
#text_site_map .tsm02_list ul li{
	background:url(/top_common/img/icon_sitemap.png) 20px 8px no-repeat;
	padding-left:35px;
	line-height:25px;
}

#text_site_map .tsm02_list .snson{
	border-bottom:1px dotted #0c3d6d;
	line-height:35px;
	padding-left:45px;
}
#text_site_map .tsm02_list .snsoff{
	background:url(/top_common/img/icon_sitemap.png) 0 50% no-repeat;
	border-bottom:1px dotted #0c3d6d;
	line-height:35px;
	padding-left:15px;
}
#text_site_map .tsm03_list li{
	background:url(/top_common/img/icon_sitemap.png) 0 12px no-repeat;
	border-bottom:1px dotted #0c3d6d;
	line-height:15px;
	padding:10px 0 10px 15px;
}

/*----- footer -----*/
#footer{
	font-size:10px;
	padding-top:10px;
	border-top:1px solid #cfd4d8;
	color:#535A60;
}
#footer #searchbox{
	margin-bottom:15px;
}
#footer #searchbox label{
	display:block;
	margin-bottom:3px;
}
#footer #searchbox .GoogleInput{
	border:1px solid #7e9db9;
	padding:2px;
	background:#fff url(/top_common/img/google_custom_search_watermark.gif) 0 50% no-repeat;
	width:170px;
}
#footer p{
	margin-bottom:15px;
}
#footer .bannerblock .L{
	margin-right:5px;
}
#footer .bannerblock .bb_flash{
	margin-top:19px;
}




/*-----------------------------------------------------------------------------
	common-new-top-pc
-----------------------------------------------------------------------------*/

img {
	vertical-align: middle;
	max-width: 100%;
}

ul.clearfix {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

span.title{
	font-weight: bold;
}

table.clearfix{
	border: none;
}

br.clearfix{
	clear: both;
}

.container-fluid.no-padding{
	padding: 0;
}

/* END: common */


/*-----------------------------------------------------------------------------
	header-new-top-pc
-----------------------------------------------------------------------------*/

/*line top	*/
.line-top{
	margin: 0;
	width: 995px;
	border: 2px solid #e94b22;
	background-color: #e94b22;
}

/*header*/

.top-header{
	position: relative;
	min-width: 900px;
	width: 1000px;
}

.header{
	display: block;
	padding: 0;
	height: 75px;
	min-width: 900px;
	width: auto;
	border-bottom: 1px solid #e6e6e6;
}

.line-top.incorpo{
	margin-top:19px; 
}

#corporation_header{
	position: fixed;
	top: 0;
	width: 979px !important;
	min-width: 900px !important;
}

.logo{
	float: left;
	padding: 0;
	padding-left: 15px;
	height: 75px;
	width: 200px;
}

.logo img{
	padding-top: 27px;
	width: 175px;
}

/*body-menu*/
.body-menu{
	display: block;
	float: right;
}

/*menu-top*/
.menu{
	display: block;
	float: left;
	height: 70px;
	margin-right: 20px;
}

.menu-top{
	display: block;
	text-align: right;
	height: 30px;
	line-height: 30px;
}


.menu-top .list-menu-top .item-menu-top{
	display: inline-block;
	margin: 0 15px;
	position: relative;
}

.menu-top .list-menu-top .item-menu-top .link-menu-top{
	color: #333333;
	font-size: 11px;
	display: block;
}

.menu-top .list-menu-top .search-btn a::before{
	content: url('/top_common/images/svg/search-icon.svg');
	opacity: 0.7;
	position: relative;
	top: 5px;
	left: -10px;
}

.menu-top .list-menu-top .search-btn.active::after{
	content: url('/top_common/images/svg/tri.svg');
	position: absolute;
    top: 25px;
    left: 30px;
}

/*global-menu*/
.global-menu{
	display: block;
}

.global-menu .list-global-menu .item-global-menu{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding: 0 5px;
	margin-right: 15px;
	position: relative;
}

.global-menu .list-global-menu .item-global-menu a::after{
	content: url('/top_common/images/icon-more-top.png');
	position: relative;
	left: 5px;
}

.global-menu .list-global-menu .item-global-menu .link-global-menu{
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}


.item-global-menu.active a.link-global-menu{
	text-decoration: none;
	cursor: pointer;
}

.global-menu .list-global-menu .item-global-menu.active a::after{
	content: url('/top_common/images/arrow-up.png');
}

.global-menu .list-global-menu .item-global-menu.active::after{
	content: "";
    display: block;
    left: 0;
    right: 0;
    height: 3px;
    position: absolute;
    background: #E94B22;
    bottom: 0;
}

/*panel-content-global-menu*/
.panel-content-global-menu{
	position: relative;
	padding: 0px;
	width: 1000px;
	min-width: 900px;
}

.panel-content-global-menu .tab-panel{
	position: absolute;
	width: 90%;
	padding: 40px 0px 60px 97px;
	min-width: 900px;
	z-index: 1000;
	display: none;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0px 1px 0px #00000029;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.panel-content-global-menu .tab-panel.active{
	display: block;
}

/*.tab-panel*/
.tab-panel .content-panel-gl{
	/* display: flex; */
	display: block;
}

.tab-panel .content-panel-gl .nav-header{
	display: flex;
	width: 100%;
}


.tab-panel .content-panel-gl .nav-header .item-nav-header{
	text-align: left;
	width: 25%;
	margin-right: 40px;
	float: left;
}

.item-nav-header h5{
	color: #333333;
	font-size: 13px;
	border-bottom: 1px solid #666666;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	margin-top: 10px;
}

.item-nav-header h5.center{
	line-height: 22px;
	text-align: left !important;
}
.item-nav-header ul.quick-links{
	margin-top: 10px;
}

.item-nav-header ul.quick-links li{
	padding: 5px 15px;
	position: relative;
}

.item-nav-header ul.quick-links li:after{
	content: url(/top_common/images/icon-link.png);
    position: absolute;
    top: 50%;
    left: 2px;
	height: 15px;
	height: 15px;
    transform: translate(-50%, -50%);
}

.item-nav-header ul.quick-links li a:hover{
	color: #E94B22
}

.item-nav-header ul.quick-links li a{
	color: #333333;
	font-size: 13px;
}

.item-nav-header ul.quick-links-redirect li{
	padding: 20px 0;
	border-bottom: 1px solid #666666;
	position: relative;
}

.item-nav-header ul.quick-links-redirect li a:after{
	content: url(/top_common/images/icon-link-redirect.png);
    position: absolute;
    top: 50%;
    right: 10px;
    height: 15px;
    transform: translate(-50%, -50%);
}

.item-nav-header ul.quick-links-redirect li a:hover{
	color: #E94B22
}

.item-nav-header ul.quick-links-redirect li a{
	color: #333333;
	font-size: 13px;
	display: block;
}



/*banner-panel-gl*/
.tab-panel .banner-panel-gl{
	width: 100%;
	margin-top: 30px;
	text-align: left;
}

.tab-panel .banner-panel-gl .list-banner-gl{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.tab-panel .banner-panel-gl .list-banner-gl li{
	list-style: none;
	max-width: 170px;
}

.tab-panel .banner-panel-gl .list-banner-gl li img{
	width: 100%;
	height: auto;
}

.tab-panel .menu-tab-gl{
	width: 30%;
	float: left;
}

.tab-panel span.close-tab-panel{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #ffffff;
	cursor: pointer;
}

.tab-panel .title{
	text-align: left;
}

.tab-panel .title p{
	color: #333333;
	font-size: 23px;
}

/*menu-tab-gl*/
.menu-tab-gl p.p-title{
	font-size: 23px;
	font-weight: normal;
	color: #ffffff;
	/* padding-top: 80px; */
	padding-left: 15px;
	float: left;
}

.menu-tab-gl .title .a-link {
    padding: 3px 10px;
    border: 1px solid #ffffff;
    border-radius: 50px;
    margin-left: 40px;
	height: 25px;
	/* margin-top: 90px; */
	float: left;
}

.menu-tab-gl .title .a-link a {
    font-size: 10px;
    color: #ffffff;
}

.menu-tab-gl .title a img{
	margin-left: 10px;
}

.menu-tab-gl .title{
	/* display: flex; */
	display: block;
	padding-top: 80px;
}

.menu-tab-gl ul{
	padding: 30px 0;
	text-align: left;
}

.menu-tab-gl ul li{
	padding: 0 30px;
	color: white;
	height: 50px;
	line-height: 50px;
	position: relative;
	display: block;
}

.menu-tab-gl ul li::after{
	content: url('/top_common/images/arrow-link-white-top.png');
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

.menu-tab-gl ul li.active{
	background-color: #c33d1a;
}


.menu-tab-gl ul li.active::after{
	right: 15px;
}


.menu-tab-gl ul li a{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.menu-tab-gl ul li.active a{
	text-decoration: none;
}


/*content-tab-tranning*/
.tab-panel .content-tab-gl{
	width: 68%;
	text-align: left;
	float: left;
}

.content-tab-gl{
	padding: 20px 18px 20px 0;
}

.content-tab-gl .tab-content-gl{
	background-color: #ffffff;
	padding: 25px;
}

.tab-content-gl h1.title{
	display: block;
	color: #1A1A1A;
	font-size: 23px;
	font-weight: bold;
	padding: 20px;
	text-align: left;
}

.tab-content-gl .flex-item-ct{
	/* display: flex; */
	display: block;
}

.content-tab-tranning .tab-content-tranning{
	display: none;
}

.content-tab-tranning .tab-content-tranning.active{
	display: block;
}

.flex-item-ct .item-gl-ct a{
	display: block;
	color: #1A1A1A;
	font-size: 11px;
	opacity: 1;
}

.flex-item-ct .item-gl-ct a:hover{
	text-decoration: none;
}

.flex-item-ct .item-gl-ct a .icon-item{
	padding-right: 30px;
	padding-top: 20px;
	float: left;
}	

.flex-item-ct .item-gl-ct a span{
	font-weight: bold;
}

.flex-item-ct .item-gl-ct{
	width: 38%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #EAEAEA;
	background-color: #F5F9FF;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
	padding: 0 30px;
	float: left;
}

/*panel person*/

.content-tab-person .tab-content-person{
	display: none;
}

.content-tab-person .tab-content-person.active{
	display: block;
}


/*nav-user*/
.nav-user{
	/* display: flex; */
	width: 150px;
	float: right;
}

.nav-user .nav-icon-user{
	width: 74px;
	text-align: center;
	height: 75px;
	background-color: #77777A;
	color: #FFFFFF;
	font-size: 10px;
	float: left;
}

.nav-user .nav-icon-user span{
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}

.nav-user .nav-icon-user img {
	display: block;
	margin: auto;
	margin-bottom: 6px;
	padding-top: 20px;
}

.nav-user .cart-menu{
	border-left: 1px solid #ffffff;
}


/*block search*/
.block-search {
	display: none;
	padding-top: 30px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 2000;
	left: 150px;
	top: 50px;
	width: 580px;
	border: 5px solid #DEDEDE;
	padding: 50px 70px 0px 80px;
}

.block-search.active {
	display: block;
}

.block-search .close-search-panel{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.list-tab-search {
	width: 100%;
	/* display: flex; */
	border-bottom: 1px solid #B0B0B0;
}

.list-tab-search .tablinks.active {
	background-color: #ffffff;
}
.list-tab-search .tablinks-left {
	margin-left: 15px;
}
.list-tab-search .tablinks {
	cursor: pointer;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #B0B0B0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: none;
	margin-bottom: -1px;
	background-color: #F7F6F6;
	float: left;
}

.list-tab-search .tablinks a {
    display: block;
    color: #333333;
    font-size: 15px;
    text-decoration: none;
}

.list-tab-search .tablinks a:active{
	text-decoration: none;
}

.search-form {
    padding: 0;
    text-align: left;
}

.search-form .txt-input-search {
    height: 47px;
    width: 465px;
    border: 1px solid #666666;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #333333;
    font-size: 17px;
    opacity: 0.48;
    text-indent: 30px;
    line-height: 18px;
    background-color: #F7F6F6;
}

.lbl-radio {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

/* Hide the browser's default radio button */
.lbl-radio input {
  	display: none;
}

.lbl-radio input:empty ~ label {
	cursor: pointer;
	padding-left: 30px;
	margin-left: 15px;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
	color: #333333;
	font-weight: 500;

}

.lbl-radio input:empty ~ label::before {
	content: url('/top_common/images/search-checkbox.png');
	position: absolute;
	top: 0;
	left: 7px;
}

.lbl-radio input:checked ~ label::before {
	content: url('/top_common/images/search-checkbox-checked.png');
}

.search-form .btn-search {
    color: #ffffff;
    background-color: #E94B22;
    width: 70px;
    height: 47px;
    border: 1px solid #E94B22;
    border-radius: 5px;
    font-size: 18px;
}

.google-search-form {
    /* padding-left: 30px; */
}

.google-search-form label {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.google-search-form .google-input {
    height: 47px;
    width: 465px;
    border: 1px solid #666666;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #333333;
    font-size: 18px;
    text-indent: 10px;
    line-height: 18px;
    background-color: #F7F6F6;
}

.google-search-form .google-submit {
    line-height: 23px;
    color: #ffffff;
    background-color: #E94B22;
    width: 70px;
    height: 47px;
    border: 1px solid #E94B22;
    border-radius: 5px;
    font-size: 18px;
}

.tabsearchcontent {
    display: none;
    padding: 40px 0;
    background-color: #ffffff;
}

.tabsearchcontent.active{
	text-align: left;
	display: block;
}


/*-----------------------------------------------------------------------------
	footer-new-top-pc
-----------------------------------------------------------------------------*/

/*footer*/
.footer{
	min-width: 900px;
	width: 1000px;
	clear: both;
	background-color: #77777a;
	padding: 20px 0;
}

.footer h5{
	padding-bottom: 6px;
	margin-bottom: 20px;
	color:#FFFFFF;
	font-size: 18px;
	font-weight: 500;
}

.footer a {
	color: #ffffff;
	font-size: 13px;
}

.footer ul.quick-links li a{
	color:#ffffff;
}

.nav-footer{
	/* display: flex; */
	display: block;
	padding-left: 30px;
}

.nav-footer .item-nav-footer-l {
    width: 260px;
	text-align: left;
	margin-right: 25px;
	float: left;
}

.nav-footer .item-nav-footer {
    width: 175px;
	text-align: left;
	float: left;
}

.footer ul.quick-links li p{
	font-size: 15px;
	color: #ffffff;
}

.footer ul.quick-links li {
	color:#ffffff;
	padding-bottom: 10px;
}

.footer ul.quick-links li a{
	color:#ffffff;
	font-size: 11px;
	opacity: 0.7;
}

.footer ul.quick-links li p a{
	font-size: 15px;
	opacity: 1;
}

/*inline-links*/
.inline-links{
	text-align: center;
	padding: 30px 0 10px 0;
	display: inline-flex;
	justify-content: center;
}

.inline-links ul li{
	display: inline-block;
	color: #ffffff;
	padding: 0 14px;
	border-left: 1px solid #ffffff;
}

.inline-links ul li.no-border{
	border: none;
}

.inline-links ul li a, .inline-links ul li a:visited {
	color: #ffffff !important;
}

/*logo-footer*/

.footer .footer-content{
	padding: 0 25px;
}

.footer .logo-footer{
	text-align: center;
	padding: 20px;
}

.footer .logo-footer img{
	width: 30%;
}

.text-white{
	color: #ffffff;
	opacity: 0.75;
	font-size: 12px;
}

.text-white p{
	margin: 0;
}
.keepLogo
{
	width:1000px;
	min-width:900px;
}
.keepLogoDiv
{
	float: left;
    padding: 0;
    padding-left: 15px;
    height: 75px;
    width: 200px;
    margin: 0 auto;
}
.keepLogoImg
{
	padding-top: 27px;
    width: 175px;
}
a.none-after::after
{
	display:none;
}
tbody tr.tr-border:not(:last-child) td
{
	border-bottom:#AAAAAA solid 1px;
}
.btn-add-to-cart
{
	width:304px;
	height:44px;
	color:White;
	background: #FDA10C 0% 0% no-repeat padding-box;
	border-radius: 12px;
	font-weight:bold;
	text-align:center;
	font: normal normal bold 16px/24px Meiryo;
	border:none;
    transition: 0.1s all;
    box-sizing: inherit;
    border-bottom: 3px solid #CD7F00;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.wapper-btn-add-to-cart
{
	position: relative;
    height: 50px;
    width: 100%;	
}
.btn-add-to-cart:hover
{
	border-bottom: 0 solid red;
	cursor: pointer;
}
.align-items-center
{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px;
}
td.align-items-center
{
	margin-top:1px;
}
.btn-add-to-wishlist
{
	width:115px;
	height:20px;
}
.starWishList
{
	width: 20px;
    height: 20px;
}
.linkButtonWishList:hover
{
text-decoration: none;	
}
.textWishList
{
	color:#333;
}
label.textWishList:hover {
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}
.itemImageCenter
{
	margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#BannerBox a:hover
{
	text-decoration:none;
}
.CourseIconList .iconNew.elearningNew
{
	font-size: 11px;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 0;
}