
.input_wrap {
    text-align: center;
}
.input {
    border: 1px solid #EFEFEF;
    margin: 2px auto;
    text-align: left;
    width: 98%;
}

.input_title {	
	font-weight: bold;
	background-color: #E6E6E6;
	padding: 2px 2px 2px 15px;
	position: relative;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 5px;
}
.input_title::before {
	content: "";
	border-top: 4px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #FF8000;
	position: absolute;
	left: 5px;
	top: 14px;
	margin-top: -5px;
}


.input_body {
    background-color: #FFFFFF;
    font-size: 0.9em;
    font-weight: normal;
    padding: 3px;
	margin-bottom: 10px;
	margin-left: 25px;
}
.input_form {
    margin: 0;
}
.input_text, .input_file, .input_num, .input_datetime {
    border: 1px solid #CCCCCC;
    padding: 2px;
}
.input_text {
	margin-bottom: 5px !important;
}
.input_num {
    ime-mode: inactive;
    text-align: right;
}
.input_datetime {
    ime-mode: inactive;
    text-align: right;
}
#pmt_0_div {margin-bottom: 20px;}
#sel_public{
	margin-left: 10px;
}
#viewymd{
    float:left;

}
#future_div{
    margin-left:10px;
    margin-top:-3px;
    float:left;
}
.input_button {
    background-color: #DBF1F6;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    margin: 3px;
    padding: 2px 3px;
}
.delbtn {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #FF6666;
    font-size: 12px;
    margin: 1px;
    padding: 1px 3px;
}
.input_submit {
    background-color: #DBF6E7;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 4px 10px;
}

.input_cancel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 4px 10px;
}
.input_head {
    padding: 4px 8px;
}
.input_wrap select {
    border: 1px solid #CCCCCC;
}
.input_submit_wrap {
    background-color: #F0F0F0;
    text-align: center;
    width: 100%;
}
.input_error {
    background-color: #E44141;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px;
}

.mod_blog_toggle {
    background-image: url("../../../images/blue_bottom.png");
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    cursor:pointer;
}

.mod_blog_toggle.open {
    background-image: url("../../../images/blue_top.png");
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    cursor:pointer;
}

.mod_blog_block{
    /* padding:5px; */
}
.mod_blog_block_title{
    display: block;
    padding-left: 8px;
    padding-top: 4px;
    margin-bottom: 20px;
	font-size:18px;
}

.mod_blog_block_pmt_subsite{
    background-image: url("../../../images/icons/ico_subsite.gif");
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-top: 4px;
}

.mod_blog_block_pmt_authorized{
    background-image: url("../../../images/icons/ico_user.gif");
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-top: 4px;
}

.mod_blog_block_pmt_public{
    background-image: url("../../../images/icons/ico_internet.gif");
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-top: 4px;
}

.mod_blog_block_pmt_private{
    background-image: url("../../../images/icons/ico_hikoukai.gif");
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-top: 4px;
}

.mod_blog_block_pmt_group{
    background-image: url("../../../images/icons/ico_group.gif");
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-top: 4px;
}
.mod_blog_block_pmt_arrow{
    background-image: url("../../../images/arw.png");
    background-position: 3px 10px;
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-top: 4px;
}
.mod_blog_block_status{
    padding-right: 10px;
    margin-top:-10px;
	margin-bottom:5px;
	font-size:12px;
	text-align:right;
}
.blog_block_date{
    font-size:0.8em;
    text-align:right;
	color:#666;
}
.mod_blog_list_body{
    margin:0px 5px;
}
.mod_blog_clear{
    clear:both;
}

.mod_blog_common_feed{
    text-align:right;
}

.mod_blog_common_feed img{
    margin: 0px 3px;
}
/**
記事表示
**/
.pager_blog_block{
    display:none;
}
.mod_blog_main_content{
    padding:5px;
}
.mod_blog_ctl_links{
    font-size: 0.9em;
    text-align:right;
}
.mod_blog_ctl_links a{
    margin-left:10px;
}
.mod_blog_ctl_links img{
    margin:auto 3px auto 8px;
    vertical-align:middle;
    border:0px none;
}
.mod_blog_ctl_links a img{
    border-width:0px;
    border-style:none;
}
#mod_blog_post_date{
    font-size: 0.8em;
    text-align: right;
	color: #666;
	margin-top: 5px;
}

#mod_blog_main_title{
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left:5px;
}
#mod_blog_post{
    margin: 10px;
}
.mod_blog_view_err{
    color:#ff0000;
    margin:30px 0px;
}

#mod_blog_cmt_tbk_ctl{
    width:100%;
    text-align:right;
}
#mod_blog_cmt_tbk_ctl span{
    cursor:pointer;
}
.blog_comment_num{
    text-align:right;
    font-weight:normal;
    font-size:0.8em;
	margin-top:20px;
}
#mod_blog_comment{
    display:none;
}
#mod_blog_comment_maintitle{
    margin-left : 10px;
	font-weight: bold;
}
.comenter_wrap{
    text-align:left;
}
.comenter_user_icon{
    float:left;
	margin-left:10px;
}
.comenter_user_detail{
    float:left;
}
.comenter_user_detail div{
    line-height:2.4ex;
}
.mod_blog_comment_line{
    border-top:1px dotted #666;
    height:5px;
	margin-top:10px;
}
.mod_blog_comment_msg{
    margin : 5px 10px;
    word-break:break-all;
    word-wrap: break-word;

}
.mod_blog_comment_writer{
    text-align:left;
	font-size: 90%;
}
.mod_blog_comment_host{
    text-align:right;
    color:#999999;
    margin-left:5px;
}
#mod_blog_write_comment{
    margin-top:10px;
    text-align:center;
}

.commenter,.cmtlink{
    padding-left:10px;
}


.mod_blog_report_link{
    display : inline-block;
    position : relative;
    top : -5px;
}
.mod_blog_report_link img{
    vertical-align : middle;
}
/**
設定
**/
.blog_setting_return{
margin: 5px 0px;
background: #EFEFEF none repeat scroll 0% 0%;
border: 1px solid #CCC;
padding: 4px;
font-weight: normal;
}

#import_btns{
    margin:10px;
}
#export_btns{
    margin:10px;
}
.input_submit,.input_cancel{
    cursor:pointer;
}
.mod_blog_input_error{
    display:none;
}
.errMsg{
    margin:50px 0px;
    color:#ff0000;
    text-align:center;
}

/**
コメント
**/
#mod_blog_comment_name{
    width:300px;
}
#mod_blog_comment_url{
    width:300px;
}
#mod_blog_comment_body{
    width:600px;
    height:120px;
    resize:none;
}
#mod_blog_comment_reason{
    width:600px;
    height:120px;
    resize:none;
}
/**
通報
**/
.mod_blog_report{
    height:21px;
    line-height:21px;
    vertical-align:top;
}
.mod_blog_report img{
    vertical-align:middle;
}
#mod_blog_report_detail{
    width:600px;
    height:200px;
    resize:none;
}
/**
印刷
**/
.mod_blog_print img{
    border:0px none;
}

#mod_blog_printbtn{
    margin:20px auto 10px 5px;
    text-align:left;
}

/**
記事管理
**/
.edit_table{
    table-layout:fixed;
}
.checkbox_td{
    width:20px;
    text-align:center !important;
}
.operate_btn{
    width:40px;
}
.contributor{
    width:80px;
}
.subject{
    width:150px;
}
.status{
    width:70px;
}
.date{
    width:100px;
}
#mod_blog_msg{
    width:98%;
    height:200px;
    resize:none;
}
/**
キーワード(プレビュー)
**/
.mod_blog_keyword_preview{
    background-color: rgb(28, 120, 191);
    border: 1px solid #9f9f9f;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    height: 1.1em;
    margin: 3px;
    padding: 2px 3px;
    white-space: nowrap;
}

/**リンク設定**/
h4.blog_link_parts {
	position: relative;
	padding-left:13px; 
	margin: 10px 0 0 16px;
}
h4.blog_link_parts::before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	width: 9px;
	height: 9px;
	margin-top:  -7px;
	border-radius: 50%;
	background: #F16613;	
}

.blog_link_name{
    font-weight : normal;
	margin-left: 20px;
	font-size: 15px;
}
.blog_link_access{
    font-weight : normal;
	margin-left: 20px;
	font-size: 15px;
}

#accept {
	width: 500px;
	margin-left: 25px;
}
#accept_sel {
	width: 500px;
	margin-left: 25px;
}
#enquete2{
	margin-left: 25px;
	width: 500px;
}
#enquete2_sel{
	margin-left: 25px;
}
#event_calendar{
	width: 500px;
	margin-left: 25px;
}
#event_calendar_sel{
	margin-left: 25px;
	margin-bottom: 20px;
}
#frm_post .input_body {
	margin-left: 0;
}
#pager {
height:40px;
}
#pager_o_left {
width:15px; height:20px;
float:left;
margin:0 4px 0 0;
border:1px solid;
}
#pager_o_right {
width:15px; height:20px;
float:left;
margin:0 0 0 4px;
border:1px solid;
}
#pager_m_left {
cursor:pointer;
width:25px; height:20px;
float:left;
margin:0 4px 0 0;
border:1px solid;
}
#pager_m_right {
cursor:pointer;
width:25px; height:20px;
float:left;
margin:0 0 0 4px;
border:1px solid;
}

#pager_box {
    width: 80%;
margin: 0 auto;
}

/* must set border width with px */
.paginator_p {
text-align:center;
float:left;
color:#333;
background-color:#fff;
cursor:pointer;
padding:2px 0 0 0;
margin: 0 auto;
border: 1px solid #ccc !important;
font-size:12px;
}
.paginator_p_bloc {
position:relative;
width:3000px;
margin: 0 auto;
}
.paginator_p.over {
background-color:#8B8B8B;
}
.paginator_p.selected {
color:#333;
background-color:#eee;
border: 1px solid #003F7E !important;
font-size:12px;
}
.paginator_p_wrap {
position:relative;
overflow:hidden;
float:left;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
margin: 10px auto 0;
}
#paginator_slider {
clear:left;
height: 4px;
top: 4px;
background: white;
border: solid 1px black;
position:relative;
left: 0px;
width: 100%;
margin: 10px auto 0;
}
#paginator_slider .ui-slider-handle {
width: 8px;
height: 12px;
position: absolute;
top: -4px;
background-color:black;
}

/* example of css if you use over and max buttons */
.jPaginatorOver {
float:left;
width:30px;
height:20px;
text-align:center;
margin:0 2px 0 2px;
}
.jPaginatorMax {
float:left;
width:30px;
height:20px;
cursor:pointer;
text-align:center;
}



.mod_blog_archive_exp{
    margin:30px 0px;
    text-align:center;
}
.mod_blog_archive_exec{
    margin:30px 0px;
    text-align:center;
    display:none;
}
.mod_blog_archive_end{
    margin:30px 0px;
    text-align:center;
    display:none;
}

.mod_blog_archive_loading{
    margin:30px 0px;
}

.mod_blog_progress{
    display:none;
    margin:30px 0px;
}
.mod_blog_progress_bar{
    border:1px solid #c0c0c0;
    height:20px;
    background-color:#ffffff;
}
.mod_blog_indicator{
    background-color:#54a7ff;
    width:0%;
    height:20px;
}

.mod_blog_counter{
    text-align:right;
}

.mod_blog_archive_err{
    display:none;
    color:#ff0000;
    margin:30px 0px;
    text-align:center;
}


.mod_blog_archive_btn{
    width:150px;
    display:block;
    height:50px;
    line-height:50px;
    margin:30px auto 20px auto;
    border:1px solid #c0c0c0;
    background-color:#dfffdf;
    border-radius:20px;
    cursor:pointer;
    text-align:center;
}

.mod_blog_archive_btn:hover{
    background-color:#96d995;
    color:#ffffff;
}

/* リンク設定 */
.add_input{
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
	margin-left: 10px;
    padding: 2px 2px 2px 15px;
    position: relative;	
}
.add_input::before {
    border-color: transparent transparent transparent #ff8000;
    border-style: solid;
    border-width: 4px 5px 4px 7px;
    content: "";
    left: 5px;
    margin-top: -5px;
    position: absolute;
    top: 14px;
}


.mod_blog_editor_message{
    color : #ff0000;
}
