/*********************************************/
/********** -基本設定 ************************/
/*********************************************/

/********** --ボディ **********/



html,body{
height:100%;}
body{
	padding: 0px;
	margin: 0px;
	background: url(images/bg_header_repeat.gif) repeat-x top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}
	
/********** --段落 **********/	
h1,h2,h3,h4,h5,h6{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

/********** --テキスト **********/
body, p, input, select, option, textarea, li, ul, dl, dt, dd {
	padding: 0px;
	margin: 0px;
}

/********** --リンクスタイル **********/
a:link {	color: #CC3333; text-decoration: none;}
a:visited {	color: #993333; text-decoration: none;}
a:active {	color: #CC3333; text-decoration: none;}
a:hover {	color: #CC3333; text-decoration: none;}


/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

/** 引用 **/
blockquote {
	border: #663333 1px solid;
	background-color: #F2E6E6;}

/********** --箇条書き **********/
ul li.red { list-style-image: url({$CMSTmplUrl$}img/listicon.gif);}

/********** --水平線 **********/
hr {
	color: #cccccc;
	height: 1px;
	border: 0px;
}

/********** --見出し **********/
h1 {
	background: url(images/h1.gif) no-repeat left bottom;
	padding-left: 40px;
	padding-bottom: 15px;
	padding-top: 20px;
	font-size: 15px;
	letter-spacing: 2pt;
	color: #3E414C;
}

h1 a:link, h1 a:visited, h1 a:hover { color:#BFBFBF;}

h2 {
	color:#473C42;
	padding-right: 15px;
	padding-top: 15px;
	padding-left: 40px;
	letter-spacing: 1px;
	line-height: 150%;
	font-weight: bold;
	background-image: url(images/h2_bg.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}
h2 a:link, h2 a:visited, h2 a:hover { color:#BFBFBF;}

h3 {
	color:#663333;
	background-color: #FFFFFF;
	padding-top: 10px;
	letter-spacing: 1px;
	line-height: 150%;
	margin-bottom: 5px;
	font-size: 14px;
	padding-left: 30px;
}

h4 {
	color:#473C42;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	border: 1px dashed #D27F39;
	margin-right: 5px;
}
h5 {
	background:url({$CMSTmplUrl$}img/h5_icon.gif) no-repeat left middle;
	color:#660000;
	line-height:180%;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 10px;
}

h6 {
	background: url(img/allow.gif) no-repeat left center;
	color:#7C7C7C;
	padding-right: 10px;

	padding-left: 15.px;
	font-size: 10px;
	padding-left: 12px;
}


/********** --表 **********/
/***** ---パターンA *****/
.table_a {
}
.table_a caption {
	color:#444444;
	background: url({$CMSTmplUrl$}img/tablecaption.gif) no-repeat left top;
	padding-left:15px;
}
.table_a_th {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #444444;
	background: #CCCCCC url({$CMSTmplUrl$}img/tableback.gif) top;
	padding: 8px 10px 3px 10px;
	font-weight: bold;
}
.table_a_th2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #444444;
	background: #EFEFEF;
}
.table_a_td {
	border-top: 1px solid #000000;
	border-bottom: #000000 1px solid;
	color: #444444;
	background-color: #FFFFFF;
}

/***** ---パターンB *****/
.table_b {
}
.table_b caption {
	color:#444444;
	background: url({$CMSTmplUrl$}img/tablecaption.gif) no-repeat left top;
	padding-left:15px;
	}
.table_b_th {
	border: #FFFFFF 1px solid;
	color: #FFFFFF;
	background-color: #996666;
}
.table_b_th2 {
	border: #FFFFFF 1px solid;
	color: #444444;
	background-color: #C2A5A5;
}
.table_b_th a:link { color: #CCCCCC;}
.table_b_th a:visited { color: #CCCCCC;}
.table_b_th a:hover { color: #CCCCCC;}


.table_b_td {
	border: #FFFFFF 1px solid;
	color: #444444;
	background-color: #E3D7D7;
}

/***** ---パターンC *****/
.table_c {
	padding: 5px;
}
.table_c caption {
	color:#444444;
	background: url({$CMSTmplUrl$}img/tablecaption.gif) no-repeat left top;
	padding-left:15px;
}
.table_c_th {
	border: #FFFFFF 1px solid;
	color: #FFFFFF;
	background-color: #006666;
}
.table_c_th a:link { color: #CCCCCC;}
.table_c_th a:visited { color: #CCCCCC;}
.table_c_th a:hover { color: #CCCCCC;}

.table_c_th2 {
	border: #FFFFFF 1px solid;
	color: #444444;
	background-color: #84C6B6;
}
.table_c_td {
	border: #FFFFFF 1px solid;
	color: #444444;
	background-color: #DAF5F0;
}

/** その他 **/
.table_d caption, .table_e caption, .table_f caption {
 background: url({$CMSTmplUrl$}img/tablecaption.gif) repeat-x no-repeat left top;
 padding-left:15px;
}


/********** --パーツ挿入 **********/
/***** ---ベースA(背景の白いもの） *****/
.listbox_a {
	background: #E0E0E0;
	padding:8px 2px;
}
.listset_a1_ul {
	background: #FFFFFF;
}
.listset_a1_li {
	color:#333333;
	list-style-image: url(%7B$CMSTmplUrl$%7Dimg/listicon_a1.gif);
	list-style-position: outside;
}
.listset_a1_li a:link { color: #CC0000;}
.listset_a1_li a:visited { color: #336666;}
.listset_a1_li a:hover { color: #336666;}

.listset_a2_ul {
}
.listset_a2_li {
	color:#333333;
	list-style-image: url({$CMSTmplUrl$}img/listicon_a2.gif);
}
.listset_a2_li a:link { color: #CC0000;}
.listset_a2_li a:visited { color: #336666;}
.listset_a2_li a:hover { color: #336666;}




/***** ---ベースB（BLOGのリスト） *****/
.listbox_b {
	padding: 10px 0px 0px 0px;
	background: url({$CMSTmplUrl$}img/listheader_b.gif) no-repeat left top;
}
.listset_b1_ul {
	background: #ffffff;
	border-top: 1px solid #89523A;
	border-left: 1px solid #89523A;
	border-right: 1px solid #89523A;
	border-bottom: 1px solid #89523A;
}
.listset_b1_li {
	color:#666666;
	list-style-image: url(%7B$CMSTmplUrl$%7Dimg/listicon_b1.gif);
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
.listset_b1_li a:link { color: #666666;}
.listset_b1_li a:visited { color: #bbbbbb;}
.listset_b1_li a:hover { color: #999999;}

.listset_b2_ul {
}
.listset_b2_li {
	color:#666600;
	list-style-image: url({$CMSTmplUrl$}img/listicon_b2.gif);
}

.listset_b2_li a:link { color: #009999;}
.listset_b2_li a:visited { color: #336666;}
.listset_b2_li a:hover { color: #336666;}



/***** ---トピックリスト(リンクリスト、→マークの青いアイコン） *****/
/** パターン5
.pagetitle_a {
}
 **/

/** パターン6 **/


/***** ---サイトマップ *****/
/** パターン3・4 **/
.titletext_level1{
 background:URL({$CMSTmplUrl$}img/twin_listicon.gif) no-repeat left top;
 padding-left:15px;}
.titletext_level2{
 background:URL({$CMSTmplUrl$}img/twin_listicon.gif) no-repeat left top;
 padding-left:15px;}

/***** ---フレームA *****/
.frame_a_outer {
	background: #E0E0E0;
	padding:8px 2px;
}
.frame_a_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}


/***** ---フレームB *****/
.frame_b_outer {
	padding: 10px 0px 0px 0px;
	background: url({$CMSTmplUrl$}img/listheader_b.gif) no-repeat left top;
}
.frame_b_inner {
	margin:0px;
	padding:2px;
	background: #DDDDCC;
	border-left: 1px solid #9C9A00;
	border-right: 1px solid #9C9A00;
	border-bottom: 4px solid #9C9A00;
}


/*********************************************/
/********** -スキンデザイン*******************/
/*********************************************/


/********** --ヘッダー **********/
/********** --必要ー **********/
#header{
	width:840px;
	height:90px;
	background: url(images/bg_header.gif) no-repeat center top;
	margin: 0px;
	padding: 0px;
}
.header{
background: url(images/bg_header.gif) no-repeat center top;
}
/***** ---ロゴ *****/
#logo {
	width:130px;
	height:40px;
	margin-top: 20px;
}
/***** ---ヘッダーメニュー *****/
/********** --メインナビゲーション **********/
/***** ---メインメニュー *****/
/** メインメニュー通常時 **/
/** メインメニュー設定なし **/
/** メインメニュー選択時 **/
/** メインメニューマウスオーバー時 **/
/***** ---メインメニューガイド *****/
#mainmenu_guide_top{
	background-image: url({$CMSTmplUrl$}img/mainmenu_guide_top.gif);
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
}
#mainmenu_guide_mdl{
	background: url(img/h1.gif) no-repeat left bottom;
	font-size: 17px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: 3px;
	color: #525252;
	padding-left: 65px;
	padding-bottom: 34px;
	padding-top: 20px;
	margin-left: 10px;
}

/***** ---とりあえず
h1 {
	padding-left: 65px;
	padding-bottom: 30px;
	padding-top: 20px;
	font-size: 16px;
	letter-spacing: 1pt;
*****/

#mainmenu_guide_btm{
	height: 1px;
	margin: 0px;
	padding: 0px;
}

/***** ---ぱんくず *****/
/********** --サイド **********/
/** サイドメニューtop **/
.sidemenu_top{
 height:6px;
 background-color:#666666;
 background-image: url({$CMSTmplUrl$}img/spacer.gif);
}
.sidemenu_on_top{
	height:6px;
	background-color:#666666;
	background-image: url({$CMSTmplUrl$}img/spacer.gif);
	font-size:12px;
	text-align: center;

}
.sidemenu_hover_top{
	height:6px;
	background-color:#666666;
	background-image: url({$CMSTmplUrl$}img/spacer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:12px;
	text-align: center;
}
/** サイドメニューbottom **/
.sidemenu_btm{
	height:1px;
	background-color:#666666;
	background-image: url({$CMSTmplUrl$}img/spacer.gif);
}
.sidemenu_on_btm{
	height:1px;
	background-color:#666666;
	background-image: url({$CMSTmplUrl$}img/spacer.gif);
	font-size:12px;
	text-align: center;
}
.sidemenu_hover_btm{
	height:1px;
	background-color:#666666;
	background-image: url({$CMSTmplUrl$}img/spacer.gif);
	font-size:12px;
	text-align: center;
}
/** サイドメニューmiddle **/
.sidemenu_mdl{
	width:144px;
	padding:7px 21px 7px 21px;
	font-size:12px;
	line-height:1.3em;
	color:#000000;
	text-align: center;
	background-color: #9A0000;
	background-image: url({$CMSTmplUrl$}img/sidemenu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;

}
.sidemenu_on_mdl{
	width:144px;
	padding:7px 21px 7px 21px;
	font-size:12px;
	line-height:1.3em;
	color:#000000;
	text-align: center;
	background-color:#FFFFFF;
	background-image: url({$CMSTmplUrl$}img/sidemenu_on.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sidemenu_hover_mdl{
	width:144px;
	padding:7px 21px 7px 21px;
	font-size:12px;
	line-height:1.3em;
	color:#FFFFFF;
	text-align: center;
	background-color: #663333;
	background-image: url({$CMSTmplUrl$}img/sidemenu_hover.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.sidemenu_mdl a:link{
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
	text-decoration:none;
}
.sidemenu_mdl a:visited{
	font-size:12px;
	color:#FFFFFF; 
	text-align: center;
	text-decoration:none;
}
.sidemenu_on_mdl a:link{
	font-size:12px;
	color:#663333;
	text-align: center;
	text-decoration:none;
}
.sidemenu_on_mdl a:visited{
	font-size:12px;
	color:#663333;
	text-align: center;
	text-decoration:none;
}
.sidemenu_hover_mdl a:link{
	font-size:12px;
	color:#FFFFFF; 
	text-align: center;
	text-decoration:none;
}
.sidemenu_hover_mdl a:visited{
	font-size:12px;
	color:#FFFFFF; 
	text-align: center;
	text-decoration:none;
}
.sidemenu_hover_mdl a:hover{
	font-size:12px;
	color:#FFFFFF; 
	text-align: center;
	border-bottom-width: 0px;
	text-decoration:none;
}

/***** ---サイドバー *****/
.child_side { 
  width:130px; margin:10px; padding:0; border:1px solid #000000; }

.child_side ol { margin:0px; padding:0px; list-style:none outside; }
.child_side li { margin:0px 2px 0px 2px; padding:0px 0px 5px 10px;
  background:url({$CMSTmplUrl$}img/side_icon.gif) no-repeat top left; }

.child_side_header { margin:0 0 5px 0; padding:0; border-bottom:1px solid #000000; }

.child_side_title {
  width:130px; text-align:center; font-weight:bold; font-size:10px;
  color:#ffffff; padding:2px 0;  overflow:hidden; word-break:break-all; letter-spacing:1px; }
  
.child_side_box { margin:0 5px 0 3px; padding-bottom:3px;
  width:122px; overflow:hidden; word-break:break-all; text-align:center;}

.child_side_text { margin:0; padding:0; font-weight:normal; font-size:10px;
  color:#ffffff; line-height:1.2; text-align:left; }
.child_side_text a:link { color:#ffffff; text-decoration:none; }
.child_side_text a:visited { color:#ffffff; text-decoration:none; }
.child_side_text a:hover { color:#ffffff; background:#663333; text-decoration:none; }





/********** --ポップアップ **********/
/********** -ポップアップ **********/
.popup_body {

 background-color: #FFFFFF;
}

.popup_range {
 width:600px;
 background-color: #FFFFFF;
 margin-top:10px;}

.popup_header {
	height:0px;


}

.popup_main {
	padding:10px 20px 10px 20px;
	border: 5px groove #BBBB77;
}

.popup_footer {
}

.popup_footer a:link { color:#E3D7D7;}
.popup_footer a:visited { color:#E3D7D7;}
.popup_footer a:hover { color:#E3D7D7;}

/* --階層リスト */

.sidemenu2 {
	text-align:left;
}	

.sidemenu2 li {
	list-style:none ! important;
	list-style-type:none	 ! important;
	list-style-image:none ! important;
}	


ul.sidemenu2 {
	margin: 0;
	padding: 0 ;
	
	list-style:none;	
}	

ul.sidemenu2 li a {
	margin: 0;
	padding: 0;

	list-style:none;
	overflow:hidden;
	word-break: break-all;	
}

/* ---header,footer */
ul.sidemenu2 li.sidemenu2_head,
ul.sidemenu2 li.sidemenu2_foot {
	display:none;
}





/* ---lv1 */
ul.sidemenu2 li.sidemenu2_on,
ul.sidemenu2 li.sidemenu2_off {
	margin: 0px;
	padding-left: 0px;
	width: 155px;

	}
/* ----lv1_off */
ul.sidemenu2 li.sidemenu2_off a {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:block;
	cursor: pointer;
	width: 155px;
	width: 155px;
	color:#666666;
	text-decoration:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}

/* ----lv1_on */
ul.sidemenu2 li.sidemenu2_off a span {
}
ul.sidemenu2 li.sidemenu2_on a {
	padding-top: 10px;
	padding-bottom: 10px;
	display:block;
	cursor: pointer;
	width: 100%;
	color:#666666;
	text-decoration:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
padding-left: 5px;
	border-top-style: solid;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999966;
}

/* ----lv1_hover */
ul.sidemenu2 li.sidemenu2_on a span {
}

ul.sidemenu2 li.sidemenu2_on a:hover,
ul.sidemenu2 li.sidemenu2_off a:hover {
	
padding-left: 5px;
	border-top-style: solid;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #996600;
}

ul.sidemenu2 li.sidemenu2_on a:hover span, 
ul.sidemenu2 li.sidemenu2_off a:hover span {
}

/* ---lv2 */
ul.sidemenu2 li.sidemenu2_on2,
ul.sidemenu2 li.sidemenu2_off2 {
}

/* ----lv2_off */
ul.sidemenu2 li.sidemenu2_off2 a {
	margin: 0px 0px 3px 5px;
	display:block;
	cursor: pointer;
	_width: 100%;
	color:#333333;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #D4D0C8;
}

/* ----lv2_on */
ul.sidemenu2 li.sidemenu2_on2 a {
	margin: 0px 0px 3px 5px;
	display:block;
	cursor: pointer;
	_width: 100%;
	color:#333333;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #D4D0C8;
	background-color: #D4D0C8;
}

/* ----lv2_hover */
ul.sidemenu2 li.sidemenu2_on2 a:hover,
ul.sidemenu2 li.sidemenu2_off2 a:hover {
	margin: 0px 0px 3px 5px;
	display:block;
	cursor: pointer;
	_width: 100%;
	color:#333333;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #D4D0C8;
	background-color: #D4D0C8;
}

/* ---lv3 */
ul.sidemenu2 li.sidemenu2_on3,
ul.sidemenu2 li.sidemenu2_off3 {
}

/* ----lv3_off */
ul.sidemenu2 li.sidemenu2_off3 a {
	margin: 0 17px 2px 0;
	padding: 2px 5px;	
display:block;
cursor: pointer;
width: 100%;
background:#666666;
color:#fff;	
	text-decoration:none;	
}

/* ----lv3_on */
ul.sidemenu2 li.sidemenu2_on3 a {
	margin: 0 17px 2px 0;
	padding: 2px 5px;

	display:block;
	cursor: pointer;

	_width: 100%;

	background:#999999;

	
	color:#fff;	
	text-decoration:none;	
}

/* ----lv3_hover */
ul.sidemenu2 li.sidemenu2_on3 a:hover,
ul.sidemenu2 li.sidemenu2_off3 a:hover {
	margin: 0 17px 2px 0;
	padding: 2px 5px;

	display:block;
	cursor: pointer;

	_width: 100%;

	background:#999999;
	
	color:#fff;		
	text-decoration:none;	
}
#yaranaisengen {
	margin: 0px 30px 20px;
}
