@charset "UTF-8";

/* 汎用
----------------------------------------------------------------------*/
/* クラス */
/* 強調表示（赤） */
.accent	{
	color: #F00;
	font-weight: normal;
}
/* もっと強調表示（赤・ボールド） */
.accent_more	{
	font-weight: bold;
	color: #F00;	
}
/* 太い */
.bold	{
	font-weight: bold;
}
/* 小さく */
.mini	{
	font-size: 80%;
	font-weight: normal;
}
.big	{
	font-weight: bold;
	font-size: 130%
}
.big_center	{
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}
a	{
	font-weight: bold;
	color: #006655; /* リンクの色 */
}
a:hover {
	color: #9C9C9C;
}

/* 行間を空ける */
p	{
	margin: 0 0 0.5em 0;
	line-height: 130%; /* 行間 */
}
/* W3Cの感じ */
p.w3c	{
	float: right; /* 左へふる */
}
/* 注釈部分を小さく赤字 */
.tyuusyaku	{
	color: #F00;
	font-size: 80%;
}
/* 入力フォームの名前部分に使用 */
span.name_plate	{
	margin: 0 1em 0 0.5em;
	padding: 0 1em 0 1em;
	border: 2px solid #000;
}		
br	{
	clear: both;
}

li	{
	margin: 0.5em; /* 行間*/
}

table	{
	table-layout: fixed; /* windowsで高速化 */
}
th	{
	background-color: #FFE7BA; /* 上部分のテーブル色 */
}


/* CSS Hack関係
---------------------------------------------------------------------------*/
/* ======clearfix=====*/	
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac\*/
* html .clearfix {
  height: 1px;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */


/* ======star html Hack IE6以下に適応 ====== */



/* 全グループ統括
-----------------------------------------------------------------------*/
body {
	background-color: #FCFCFC; /* 背景の色 */
	/* #A11 */
}

#page{
	min-width: 800px; /* 最小時の大きさを指定 */
/*	min-width: 1100px;  最小時の大きさを指定_top_photoが横向きだったため800px->1100pxへ修正  */
	max-width: 1200px; /* 最大時の大きさを指定 */
	width: 95%;
	margin: 0 auto 0 auto;
	background-color: #FCFCFC; /* 背景の色 */	
}


/* 段組みグループ
-----------------------------------------------------------------------*/
/* 上段グループ*/
#header	{
/*	background-color: #8D8;*/ /* 背景の色 */
}

/* index段グループ */
#index	{
}

/* 中段グループ化 */
#content	{
	width: 100%;
	margin-bottom: 20px; /* fotterとの空白 */
}

/* 下段グループ*/
#footer	{
	margin-bottom: 5px;
	position: relative; /* 相対配置 */
	clear: both; /* 回り込み解除 */
	text-align: center;
	width:100%;
}


/* 上段グループ中身
-------------------------------------------------------------------------*/
/* ロゴ部分 */
#header_logo	{
	display: block; /* ブロック要素にする */	
	float: left;
	margin-bottom: 10px; 
	width: 22%; /* #subのwidht+1%と合わせる */
	background: url('../img/logo/logo2.jpg') top left no-repeat;

}
#header_logo_uso	{
	display: block; /* ブロック要素にする */	
	float: left;
	margin-bottom: 10px; 
	width: 22%; /* #subのwidht+1%と合わせる */
	background: url('../img/logo/logo_uso.jpg') top left no-repeat;

}
/* 文字部分 */
#header_text	{
	vertical-align: bottom; /* 文字を下付き */	
	font-size: 200%;
}
#header_text a{
	display: block; /* ブロック要素にする */
	color: #000; /* リンクの色 */	
}

/* header_logo中身
-------------------------------------------------------------------------*/
#header_logo a	{
	display: block; /* ブロック要素にしてリンク範囲を拡張 */
	text-decoration: none;	/* 下線削除 */	
	width:134px;
	height: 134px;
	color: #FFF; /* ごまかし */
}

#header_logo_uso a	{
	display: block; /* ブロック要素にしてリンク範囲を拡張 */
	text-decoration: none;	/* 下線削除 */	
	width:134px;
	height: 134px;
	color: #FFF; /* ごまかし */
}

/* header_text中身
-------------------------------------------------------------------------*/
#header_text a	{
	text-decoration: none;	/* 下線削除 */
}

/* index段グループ中身
-------------------------------------------------------------------------*/
#index_text{
	text-align: center;
	line-height: 180%; /* 行間 */
}


/* index_text中身
-------------------------------------------------------------------------*/
#index_text ul	{
	list-style-type: none;
}
#index_text li	{
	display: inline;
}
#index_text a {
	text-decoration: none;	/* 下線削除 */	
	margin: 3px;
	padding: 1px 0 1px 0;	
	color: #000; /* メニューの色と合わせる*/
}
#index_text a:hover {
	text-decoration: none;	/* 下線削除 */
	margin: 3px;
	padding: 1px 0 1px 0;	
	background-color: #FF9933; /* マウスを合わせたときのバー*/
	color: #FFFFFF;

}


/* 中段グループ中身
-------------------------------------------------------------------------*/
/* main部分グループ化 */
#main	{
	position: relative; /* 相対配置 */
	float: left; /* 左にフル */
	width: 53%; 
	margin-left: 1%; /*top_photo部との空白 main+top_photo = 99% 100%にするとIEで不具合*/
/*	background-color: #FFF;*/ /* フッターの色 */	
}
/* top_photo部分グループ化 */
#top_photo	{
	float: left; /* 左にフル */
	width: 45%;
	text-align:center;
}
#top_photo_yoko	{
	float: left; /* 左にフル */
	width: 45%;
	text-align:center;
}
#top_photo_under1	{
	float: left; /* 左にフル */
	width: 45%;
	text-align:center;
}
#top_photo_under2	{
	width: 350px;
	margin: 0 auto 0 auto;
}


/* 中断部分を分割しないで使う場合 */
#main_full	{
	position: relative; /* 相対配置 */
	float: left; /* 左にフル */
	width: 98%; 
	margin-left: 1%; /*top_photo部との空白 main+top_photo = 99% 100%にするとIEで不具合*/
}


/* mainグループ中身
--------------------------------------------------------------------------*/
/* コンテンツのタイトル（トップ、お知らせetc） */
.content_title	{
	text-align: left;
	text-indent: 3%;
	font-size: 120%; /* .titleと合わせる */
	font-weight:bold;
	border: 1px solid #999999;	/* 薄い枠線で囲う */
	background-color: #FF9933;	
	color: #fff;
}
/* =====記事内容===== */
.subject_info	{
	padding: 0 10px 3px 10px ; /* 記事のパディング*/
}
/* 記事のタイトルとか */
.subject_info h2{
	zoom: 1; /* IE6のボーダ幅誤認回避 hasLayout */
	margin-bottom: 0.5em;		
	border-bottom: 1px solid #FF9933;
	border-left: 8px solid #FF9933;
	text-indent: 0.5em;
}
.subject_info h2 a{
	text-decoration: none;	/* 下線削除 */	
}

.subject_info h3{
	zoom: 1; /* IE6のボーダ幅誤認回避 hasLayout */
	margin: 0.5em 1em 0.5em 1em;
	border-bottom: 1px dashed #FF9933; /* 破線にする */
	/*text-indent: 1em;*/
}
/* subject_info内汎用お知らせの記事部分に使用 */
/* h2タグの直下にある時に使用 */
.reporth2	{
	margin: 0.5em 1em 0.5em 1em;
}
/* h3タグの直下にある時に使用 */
.reporth3	{
	margin: 0.5em 1em 0.5em 2em;
	text-align: left;	
}
/* table関係  */
.subject_table	{
	padding: 10px 10px 10px 10px; /* 記事のパディング*/
}
.subject_table table	{
	position: relative; /* 配置の相対設定 */
	table-layout: fixed; /* テーブル高速化 */
	width: 100%;
	text-align: center; /* センタリング */
}
td.contents	{
	width: 20%;
	font-weight:bold;
	text-align: center;
	padding: 0.25em;
	background-color: #FFE7BA;
}
td.details	{
	width: 80%;
	padding: 0.25em;
	line-height: 130%; /* 行間 */
	text-align: left;
}

/* チラシ設置店舗用テーブル */
.chirashi_tenpo_table	{
	padding: 10px 10px 10px 10px; /* 記事のパディング*/
}
.chirashi_tenpo_table table	{
	position: relative; /* 配置の相対設定 */
	table-layout: fixed; /* テーブル高速化 */
	width: 510px;
	text-align: left;
	border: 1px #000000 solid;
}
.chirashi_tenpo_table td.td_bunner	{
	width: 210px;
	padding: 5px;
	text-align: center;
	border: 1px #000000 solid;
}
.chirashi_tenpo_table td.td_tenpo	{
	width: 300px;
	padding: 0.25em;
	text-align: left;
	border: 1px #000000 solid;
}

/* チラシ配布即売会用テーブル */
.chirashi_event_table	{
	padding: 10px 10px 10px 10px; /* 記事のパディング*/
}
.chirashi_event_table table	{
	position: relative; /* 配置の相対設定 */
	table-layout: fixed; /* テーブル高速化 */
	width: 100%;
	text-align: left;
	border: 1px #000000 solid;
}
.chirashi_event_table th	{
	background-color: #FFE7BA;
	font-weight:bold;
	text-align: center;	
}
.chirashi_event_table th.th_head	{
	background-color: #FFE7BA;
	width: 700px;
	font-weight:bold;
	text-align: center;	
	padding: 0.25em;
	border-style: solid;
	border-width: 2px 1px 2px 1px;
	border-color: #000000;
}
.chirashi_event_table th.th_hizuke	{
	width: 170px;
	padding: 0.25em;
	border: 1px #000000 solid;
}
.chirashi_event_table th.th_kaisaichi	{
	width: 60px;
	padding: 0.25em;
	border: 1px #000000 solid;
}
.chirashi_event_table th.th_bunner	{
	width: 210px;
	padding: 0.25em;
	border: 1px #000000 solid;
}
.chirashi_event_table th.th_uketsuke	{
	width: 80px;
	padding: 0.25em;
	border: 1px #000000 solid;
}
.chirashi_event_table th.th_bikou	{
	width: 180px;
	padding: 0.25em;
	border: 1px #000000 solid;
}


.chirashi_event_table td.td_hizuke	{
	width: 170px;
	padding: 0.25em;
	text-align: center;
	border: 1px #000000 solid;
}
.chirashi_event_table td.td_kaisaichi	{
	width: 60px;
	padding: 0.25em;
	text-align: center;
	border: 1px #000000 solid;
}
.chirashi_event_table td.td_bunner	{
	width: 210px;
	padding: 5px;
	text-align: center;
	border: 1px #000000 solid;
}
.chirashi_event_table td.td_bunner a{
	color: #000000;
	display: block; /* ブロック要素にしてリンク範囲を拡張 */
	text-decoration: none;	/* 下線削除 */
}
.chirashi_event_table td.td_uketsuke	{
	width: 80px;
	padding: 0.25em;
	text-align: center;
	border: 1px #000000 solid;
}
.chirashi_event_table td.td_bikou	{
	width: 180px;
	padding: 0.5em;
	text-align: left;
	line-height: 130%; /* 行間 */
	border: 1px #000000 solid;
}

/* リンクページ用テーブル */
.link_page_table	{
	padding: 10px 10px 10px 10px; /* 記事のパディング*/
	border: none;
	font-weight: bold;
}
.link_page_table table	{
	position: relative; /* 配置の相対設定 */
	table-layout: fixed; /* テーブル高速化 */
	width: 710px;
	text-align: left;
	border: none;
}
.link_page_table table img	{
	border: none;
}

.link_page_table td.td_bunner	{
	width: 210px;
	padding: 5px;
	text-align: center;
	border: none;
}
.link_page_table td.td_bunner a	{
	color: #000000;
	display: block; /* ブロック要素にしてリンク範囲を拡張 */
	text-decoration: none;	/* 下線削除 */
}
.link_page_table td.td_hizuke	{
	width: 550px;
	padding: 0.25em;
	text-align: left;
	border: none;
}

/* サークルリスト用テーブル */
.circle_list table{
	border-collapse: collapse;
	border-style: solid;

	border-color: #000000;
	border-width: 1px;
}
.circle_list th	{
	background-color: #FFE7BA;
	padding: 0.25em;
	font-weight:bold;
	text-align: center;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.circle_list tr	{
	text-align: left;
	padding: 0.25em;
	border-style: solid;
	border-width: 1px;
	}
.circle_list tr.odd	{
	background-color: #fffacd;
	text-align: left;
	padding: 0.25em;
	border-style: solid;
	border-width: 1px;
}
.circle_list td	{
	text-align: left;
	padding: 0.25em;
	border-style: solid;
	border-width: 1px;
}

.circle_list td a	{
	display: block; /* ブロック要素にしてリンク範囲を拡張 */
}

/* bunner関係 */
.bunner	{
	position: relative; /* 相対配置 */
	clear: both; /* 回り込み解除 */
	width:100%;
}
.bunner img	{
	width: 200px;
	height: 40px;
	border: none;
}
.bunner p	{
	float: left;
	margin-left: 2em;
}
.content_index1{
	padding: 0em;
	list-style-type: none;
	text-align: center;
}
.content_index1 a{
	display: block;	
}
.content_index2 a{
	display: block;	
}
/* ギャラリーページ関係 */
.garally_photo_tate {
	position: relative; /* 相対配置 */
	clear: both; /* 回り込み解除 */
	width:100%;
}
.garally_photo_tate img {
        width: 350px;
        height: 485px;
        border: none;
}
.garally_photo_tate a       {
        border: none;
}
.garally_photo_yoko {
	position: relative; /* 相対配置 */
	clear: both; /* 回り込み解除 */
	width:100%;
}
.garally_photo_yoko img {
        width: 350px;
        height: 350px;
        border: none;
}
.garally_photo_yoko a       {
        border: none;
}

.photo_hanyou a	{
        border: none;
}

.photo_hanyou img	{
        border: none;
}
/*
.subject_tabletd a:visited	{
	color: #9C9C9C;
}
*/

/* top_photoグループ中身
--------------------------------------------------------------------------*/
#top_photo img {
        width: 350px;
        height: 485px;
        border: none;
}
#top_photo p       {
        text-align: center;

}
#top_photo a       {
        border: none;
}

#top_photo_yoko img {
        width: 485px;
        height: 350px;
        border: none;
}
#top_photo_yoko p       {
        text-align: center;

}
#top_photo_yoko a       {
        border: none;
}

/* top_photo_underグループ中身
--------------------------------------------------------------------------*/
#top_photo_under p       {
        text-align: center;
        clear: both; /* 回り込み解除 */
}
#top_photo_under a       {
        border: none;
}


/* 下段グループ中身
-------------------------------------------------------------------*/
.foot_bunner img {
	border: none;
}