/* CSS Document */


/*　---------------------★基本設定-----------------------------　*/

body { 
	margin : 0px ; 
	padding : 0px  ; 
	font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ;}


/*　段落　*/

p { margin : 0px }


/*　見出し　*/

h1 { 
	margin : 0px ;
	padding : 0px ; }



h2 {
	margin : 0px ;
	padding : 0px ;}


/*　---------------------★コンテナー大枠---------------------　*/

#container {
	width:800px ;
	margin:0 auto ;
	padding : 0px ;
	border:1px solid #999 ;
	border-width:0 1px }




/*　---------------------★ヘッダー---------------------------　*/

#header {
	width : 800px ;
	height : 140px ; 
	margin : 0px ;
	padding : 0px ;
	border-bottom:2px solid #FFF ;}




/*　タイトル/サブタイトルの位置はここで設定　*/

#header-body {
	padding: 10px 0 0 0px;
	margin: 0 auto ;
	width:760px; }



#header h1 {
	font-size:115% ;
	margin:0px ;
	padding:0px ;
	line-height:2em ;}



#header h2 { 
	margin:0px 0px 10px 0px ;
	font-size:80% ;
	font-weight:normal;
	line-height:1.3em ;}


/*　オリジナルヘッダ画像使用時　テキストを表示しない　*/



#header-body.disp-non h1 span,

#header-body.disp-non h2 span{ display:none; }

#header-body.disp-non a { display:block; height:60px ;}




	

/*　---------------------★フッター------------------------　*/

#footer {
	padding:5px 0 5px 0 ;
	clear:both;
	width:100% ;
	text-align:right;}



#footer p {
	padding:5px 10px 0.2em 10px ;
	font-size:80%;
	}



#footer p.copyright {
	padding:0px 10px ;
	font-size : 80% }




/*　---------------------★このページトップへ--------------------------　*/

.pagetop { 
	margin:20px 0px ;
	padding:0 8px 0 0 ;
	text-align : right ;
	font-size : 80%;
	clear:both ;}


/*　---------------------★ページナビ----------------------------　*/

#page-navi {
	margin:0px ;
	padding:0 0 3px 0 ;
	font-size:80% ;
	text-align:center ;}


/*　---------------------★トップページへ戻る--------------------------　*/

.pageback { 
	margin:2em 0px 15px 10px;
	text-align : left ;
	font-size : 80%;
	clear:both ;}




/*　---------------------★右サイドエリア-------------------------------　*/

#right {
	width : 190px ;
	margin : 0px ;
	float : right ;}

/* 090729 バナー追加 */

#right .banner {
	text-align:center ;
	display:inline;
}
#right .banner p {
	width:170px;
	font-size:80% ;
	display:block;
	margin:15px auto ;
	text-align:left ;
	}

#right .banner p span { display:block ;text-align:center }




/*　---------------------★メニュー-------------------------------------　*/

.sidemenu {
	margin :0 0 20px 0 ;
	font-size:80% ;
	line-height:1.4em ;
	max-height: 316px;
    overflow: auto;
	}

.sidemenu h5 {
	margin:0px ;
	padding:5px ;
	font-size:13px ;
	text-align:center ;}

.sidemenu img {
	border:1px solid #666 ;}

/* 090729 バナー追加 */

.sidemenu .banner {
	text-align:left ;
	margin:15px auto ;
	padding:0 10px ; 
	}

.sidemenu .banner span { display:block ;text-align:center }


/* 090730 QRコード追加 */

.sidemenu .qr {
	text-align:center ;
	margin:15px auto ;
	}
	
	

/*　通常テキスト　リンク形式　*/

.sidemenu p {
	margin : 8px ;}




/*　テキスト　フリー形式　*/

.sidemenu p.txt-c {
	text-align:center ;}



.sidemenu p.txt-r {
	text-align:right ;}



.sidemenu p.txt-l {
	text-align:left ;}



.sidemenu p.txt-l span {
	font-weight:bold ;
	text-align:center ;
	display:block;}




/*　カレンダー　*/

table#calendar {
	width:174px ;
	margin:8px;}
	

table#calendar td {
	padding:2px 0px ;
	text-align:center ;}
	

table#calendar th {
	padding:2px 0px ;
	color:#000 ;
	font-weight:normal ;}




/*　---------------------★コンテンツエリア----------------------------　*/

#contents {
	width:602px;
	margin:0px ;
	padding:0px ;
	float:left;}




/*　---------------------★記事エリア----------------------------------　*/

.abox {
	margin : 0px 0px 20px 0px ;
	font-size : 80% ;
	line-height : 1.6em ; }



.abox img { margin:0px }



.abox .a-title .title {
	margin : 0 0 8px 0;
	width:100% ;
	}

.abox .a-title .title:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;}



.abox .a-title .title h3 { 
	margin : 0px ;
	padding : 6px 8px ;
	font-size:15px ;
	float:left ;}



.abox .a-title .title p { 
	margin : 0px ;
	padding : 6px 8px ;
	display:block ;
	text-align:right ;
	white-space:nowrap;
	float:right ;}



.abox .a-title p span {
	margin:0 1em 0 8px ;
	font-weight:bold ;
	color:#333 ;}



.abox .a-body {
	margin:20px 8px 0 8px ;}


/*　画像のボーダー消す　*/

.abox .a-body img { border:0px }
	

/*　記事の文字サイズここで設定　*/

.abox .a-body {
	font-size: 110%;
	line-height:160% ;
/*	word-break:break-all; *//* 英長文レイアウト崩れ防止（IEのみ） */
	}
	

.abox .a-body p {
	margin-bottom:0.7em ;
	color:#333 ;}  



.abox .a-foot {
	margin:20px 8px 0 8px ;
	text-align:right ;
	color:#666 ;}



.abox .a-foot a { color : #666 ; text-decoration : none ;}

.abox .a-foot a:hover { color : #000 ; text-decoration:underline;}




/*　---------------------★コメントフォーム-----------------------------　*/

#comment-form {	
	font-size:80% ;
	margin:30px 0px 0px 10px; /**/
	padding:20px 0px 0px 0px;
	color:#333 ;
	border-top:2px dotted #999 ;}

#comment-form h4 {
	margin:0px ;
	padding:0px ;
	font-size:12px ;
	font-weight:bold;}

#comment-form span.memo {	font-size:85% ;	color:#666 ;	}	
#comment-form p {	margin:10px 0px 0px 0px;	line-height:1.6em ;}

#comment-form p span { color : #f00 }

#comment-form .size-200 {	width:200px ;}

#comment-form .size-360 {	width:360px ;}

#comment-form .w90p {	width:90% ;}

#comment-form #button {	margin:16px 0px ;}




/*　---------------------★トラックバック-----------------------------　*/

#trackback {
	font-size:80% ;
	padding:20px 0px 0px 10px;
	color:#333 ;}



#trackback h4 {
	margin:0px ;
	padding:0px ;
	font-size:12px ;
	font-weight:bold;}



#trackback p {
	margin:8px 0px 0px 0px;}




/*　---------------------★コメント数-------------------------------　*/

#com-count {
	font-size:80% ;
	padding:20px 0px 0px 10px;
	color:#333 ;}



#com-count p {
	padding:8px;
	font-weight:bold ;
	text-align:center ;
	border:1px solid #343434 ;}




/*　---------------------★コメント-------------------------------　*/

#comment {
	font-size:80% ;
	margin-top:30px ;
	padding:0px 0px 0px;
	color:#333 ;}



#comment .c-title .title { 
	margin : 0 0 8px 0;
	height:25px ;
	border-top:3px double #bbb ;
	border-bottom:1px dashed #aaa ;
	}



#comment .c-title .title h3 { 
	margin : 0px ;
	padding : 6px 0px ;
	font-size:12px ;
	float:left ;}



#comment .c-title .title p { /* 名前・日付 */
	margin : 0px ;
	padding : 6px 8px ;
	float:right ;
	font-size:90% ;
	}


#comment .c-title p span {
	margin:0 1em 0 8px ;
	font-weight:bold ;}



#comment .c-body {
	margin:10px 0 0 0px ;}



#comment .c-body p {
	line-height:1.6em ;}




/*　---------------------★返信コメント-------------------------------　*/

#answer {
	font-size:80% ;
	margin : 20px 0px 20px 50px;
	padding:8px;
	color:#333 ;
	background-color:#E1F4EB ;}



#answer .c-title .title { 
	margin : 0 0 8px 0;
	height:1.5em ;
	color:#336666 ;
	border-bottom:1px solid #5F8A87 ;}



#answer .c-title .title h3 { 
	margin : 0px ;
	padding : 0px ;
	font-size:12px ;
	float:left ;}



#answer .c-title .title p { 
	margin : 0px ;
	padding : 0px ;
	float:right ;}



#answer .c-title p span {
	margin:0px ;
	font-weight:bold ;}



#answer .c-body {
	margin:20px 0 0 8px ;}



#answer .c-body p {
	line-height:1.6em ;}




/*　---------------------★errとinfo--------------------------　*/

#err {
	margin:10px 0px 0px 10px ;
	padding :5px 10px;
	color:#F00;
	background:#fff;
	font-size:110% ;
	line-height:140% ;
	border:2px solid #f66 ;}
	

#info {
	margin:10px 0px 0px 10px ;
	padding :5px 10px ;
	color: #666;
	background:#fff7e5;
	font-size:110% ;
	line-height:140% ;
	border:2px solid #5c9 ;}