@charset "utf-8";
/*==========================================================
■
DOC:HTML5
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
▽class名の命名ルール
#AAA .BBB-CCC
AAA＝各カテゴリ（フォルダ）こどに＜body＞にID指定。
BBB＝各ページのファイル名。
　　（例：index.html → index-CCC）
　　（※カテゴリ内共通の場合はallとする。→ all-CCC）
CCC＝任意の名前。文字数指定なし。
※サイト内全体の共通classは、「CCC」のみとする。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
▽使用禁止
classXXX　（各ページ＜head＞内で指定する場合に限り使用）
==========================================================*/

*	{ font-family:'游ゴシック', 'ＭＳ Ｐゴシック', Arial, sans-serif }
body	{ margin:0 ; padding:0 ; text-align:center ; font-size:18px ; color:#444444 ; background:#FFFFFF ; background-image:url() ; background-position:center }
img	{ border:0 ; font-size:0 ; line-height:0 }
a	{ color:#773300 }
a:hover	{ color:#ff0000 }
p	{ margin:0 0 1em 0 ; line-height:180% }
form	{ margin:0 ; padding:0 }


/*---------- 文字・色・配置 ----------*/
/* 文字 */
.fts-l		{ font-size:120% ; line-height:130% }	/* 大きく */
.fts-l2		{ font-size:140% ; line-height:130% }	/* より大きく */
.fts-s		{ font-size: 80% ; line-height:130% }	/* 小さく */
.fts-s2		{ font-size: 70% ; line-height:130% }	/* より小さく */
.ftw-b		{ font-weight:bold }	/* 太字 */
.ftw-n		{ font-weight:normal }	/* 標準 */
/* 色 */
.clr-w		{ color:#ffffff }	/* 白 */
.clr-r		{ color:#ff0000 }	/* 赤 */
.clr-b		{ color:#0000ff }	/* 青 */
.clr-y		{ color:#ffff00 }	/* 黄 */
.clr-g		{ color:#008000 }	/* 緑 */
.clr-k		{ color:#000000 }	/* 黒 */
.clr-0		{ color:#444444 }	/* 文字色※↑bodyで指定と同じ色 */
.clr-1		{ color:#ffaa00 }	/* メインカラー */
.clr-2		{}	/* サブカラー */
.clr-3		{ color:#888888 }	/* 補足カラー */
/* float */
.float-l	{ float:left ; margin-right:20px }
.float-r	{ float:right ; margin-left:20px }
.clear		{ clear:both }
.float-l-pc	{ float:left ; margin-right:20px }	/* PCのみ適用 */
.float-r-pc	{ float:right ; margin-left:20px }	/* PCのみ適用 */
.clear-pc	{ clear:both }				/* PCのみ適用 */
.float-l-sp	{}	/* スマホのみ適用 */
.float-r-sp	{}	/* スマホのみ適用 */
.clear-sp	{}	/* スマホのみ適用 */
/* margin */
.mrg-a	{}
/* display */
.pc-only	{}			/* PCのみ表示 */
.pc-none	{ display:none }	/* PCのみ非表示 */
.sp-only	{ display:none }	/* スマホのみ表示 */
.sp-none	{}			/* スマホのみ非表示 */

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	.float-l-pc	{ float:none }
	.float-r-pc	{ float:none }
	.clear-pc	{ clear:none }
	.pc-only	{ display:none }
	.pc-none	{ display:inherit }
	.tb-none	{ display:none }
}
@media screen and (max-width: 490px) {
	.float-l-sp	{ float:left ; margin-right:20px }
	.float-r-sp	{ float:right ; margin-left:20px }
	.clear-sp	{ clear:both }
	.sp-only	{ display:inherit }
	.sp-none	{ display:none }
}

/*---------- TABLE ----------*/
/* 線0間0内5 */
table.tbl0-0-5		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 }
table.tbl0-0-5 td	{ padding:5px }
/* 線1間0内5 */
table.tbl1-0-5		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #999999 }
table.tbl1-0-5 td	{ padding:5px ; border:1px solid #999999 }
/* 線1間0内10 */
table.tbl1-0-10		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #999999 }
table.tbl1-0-10 td	{ padding:10px ; border:1px solid #999999 }

/*---------- 見出し用 ----------*/
h1	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:40px ; line-height:150% ; font-weight:bold ; background:url() }
h2	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:30px ; line-height:150% ; font-weight:bold }
h3	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:26px ; line-height:150% ; font-weight:bold }
h4	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:22px ; line-height:150% ; font-weight:bold }
.title1	{ margin:0 0 1.2em 0 ; padding:50px 0 10px 0 ; height:60px ; font-size:40px ; line-height:40px ; font-weight:bold ; color:#773300 ; border-bottom:1px dotted #ffcc00 ; background-image:url(../images/base/title1_bg.png) ; background-position:right top ; background-repeat:no-repeat }
.title2	{ margin:0 0 1.2em 0 ; padding:10px 0 10px 0 ; font-size:30px ; line-height:150% ; font-weight:bold ; border-bottom:3px solid #ffcc00 ; border-radius:1px }
.title3	{ margin:0 0 1.2em 0 ; padding:5px 0 5px 0 ; font-size:26px ; line-height:150% ; font-weight:bold ; border-bottom:1px dashed #999999 }
.title4	{ margin:0 0 1.2em 0 ; padding:3px 0 3px 0 ; font-size:22px ; line-height:150% ; font-weight:bold }


/*==========================================================
ベース
==========================================================*/

/*--------------------------------------
BASE
--------------------------------------*/
DIV#nksbase	{ margin:0 auto ; padding:0 ; width:100% ; background-image:url() }
DIV#nksbasemain	{ margin:0 auto ; padding:0 ; width:100% ; background-image:url() }
DIV#nksbasevisual	{ margin:0 aito ; padding:0 ; width:100% ; background:#003399 ; background-image:url() ; background-position:center ; background-repeat:no-repeat }
HEADER#nksbasehead	{ margin:0 auto ; padding:0 ; width:100% ; background-image:url(../images/base/header_naviline_bg.png) ; background-position:bottom ; background-repeat:repeat-x }
FOOTER#nksbasefood	{ margin:0 auto ; padding:0 ; width:100% ; background:#9999FF ; background-image:url(../images/base/footer_bg.png) }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	HEADER#nksbasehead	{ background-image:none }
}
@media screen and (max-width: 490px) {
}

/*--------------------------------------
ヘッダー
--------------------------------------*/
DIV#nksheader	{ position:relative ; margin:0 auto ; padding:0 0 0 0 ; width:100% ; max-width:950px ; font-size:90% ; text-align:left ; background-image:url() }
DIV#nksheader div.headcontact	{ font-size:0 ; text-align:right }
DIV#nksheader div.headcontact ul	{ margin:0 ; padding:0 ; list-style-type:none }
DIV#nksheader div.headcontact li	{ display:inline ; margin:0 ; padding:0 0 0 3px }
DIV#nksheader div.headcontact img	{ width:50% ; max-width:180px ; border-radius:0 0 5px 5px }
DIV#nksheader div.headinfo	{ float:right ; margin:15px 0 0 0 ; color:#888888 ; text-align:right }
DIV#nksheader div.headinfo h1	{ margin:0 ; padding:0 ; font-size:16px ; line-height:1.5em ; color:#ffaa00 }
DIV#nksheader div.headinfo address	{ font-size:14px ; line-height:1.5em ; font-style:normal }
DIV#nksheader div.headinfo .headtel	{ font-size:20px ; line-height:1.3em ; font-weight:bold }
DIV#nksheader div.nkslogo	{ margin:0 0 30px 0 ; padding:0 ; max-width:400px/*画像サイズに合わせて指定*/ ; line-height:0 }
DIV#nksheader div.nkslogo img	{ width:100% ; max-width:260px }
DIV#nksheader nav.nksnav1	{ clear:both ; margin:0 ; padding:0 ; background-image:url() }
DIV#nksheader nav.nksnav1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
DIV#nksheader nav.nksnav1 li	{ margin:0 0 7px 0 ; padding:0 ; height:30px ; font-weight:bold ; line-height:30px ; text-align:center ; border-right:2px dotted #cc6600 ; float:left }
DIV#nksheader nav.nksnav1 li:first-child	{ border-left:2px dotted #cc6600 }
DIV#nksheader nav.nksnav1 li:last-child	{ display:none }
DIV#nksheader nav.nksnav1 li img	{ vertical-align:middle }
DIV#nksheader nav.nksnav1 a		{ display:block ; margin:0 ; padding:0 20px ; text-decoration:none ; color:#444444 }
DIV#nksheader nav.nksnav1 .ulend	{ clear:both }
DIV#nksheader nav.nksnav1 .headend	{ clear:both }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	DIV#nksheader	{ padding:0 }
	DIV#nksheader div.headcontact	{}
	DIV#nksheader div.headcontact ul	{}
	DIV#nksheader div.headcontact li	{}
	DIV#nksheader div.headcontact img	{ max-width:140px }
	DIV#nksheader div.headinfo	{ font-size:12px }
	DIV#nksheader div.headinfo h1	{ font-size:14px ; line-height:1.5em ; color:#ffaa00 }
	DIV#nksheader div.headinfo address	{ font-size:12px }
	DIV#nksheader div.headinfo .headtel	{}
	DIV#nksheader div.nkslogo img	{ max-width:230px }
	DIV#nksheader nav.nksnav1 li	{ margin:0 0 2px 0 ; padding:0 0.3% 0 0.3% ; width:32.7% ; height:40px ; line-height:40px ; border:none }
	DIV#nksheader nav.nksnav1 li:first-child	{ border:none }
	DIV#nksheader nav.nksnav1 li:last-child	{ display:block }
	DIV#nksheader nav.nksnav1 li img	{ max-width:100% }
	DIV#nksheader nav.nksnav1 a		{ color:#773300 ; background-image:url(../images/base/header_naviline_bg.png) }
}
@media screen and (max-width: 490px) {
	DIV#nksheader div.headcontact	{}
	DIV#nksheader div.headcontact ul	{ text-align:center }
	DIV#nksheader div.headcontact li	{ padding:0 }
	DIV#nksheader div.headcontact img	{ max-width:50% }
	DIV#nksheader div.headcontact li:nth-child(1) img	{ border-radius:0 0 0 5px }
	DIV#nksheader div.headcontact li:nth-child(2) img	{ border-radius:0 0 5px 0 }
	DIV#nksheader div.headinfo	{ float:none ; text-align:center }
	DIV#nksheader div.headinfo h1	{}
	DIV#nksheader div.headinfo address	{ display:none }
	DIV#nksheader div.headinfo .headtel	{ display:none }
	DIV#nksheader div.nkslogo	{ max-width:100% ; text-align:center }
	DIV#nksheader div.nkslogo img	{ width:90% ; max-width:300px }
	DIV#nksheader nav.nksnav1 li	{ width:49.4% }
	DIV#nksheader nav.nksnav1 li img	{ max-width:100% }
}

/*--------------------------------------
ヴィジュアル
--------------------------------------*/
DIV#nksvisual	{ position:relative ; margin:0 auto ; padding:0 ; width:100% ; max-width:950px ; line-height:0 ; text-align:left ; background:#222222 ; border-left:1px solid #336699 ; border-right:1px solid #336699 }


/*--------------------------------------
メイン
--------------------------------------*/
DIV#nksmain	{ position:relative ; margin:0 auto ; padding:0 ; width:100% ; max-width:950px ; text-align:left ; background:#FFFFFF }
DIV#nksmain div.nksback	{ margin:20px 0 30px 0 ; font-size:80% ; text-align:right }
DIV#nksmain div.nksback a	{ padding:5px ; color:#FFFFFF ; background:#999999 ; border-radius:5px ; text-decoration:none }

/*--------------------------------------
メイン（全幅）
--------------------------------------*/
DIV#nksmain-all	{ position:relative ; margin:0 auto ; padding:15px 0 ; text-align:left ; background:#FFFFFF }
DIV#nksmain-all h1	{}
DIV#nksmain-all h2	{}
DIV#nksmain-all h3	{}

/*--------------------------------------
フッター
--------------------------------------*/
DIV#nksfooter	{ position:relative ; margin:0 auto ; padding:15px 0 0 0 ; width:100% ; max-width:950px ; font-size:90% ; text-align:left ; background-image:url() }
DIV#nksfooter nav.nksnav1	{ margin:0 ; padding:0 0 30px 0 ; text-align:center }
DIV#nksfooter nav.nksnav1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
DIV#nksfooter nav.nksnav1 li	{ display:inline ; margin:0 ; padding:0 10px ; border-right:1px solid #444444 ; /* float:left */ }
DIV#nksfooter nav.nksnav1 li:first-child	{ border-left:1px solid #444444 }
DIV#nksfooter nav.nksnav1 .ulend	{ /* clear:left */ }
DIV#nksfooter nav.nksnav1 a	{ color:#773300 ; text-decoration:none }
DIV#nksfooter nav.nksnav1 a:hover	{ text-decoration:underline }
DIV#nksfooter div.headinfo	{ float:left ; margin:0 ; text-align:left }
DIV#nksfooter div.headinfo h1	{ margin:0 ; padding:0 ; font-size:18px ; line-height:1.5em ; color:#ffaa00 }
DIV#nksfooter div.headinfo address	{ font-size:14px ; line-height:1.5em ; font-style:normal }
DIV#nksfooter div.headinfo .headtel	{ font-size:14px ; line-height:1.5em }
DIV#nksfooter div.nkslogo	{ float:right ; margin:0 0 10px 0 ; padding:0 ; max-width:200px/*画像サイズに合わせて指定*/ ; line-height:0 }
DIV#nksfooter div.nkslogo img	{ width:100% ; max-width:200px }
DIV#nksfooter div.nkscopyright	{ clear:both ; font-size:10px ; text-align:right ; color:#aaaaaa }
DIV#nksfooter div.nkscopyright a	{}

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	DIV#nksfooter div.headinfo	{}
	DIV#nksfooter div.headinfo h1	{}
	DIV#nksfooter div.headinfo address	{}
	DIV#nksfooter div.headinfo .headtel	{}
	DIV#nksfooter div.nkslogo	{}
	DIV#nksfooter div.nkslogo img	{ max-width:160px }
}
@media screen and (max-width: 490px) {
	DIV#nksfooter nav.nksnav1	{ display:none }
	DIV#nksfooter nav.nksnav1 ul	{}
	DIV#nksfooter nav.nksnav1 li	{ padding:0 ; border-right:0 ; float:none }
	DIV#nksfooter nav.nksnav1 li a	{ display:block ; margin:0 ; padding:5px ; text-decoration:none ; border-bottom:1px solid #999999 }
	DIV#nksfooter nav.nksnav1 li:first-child	{ border-left:none }
	DIV#nksfooter nav.nksnav1 li:first-child a	{ border-top:1px solid #999999 }
	DIV#nksfooter div.headinfo	{ float:none ; text-align:center }
	DIV#nksfooter div.headinfo h1	{}
	DIV#nksfooter div.headinfo address	{}
	DIV#nksfooter div.headinfo .headtel	{}
	DIV#nksfooter div.nkslogo	{ float:none ; max-width:100% ; text-align:center }
	DIV#nksfooter div.nkslogo img	{ max-width:200px }
	DIV#nksfooter div.nkscopyright	{ clear:none ; text-align:center }
	DIV#nksfooter div.nkscopyright a	{}
}


/*==========================================================
トップカテゴリ　（index）
==========================================================*/

/*--------------------------------------
トップページ　[index.html]
--------------------------------------*/

.indextopics	{ margin:0 0 100px 0 }
.indextopics h2	{ margin-bottom:0 }
.indextopics ul	{ margin:0 ; padding:0 ; font-size:14px ; list-style-type:none }
.indextopics li	{ margin:0 ; padding:12px 5px ; line-height:2em ; border-bottom:1px dashed #888888 }
.indextopics li:first-child	{ /* border-top:1px dashed #888888 */ }
.indextopics li:last-child	{ border-bottom:1px solid #888888 }
.indextopics a	{ font-size:18px }
.indexbanners	{ margin:0 0 20px 0 ; padding:15px 0 0 0 ; background:#ffffcc ; border-radius:10px }
.indexbanners ul	{ margin:0 ; padding:0 ; list-style-type:none }
.indexbanners li	{ margin:0 0 15px 0 ; padding:0 1% ; width:31.333% ; font-size:0 ;  float:left }
.indexbanners li:nth-child(1)	{ width:48% }
.indexbanners li:nth-child(2)	{ width:48% }
.indexbanners img	{ width:100% }
.indexbanners .ulend	{ clear:left }
.indexdiv1	{ margin:0 0 15px 0 }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 590px) {
	.indexbanners	{ background:none }
	.indexbanners ul	{}
	.indexbanners li	{ float:none ; padding:0 ; width:100% }
	.indexbanners li:nth-child(1)	{ width:100% }
	.indexbanners li:nth-child(2)	{ width:100% }
	.indexbanners img	{}
	.indexbanners .ulend	{ clear:none }
}

/*--------------------------------------
固定ページ共通
--------------------------------------*/

/* 写真：横2枚配置 */
.commonphoto1	{}
.commonphoto1 img	{ margin:0 2% 20px 0% ; width:48% }
/* 写真：横1枚配置（float） */
.commonphoto2	{ float:left ; margin:0 2% 20px 0% ; width:48% }/* img */
.commonphoto2end	{ clear:left }
/* 写真：横2枚配置、テキスト入り（float） */
.commonphoto3	{ float:left ; margin:0 2% 20px 0% ; width:48% }
.commonphoto3 img	{ width:100% }
.commonphoto3end	{ clear:left }

/*--------------------------------------
なかまの里・TOMO
--------------------------------------*/

table.introductiontable1	{ margin:0 0 20px 0 ; padding:0 ; width:100% ; max-width:900px ; border-collapse:collapse ; border-spacing:0 }
table.introductiontable1 td.td1	{ padding:0 0 10px 0 ; width:120px }
table.introductiontable1 td.td2	{ padding:0 0 10px 3% }
table.introductiontable1 .txt1	{ padding:2px 5px ; text-align:center ; font-weight:bold ; color:#ffffff ; background:#00aacc ; border-radius:10px }
table.introductiontable1 .txt0	{ padding:2px 5px ; border-radius:10px }
table.introductiontable1 .txt2	{ padding:2px 5px ; border-radius:10px }
table.introductiontable1 .txt3	{ padding:2px 5px ; background:#ffff99 ; border-radius:10px }

/*--------------------------------------
法人の案内
--------------------------------------*/
table.companytable1	{ margin:0 0 30px 0 ; padding:0 ; width:100% ; border-collapse:collapse ; border-spacing:0 ; border-top:1px dotted #999999 }
table.companytable1 td	{ padding:10px 5px 10px 0 ; vertical-align:middle ; border-bottom:1px dotted #999999 }
table.companytable1 td.td1	{ width:140px ; line-height:120% }
div.companydiv1	{ margin:0 0 20px 0 ; padding:10px 20px ; border:3px solid #ffcc00 ; background:#ffffdd ; border-radius:10px }

/*==========================================================
NEWS　（news）
==========================================================*/

.newsnavi	{ margin:0 0 100px 0 }
.newsnavi ul	{ margin:0 ; padding:0 ; list-style-type:none }
.newsnavi li	{ margin:0 0 10px 0 ; padding:0 10px 0 0 ; height:40px ; float:left }
.newsnavi a	{ margin:0 ; padding:10px ; height:18px ; color:#ffffff ; background:#888888 ; font-weight:bold ; text-decoration:none ; border-radius:10px }
.newsnavi .ulend	{ clear:left }

.newstopic	{ margin:0 0 50px 0 }
.newstopic h1 a	{ text-decoration:none }
.newstopic .newsdate	{ clear:both ; text-align:right }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
}


/*==========================================================
▲▲▲　（#▲▲▲）
==========================================================*/

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
}


/*^^*/