/*
 ─────────────────────────
 *タイトル：CMT official Homepage
 *機能名称：CSS
 *作成者名：CMT
 *作成開始：2023.12.16
 *更新履歴：

 *機能説明：

         Copyright(C) CMT LLC. All Rights Reserved.
 ─────────────────────────
*/

/* ----- body ----- */
html,body{
	width            :100%;
	height           :100%;
	margin           :0px;
	padding          :0px;
	font-family      :"Meiryo",sans-serif;
	font-size        :15px;
	color            :#000;
	background       :#f8f8f8;
	scrollbar-width  :thin;
}

.nobr{white-space:nowrap;}
div.break       {page-break-before:always;}
div.break_after {page-break-after:always;}


/* ------------------------ */
div.main{
	padding          :10px;
}

div.bottom{
	color            :#333;
	background       :#eee;
	font-size        :13px;
}

/* ------------------------ */
img{
	border           :none;
	vertical-align   :middle;
	border-radius    :5px;
}

/* ------------------------ */
iframe{
	border           :none;
	display          :block;
	width : 100%;
	height: 100%;

}

/* ------------------------ */
a:link{
	color            :#00f;
	text-decoration  :none;
}

a:active{
	color            :#00f;
	text-decoration  :none;
}

a:visited{
	color            :#00f;
	text-decoration  :none;
}

a:hover{
	color            :#770;
	text-decoration  :underline dotted;
}

a:hover img{
	opacity          :0.5;
//	filter           :alpha(opacity=80);
}

/* ------------------------ */
textarea{
	padding          :4px;
	width            :300px;
	height           :300px;

	border           :1px #bbb solid;
	background       :#ffe;
	border-radius    :5px;
}

textarea:focus{
	background       :#ffc;
	border           :1px #888 solid;
}

/* ------------------------ */
input[type='text']{
	padding          :4px;
	font-size        :20px;
	color            :#000;
	background       :#ffe;
	border           :1px #bbb solid;
	border-radius    :5px;
}

input[type='text']:focus{
	background       :#ffc;
	border           :1px #888 solid;
}

input[type='password']{
	padding          :2px;
	font-size        :20px;
	background       :#ffe;
	border           :1px #bbb solid;
	border-radius    :5px;
}

input[type='password']:focus{
	background       :#ffd;
	border           :1px #888 solid;
}

input[type='file']{
	padding          :0px;
    width            :100%;
    height           :100%;
    opacity          :0.6;
	filter           :alpha(opacity=60);
}

input[type='radio']{
	width            :18px;
	height           :18px;
}

input[type='image']{
	border           :none;
	vertical-align   :bottom;
}

input[type='image']:hover{
	opacity          :0.5;
//	filter           :alpha(opacity=60);
}

/* ------------------------ */
select{
	padding          :5px;
	font-size        :15px;
	border           :1px #bbb solid;
	background       :#ffe;
	border-radius    :5px;
}

select:focus{
	background       :#ffc;
}

/* --- table note -------- */
table.note{
	border-collapse  :collapse;
}

table.note th{
	white-space      :nowrap;
	padding          :2px 0px 0px 0px;
	font-size        :13px;
	font-weight      :normal;
	color            :#fff;
	background       :linear-gradient(#999, #aaa);
	border-radius    :12px;
}

table.note td{
	padding          :0px;
	font-size        :13px;
}

/* --- table note1 ------- */
table.note1{
	border-collapse  :collapse;
}

table.note1 th{
	white-space      :nowrap;
	padding          :2px 7px 0px 7px;
	font-size        :11px;
	font-weight      :normal;
	color            :#fff;
	background       :linear-gradient(#999, #aaa);
	border-radius    :12px;
}

table.note1 td{
	padding          :0px 2px 0px 5px;
	font-size        :13px;
	border-bottom    :0.5px #bbb solid;
}

/* ------------------------ */
div.comment_view_header{
	padding          :2px 5px 0px 8px;
	color            :#fff;
	background       :#aa7;
	border-radius    :5px 5px 0px 0px;
}

div.comment_view{
	padding          :0px;
	background       :#fffff8;
	border           :0.5px #aa7 solid;
	border-radius    :5px;
}

/* ------------------------ */
div.edit_button{
	padding          :6px;
	width            :60px;
	font-size        :17px;
	text-align       :center;
	border           :1px #888 solid;
	color            :#000;
	background       :linear-gradient(#fff, #ccc);
	border-radius    :5px;
	cursor           :pointer;
}

div.edit_button:hover{
	color            :#fff;
	background       :linear-gradient(#999, #bbb);
}

/* ------------------------ */
div.copy_button{
	position         :relative;
	top              :0px;
	left            :266px;
	padding          :5px;
	width            :80px;
	font-size        :16px;
	text-align       :center;
	border           :1px #888 solid;
	color            :#000;
	background       :linear-gradient(#fff, #ccc);
	border-radius    :5px;
	cursor           :pointer;
}

div.copy_button:hover{
	color            :#fff;
	background       :linear-gradient(#999, #bbb);
}