@charset "shift_jis";


/*----------------------*/
/*	本体設定			*/
/*----------------------*/
body {
	font-family: "メイリオ", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*----------------------*/
/*	見出し設定			*/
/*----------------------*/
h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

/*----------------------*/
/*	リスト設定			*/
/*----------------------*/
ul{
	list-style-type: none;
	/*list_style-image : url(https://kagome.snohako.com/img/bullet073.gif);*/
}

/*----------------------*/
/*	画像設定			*/
/*----------------------*/
img {
	border: none;
}

/*----------------------*/
/*	フォーム設定		*/
/*----------------------*/
input,textarea,select {
	font-size: 1em;
}

/*----------------------*/
/*	テーブル設定		*/
/*----------------------*/
table {
	border-collapse:collapse;
	font-size: 100%;
}

/*----------------------*/
/*	リンクカラー		*/
/*----------------------*/
a {
	color: #666666;
}

/*----------------------*/
/*  フーバー			*/
/*----------------------*/
a:hover {
	color: #A51A91;
	text-decoration: none;	/*下線を消す*/
}

/*----------------------*/
/*	コンテナ			*/
/*----------------------*/
#container {
	text-align: left;
	width: 947px;
	margin-right: auto;
	margin-left: auto;
	border-top: 5px solid #008080;
	background-color: #FFFFFF;
}

/*----------------------*/
/*	ヘッダー			*/
/*----------------------*/
#header {
	position: relative;
	width: 100%;
	/*background-image: url(https://kagome.snohako.com/images/header_bg2.jpg);	ヘッダーの背景画像*/
	background-repeat: no-repeat;
	background-position: top;
	height: 110px;
}

#header #logo {
	padding-top: 5px;
}

#header h1 {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 0px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	right: 0px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

#header form {
	font-size: 10px;	
	font-weight: normal;
	position: absolute;
	top: 80px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	right: 0px;	/*ヘッダーのボックスに対して右から0pxに位置に配置*/
}

/*--------------------------------------------------*/
/*	メインメニュー									*/
/*--------------------------------------------------*/
ul#menu li {
	float: left;
	line-height: 40px;
	height: 40px;
	margin-right: 1px;
	font-size: 12px;
}

ul#menu a {
	color: #000000;		/*メニューの文字色*/
	text-decoration: none;
	display: block;
	width: 134px;
	text-align: center;
	background-image: url(images/menu_bg4.gif);	/*メニューの背景画像*/
	background-repeat: no-repeat;
	background-position: top;	/*メニューの背景画像の上半分を表示させる設定*/
}

ul#menu a:hover {
	background-image: url(images/menu_bg4.gif);	/*メニューの背景画像*/
	background-repeat: no-repeat;
	background-position: left bottom;	/*メニューの背景画像の下半分を表示させる設定*/
	color: #005ffd;	/*カーソルオーバー時の文字色*/
}

ul#menu li.last {		/*右端処理*/
	margin-right: 0;
}


/*--------------------------------------------------*/
/*	３カラムを囲む領域								*/
/*--------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
}

/*--------------------------------------------------*/
/*	左・中央を囲む領域								*/
/*--------------------------------------------------*/
#wrap {
	width: 726px;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
}

/*--------------------------------------------------*/
/*	左領域											*/
/*--------------------------------------------------*/
#side_left{
	float: left;	/*サイドコンテンツを左側に配置する設定*/
	width: 206px;
	/*border: 1px solid #0000ff;*/
	padding-bottom: 10px;
}

/*--------------------------------------------------*/
/*	p(段落タグ)の余白設定							*/
/*--------------------------------------------------*/
#side_left p {
	padding: 0.5em 5px 1em;
}

/*--------------------------------------------------*/
/*	h3見出し設定									*/
/*--------------------------------------------------*/
#side_left h3 {
	font-size: 100%;
	color : white;
	background-color: #008080;	/*背景色*/
	/*line-height: 30px;*/
	/*height: 30px;*/
	text-align: center;	/*テキスト中央よせ*/
}

#side_left ul{
	margin-left: 3px;
	padding-bottom: 15px;
}

/*----------------------*/
/*	左サイドメニュー	*/
/*----------------------*/
ul.sidemenu a {
	color: #333333;				/*文字色*/
	text-decoration: none;
	text-align: left;
	padding-left: 50px;
	font-size: 90%;
	border-bottom: 1px dotted #aeaeae;	/*下線に1px*/
	display: block;
	width: 180px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}

ul.sidemenu a:hover {
	background: #ffdb00;	/*カーソルオーバー時の背景色*/	
	/*background: #ffeeaa;*/	/*カーソルオーバー時の背景色*/
	color: #005ffd;			/*カーソルオーバー時の文字色*/
}

/*--------------------------------------------------*/
/*	右サイド										*/
/*--------------------------------------------------*/
#side_right {
	float: right;
	margin-top: 10px;
	/*background-color: #eeeeee;	両サイドのボックス背景色*/
	width: 206px;
	/*border: 1px solid #bfbfbf;	両サイドのボックスフチのボーダー*/
	padding: 1px;		余白を1px
	/*line-height: 1.6;	行間。通常より少し狭めている。*/
	/*color: #666666;		文字色*/
}


/*--------------------------------------------------*/
/*	h3見出し設定									*/
/*--------------------------------------------------*/
#side_right h3 {
	font-size: 90%;
	color : white;
	background-color: #008080;	/*背景色*/
	text-align: center;			/*文字のセンタリング*/
	font-weight: normal;
	padding-top: 3px;
	/*padding-bottom: 5px;*?/	color: #FFFFFF;	/*文字色*/
}

/*--------------------------------------------------*/
/*	p(段落タグ)の余白設定							*/
/*--------------------------------------------------*/
#side_right p {
	background-color: #eeeeee;	/*背景色*/
	padding: 0px;
	margin-bottom: 10px;
	border: 1px solid #bfbfbf;	/*両サイドのボックスフチのボーダー*/
}

/*--------------------------------------------------*/
/*	左右のサブメニュー								*/
/*--------------------------------------------------*/
.submenu {
	margin-bottom: 1px;
}

.submenu a {
	background-image: url(images/submenu_bg.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: top;	/*メニューの背景画像の上半分を表示させる設定*/
	display: block;
	padding-right: 5px;
	padding-left: 10px;
	color: #000000;		/*文字色*/
	text-decoration: none;
	line-height: 40px;
	height: 40px;
	width: 191px;
}

.submenu a:hover {
	background-image: url(images/submenu_bg.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;	/*メニューの背景画像の下半分を表示させる設定*/
	color: #FFFFFF;		/*カーソルオーバー時の文字色*/
}

/*--------------------------------------------------*/
/*	中央ブロック									*/
/*--------------------------------------------------*/
#main {
	float: right;
	width: 505px;
}

#main h2 {
	font-size: 100%;
	color : #ffffff;
	background-image: url(images/bar.gif);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 8px;	
	padding-bottom:13px;	
	padding-left: 10px;
	clear: both;
	/*text-align: left;			文字のセンタリング*/
}

#main p {
	/*padding: 0.5em 10px 1em;	中央ブロックの段落タグの余白*/
	margin-bottom: 10px;
}

dl{
	padding-left: 20px;
}

dt{
	color : #339999;
	font-weight: bold;
	margin-bottom: 5px;
}

dd{
	font-size : 12px;
	color : #ff000;
	margin-bottom: 5px;
}

/*--------------------------------------*/
/*	カテゴリ							*/
/*--------------------------------------*/
#ktg{
	text-align: left;
	padding-left:  10px;
	padding-right: 10px;
}

#ktg dl{
	margin-bottom: 3px;
}


#ktg dt{
	color: #000000;
	margin-bottom: 0px;
}

#ktg dd{
	padding-left: 20px;
	margin-bottom: 0px;
	border-bottom: 1px solid #cccccc;	
}

#ktg a {
	color: #6666cc;			/*リンク色*/
	text-decoration: none;	
}

#ktg a:hover {
	color: #ff0000;			/*カーソルオーバー時の色*/
	/*font-weight: bold;*/
	text-decoration: underline;	
}


/*フッター（最下部のコピーライトなど）
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 1px solid #bfbfbf;
	padding-top: 1em;
	padding-bottom: 1em;
}

#counter h3{
 margin-bottom : 10px;
}

#counter ul{
	padding-left: 2em;
}