@charset "utf-8";
/*PROPO-cms*/

/*初期設定 */
/* img 要素以外 */
body,
table,
th,
td,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,h2,h3,h4,h5,h6,
hr,
pre {
	margin:0;
	padding:0;
}



body{ color:#000; }
table,div{ margin:auto;}
	
/*初期：リンクテキスト*/
a:link{ color:#006;}
a:visited{ color:#006;}
a:hover{ color:#f00; text-decoration:none;}

/*初期：フォント*/
body{ font-size:13px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
p,th,td,li{ font-size:100%;}/*13px*/
h2{ font-size:108%;}/*14px*/
h3{ font-size:100%;}/*13px*/
h4,h5{ font-size:108%;}/*13px*/
/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
26px = 182%
25px = 189%
26px = 197% (h2)
*/

/*初期：リストスのタイル*/
ul,ol,ul li,ol li{ list-style:none;}
address{ font-style:normal;}
hr{ margin:15px 0; border:none; border-top:1px dashed #ccc; height:1px; color:#fff;}

/*初期：イメージ写真*/
img{ border:0;}
a img{ border:0;}

/*ハック：floatのハック[clearfixf]*/
 /*Firefox/Safari/Operaなどのモダンブラウザ用*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
 /*IE7とMac版IE5用*/
.clearfix{ display: inline-table; min-height: 1%;}
 /*IE6以前用*/
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */

/*-----　骨格　-----*/
/*　外枠　*/
/*#wrapper{ width:830px; margin:0 auto; text-align:left; background:#fff;}*/
#wrapper{ width:100%; margin:0 auto; text-align:left; background:#D6DBE7;}
/*　ヘッダー　*/
#header{ width:100%; margin:0; overflow:hidden; background:#3D5985; padding:10px 0 5px 0;}
/*　内枠（コンテナ）*/
#container{ 
	width:100%; 
	margin:0; 
	position: relative;
	min-height: 700px;
}
/*　枠（右側）*/
/*#alpha{ width:620px; float:right;}*/
#alpha{ width:100%; float:right;}
/*　枠（左側）*/
#beta{ 
	width:200px; 
	position: absolute; 
	top: 50px;
	z-index: 2000;
	float:left; 
	padding-bottom:0px; 
	background:#f1f1f1; 
	display: none;
}
@media (min-width: 995px) {
	#beta{ 
		display: block;
	}
}
/*　フッター　*/
#footer{ width:100%; margin:0; clear:both; font-size:92%; background: #65748A; color: #fff; padding: 30px auto 30px !important;}

/*エラーページ*/
#errorarea{ width:100%; margin:0;}

/*ヘッダ（ロゴ・ログイン情報）*/
#header #ci{ width:100%; float:left;}
#header #ci img{ width:100%;}
#header #login{ padding-left: 10px; }
#header #login #help{ margin-top:15px; text-align:right;}
#header #login p{ color: #fff; }
#header #login li{ color: #fff; }
#header #login a{ color: #fff; }
@media (min-width: 665px) {
	#header #ci{ width:350px; float:left;}
	#header #login{ float:right;}
}
/*ページのタイトル*/
#pagename{ margin-bottom:10px; padding:8px 14px; background:#65748A; height: 25px; }
#pagename h1{ font-size:123.1%; color: #fff;}

/*パンくずリスト*/
#panlist{ margin-bottom:5px; padding:0 10px 5px 10px; border-bottom:dashed 1px #999;}

/*メニュー*/
#beta #menu dl { margin:0px 0px 0; padding:0;}
#beta #menu dt { color: #fff;
font-weight: bolder;
margin: 0px 0 0px;
padding: 13px 15px 13px;
background: #3D5985;}
#beta #menu dd a { color: #3D5985;
font-weight: bolder;
margin: 0px 0 0px;
padding: 8px 10px 8px 20px;
background: #AFBED4;
width: 170px;
display: block;
border-bottom: 1px solid #3D5985;
text-decoration: none;}
#beta #menu dd a:hover {
	color: #15A5FB;
}

/*コンテンツ*/
#alpha #contents{ margin:0 auto 15px; padding-left: 10px; padding-right: 10px;}
@media (min-width: 995px) {
#alpha #contents{ margin:0 auto 15px; padding-left: 210px; padding-right: 10px;}
}

/*コピーライト*/
#footer p{ padding:30px 14px 30px; border-top:5px solid #ccc; text-align:center; margin:0; font-size: 12px; word-wrap: break-word;}

/*共通以外コンテンツ内*/
/*h2*/
h2 { background:#99AACC url(../../img/h2bg.gif) scroll left top; no-repeat; padding:5px 10px 5px 10px !important;}
.waku{ margin-top:0px; margin-bottom:10px; background:#fff; padding:10px; border:#b0c4dc solid 1px;}
.waku h3{ margin-bottom:3px;}
.waku ul{ margin-bottom:1em;}
.waku li{ line-height:1.5em; padding-left:20px; background:url(../../img/list-as.gif) no-repeat 0.5em;}

h2.h2bg2 { background:#CCD5CC url(../../img/h2bg2.gif) scroll left top; no-repeat; padding:5px 5px 5px 33px;}
.waku2{ margin-top:0px; margin-bottom:10px; background:#fff; padding:10px; border:#dcdcdc solid 3px;}
.waku2 dl{ margin-bottom:1em;}
.waku2 dt{ line-height:1.5em; padding-left:20px; background:url(../../img/list-as.gif) no-repeat 0.5em;}
.waku2 dd{ margin-left:3em; margin-bottom:0.7em;}

/*タブ*/
#tab{ width:100%; height:auto;
	overflow:hidden; margin-bottom:15px; padding:1px 0 0 3px;}
#tab ul{ margin:0; padding:0; list-style:none;}
#tab li{float:left; margin-right:1px; border: 1px solid #bbbbbb; line-height: 18px;}
#tab li a{ display:block; width:101px; height:36px; text-align:center; padding:3px 0; font-weight:bolder; text-decoration:none;}
#tab li.listtab a{ background:#f1f1f1;}
#tab li.listtab a:hover{ color:#c71585; background-color: #ffe4e1;}
#tab li.listtabc { display:block; width:102px; height:32px; float:left; text-align:center; padding:5px 0; font-weight:bolder;  color:#fff; background-color: #4169e1;}

#tab2{ width:100%; margin:35px 0 0 0;}
#tab2 ul{ margin:0; padding:0; list-style:none;}
#tab2 li{ float:left;}
#tab2 li a{ margin-bottom:15px; display:block; width:175px; text-align:center; padding:5px 0; font-weight:bolder; text-decoration:none;}
#tab2 li.listtab2 a{ background:#f1f1f1; border:#ccc solid 1px;}
#tab2 li.listtab2 a:hover{ color:#c71585; background-color: #ffe4e1;}
#tab2 li.listtab2c { margin-bottom:15px; display:block; width:180px; float:left; text-align:center; padding:5px 0; font-weight:bolder; border:#00f solid 1px; color:#fff; background-color: #4169e1;}

/*ボタン*/
#buttonwaku{ margin-bottom:20px; position:relative;}
.button{ display:block; width:140px; height:35px; font-weight:bold; color:#fff; line-height:35px; text-align:center;
	margin:10px 0; background-image: url(../../img/button.gif); background-repeat: no-repeat;}
.buttoncap{ position:absolute; bottom:12px;}


/*メニュー*/
#menu{}
#menu li{}
#menu li a{ margin-bottom:5px; height:25px; width:175px; display:block; text-align:center; padding-top:15px; color:#000; text-decoration:none;}
#menu li.menu01 a{ background:url(../../img/menu_01.gif) no-repeat;}
#menu li.menu01 a:hover{ text-decoration:none; background:url(../../img/menu_01_o.gif) no-repeat;}
#menu li.menu01c{ background:url(../../img/menu_01_o.gif) no-repeat;}/*訪問ページ*/

/*ページ制御*/
.pageokuri{ clear:left; display:block; margin-top:10px; text-align:right;}


/*リンクなどに付くマーク画像*/
.marUNDER{ padding-left:25px; background:url(../../img/i_under.gif) no-repeat 0.5em;}
.markLINK{ padding-left:25px; background:url(../../img/mark_jump.gif) no-repeat 0.5em;}
.markMARK1{ padding-left:18px; background:url(../../img/list-as2.gif) no-repeat 0.5em;}
.marginTOP1 a{  padding-left:18px; background:url(../../img/link-1.gif) no-repeat 0.5em; text-decoration: none;}
.marginTOP1 a:hover{  padding-left:18px; background:url(../../img/link-1.gif) no-repeat 0.5em; text-decoration: none; color: #5AB1EF;}


/*検索詳細条件*/
#more{ margin:10px; cursor:pointer;}
#more img{ float:left; margin-right:7px;}

#kensaku{}
#kensaku dt{ margin:5px; width:100%;}
#kensaku dd{ }

@media (min-width: 995px) {
#kensaku dt{ margin:5px; float:left; width:8.5em;}
#kensaku dd{ margin-left:8.5em;}
	}

#kensakumore{}
#kensakumore dt{ margin:5px; float:left; width:5em;}
#kensakumore dd{ margin-left:5em;}

.kensakumore2{}
.kensakumore2 dt{ margin:5px;}
.kensakumore2 dd .imgchek{ vertical-align:middle;}
.kensakumore2 dd img{ vertical-align:middle;}
.kensakumore2 dd span{ margin-left:3px;}

.formbox0{padding:3px;}
.formboxS{padding:3px; width:100%; max-width:100px;}
.formboxM{padding:3px; max-width:90%;}
.formboxL{padding:3px; width:100%; max-width:500px;}

@media (min-width: 995px) {
	.formboxM{padding:3px; width:300px;}
}

#formbuttonR{ text-align:right; padding:0 20px;}
#formbuttonC{ text-align:center; padding:0 20px;}

/*ボタン*/
.buttonsize{ width:100px; height:30px; cursor:pointer;}
#delbutton{ margin-top:10px; text-align:right; padding:0 20px; background:#333; padding:5px; color:#fff; }
#delbutton button{ cursor:pointer;}

#marktuki { font-size:77%; margin-top:5px; text-align:right;}
#marktuki img{ vertical-align:middle;}

/*テーブル*/
table{ width:100%; margin:5px auto 10px; border-collapse:collapse;line-height:1.5em; border:#999 solid 1px;}
th{ background-color:#dfe8f6; letter-spacing: 0.2em; text-align:center; border:1px solid #999; padding:0 1em;}
td{ border-bottom:1px solid #333; padding:0.5em 1em; border-right:1px #999 dashed;}
/*ユーザ一覧のテーブル　listuser.html*/
.fs77{ font-size:77%;}
.listUid{ border-bottom:#999 1px dashed;}
#listU1{}
#listU345{ width:70px;}
#listU6{ width:100px;}
/*記事一覧のテーブル　listkiji.html*/
#listK1{ width:90px;}
#listK2{}
#listK3{ width:50px;}
#listK4{ width:100px;}
#listK5{ width:100px;}
/*校閲グループ管理のテーブル　infogroup.html*/
#listU7{ width:200px;}
#listU8{ width:110px;}
#formbuttonR2{ text-align:right; padding:0 5px;}
#infogrouptable th{ background-color:#ffe4e1; letter-spacing: 0.2em; text-align:center; border:1px solid #999; padding:0 1em;}
/*カテゴリ管理のテーブル　infocategory.html*/
#icatetable{}
#icatetable th{ background-color:#dfe8f6; text-align:center; border:1px solid #999; padding:0}
#listC1{ width:260px;}
#listC2{}

/*校閲グループ管理*/
#groupA{}
#groupA h3{ margin:10px 0 5px 0; padding-left:18px; background:url(../../img/list-as2.gif) no-repeat 0.5em;}
#groupA p { margin-bottom:15px;}
#groupA span{ margin:0 5px; padding:2px 5px; background:#ffe4e1;}

/*カテゴリ管理*/
.catewaku{ background:#fff; padding:20px;}
/*使用中の記事種別リスト*/
#changecatelist{ margin:10px 10px 25px; line-height:1.5em;}
#changecatelist li{ padding-left:18px; background:url(../../img/list-as2.gif) no-repeat 0.5em;}

/*記事投稿/編集/登録/更新*/
#kijiinfo{ margin:0; padding:3px; background:#65748A; color:#fff;}
#kijiinfo span{ font-size:85%;}
#kijiform{ background:#dfe8f6; padding:20px; border:#b0c4dc solid 1px;}
#kijiform h3{ margin-bottom:10px;}
#kijiform dl{ margin-bottom:15px;}
#kijiform .fiebox{ padding:10px 2%; width: 96%;}
#kijiform .fiebox legend{ margin-bottom:7px;}
#kijiform .fiebox span{ margin-left:1em; font-size:85%;}
#kijiform .fiebox dt{ margin-top:5px;}
#kijiform .boxin{ margin:5px 0 10px 30px; /*display:none;*/}
#kijiform .boxin span{ margin-left:0;}
#kijiform .fiebox span.nowdata{ display:block; margin:3px 0 0 0; padding:3px 7px; font-size:100%; line-height:1.3em; background:#f1f1f1;}
/*公開日*/
#shitagakibi{ margin:5px 0 0 15px; padding-left:18px; background:url(../../img/list-as2.gif) no-repeat 0.5em;}
#koukaibi{ margin:5px 0 0 45px;}
#koukaibi span{ margin:0 5px; font-weight:bold;}

/*記事確認*/
#kijiform2{ background:#fff; padding:20px; border:#b0c4dc solid 1px;}
#kijiform2 dl{ margin-bottom:15px;}
#kijiform2 dt{ position:relative; display:block; border:#999 1px solid; border-bottom:none; padding:5px; background-color:#dfe8f6; font-size:85%;}
#kijiform2 dd{ border:#999 1px solid; border-top:none; padding:5px 5px 5px 13px; background:#fff;}
#kijiform2 dd img{ border:#ccc 1px solid;}
.kijiopT{ margin:10px 0px 0 0px; padding:3px; background:#999;}
.kijiop{ margin:0 0px 10px 0px; padding:10px; border:#999 1px solid;}
.kijiop h3{ padding:3px; font-weight:normal; background:#b0e0e6;}
.kijiopwaku{ background:#f1f1f1; padding:5px 10px; margin-bottom:10px;}

/*【※】FCKエディタを入れる部分：現在箱だけ【※】記事表示用と共通で使うため別ファイルに隔離*/
/*【※】記事表示部分とフォントサイズを合わせるためにkijiedit内のフォントサイズを再記述、
contents.cssのbodyタグのフォントサイズと同一であること。 20110307 add shima*/

#kijieditT{ padding:3px; background:#ccc;}
div#kijiedit { font-size: 12px;}
/*
#kijiedit{ margin:0; padding:10px; border:#ccc 1px solid;}
*/

/*変更するボタン（変更でませんの表示）*/
#kijiform2 .changelink{ position:absolute; top:0px; right:20px; font-size:10px; width:60px; cursor:pointer;}
#kijiform2 .notchange{ position:absolute; top:0px; right:20px; padding:inherit;}

/*コメント管理*/
#comwaku{ margin:20px 0px;}
.comcheck{ background:#fff; padding:3px; border:#ccc 1px solid; margin-bottom:5px;}
.comcheckx{ background:#ccc; padding:3px; border:#ccc 1px solid; margin-bottom:5px;}/*コメント削除の場合に使用する*/
.comtitle{ padding:4px; background:#b0e0e6;}
.comname{ float:left;}
.comtime{ float:right;}
.comtitlex{ padding:4px; background:#ccc;}/*コメント非表示の場合に使用する*/
.comokng{ margin:5px 0; padding:2px 50px 2px 20px; border-bottom:#ccc 1px dashed;}
.comdel{ margin-bottom:5px; padding:4px 20px; text-align:right; background:#dcdcdc;}
.comtxt{ margin:5px; line-height:1.3em;}
/*校閲者からのコメント*/
.commanager{ background:#f1f1f1; padding:4px; border:#006 3px double; margin:0 40px 30px;}
.comtitleM{ padding:3px; background:#fff; border-bottom:#666 1px dashed;}
/*校閲者コメント書き込み*/
#managercom{ margin:0px 40px 30px;  border:#999 3px double; padding:10px;}
#managertext{ width:96%; height:7em; padding:5px;}
/*エラーメッセージ*/
#erroarea{ margin:10px; padding:5px; background:url(../../img/errorbg.gif) repeat;}
#erroarea #errotext{ padding:15px; background:#fff; color:#f00;}
.errormessage{ display:block; font-size:85%; color:#f00; padding-left:1em; margin:6px 0 0 0;}

/*変更・削除画面*/
#changeicon{ margin:10px; }
#changeiconF{ margin:20px 10px;}
.changeform{ margin-bottom:10px;}

/*記事アイコン*/
#iconwaku{ float:left; width:50px; height:50px; line-height:50px; overflow:hidden; position:relative; margin:0 3px;}
#iconwaku img{ position:absolute; }

/*デザインテンプレート*/
#dtempimg{}
#dtempimg p{ margin-bottom:7px;}
#dtempimg img{ border:#ccc 1px solid;}
#dtemp{}
#dtemp ul{}
#dtemp li{ float:left; margin:0 10px 18px 0;}
#dtemp li.migihaji{ margin-right:0;}
#dtemp img{ margin-top:5px;}

/*記事枠内のレイアウト*/
.fL{ float:left; margin-right:10px;}
.fR{ float:right; margin-left:10px;}
.cL{ clear:left;}
.cR{ clear:right;}
.cB{ clear:both;}
.center{ display:block; margin: 0 auto; text-align:center;}

/*文字位置・飾り*/
.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}
em{ font-style:normal; font-weight:normal;}
strong{ margin:0 0.5em;}
.smallsize{ font-size:85%;}
.bold{ font-weight:bold; margin:0 5px;}
.marginTOP1{ margin-top:1em;}
.marginTOP2{ margin-top:2em;}
#alpha #contents .marginLEFT30{ margin-left:30px;}
#alpha #contents #contents{ padding-left:0px;}


/*ログイン・ログアウト・エラーページ*/
#subpage{ max-width: 300px; width: 85%; margin: 30px auto; background:#EFF2F8; margin-bottom:20px; padding:20px 5% 20px 5%; border:#b0c4dc solid 1px; text-align: center;}
#subpage img{ margin-bottom: 18px; width: 100%;
max-width: 300px;}
#subpage button{ 
	margin-top:3px; margin-bottom: 10px; background:#5AB1EF; color: #fff; border: none;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
}
#subpageerror{ background:#fff; margin-bottom:20px; padding:20px 150px; border:#b0c4dc solid 1px;}
#sublogout{ 
	border:#FF0000 3px solid; 
	padding: 10px 2% 10px;
	width: 94%;
	max-width: 300px;
	background: #fff;
	text-align: center;
	margin: 0px auto;
}
#backlogin { text-align:center; margin-top:12px;}
#backlogin a{
	margin-top: 3px;
	margin-bottom: 10px;
	background: #5AB1EF;
	color: #fff;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	padding: 4px 2% 4px;
    width: 96% !important;
	max-width: 300px;
	text-align: center;
	margin: 0px auto;
	text-decoration: none ;
}
#subpage form{ padding:10px 2% 10px; width:96%; max-width: 300px; background:#fff; text-align:center; margin: 0px auto;}
#subpage form input{ 
	font-size: 24px;
	width: 100%;
	padding: 3px;
	margin: 2px 6px 16px 0; 
}
#subpage form button{ 
}
#subpage form label{ 
	color: #72777c;
}
#subpage dt{ margin-top:3px;}
#subpage #formbuttonC{ margin-top:20px; text-align:center; padding:0 20px;}
#loginmess{ margin-bottom:30px;}
#loginmess p{ text-align:center;}

tbody {
  overflow-x: auto;
  width: auto;
  background: #fff ;
}

#kijigaiyou{
	width: 97%;
}
#kijiform .fiebox .formboxL{
	width: 97%;
}












.btn {
   
}
.peke {
    background-position: -35px 0;
}
.drawr {
    display: none;
    background:#7C8DA2;
    position: absolute;
    top: 0px;
    left:0;
    width:260px;
    padding:0;
    z-index: 5000;
}
#menu li {
    width:260px;
}
#menu li a {
    color:#fff;
    display: block;
    padding: 15px;
}
.drawr .btn{
	color: #fff;
	
}
.drawr #menu dt{
	color: #fff;
}

.drawr #menu dd a{
	color: #fff;
}
.drawr #menu dl { margin:0px 0px 0; padding:0;}
.drawr #menu dt { color: #fff;
font-weight: bolder;
margin: 0px 0 0px;
padding: 13px 15px 13px;
background: #3D5985;}
.drawr #menu dd a { color: #3D5985;
font-weight: bolder;
margin: 0px 0 0px;
padding: 8px 10px 8px 20px;
background: #AFBED4;
width: 230px;
display: block;
border-bottom: 1px solid #3D5985;
text-decoration: none;}
.drawr #menu dd a:hover {
	color: #15A5FB;
}
.drawr a.btn{
	font-size: 170%;
	padding: 10px;
	cursor:pointer;
	color: #fff !important;
}
.sp_menu a{
	font-size: 20px;
width: 100%;
height: 54px;
line-height: 54px;
text-align: center;
color: #fff;
background: #7C8DA2;
display: block;
cursor: pointer;
}
.sp_menu { display: block; }
@media (min-width: 995px) {
	.sp_menu { display: none; }
.drawr { display:none;}
}