@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #666;
	background: #CCC url(http://202cafe.com/img/line2.gif) repeat left top;
}
#container {
	background: #FFF;
	margin: 0px auto;
	width: 1024px;
}
#header {
	background: url(http://202cafe.com/img/bg-header3.jpg) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}
body#home #header {
	background: url(http://202cafe.com/img/bg_birth.jpg) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}


body#about #header {
	background: url(http://202cafe.com/img/bg_about.jpg) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}


body#access #header {
	background: url(http://202cafe.com/img/bg_access.jpg) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}


body#member #header {
	background: url(http://202cafe.com/img/bg_member.jpg) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}

body#blog #header {
	background: url(http://file.202.kyotolog.net/bg_blog.gif) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}
body#links #header {
	background: url(http://202cafe.com/img/bg_links.jpg) no-repeat 0px 0px;
	top: 0px;
	position: relative;
	margin: 0px;
}




#header #headerbg {
	background: #00004A no-repeat 0px 0px;
	float: left;
	height: 70px;
	width: 1024px;
}
#header
ul#headermenu {
	position: absolute;
	top: 0px;
	float: none;
	left: 484px;
}
#header ul#headermenu li {
	margin: 0px;
	float: left;
}
#header h1#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}





#contents #subarea {
	height: 30px;
	width: 984px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 20px;
}
#contents #subarea2 {
	height: 30px;
	width: 984px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
}
#contents #concept {
	float: left;
	width: 680px;
	margin-right: 40px;
	margin-bottom: 20px;
}
#container #links {
	height: 100px;
	width: 984px;
	float: none;
	clear: both;
}
#contents #map {
	float: left;
	width: 460px;
	margin-right: 40px;
	margin-top: 20px;
}
#contents #member {
	width: 700px;
	margin-bottom: 40px;
	margin-top: 20px;
	font-size: 14px;
}
#contents #member5 {
	width: 700px;
	margin-bottom: 40px;
	margin-top: 20px;
	font-size: 14px;
}
#contents #member2  h3{
	font-size: 16px;
	float: left;
}
#contents #member3 h3 {
	font-size: 16px;
	float: left;
}
#contents #member4 h3 {
	font-size: 16px;
	float: left;
}
#contents #member5 h3 {
	font-size: 16px;
	float: left;
}
#contents #member2 a #koro0902 {
	float: none;
	margin-left: 10px;
}
#contents #member h3 {
	font-size: 16px;
	float: left;
}
#contents #recruit {
	float: none;
	height: 30px;
	width: 984px;
	margin-top: 40px;
	padding-top: 20px;
}
#contents #member img {
	float: left;
	margin-right: 20px;
}
#contents #member2 {
	width: 700px;
	margin-bottom: 40px;
	font-size: 14px;
}
#contents #member0 {
	width: 700px;
	margin-bottom: 40px;
	font-size: 14px;
	background: url(../img/dot_border.png) no-repeat;
	height: 3px;
}
#contents #member3 {
	width: 700px;
	margin-bottom: 40px;
	font-size: 14px;
}
#contents #member4 {
	width: 700px;
	margin-bottom: 40px;
	font-size: 14px;
}
#contents #member3 p {
	clear: none;
}
#contents #map_info h3 {
	font-size: 14px;
	color: #0CC;
	margin-top: 10px;
}
#contents #map_info {
	margin-top: 30px;
	margin-bottom: 40px;
}
#contents #map_address {
	clear: none;
	margin-top: 40px;
	height: 30px;
	width: 984px;
	padding-top: 20px;
}
#contents #news {
	float: left;
	height: 260px;
	width: 400px;
	background: #F2F2F2;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: ０;
}
#contents #news dl {
	clear: both;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 27px;
}
#contents #news dl dt {
	clear: both;
	float: left;
	width: ５;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0CC;
}
#contents #news dl dd {
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-left: 7em;
	line-height: 1em;
}
#container #contents {
}
#contents #calender {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 40px;
}
#contents #stream {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	text-align: right;
}
.footer {
	background: #00004A;
	height: 10px;
	width: 984px;
        position:absolute;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	padding-top: 15px;
	padding-left: 40px;
	padding-bottom: 15px;
}
#contents #information  {
	margin-right: 700px;
	font-size: 16px;
	color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
#contents ul#social li {
}
#container #contents {
	padding-right: 40px;
	padding-left: 40px;
	margin-bottom: 40px;
}
p {
	line-height: 1.6;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#contents #twitter {
	float: left;
	padding: 20px 0px 0px 10px;
	width: 400px;
}
.rollover {
}
#contents #concept h3 {
	font-size: 18px;
	color: #0CC;
	margin-top: 20px;
}
#contents #concept_img {
	margin-top: 20px;
	padding-top: 20px;
	margin-bottom: 40px;
}
#contents
#member2 img  {
	float: left;
	margin-right: 20px;
}
#contents #member3 img {
	float: left;
	margin-right: 20px;
}
#contents #member4 img {
	float: left;
	margin-right: 20px;
}
#contents #member5 img {
	float: left;
	margin-right: 20px;
}
#contents #member a #y_shigeno {
	float: none;
	margin-left: 10px;
}
#contents #member3 a #dari625 {
	float: none;
	margin-left: 10px;
}
#contents #member4 a #s_masamichi {
	float: none;
	margin-left: 10px;
}
#contents #member5 a #skya2sh {
	float: none;
	margin-left: 10px;
}

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
}
/*アクティブ状態のリンクの設定*/
a:active {
}

/*全体の設定*/
#mainBlock {
width:1024px;
text-align: center;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:770px;
height: 200px;
text-align: left;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 10px 0px 0px 20px;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 10px 0px 0px 20px;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
height: 200px;
text-align: center;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 220px;
text-align: left;
float: left;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 10px;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 10px;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 600px;
float: left;
text-align: left;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 0px;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding: 0px;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 20px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
}
/*コメント部分*/
.CommentText{
padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	border:solid 1px #995555;
	padding:10px;
}

.CommentResTitle {
	font-size:14px;
	font-weight:700;
}

.CommentResText {
	padding:10px 0px 0px 10px;
}

.CommentResFooter {
	text-align:right;
	margin:15px 0;
	border-top:1px dotted #995555;
}