@charset "utf-8";

/**********************************************
 *
 *	レイアウト用CSS
 *
 *********************************************/

/*  共通CSS  */

/**********************************************
 *	背景
**********************************************/

body {
	margin:0 auto 0 auto;
	padding: 0px;
	text-align: center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:url( '/images/bg_rap.gif' ) left top repeat-y #EFEFE5;
	background-position:center;
	color:#333;
}

noscript {
	clear:both;
}

hr {
	margin:20px 0;
	clear:both;
}

dl {
	margin:0px;
	padding:0px;
}

br {
	clear:both;
}

/**********************************************
 *	背景色
**********************************************/

.bg_black {
	background:#000;
	clear:both;
}

/**********************************************
 *	リンク
**********************************************/

a:link, a:active, a:visited {
	color:#0066CC;
	text-decoration:underline;
}

a:hover, #mr a:hover {
/*	color:#174DB9;	*/
	color:#FF9900;
	text-decoration:underline;
}

ul,ol {
	margin:0px;
	padding:0px;
	list-style:none;
}

br {
	clear:both;
}

/**********************************************
*	画像
**********************************************/

img {
	border: none;
}


/**********************************************
 *	回り込み指定
 *********************************************/

.flt_l {
	float:left;
}

.flt_r {
	float:right;
}



/**********************************************
 *	太字
 *********************************************/

.wei {
	font-weight:bold;
}

/**********************************************
 *	文字色
 *********************************************/

.f_red {
	color:#FF0000;
}

.f_blue {
	color:#0099FF;
}

.f_yellow{
	color:#FFCC00;
}


/*  HTMLレイアウト  */

/**********************************************
 *	外枠
 *********************************************/

#rap {
	margin:0 auto 0 auto;
	padding:0px;
	text-align:center;
	width:915px;
	background:url( '/images/bg_rap.gif' ) left top #FFF;
}

/**********************************************
 *	ヘッダー
 *********************************************/

#header {
	text-align:center;
	margin:0 0 10px 0;
	padding:0 0 0 644px;
	background:url( '/kss/images/bg_header.gif' ) left top no-repeat;
	height:37px;
	text-align:right;
}

#header ul li {
	clear:none;
	display:block;
	float:left;
	list-style-type: none;
	text-align:center;
	text-indent: -9999px;
	padding:0px;
	margin:4px 0 0 0;
}

#header li a {
	height:33px;
	display:block;
}

/*	問い合わせ	*/
#header li#inq a {
	background: url( '/kss/images/bt_inquiryf.gif' ) left top no-repeat;
	width:126px;
}
	
#header li#inq a:hover, #header li#inqb {
	background: url( '/kss/images/bt_inquiryb.gif' ) left top no-repeat;
	width:126px;
}

.bosyu {
	display:block;
	text-indent:-9999px;
	background:url( '/kss/images/bt_bosyub.gif' ) left top no-repeat;
	float:right;
	height:60px;
	width:210px;
	margin:0 10px 0 0;
	padding:0px;
	clear:none;
}

.bosyu a {
	height:60px;
	display:block;
}

.bosyu a {
	background: url( '/kss/images/bt_bosyuf.gif' ) left top no-repeat;
	width:210px;
}
	
.bosyu a:hover {
	background: url( '/kss/images/bt_bosyub.gif' ) left top no-repeat;
	width:210px;
}

/**********************************************
 *	ロゴ
 *********************************************/

#logo a {
	display:block;
	text-align:left;
	text-indent: -9999px;
	background:url( '/kss/images/logo.gif') left top no-repeat;
	height:60px;
	width:370px;
	margin:0 0 15px 10px;
	float:left;
}

/**********************************************
 *	コンテンツメニュー
**********************************************/

#cont_box {
	background:url( '/kss/images/bg_contents.gif' ) left top no-repeat #FFF;
	margin:0px;
	padding:0px;
	height:47px;
	width:915px;
	clear:both;
}

#cont_box ul {
	 margin: 0 0 0 30px;
}

#cont_box ul li {
	clear:none;
	display:block;
	float:left;
	list-style-type: none;
	text-align:left;
	text-indent: -9999px;
	padding:0px;
	margin:0px;
}

#cont_box ul li a {
	height:47px;
	display:block;
}

/**********************************************
 *	コンテンツメニュ各リンク
**********************************************/

/*	トップページ	*/
#cont_box li.cont1 a { background: url('/kss/images/bt_cont01_off.gif') left top no-repeat; width:142px; }	
#cont_box li.cont1 a:hover { background: url('/kss/images/bt_cont01_on.gif') left top no-repeat; width:142px; }
#cont_box li.cont1b a { background: url('/kss/images/bt_cont01_onb.gif') left top no-repeat; width:142px; }

/*	しねり弁天委員会	*/
#cont_box li.cont2 a { background: url('/kss/images/bt_cont02_off.gif') left top no-repeat; width:142px; }	
#cont_box li.cont2 a:hover { background: url('/kss/images/bt_cont02_on.gif') left top no-repeat; width:142px; }
#cont_box li.cont2b a { background: url('/kss/images/bt_cont02_onb.gif') left top no-repeat; width:142px; }

/*	雪合戦委員会	*/
#cont_box li.cont3 a { background: url('/kss/images/bt_cont03_off.gif') left top no-repeat; width:142px; }	
#cont_box li.cont3 a:hover { background: url('/kss/images/bt_cont03_on.gif') left top no-repeat; width:142px; }
#cont_box li.cont3b a { background: url('/kss/images/bt_cont03_onb.gif') left top no-repeat; width:142px; }

/*	研修委員会	*/
#cont_box li.cont4 a { background: url('/kss/images/bt_cont04_off.gif') left top no-repeat; width:142px; }	
#cont_box li.cont4 a:hover { background: url('/kss/images/bt_cont04_on.gif') left top no-repeat; width:142px; }
#cont_box li.cont4b a { background: url('/kss/images/bt_cont04_onb.gif') left top no-repeat; width:142px; }

/*	役員紹介	*/
#cont_box li.cont5 a { background: url('/kss/images/bt_cont05_off.gif') left top no-repeat; width:142px; }	
#cont_box li.cont5 a:hover { background: url('/kss/images/bt_cont05_on.gif') left top no-repeat; width:142px; }
#cont_box li.cont5b a { background: url('/kss/images/bt_cont05_onb.gif') left top no-repeat; width:142px; }

/*	部員紹介	*/
#cont_box li.cont6 a { background: url('/kss/images/bt_cont06_off.gif') left top no-repeat; width:142px; }	
#cont_box li.cont6 a:hover { background: url('/kss/images/bt_cont06_on.gif') left top no-repeat; width:142px; }
#cont_box li.cont6b a { background: url('/kss/images/bt_cont06_onb.gif') left top no-repeat; width:142px; }

/**********************************************
 *	メインBOX
 *********************************************/

#main_box {
	width:855px;
	margin:0 auto;
	padding:0px;
	text-align:center;
	clear:both;
}

/**********************************************
 *	左メニュ
 *********************************************/

#s_box {
	margin:0px;
	padding:0px;
	width:160px;
}

#smenu {
	background:url( '/kss/images/bg_sidemenu.gif' ) left top no-repeat;
	width:160px;
	height:540px;
	padding:0px;
}

#smenu ul li {
	clear:none;
	display:block;
	list-style-type: none;
	text-align:center;
	text-indent: -9999px;
	padding:0px;
	margin:0px;
}

#smenu li a {
	height:90px;
	display:block;
}

/*	トップぺージ	*/
#smenu li#cont1 a {
	background: url('/kss/images/bt_smenu_topf.gif') left top no-repeat;
	width:160px;
}
	
#smenu li#cont1 a:hover, #header li#cont1b {
	background: url('/kss/images/bt_smenu_topb.gif') left top no-repeat;
	width:160px;
}

/*	弁天委員会	*/
#smenu li#cont2 a {
	background: url('/kss/images/bt_smenu_bentenf.gif') left top no-repeat;
	width:160px;
}
	
#smenu li#cont2 a:hover, #header li#cont2b {
	background: url('/kss/images/bt_smenu_bentenb.gif') left top no-repeat;
	width:160px;
}

/*	雪合戦委員会	*/
#smenu li#cont3 a {
	background: url('/kss/images/bt_smenu_yukif.gif') left top no-repeat;
	width:160px;
}
	
#smenu li#cont3 a:hover, #header li#cont3b {
	background: url('/kss/images/bt_smenu_yukib.gif') left top no-repeat;
	width:160px;
}

/*	研修委員会	*/
#smenu li#cont4 a {
	background: url('/kss/images/bt_smenu_kensyuf.gif') left top no-repeat;
	width:160px;
}
	
#smenu li#cont4 a:hover, #header li#cont4b {
	background: url('/kss/images/bt_smenu_kensyub.gif') left top no-repeat;
	width:160px;
}

/*	役員紹介	*/
#smenu li#cont5 a {
	background: url('/kss/images/bt_smenu_yakuinf.gif') left top no-repeat;
	width:160px;
}
	
#smenu li#cont5 a:hover, #header li#cont5b {
	background: url('/kss/images/bt_smenu_yakuinb.gif') left top no-repeat;
	width:160px;
}

/*	部員一覧	*/
#smenu li#cont6 a {
	background: url( '/kss/images/bt_smenu_buinf.gif' ) left top no-repeat;
	width:160px;
}
	
#smenu li#cont6 a:hover, #header li#cont6b {
	background: url( '/kss/images/bt_smenu_buinb.gif' ) left top no-repeat;
	width:160px;
}

/**********************************************
 *	中央コンテンツ（トップページ用）
 *********************************************/

#c_box {
	margin:0 15px;
	width:481px;
}

#c_box dt {
	color:#333;
	width:135px;
	margin:0px;
	padding:8px 0;
	float:left;
	border-bottom:1px solid #CCC;
}

#c_box dd {
	color:#333;
	margin:0px;
	padding:8px 0;
	float:left;
	width:340px;
	border-bottom:1px solid #CCC;
}

#c_box .c_tit {
	background:url( '/kss/images/bg_center_tit.gif' ) left top no-repeat;
	color:#000;
	padding:12px 0 0 0;
	margin:10px 0 0 0;
	text-indent:20px;
	font-weight:bold;
	height:44px;
}

#c_box .toku_tit {
	background:url( '/kss/images/bg_tokutoku_tit.gif' ) left top no-repeat;
	color:#000;
	padding:12px 0 0 0;
	margin:10px 0 0 0;
	text-indent:60px;
	font-weight:bold;
	height:44px;
}

#c_box .katu_tit {
	background:url( '/kss/images/bg_katudou_tit.gif' ) left top no-repeat;
	color:#000;
	padding:12px 0 0 0;
	margin:10px 0 0 0;
	text-indent:60px;
	font-weight:bold;
	height:44px;
}

/**********************************************
 *	右メニュ
 *********************************************/

#r_box {
	margin:0px;
	width:184px;
	font-size:12px;
}

#r_box .r_tit {
	background:#333;
	color:#FFF;
	text-align:center;
	padding:3px;
	font-weight:bold;
	margin:0 0 5px 0;
}

#r_box img {
	margin:5px 0;
}

#r_box dt {
	margin:0px;
	padding:3px 3px 0 3px;
	text-indent:3px;
	text-align:left;
	font-weight:bold;
}

#r_box dd {
	margin:0px;
	padding:3px;
	text-indent:15px;
	text-align:left;
	border-bottom:1px solid #EFEFEF;
	background:url( '/kss/images/icon_list.gif' ) 7px 12px no-repeat;
}

/**********************************************
 *	メインBOX
 *********************************************/

#sub_box {
	width:680px;
	margin:0 auto;
	padding:0px;
	text-align:center;
}

/**********************************************
 *	トップページブログ
 *********************************************/

#blog_box {
	margin:0px;
	padding:0px;
}

#blog_box img.toimg {
	clear:left;
	float:left;
	margin:0 0 10px 0;
	padding:0px;
	width:112px;
}

#blog_box p {
	clear:none;
	float:left;
	margin:0 0 0 10px;
	width:350px;
}


/**********************************************
 *	ページスクロール
 *********************************************/

p.tup {
	clear:both;
	padding:40px 0;
	margin:0px;
	text-align:right;
}

p.tup a {
	margin:0px;
	padding:0px;
	text-align:right;
}

p.tups {
	clear:both;
	padding:20px 0 0 0;
	margin:0px;
	text-align:right;
	color:#FFF;
}

p.tups a {
	margin:0px;
	padding:0px;
	text-align:right;
	color:#FFF;
}

/**********************************************
 *	フッター
 *********************************************/

#footer {
	border-top:1px solid #CCC;
	margin: 0 30px;
	padding:10px;
	clear:both;
}

#footer ul {
	margin:15px 0 30px 0;
}

#footer ul li {
	display:inline;
	padding:0 20px;
	border-right:1px solid #666;
}

#footer ul li.lef {
	border-left:1px solid #666;
}

#footer p {
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:10px;
}


/**********************************************
 *	しねり弁天シャツタイトル
 *********************************************/

.benten_t_tit_top {
	text-indent:-9999px;
	background:url( '/kss/images/t-shirts_tit_top.gif' ) left top no-repeat;
	margin:0px;
	padding:0px;
	height:93px;
	width:170px;
}

.benten_p_tit_top {
	text-indent:-9999px;
	background:url( '/kss/images/poro_tit_top.gif' ) left top no-repeat;
	margin:0px;
	padding:0px;
	height:93px;
	width:170px;
}