/*
Theme Name:		Stylesheet forJFJ Official Web Site
Theme URI:		http://www.jfj-net.com/
Version:		2.00
*/

/* @override http://jfj.procomjapan.co.jp/common/css/main.css */

/*
======Copyright and Credits===========

	CSS FILE for JFJ
	copyright: JFJ
	mail to  : 
			 		
======================================


=============CONTENTS=================

	2012.05.21	dl,dt,dd を再定義
	2012.01.25	署名右寄、サブタイトル追加
	last up date 09.09.2007
	start   date 09.08.2007

======================================
*/

@charset "utf-8";

*	{
	margin:0;
	padding:0;
	}
	
html	{
	min-width:800px;
	}
	
body{
	text-align: justify;
	text-justify: inter-ideograph;
	background: #fefafd;
	color: #262626;
	font: 62.5%/1.6 sans-serif;
	}
	
a	{
	text-decoration: none;
	outline: none;
	}
	
a img	{
	border: none;
	text-decoration: none;
	}
	
a:link,
a:active,
a:visited
	{
	color: #a1070c;
	}

a:hover	{
	color: #282828;
	text-decoration: underline;
	}		


/*------------------------------------
			Float Clear
------------------------------------*/
.line	{
	margin:0;
	padding:0;
	clear:both;
	}		

hr	{
	display:none;
	}
	
/*------------------------------------
			Wrapeer
------------------------------------*/	
#Wrapper	{
	width: 830px;
	border-right: 1px solid #CCC;
	background: #FFF;
	}
	
/*------------------------------------
			Header
------------------------------------*/
#Header	{
	width: 830px;
	height: 80px;
	border-bottom: 5px solid #333;
	}

h1#Logo	{
	float: left;
	width:270px;
	padding: 10px 0px 0px 30px;
	}
	
h1#Logo a	{
	text-decoration: none;
	}
	
h1#Logo a img	{

	}
	
#Header form	{
	float: right;
	margin-top: 34px;
	margin-right: 10px;
	}
	
#Header form input#s	{
	width: 200px;
	border: 1px solid #C2BBBB;
	padding: 1px;
	}
	
#Header form input#Imgbtn	{
	vertical-align: -4px;
	}				
	
/*------------------------------------
			Main
------------------------------------*/	
#Main	{
	clear: both;
	margin: 40px 0 30px;
	width: 800px;
	padding-bottom: 30px;
	background: #FFF;
	}	
	
/*------------------------------------
			Content
------------------------------------*/	
#Content
	{
	width: 620px;
	float: right;
	position: relative;
	}

/* +++++++++ 見出し（記事タイトル） +++++++++ */
#postTitle{
	clear: both;
	padding-left: 5px;
	border-left: 5px solid #e90834 ;
	margin-bottom: 15px;
	}

#Content #postTitle h5	{	/* 日時と開催回数 */
	font-size: 1.3em;
	color: #666666;
	margin-bottom: 0.2em;
	}

#Content #postTitle h2	{	/* 記事タイトル */
	font-size: 1.5em;
	margin-bottom: 0.2em;
	}

#Content #postTitle h3	{	/* サブタイトル */
	font-size: 1.3em;
	color: #333333;
	margin-bottom: 0.2em;
	}

/* ######## 日時と開催回数、タイトル、サブタイトルをリスト表示させるための定義） ######## */
.titleList{
	clear: both;
	}

.titleList h5	{	/* 日時と開催回数 */
	font-size: 1.3em;
	color: #666666;
	margin-bottom: 0.2em;
	font-weight: normal;
	}

.titleList h2	{	/* 記事タイトル */
	font-size: 1.5em;
	margin-bottom: 0.2em;
	}

#Content .titleList h3	{	/* サブタイトル */
	font-size: 1.3em;
	color: #333333;
	margin-bottom: 0.2em;
	}

/* +++++++++ 見出し（記事記事内見出し１） +++++++++ */
#Content h3
	{
	font-size: 1.4em;
	margin-bottom: 0.2em;
	}

/* +++++++++ 見出し（記事記事内見出し２） +++++++++ */
#Content h4
	{
	font-size: 1.3em;
	margin-bottom: 0.2em;
	}

/* +++++++++ 見出し（日時と開催回数） +++++++++ */
#Content h5
	{
	font-size: 1.3em;
	color: #666666;
	margin-bottom: 0.2em;
	}

/* +++++++++ 本文 +++++++++ */
#Content p
	{
	font-size: 1.3em;
	margin-bottom: 1.5em;
	}

#Content p.sign	{text-align: right;}/* 署名右寄 */

/* +++++++++ 番号無しリスト +++++++++ */
#Content ul	{
	padding-left: 1.5em;
	margin-bottom: 1.5em;
	}

#Content ul li	{
	font-size: 1.3em;
	margin-left: 10px;
	list-style-type: disc;
	}


/* +++++++++ 番号付きリスト +++++++++ */
#Content ol	{
	padding-left: 2.5em;
	margin-bottom: 1.5em;
	}

#Content ol li	{
	font-size: 1.3em;
	list-style-type: decimal;
	}


/* +++++++++ 定義リスト +++++++++ */
#Content dl	{
	overflow: auto;
	display: block;
	clear:both;
	margin:10px 0px 10px 10px;
	padding-bottom: 5px;
	}

#Content dl dt	{
	width: 9em;
	float:left;
	clear: left;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	}

#Content dl dd	{
	margin-left: 9em;
	padding-left: 1em;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	}

#Content dl.two dt {width: 2em;}
#Content dl.two dd {margin-left: 3em;}

#Content dl.three dt {width: 3em;}
#Content dl.three dd {margin-left: 4em;}

#Content dl.four dt {width: 4em;}
#Content dl.four dd {margin-left: 5em;}

#Content dl.five dt {width: 5em;}
#Content dl.five dd {margin-left: 6em;}

#Content dl.six dt {width: 6em;}
#Content dl.six dd {margin-left: 7em;}

#Content dl.seven dt {width: 7em;}
#Content dl.seven dd {margin-left: 8em;}

#Content dl.eight dt {width: 8em;}
#Content dl.eight dd {margin-left: 9em;}

#Content dl.nine dt {width: 9em;}
#Content dl.nine dd {margin-left: 10em;}

#Content dl.ten dt {width: 9em;}
#Content dl.ten dd {margin-left: 10em;}

#Content dl.twelve dt {width: 12em;}
#Content dl.twelve dd {margin-left: 13em;}

#Content dl.migiyose dt {text-align: right;}

/* +++++++++ 引用 +++++++++ */
#Content blockquote	{
	font-size: 0.75em;
	margin: 0.5em 0 1em 0;
	padding: 0.8em 0.8em 0 0.8em;
	border: solid 1px #cccccc;
	background-color: #f6f6f6;
	}


/* +++++++++ テーブル（汎用） +++++++++ */
#Content table,tr,th,td  {
	border-spacing: 0;
	border-collapse: collapse;
	}

th  {
	font-size: 1.2em;
	font-weight: normal;
	padding: 3px;
	text-align: center;
	letter-spacing: 1em;
	color: #000000;
	border: solid 1px #999999;
	background-color: #ccffff;
	}

td  {
	font-size: 1.2em;
	font-weight: normal;
	padding: 3px 3px 3px 6px;
	color: #000000;
	border: solid 1px #999999;
	}

/* +++++++++ テーブル（これまでの歩み） +++++++++ */
#Content td.history-0	{width: 60px;}
#Content td.history-1	{width: 30px; text-align: right; padding-right: 9px;border-left-style: hidden;}
#Content td.history-2	{width: 510px;}

#Content td.history-bn	{border-top-style: hidden;}

/* +++++++++ テーブル（会員一覧用） +++++++++ */
#Content th.member-0	{width: 105px;}
#Content th.member-1	{width: 135px;}
#Content th.member-2	{width: 360px;}

#Content td.header		{color: #e90834;}	/* ■あ～わを赤で表示 */
#Content td.empty		{border-left-style: hidden;}	/* 空のセルの左ボーダーを非表示 */

/* +++++++++ 記事内画像配置 +++++++++ */
.aligncenter { display: block; margin: 0 auto; }


/* +++++++++ 幹事紹介ページ レイアウト +++++++++ */
div.manager	{
	clear: both;
	padding: 10px 10px 10px 15px;
	}

div.manager-tx {float :left; width: 450px;}
div.manager-photo {float :right; padding: 30px 0 0 10px;}

/* ######## 投稿日時、カテゴリー ######## */
#Content p.postinfo	{
	text-align: right;
	color: #444444;
	border-top: solid 1px #cccccc;
	}

/* ######## 前後の記事へのリンク ######## */
#Content p span.prev{float: left;}
#Content p span.next{float: right;}

#Content select
	{
	float: right;
	margin-bottom: 1em;
	}

/*------------------------------------
			Sidebar
------------------------------------*/

#Sidebar
	{
	width: 160px;
	float: left;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}	
	
#Sidebar h3 a
	{
	color: #4b4b4b;
	display: block;
	}



#Sidebar .tlmbtn
	{
	width: 160px;
	border-bottom: 1px solid #CCC;
	}
	
#Sidebar .tlmbtn h3
	{
	margin: 5px 0 5px 4px;
	padding-left: 5px;
	border-left: 3px solid #e90834;
	font-size: 1.4em;
	}
	
#Sidebar .tlmbtn h3 a
	{
	display: block;
	text-decoration: none;
	}

#Sidebar .tlmbtn ul
	{
	border-top: 1px solid #CCC;	
	background: #f6f6f6;	
	}	

#Sidebar .tlmbtn ul li
	{
	list-style: none;
	font-size: 1.2em;
	}

#Sidebar .tlmbtn h3 li, #Content .box h3 li
	{
	list-style: none;
	}

#Sidebar .tlmbtn ul li a
	{
	display: block;
	padding:2px 0 2px 15px;
	color: #333;
	border-bottom: 1px solid #d3d3d3;
	text-decoration: none;
	}

#Sidebar .tlmbtn ul li a:hover
	{
	background: #dd0024;
	color: #FFF;
	}

#Sidebar .fb
	{	margin: 10px 0 5px 10px;}

#Sidebar .fb img
	{	width: 65px;}

#Footer
	{
	width: 830px;
	border-top: 2px solid #cf7070;
	border-bottom: 1px solid #CCC;	
	padding: 10px 0;
	text-align: center;
	}
	
#Footer ul li
	{
	list-style: none;
	display: inline;
	margin-right: 10px;
	font-size: 1.2em;
	}