@charset "utf-8";
/* CSS Document */

/**************************************************
*
*	homepage template style_black.css
*
*	s00004 themecolor #000
*
**************************************************/

/* Common
------------------------------------------*/
body {
	background: #000 url(/img/themed/s00004/black/s00004_bg.gif) repeat;
	color: #222;
}

#wrapper-out {
	background: url(/img/themed/s00004/black/s00004_top_bg.png) center top no-repeat fixed;
	color: #222;
}

#wrapper-inner {
	background: url(/img/themed/s00004/black/s00004_bottom_bg.png) center bottom no-repeat fixed;
	color: #222;
}

/* Element
------------------------------------------*/
h1 {
	color: #fff;
}

h2 {
	color: #960;
}

/* サブメニューで使用 */
h4 {	
	background: #f2f2f2;
	color: #222;
}

p {
	color: #222;
}

/* Link （※base.cssで一括処理に変更）
------------------------------------------*/
/*
a {
	color: #222;
}

a:hover {
	color: #e00;
}
*/

/* header（各レイアウト共通）
------------------------------------------*/
#header {
}

#header a, #header a:hover {
	color: #fff;
}

#logo {
	color: #fff;
}

#information {
	color: #fff;
}

#header-nav ul {
	background:  #f2f2f2
}

#header-nav li {
	border-right: 1px solid #ddd;
}

#header-nav li.current a {
	color: #f00;
}

#header-nav ul li a {
	display: block;
	text-decoration: none;
}

#contents-p1,
#contents-p2,
#contents-p3,
#contents-p4 {
	background: #fff;
}

#footer {
	background: #fff;
}

/*▼▼▼▼▼▼▼▼▼▼ レイアウトＡ（左狭　右広）START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＡ
（左狭　右広　レイアウト）
------------------------------------------*/

/*▼▼▼▼▼▼▼▼▼▼ レイアウトＡ（Right） ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＡ
right-col（モデュール NEWS 部分）
------------------------------------------*/
#contents-p1 #right-col .news-center {
	/*border: 1px solid #dedede; ←初期設定*/
}

#contents-p1 #right-col .news-center .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＡ
right-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p1 #right-col .news_scroll-center .box {
	border: 1px solid #dedede;
}

#contents-p1 #right-col .news_scroll-center .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＡ
right-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p1 #right-col .company_info-center table {
	border: 1px solid #dedede;
}

#contents-p1 #right-col .company_info-center table th {
	border: 1px solid #dedede;
}

#contents-p1 #right-col .company_info-center table td {
	border: 1px solid #dedede;
}

/* レイアウトＡ
right-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p1 #right-col .contact-center .box {
	padding:10px;
	border: 1px solid #dedede;
}

#contents-p1 #right-col .contact-center table {
	border: 1px solid #fefefe;
}

#contents-p1 #right-col .contact-center table th {
	border-right: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p1 #right-col .contact-center table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

/* レイアウトＡ
right-col（モデュール FAQ 部分）
------------------------------------------*/
#contents-p1 #right-col .faq-center .box {
	border: 1px solid #dedede;
}

/* レイアウトＡ
/* right-col（モデュール ARTICLE 部分）
------------------------------------------*/
#contents-p1 #right-col .article-center .box {
	border: 1px solid #dedede;
}

/* レイアウトＡ
/* right-col（モデュール FREE_BOX 部分）
------------------------------------------*/
#contents-p1 #right-col .free_box-center .box {
	border: 1px solid #dedede;
}

#contents-p1 #right-col .free_box-center h3 {
	color: #960;
}

/*▲▲▲▲▲▲▲▲▲▲ レイアウトＡ（Right）END ▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼ レイアウトＡ（Left）START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＡ
left-col（モデュール NEWS 部分）
------------------------------------------*/
#contents-p1 #left-col .news-left {
	/*border: 1px solid #dedede; ←初期設定*/
}

#contents-p1 #left-col .news-left .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＡ
left-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p1 #left-col .news_scroll-left .box {
	border: 1px solid #dedede;
}

#contents-p1 #left-col .news_scroll-left .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＡ
left-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p1 #left-col .company_info-left table {
	border: 1px solid #dedede;
}

#contents-p1 #left-col .company_info-left table th {
	border: 1px solid #dedede;
}

#contents-p1 #left-col .company_info-left table td {
	border: 1px solid #dedede;
}

/* レイアウトＡ
left-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p1 #left-col .contact-left table {
	border: 1px solid #fefefe;
}

#contents-p1 #left-col .contact-left table th {
	border-right: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p1 #left-col .contact-left table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

/* レイアウトＡ
left-col（モデュール FAQ 部分）
------------------------------------------*/
#contents-p1 #left-col .faq-left .box {
	border: 1px solid #dedede;
}

/* レイアウトＡ
/* right-col（モデュール ARTICLE 部分）
------------------------------------------*/
#contents-p1 #left-col .article-left .box {
	border: 1px solid #dedede;
}

/* レイアウトＡ
/* left-col（モデュール FREE_BOX 部分）
------------------------------------------*/
#contents-p1 #left-col .free_box-left .box {
	border: 1px solid #dedede;
}

#contents-p1 #left-col .free_box-left h3 {
	color: #960;
}

/* レイアウトＡ
/* left-col（モデュール FREE_BOX 部分）
------------------------------------------*/
/*▲▲▲▲▲▲▲▲▲▲ レイアウトＡ（Left）END ▲▲▲▲▲▲▲▲▲▲*/
/*▲▲▲▲▲▲▲▲▲▲ レイアウトＡ（左狭　右広）END ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ レイアウトＣ（左広　右狭）START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＣ
（左広　右狭　レイアウト）
------------------------------------------*/

/*▼▼▼▼▼▼▼▼▼▼ レイアウトＣ（Right）START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＣ
right-col（モデュール NEWS 部分）
------------------------------------------*/
#contents-p2 #right-col .news-center {
	/*border: 1px solid #dedede; ←初期設定*/
}

#contents-p2 #right-col .news-center .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＣ
right-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p2 #right-col .news_scroll-center .box {
	border: 1px solid #dedede;
}

#contents-p2 #right-col .news_scroll-center .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＣ
right-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p2 #right-col .company_info-center table {
	border: 1px solid #dedede;
}

#contents-p2 #right-col .company_info-center table th {
	border: 1px solid #dedede;
}

#contents-p2 #right-col .company_info-center table td {
	border: 1px solid #dedede;
}

/* レイアウトＣ
right-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p2 #right-col .contact-center table {
	border: 1px solid #fefefe;
}

#contents-p2 #right-col .contact-center table th {
	border-left: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p2 #right-col .contact-center table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

/* レイアウトＣ
right-col（モデュール FAQ 部分）
------------------------------------------*/
#contents-p2 #right-col .faq-center .box {
	border: 1px solid #dedede;
}

/* レイアウトＣ
/* right-col（モデュール ARTICLE 部分）
------------------------------------------*/
#contents-p2 #right-col .article-center .box {
	border: 1px solid #dedede;
}

/* レイアウトＣ
/* right-col（モデュール FREE_BOX 部分）
------------------------------------------*/
#contents-p2 #right-col .free_box-center .box {
	border: 1px solid #dedede;
}

#contents-p2 #right-col .free_box-center h3 {
	color: #960;
}

/*▼▼▼▼▼▼▼▼▼▼ レイアウトＣ（Left） ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＣ
left-col（モデュール NEWS 部分）
------------------------------------------*/
#contents-p2 #left-col .news-left {
	/*border: 1px solid #dedede; ←初期設定*/
}

#contents-p2 #left-col .news-left .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＣ
left-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p2 #left-col .news_scroll-left .box {
	border: 1px solid #dedede;
}

#contents-p2 #left-col .news_scroll-left .box dt {
		background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＣ
left-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p2 #left-col .company_info-left table {
	border: 1px solid #dedede;
}

#contents-p2 #left-col .company_info-left table th {
	border: 1px solid #dedede;
}

#contents-p2 #left-col .company_info-left table td {
	border: 1px solid #dedede;
}

/* レイアウトＣ
left-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p2 #left-col .contact-left .box {
	border: 1px solid #deded;
}

#contents-p2 #left-col .contact-left table {
	border: 1px solid #fefefe;
}

#contents-p2 #left-col .contact-left table th {
	border-right: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p2 #left-col .contact-left table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

/* レイアウトＣ
left-col（モデュール FAQ 部分）
------------------------------------------*/
#contents-p2 #left-col .faq-left .box {
	border: 1px solid #dedede;
}

/* レイアウトＣ
/* left-col（モデュール ARTICLE 部分）
------------------------------------------*/
#contents-p2 #left-col .article-left .box {
	border: 1px solid #dedede;
}

/* レイアウトＣ
/* left-col（モデュール FREE_BOX 部分）
------------------------------------------*/
#contents-p2 #left-col .free_box-left .box {
	border: 1px solid #dedede;
}

#contents-p2 #left-col .free_box-left h3 {
	color: #960;
}

/*▲▲▲▲▲▲▲▲▲▲ レイアウトＣ（Left）END ▲▲▲▲▲▲▲▲▲▲*/
/*▲▲▲▲▲▲▲▲▲▲ レイアウトＣ（左広　右狭）END ▲▲▲▲▲▲▲▲▲▲*/



/*▼▼▼▼▼▼▼▼▼▼ レイアウトＢ（中央）START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＢ
（中央のみ）
------------------------------------------*/
/* レイアウトＢ
center（モデュール NEWS 部分）
------------------------------------------*/
#contents-p3 .news-center {
	/*border: 1px solid #dedede; ←初期設定*/
}

#contents-p3 .news-center .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＢ
center（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p3 .news_scroll-center .box {
	border: 1px solid #dedede;
}

#contents-p3 .news_scroll-center .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0em no-repeat;
}

/* レイアウトＢ
center（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p3 .company_info-center table {
	border: 1px solid #dedede;
}

#contents-p3 .company_info-center table th {
	border: 1px solid #dedede;
}

#contents-p3 .company_info-center table td {
	border: 1px solid #dedede;
}

/* レイアウトＢ
center（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p3 .contact-center .box {
	border: 1px solid #dedede;
}

#contents-p3 .contact-center table {
	border: 1px solid #fefefe;
}

#contents-p3 .contact-center table th {
	border-right: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p3 .contact-center table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

/* レイアウトＢ
center（モデュール FAQ 部分）
------------------------------------------*/
#contents-p3 .faq-center .box {
	border: 1px solid #dedede;
}

/* レイアウトＢ 
center（モデュール ARTICLE 部分）
------------------------------------------*/
#contents-p3 .article-center .box {
	border: 1px solid #dedede;
}

/* レイアウトＢ
center（モデュール FREE_BOX 部分）
------------------------------------------*/
#contents-p3 .free_box-center .box {
	border: 1px solid #dedede;
}

#contents-p3 .free_box-center h3 {
	color: #960;
}

/*▲▲▲▲▲▲▲▲▲▲ レイアウトＢ（中央）END ▲▲▲▲▲▲▲▲▲▲*/



/*▼▼▼▼▼▼▼▼▼▼ レイアウトＤ（左右均等）START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＤ
right-col,left-col（モデュール NEWS 部分）
------------------------------------------*/
#contents-p4 #right-col .news-center,
#contents-p4 #left-col .news-left {
	/*border: 1px solid #dedede; ←初期設定*/
}

#contents-p4 #right-col .news-center .box dt,
#contents-p4 #left-col .news-left .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0 no-repeat;
}

/* レイアウトＤ
right-col,left-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p4 #right-col .news_scroll-center,
#contents-p4 #left-col .news_scroll-left {
	border: 1px solid #dedede;
}

#contents-p4 #right-col .news_scroll-center .box dt,
#contents-p4 #left-col .news_scroll-left .box dt {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 1em 0 no-repeat;
}

/* レイアウトＤ
/* right-col,left-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p4 #right-col .company_info-center table,
#contents-p4 #left-col .company_info-left table {
	border: 1px solid #dedede;
}

#contents-p4 #right-col .company_info-center table th,
#contents-p4 #left-col .company_info-left table th {
	border: 1px solid #dedede;
}

#contents-p4 #right-col .company_info-center table td,
#contents-p4 #left-col .company_info-left table td {
	border: 1px solid #dedede;
}

/* レイアウトＤ
/* right-col,left-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p4 #right-col .contact-center .box,
#contents-p4 #left-col .contact-left .box {
	border: 1px solid #dedede;
}

#contents-p4 #right-col .contact-center table,
#contents-p4 #left-col .contact-left table {
	border: 1px solid #fefefe;
}

#contents-p4 #right-col .contact-center table th,
#contents-p4 #left-col .contact-left table th {
	border-right: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p4 #right-col .contact-center table td,
#contents-p4 #left-col .contact-left table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

/* レイアウトＤ
/* right-col,left-col（モデュール FAQ 部分）
------------------------------------------*/
#contents-p4 #right-col .faq-center .box,
#contents-p4 #left-col .faq-left .box {
	border: 1px solid #dedede;
}

#contents-p4 #right-col .article-center .box,
#contents-p4 #left-col .article-left .box {
	border: 1px solid #dedede;
}

/* レイアウトＤ
/* right-col,left-col（モデュール FREE_BOX 部分）
------------------------------------------*/
#contents-p4 #right-col .free_box-center .box,
#contents-p4 #left-col .free_box-left .box {
	border: 1px solid #dedede;
}

/* レイアウトＤ
left-col（モデュール LINK 部分　※現時点では未実装）
------------------------------------------*/
#contents-p4 #right-col .link-center h2,
#contents-p4 #left-col .link-left h2 {
	margin: 7px 0px 0px 10px;
}

#contents-p4 #right-col .link-center,
#contents-p4 #left-col .link-left {
	width: 340px;
	padding: 0px;
}

#contents-p4 #right-col .link-center .box,
#contents-p4 #left-col .link-left .box {
	padding: 0px;
}

#contents-p4 #right-col .link-center .box ul,
#contents-p4 #left-col .link-left .box ul {
	margin: 10px 0px 0px 10px;
}

#contents-p4 #right-col .link-center .box ul li
#contents-p4 #left-col .link-left .box ul li {
	margin: 0px 0px 6px 0px;
	text-indent: 1.7em;
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 0px 1px no-repeat;
}

/*▲▲▲▲▲▲▲▲▲▲ レイアウトＤ（左右均等）END ▲▲▲▲▲▲▲▲▲▲*/


/* sub-menu
------------------------------------------*/
#sub-menu ul li {
	background: url(/img/themed/s00004/black/s00004_arrow.gif) 0px 0.5em no-repeat;
}

#sub-menu ul li a {
	color: #303030;
}

#sub-menu ul li a:hover {
	color: #e00;
	
}

/* copyright
------------------------------------------*/
#copyright {
	color: #999;
}

/* Misc
------------------------------------------*/
.non-disp {
	display: none;
}

/* 入力項目の説明欄の例の文字色 */
.example {
	margin: 3px 0px;
	color: #666;
}

.char {
	color: #880000;
	font-size: 90%;
	font-weight: normal;
	margin: 0px 0px 2px 15px;
}

/* 入力項目の必須（※）の色 */
.must {
	color: #e00;
	font-weight: normal;
	padding: 0px 0px 0px 2px;
}

/* IME-modeはマックでうまく動作しないため一時保留 */
/* IMEオン （日本語入力モード） */
/*
.ime-on {
	ime-mode: active;
}
*/

/* IMEオフ （半角入力モード） */
/*
.ime-off {
	ime-mode: inactive;
}
*/
.submit-button {
	text-align: center;
}