/* --------------------------------------------------
 * Theme Name: 大阪府理学療法士会
 * Theme URI: http://www.physiotherapist-osk.or.jp/
 * Version: 1.0
 * Author: 株式会社ITC
 * Last Update:2010/3/25
-------------------------------------------------- */


/* --------------------------------------------------

   00.クラス

-------------------------------------------------- */
/* フォントの指定 */
.fs{
	font-size: 10px; 
}

.scr{
	overflow-y: auto;
	height:507px;
	width:190px;
}
.scr2{
	overflow-y: auto;
	height:328px;
}
.font_mincho{
	font-family: "HG明朝E";
	}
.font_title{
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

/* 通常のテキストリンク */
a:link{
	color: #1111cc;
	}
a:visited{
	color: #663399;
	}

/* マウスオーバーでアンダーラインを表示 */
.std_link:link,.std_link:visited,.std_link:active{
	text-decoration: none;
	}
.std_link:hover{
	text-decoration: underline;
	}

/* リスト表示をなしにして横並びにしたい場合 */
ul.list_none{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
li.list_none {
	float:left;
	}

/* 投稿画像の基本スタイル */
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/* 左回りこみ */
.alignleft{
	float: left;
	}
/* 右回りこみ */
.alignright{
	float: right;
	}
/* 投稿画像枠線 */
.wp-caption{
	border:solid 1px silver;
	}

/* 回り込み解除 */
.clearfix{
	clear:both;
	}

/* 画像の枠線なし */
img{
	border:none;
	}
body{
	margin: 0;
	padding: 0;
	}

/* サイト全体の幅指定とセンタリング */
div#container{
	width:880px;
	margin:auto;
	}


/* --------------------------------------------------

   01.ヘッダー

-------------------------------------------------- */
div#header {
	width:880px;
	height:90px;
	padding:0px;
	}
	div#header_left {
		width: 520px;
		float: left;
		padding: 0px;
		}
		div#header_left h1 {
			margin: 0px 0px 0px 0px;
			font-size: 2.13em;
			}
			div#header_left h1 a {
				text-decoration: none;
				color: #333333;
				}
	div#header_right {
		width: 360px;
		float: right;
		}

/* ログインフォーム */
div#header_member {
	text-align:right;
	padding-top:40px;
	font-size:0.85em;
	}              

/* アクセスカウンタ */
#counter {
	/*margin-top: 70px; 第２フェーズ*/
	margin-top: 10px;
	text-align: right;
	font-size: 0.85em;
	}

/* トップページ以外のヘッダー右側のリンク */
div#headerlink{
	width: 100%;
	text-align: right;
	font-size: 0.83em;
	margin-top: 10px;
	}
	div#headerlink li{
		padding-left: 13px;
		display: inline;
		background-image: url(./img/arrow/arrow_orange.gif);
		background-repeat: no-repeat;
		background-position: left center;
		}


/* --------------------------------------------------

   02.メインメニュー

-------------------------------------------------- */
div#menu {
	margin: 0px;
	width: 880px;
	height: 34px;
	clear: both;
	}
	div#menu a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 34px;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		font-size: 1.0em;
		font-weight: bold;
		background-image:url(./img/menu_bg.jpg);
		background-repeat: no-repeat;
		}

	/* メニューボタン両端 */
	li#menusub1,li#menusub3{
		width: 293px;/*176⇒293*/
		height: 34px; 
		}
	/* メニューボタン真ん中 */
	li#menusub2{ 
		width: 294px;/*176⇒294*/
		height: 34px;
		}
		/* メインメニューのマウスオーバー */
		li#menusub1 a {
			background-position:0 0;
			}
		li#menusub2 a {
			background-position:-293px 0;/*176⇒293*/
			}
		li#menusub3 a {
			background-position:-587px 0;/*352⇒587*/
			}
			div#menu a:hover {
				text-decoration: none;
				background-image: url(./img/menu_bg.jpg);
				background-repeat: no-repeat;
				}
			li#menusub1 a:hover {
				background-position:0 -34px;
				}
			li#menusub2 a:hover {
				background-position:-148px -34px;/*176⇒148*/
				}
			li#menusub3 a:hover {
				background-position:-587px -34px;/*352⇒587*/
				}


/* --------------------------------------------------

   03-1.コンテンツ部

-------------------------------------------------- */
/* メインコンテンツ部 */
#content {
	float:right;
	width:650px;
	margin-bottom:10px;
	text-align:left;
	}

/* メインメニュー下部の画像バナー */
div#middle_box {
	margin: 10px 0px;
	}

/* パンくずリスト */
.kuzu{
	font-size:0.75em;
	margin-bottom:5px;
	}

/* 記事全体 */
div.post{
	margin: 0px;
	padding: 10px 20px 20px;
	}
	/* 記事のタイトル */
	div.post h2 {
		width: 100%;
		height: 27px;
		padding: 5px 0px 0px 10px;
		margin: 0px;
		background-image: url(./img/post_h2_bg.gif);
		background-repeat: no-repeat;
		font-size: 1.11em;
		}
	/* 記事内で見出し3を設定 */
	div.entry h3{
		padding: 0 0 0 20px;
		margin: 25px 0;
		background-image:url(./img/arrow/arrow_h3.gif);
		background-repeat:no-repeat;
		background-position: left center;
		}

	/* 記事内で見出し4を設定　*/
	div.entry h4{
		padding: 0 0px 6px 20px;
		margin: 25px 0px;
		background-image:url(./img/midashi/head_1_b.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		font-size:18px;
		}

	/* 記事内で見出し5を設定 */
	div.entry h5{
		padding: 0 0 0 20px; 
		margin: 10px 0px;
		background-image:url(./img/aicon/aicon_h5.gif);
		background-repeat:no-repeat;
		background-position:left center;
		font-size:16px
		}
		
	/* 会員専用ログインページの見出し */
	div.member_only h4{
		padding: 0 0px 6px 30px;
		margin: 25px 0px;
		background-image:url(./img/midashi/head_key.png);
		background-repeat:no-repeat;
		background-position:bottom left;
		font-size:17px;
		}
	
	/*20140326 会員専用ログインの見出し5　追加設定*/
	div.member_only h5{
		padding: 0 0px 6px 30px;
		margin: 25px 0px;
		background-image:url(./img/midashi/head_notkey.png);
		background-repeat:no-repeat;
		background-position:bottom left;
		font-size:17px;
		}

/* 記事のエントリー部分
div.entry p{
	padding:0 20px;
	}
*/

/* 会員マークの縦位置調整 */
div.post img#member_ico{
	vertical-align: -3px;
	}

/* 記事内での水平線のスタイル */
div.post hr {
	border: 1px dotted #c0c0c0;
	}

/* 記事タイトルのマウスオーバー */
div.post h2 a:link,div.post h2 a:visited{
	color: black;
	text-decoration: none;
	}
div.post h2 a:hover{
	color: #1111cc;
	}

/* 一般向けと会員向けトップの画像インデックス */
div.imageindexback{
	display:table;
	margin:0 auto;
	text-align:center;
	}
.imageindex {
	width: 174px;
	border:solid 1px #c0c0c0;
	text-align: center;
	padding:5px;
	margin:5px;
	font-size: 0.88em;
	}
	div.imageindex div{
		margin:0;
		padding:0;
		font-size:1em;
		height:2em;
		line-height:2em;
		vertical-align:middle;
		}
		
		/* 画像のロールオーバー（薄く透ける） */
		a.image_link {
			display: block;
			text-decoration: none;
			}
		a.image_link:hover img{
			opacity:0.75;
			filter:alpha(opacity=75);
			-ms-filter: "alpha( opacity=75 )";
			}

/* 次のページ、前のページのリンク */
span.pageprev{
	float: left;
	}
span.pagenext{
	float: right;
	}

/* 管理者ログイン中だけ出る編集ボタン */
div#edit{
	font-size: 0.75em;
	text-align: right;
	margin-right:30px;
	}


/* --------------------------------------------------

   03-2.コンテンツ部－トップページ

-------------------------------------------------- */
/* 重要なお知らせ */
div#important_box {
	width: 100%;
	border:1px solid #ff0000;
	margin-bottom: 10px;
	}
	h2#important_title {
		height: 31px;
		margin: 0px;
		padding: 5px 0px 0px 15px;
		background-image: url(./img/important_title.gif);
		background-repeat: no-repeat;
		color: #ffffff;
		font-size: 1.13em;
		}
	div#important_box ul {
		margin: 5px 10px 10px;
		}
		div#important_box ul li {
			margin-bottom:5px;
			padding: 0px 0px 2px 17px;
			background-image: url(./img/arrow/arrow_1.gif);
			background-repeat: no-repeat;
			background-position:left 2px;
			border-bottom:1px dotted #c0c0c0;
			font-size: 1.0em;
			}

/* 臨時記事掲載 */
div#special_box {
	margin:10px 10px 20px;
	padding:20px;
	border:2px solid #003399;
	}
	div#special_box p#header_left { /* 左寄せ */
	margin:0px;
	padding:0px;
	text-align: left;
	}
	div#special_box p#header_right { /* 右寄せ */
	margin:0px;
	padding:0px;
	text-align: right;
	}
	div#special_box p#title { /* タイトル部。センター＆太文字 */
	text-align:center;
	font-weight:bold;
	}
	div#special_box p#main { /* 通常の本文。先頭一文字字下げ */
	text-indent: 1em;
	}
	div#special_box p#comment { /* 2行目以降1文字字下げ */
	padding-left: 1em;
	text-indent: -1em;
	}
	div#special_box dd{ /* 定義説明の下に空白を設定 */
	margin-bottom:14px;
	}
	/*2014/12/09 緊急時のお知らせ欄の追加*/
	div#important2_box {
	width: 860px;
	border:3px solid #E50012;
	margin-bottom: 10px;
	padding-right:10px;
	padding-left:10px;
	 line-height:30px;
	}
	div#important2_text{
	padding: 0px 0px 2px 17px;
	}
    /*20150227選挙お知らせ用の枠*/
	div#important3_box {
	border:3px solid #E50012;
	margin-bottom: 10px;
    padding: 20px 20px 20px 20px;
    	}
	div#important2_text{
	padding: 0px 0px 2px 17px;
	}

/* ようこそ画像 20200406解除*/
img#catchphrase{
	margin-bottom: 10px;
	}

/* トップページセンターの画像 */
div#center_box {
	width: 100%;
	margin-bottom: 10px; 
	}
	
/* トップページ右側のリンク */
div#right_link {
	width: 180px;
	margin: 0px;
	padding: 0px;
	}
	ul#right_menu {
		margin: 0px;
		}
		ul#right_menu li {
			margin-bottom: 8px;
			padding: 0px 0px 2px 17px;
			background-image: url(./img/arrow/arrow_1.gif);
			background-repeat: no-repeat;
			background-position: left 1px;
			border-bottom: 1px dotted #000000;
			font-size: 0.88em;
			}

/* 更新履歴 */
div#past {
	background-image: url(./img/newbar_3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 250px;
	}
	div#past ul {
		margin: 5px;
		padding: 35px 0px 0px 5px;
		list-style-type: none;
		}
		div#past ul li {
			/*padding: 2px 0px 2px 17px;*/
			/*background-image: url(./img/arrow/arrow_1.gif);*/
			padding: 2px 0px 2px 0px;
			background-repeat: no-repeat;
			background-position:left 2px;
			border-bottom:1px dotted #c0c0c0;
			font-size: 1.0em;
			margin-left:8.5em;
			text-indent:-8.5em;
			width: 300px;
			}


/* --------------------------------------------------

   03-3.コンテンツ部－その他のページ

-------------------------------------------------- */
/* 特派員報告 */
div.tokuha_page{
	margin: 0px 20px 0px; 
	padding: 0px 0px 0px;
	}
	div.tokuha_page li{
		list-style:none;
		}

		/* 特派員報告トップのカテゴリー一覧 */
		div#tokuha_cat_title{
			padding:0px 0px 0px 20px;
			margin-left:20px;
			text-decoration:none;
			background-image:url(./img/aicon/aicon_4.png);
			background-repeat:no-repeat;
			background-position: left center;
			font-size:24px;
			}
		/* 特派員報告トップの個別ページタイトル（番外編とプロフィール部分） */
		div#tokuha_page_title{
			padding:0px 0px 0px 20px;
			margin-left:20px;
			text-decoration:none;
			background-image:url(./img/aicon/aicon_4.png);
			background-repeat:no-repeat;
			background-position: left center;
			font-size:18px;
			}

		/* タイトル下部の日付表示 */
		div#cat_term{
			margin:2px 0px 0px 50px;
			}

/* 特派員報告各カテゴリーの記事一覧ページ、タイトル表示部 */
div#category_title {
	text-align:center;
	margin:0px 0px 40px;
	padding:5px 0px ;
	/*background:#CCCCCC;*/
	background-image:url(img/tokuha_cat_title.jpg);
	background-repeat:no-repeat;
	}
	div#category_maintitle {
		text-align:center;
		font-size:3.0em;
		font-style: italic;
		text-shadow: 3px 3px 5px #FFFFFF;
		text-decoration:underline;
		color:
		}

/* お知らせ一覧表示 */
div#info_list{
	margin-bottom: 25px;
	}
	div#info_list li {
		margin:0;
		padding: 10px 0;
		border-bottom: 1px dotted #c0c0c0;
		}


/* --------------------------------------------------

   04.サイドバー

-------------------------------------------------- */
/* サイドバー外枠 */
div#sidebar {
	width: 205px;
	margin: 0px;
	float: left;
	background-image:url(./img/menu_bg.gif);
	}
	/* サイドバー内枠 */
	div#sidemenu {
		width: 195px;
		margin-top: 10px;
		margin-left: 5px;
		padding-bottom: 5px;
		background-color: #fff5ff;
		border:1px solid #c0c0c0;
		}
		/* サイドバーのタイトル　タイトルが1行の時 */
		div#sidemenu h2{	
		width: 155px;
		height: 29px;
		margin: 2px 1px 0px ;
		padding: 14px 5px 1px 30px;
		text-align:left;
		font-size:1.0em;
		color:#ffffff;
		background-image:url(./img/menubar_1.jpg);
		background-repeat:no-repeat;
		}
		/* サイドバーのタイトル　タイトルが2行の時 */
		div#line_2 h2{
			width: 155px;
			height: 38px;
			margin: 2px 1px 0px ;
			padding: 5px 5px 1px 30px;
			text-align:left;
			font-size:1.0em;
			color:#ffffff;
			background-image:url(./img/menubar_2.jpg);
			background-repeat:no-repeat;
			}

		/* サイドバーの内容　リスト表示 */
		div#sidemenu ul {
			width: 160px;/*185*/
			margin: 10px 0px 0px 5px;
			}
			div#sidemenu ul li {
				margin-bottom: 8px;
				padding: 0px 0px 2px 17px;
				background-image: url(./img/arrow/arrow_1.gif);
				background-repeat: no-repeat;
				background-position:left 1px;
				border-bottom:1px dotted #c0c0c0;
				font-size: 0.88em;
				background-color:;
				}
/*2013/12/01　アコーディオン追加*/
		    div#sidemenu li.accordion{
        		margin-bottom: 8px;
				padding: 0px 0px 2px 17px;
				background-image: url(./img/aicon_allow_4.gif);
				background-repeat: no-repeat;
				background-position:left 1px;
				border-bottom:1px dotted #c0c0c0;
				font-size: 0.88em;
				background-color:;
				}
/*2014/02/10　アコーディオンありのリストアイコン　shotr版*/
		div#sidemenu li.accordionshort{
        		margin-bottom: 8px;
				padding: 0px 0px 2px 17px;
				background-image: url(./img/aicon_allow_4.gif);
				background-repeat: no-repeat;
				background-position:left 1px;
				border-bottom:1px dotted #c0c0c0;
				font-size: 0.88em;
				background-color:;
				}


/*2014/01/20　右メニューのアコーディオン有りのリストアイコンshotr版*/
		div#sidemenuright li.accordionshort{
        		margin-bottom: 8px;
				padding: 0px 0px 2px 17px;
				background-image: url(./img/aicon_allow_4.gif);
				background-repeat: no-repeat;
				background-position:left 1px;
				border-bottom:1px dotted #c0c0c0;
				font-size: 0.88em;
				background-color:;
				}

			/* 会員アイコンの位置指定 */
			div#sidemenu ul img{ 
				vertical-align: -3px;
				}

/* --------------------------------------------------

   20130904会員右メニュー追加

-------------------------------------------------- */
			
			/*会員向け右サイドメニュー*/
			div#sidebarright {
	            width: 205px;
	            margin: 0px;
	            float: right;
	            background-image:url(./img/menu_bg.gif);
	                        }
            /* サイドバー内枠 */
	        div#sidemenuright {
		    width: 195px;
		    margin-top: 10px;
		    margin-left: 5px;
		    padding-bottom: 5px;
		    background-color: #fff5ff;
		    border:1px solid #c0c0c0;
		    }
		    /* サイドバーのタイトル　タイトルが1行の時 */
		    div#sidemenuright h2{	
		    width: 155px;
		    height: 29px;
		    margin: 2px 1px 0px ;
		    padding: 14px 5px 1px 30px;
		    text-align:left;
		    font-size:1.0em;
		    color:#ffffff;
		    background-image:url(./img/menubar_1.jpg);
		    background-repeat:no-repeat;
		}
		/* サイドバーのタイトル　タイトルが2行の時 */
		div#line_2 h2{
			width: 155px;
			height: 38px;
			margin: 2px 1px 0px ;
			padding: 5px 5px 1px 30px;
			text-align:left;
			font-size:1.0em;
			color:#ffffff;
			background-image:url(./img/menubar_2.jpg);
			background-repeat:no-repeat;
			}

		/* サイドバーの内容　リスト表示 */
		div#sidemenuright ul {
			width: 185px;
			margin: 10px 0px 0px 5px;
			}
			div#sidemenuright ul li {
				margin-bottom: 8px;
				padding: 0px 0px 2px 17px;
				background-image: url(./img/arrow/arrow_1.gif);
				background-repeat: no-repeat;
				background-position:left 1px;
				border-bottom:1px dotted #c0c0c0;
				font-size: 0.88em;
				background-color:;
				}
		
		div#sidemenuright li.accordion{
        		margin-bottom: 8px;
				padding: 0px 0px 2px 17px;
				background-image: url(./img/aicon_allow_4.gif);
				background-repeat: no-repeat;
				background-position:left 1px;
				border-bottom:1px dotted #c0c0c0;
				font-size: 0.88em;
				background-color:;
				}
		
		    #contentright {
	            float:right;
	            width:450px;
	            margin-bottom:10px;
	            text-align:left;
	            }
	            
	       
	       /* 会員向けトップの画像インデックス */
            div.imageindexbackright{
	            display:table;
	            margin:0 auto;
	            text-align:center;
	            }
            .imageindexright {
	            width: 125px;
	            border:solid 1px #c0c0c0;
	            text-align: center;
	            padding:5px;
	            margin:5px;
	            font-size: 0.88em;
	            }
			.h300{
				height:300px;
			}
			.h200{
				height:260px;
			}
	        div.imageindexright div{
		        margin:0;
		        padding:0;
		        font-size:1em;
		        height:2em;
		        line-height:2em;
		        vertical-align:middle;
		        }
		
		/* 画像のロールオーバー（薄く透ける） */
		        a.image_link {
			    display: block;
			    text-decoration: none;
			    }
		        a.image_link:hover img{
			        opacity:0.75;
			        filter:alpha(opacity=75);
			        -ms-filter: "alpha( opacity=75 )";
			    }
			    
/*アコーディオンメニュー*/
#accordion .item {
    /*width: 400px;*/
    height: 30px; /* height = total height of A child element */
    overflow: hidden;
 
    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;
 
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 
    margin-bottom: 2px;
}
#accordion a {
    display: inline;
    height: 20px;
    /*line-height: 20px;
    background: #6CF;
    padding: 5px;
    color: #1e1e1e;
    text-decoration: none;*/
}
#accordion p {
    height: 150px;
    padding: 5px;
    text-align: left;
 
}
#accordion div:hover {
    height: 300px; /* height = total height of A and P child elements *180/
}
#accordion div:hover a {
    /*border-bottom: 1px solid #ccc;
    font-weight: bold;*/
}

/*縦が長い
メニュー*/
#accordionlong .item {
    /*width: 400px;*/
    height: 40px; /* height = total height of A child element */
    overflow: hidden;
 
    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;
 
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 
    margin-bottom: 2px;
}
#accordionlong a {
    display: inline;
    height: 20px;
    /*line-height: 20px;
    background: #6CF;
    padding: 5px;
    color: #1e1e1e;
    text-decoration: none;*/
}
#accordionlong p {
    height: 150px;
    padding: 5px;
    text-align: left;
}
#accordionlong div:hover {
    height: 300px; /* height = total height of A and P child elements *200/
}
#accordionlong div:hover a {
    /*border-bottom: 1px solid #ccc;
    font-weight: bold;*/
}

/*縦が短いアコーディオン*/
#accordionshort .item {
    /*width: 400px;*/
    height: 40px; /* height = total height of A child element */
    overflow: hidden;
 
    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;
 
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 
    margin-bottom: 2px;
}
#accordionshort a {
    display: inline;
    height: 40px;
    /*line-height: 20px;
    background: #6CF;
    padding: 5px;
    color: #1e1e1e;
    text-decoration: none;*/
}
#accordionshort p {
    height: 80px;
    padding: 5px;
    text-align: left;
 
}
#accordionshort div:hover {
    height: 90px; /* height = total height of A and P child elements */
}
#accordionshort div:hover a {
    /*border-bottom: 1px solid #ccc;
    font-weight: bold;*/
}
/* お知らせ一覧のリンク */
div#info_all {
	text-align: right;
	font-size: 0.88em;
	}

/* メニュー下部バナー表示 */
ul.banner{
	margin:20px 5px;
	text-align:center;
	}
	ul.banner li{
		margin-top: 20px;
		}
		/* 画像の下に出る微妙なスペースの削除 */
		ul.banner li img {
			vertical-align: bottom;
			}

/* ドロップダウンメニュー　各部紹介、病院紹介ページ */
div#hidden  {
	padding-left:10px;
	}
	div#hidden ul{
		width:170px;
		}


/* --------------------------------------------------

   05.フッター

-------------------------------------------------- */
div#footer {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	padding: 30px 0px 10px 0px;
	background-image: url("./img/line.gif");
	background-repeat:no-repeat;
	background-position:left 20px;
	}
	div#footer_title{
		float:left;
		width:692px;
		padding-left: 12px;
		/*background-image:url(./img/aicon_down.gif);*/
		background-repeat:no-repeat;
		background-position:left center;
		font-size:0.88em;
		}
	div #footer_admin_link{
		float:right;
		width:176px;
		text-align:right;
		font-size:0.88em;
		}


/* --------------------------------------------------

   06.404 not foundページ

-------------------------------------------------- */
div#notfound {
	width: 500px;
	height: 300px;
	margin: 0px auto;
	background-color: #C0C0C0;
	border: 1px solid #999999;
	text-align: center;
	}

/* ------------------------------------------------

   08.本会ページの会員数テーブル
   ☆20130110追加
   
--------------------------------------------------*/

.topr
{
   border-bottom: 1px solid white;
   border-right: 1px solid black;
   height:30px;
}

.topl
{
   border-bottom: 1px solid white;
   border-left: 1px solid white;
   height:30px;
}

.right
{
	border-right: 1px solid black;
	height:30px;
}

.left
{
	border-left: 1px solid white;
	height:30px;
}

.kaiin
{
margin-left: 30px;
}

/* --------------------------------------------------

   07.コメントー未実装

-------------------------------------------------- */
/* コメント
#comments {
    clear:both;
}
div#com {
    border: solid 2px #2b76cc;
    padding:0 18px;
    margin-top: 45px;
}

textarea {
    width: 840px;
}

div#com h3 {
    font-size:0.875em;
    border-bottom:solid 2px #2b76cc;
    padding-bottom:3px;
    margin-top:20px;
    border:1px solid #000000;
}

div#com p {
    font-size:0.75em;
}

div.compost {
    text-align:left;
    border-bottom:dotted 2px #2b76cc;
}

p.cominfo {
    text-align:right;
}

div#com a {
    color:#2b76cc;
}

p#comfeed img {
    vertical-align:middle;
}

p#comfeed a {
    color:black;
    text-decoration:none;
}

p#comfeed {
    background-color:#a8d1ff;
    padding:8px;
    margin-top:30px;
}

p#trurl {
    background-color:#a8d1ff;
    padding:8px;
    margin-bottom:30px
}
 */
 
.urltable{
 word-break: break-all;
 word-wrap: break-word;
 }



.box12-a{
	text-decoration: none;
}

.box12 p {
    margin: 0; 
    padding: 0;
}

.box12{
    background-color: #D13731;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #D13731;
    color: #ffffff;
    margin: 1em 0;
    padding: 2em;
}


.att{ 
  padding-left: 2em; 
  text-indent: -2em; 
} 

.imp_info{
	border:2px solid #ff0000;
	margin-bottom: 10px;
	text-align:center;
	padding:20px;
	color:white;
	font-size:30px;
	background-color:#ff0000;
	
}

.imp_info a{/*リンクされた文字*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:underline;
}
.imp_info a:link {/*未訪問のリンク*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:underline;
}
.imp_info a:visited {/*訪問後のリンク*/
    color:#FFFFFF;
    text-decoration:underline;
}

.imp_info2{
	border:2px solid #ff0000;
	margin-bottom: 10px;
	text-align:center;
	padding:20px;
	color:white;
	font-size:30px;
	color:black;
}

.imp_info2 a{/*リンクされた文字*/
    font-style:normal;
    text-decoration:underline;
}
.imp_info2 a:link {/*未訪問のリンク*/
    font-style:normal;
    text-decoration:underline;
}
.imp_info2 a:visited {/*訪問後のリンク*/
    text-decoration:underline;
}

.fs-info3{
	font-size:11px;
}

.fs-info{
	font-size:11.5px;
}

.fs-info2{
	font-size:12.5px;
}

.cen{
     text-align:center;
}

.block_info{
	border:2px solid red;
	margin-bottom: 10px;
	padding:20px;
	font-size:15px;
	
}

/*add0521*/
.btn-flat-dashed-filled {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: dashed 1px #67c5ff;
  background: #f2fcff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-dashed-filled:hover {
  background: #cbedff;
  color: #FFF;
}

.w100btn{
	width:100%;
	text-align:center;
}

.kakubu_p{
	margin-bottom:4px;
	margin-top:4px;
}

.kakubu_pl{
	padding-left:1em;
	margin-top:2px;
	margin-bottom:2px;
}

.kakubu_div{
	line-height:25px;
}

.kakubu_pl2{
	padding-left:2em;
	margin-top:2px;
	margin-bottom:2px;
}

.kakubu_p30{
	padding-left:30px;
}

.otoiawase_m{
  border: dashed 1px #67c5ff;
  background: #f2fcff;
  border-radius: 3px;
  padding:10px;
}

.infobox{
	height:auto;
	text-align:left;
}

/*botun*/
.container2 {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 15px;
}

/*btn02*/
.btn-animation-02 {
  display: inline-block;
  width: 830px;/*moto457*/
  text-align: center;
  background-color: red;
  border: 2px solid red;
  font-size: 20px;
  color: #FFFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
  margin-bottom:20px;
  font-size:20px;
}

.btn-animation-02 span {
  position: relative;
  z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-02::before {
  left: 0;
}
.btn-animation-02::after {
  right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-02:hover {
  color: #FFF;
}

/*btn01*/

.btn-animation-01 {
  display: table-cell;
  width: 158px;
  height:20px;
  text-align: left;
  border: 2px solid #004D80;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  padding: 30px 16px;
  border-radius: 4px;
  transition: .4s;
  text-align:center;
  margin-bottom:10px;
  background-color:#88FA4E;
   line-height: 25px;
	vertical-align: middle;
}

a.btn-animation-01 {/*リンクされた文字*/
    color:#004D80;
}

.btn-animation-01:hover {
  background-color: #FFF;
  border-color: #004D80;
  color:#004D80;
}

/*btn03*/
.btn-animation-03 {
  display: table-cell;
  width: 550px;
  height:20px;
  text-align: left;
  border: 2px solid #FF9900;
  text-decoration: none;
  padding: 20px 16px;
  border-radius: 4px;
  transition: .4s;
  text-align:center;
  margin-bottom:10px;
  background-color:#FFFF33;
  line-height: 25px;
  vertical-align: middle;
  font-size:14px;
}

a.btn-animation-03 {/*リンクされた文字*/
    color:#004D80;
}

.btn-animation-03:hover {
  background-color: #FFF;
  border-color: #FF9900;
  color:#004D80;
}


.fss{
	font-size:15px;
	padding:5px 24px;
}
/*******************/

/*わく*/

/*全体*/
.hidden_box {
    padding: 0;
	line-height:40px;
}

/*ボタン装飾*/
.hidden_box label {
    cursor :pointer;
	color:#1111CC;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
	margin-top:0px;
}

.hidden_show{
		border: 1px solid #555555; /* 枠線の太さ・色 */
		padding-left:10px !important;
		margin-bottom:20px !important;
}

.kakubu_div2{
	line-height:40px;
}

/*gyoukan*/
.gyoukan{
	line-height:30px;
}

.ptop20{
	margin-top:75px;
}

.ptop30{
	margin-top:60px;
}

.umeru{
	margin-top:-20px;
}

.none_div{
	display:none !important;
}

.btn-shimin{
	width:858px;
	background-color:#FFC000;
	border: 2px solid #ED7D31;
	padding:10px;
	margin-bottom:10px;
}

.btn-kaigo{
	width:858px;
	background-color:#92D050;
	border: 2px solid #00B050;
	padding:10px;
	margin-bottom:10px;
}