/* スタイル定義 for とりあえずドッチ版 */

/* ボディー */
*{
   margin:0px;
   padding:0px;
}


h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}

h1 {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-weight:normal;
}
h2 {
	margin: 0px;
	padding: 0px;
}

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

form {margin: 0 }

p {
	margin:0 0 1em;
	padding:0;
}

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

img { border:none }

/* リンク */
a {
	text-decoration:none;
	color: #FF6600;
	overflow:hidden;
	outline:none;
}
a:visited { text-decoration:none }
a:active { text-decoration:none }
a:hover{ text-decoration:underline }


/* タイトル */
.title{	font-size:18px;	font-weight:bold; line-height:24px; }
.stitle{	font-size:15px;	font-weight:bold; }

/* 本文 */
.f9ptn{ font-size:9px; line-height:120%;}
.f9ptw{ font-size:9px; line-height:140%;}

.f10ptn{ font-size:10px; line-height: normal;}

/* .f10ptn{ font-size:10px; line-height:120%;} */
.f10ptw{ font-size:10px; line-height:140%;}
.f11ptn{ font-size:11px; line-height:120%;}
.f11ptw{ font-size:11px; line-height:140%;}
.f12ptl{ font-size:12px; line-height:100%;}
.f12ptn{ font-size:12px; line-height:120%;}
.f12pts{ font-size:12px; line-height:110%;}
.f12ptw{ font-size:12px; line-height:140%;}
.f13ptn{ font-size:13px; line-height:120%;}
.f13ptw{ font-size:13px; line-height:140%;}
.f14ptn{ font-size:110%; line-height:120%;}
.f14ptw{ font-size:110%; line-height:140%;}
.f15ptn{ font-size:15px; line-height:120%;}
.f15ptw{ font-size:15px; line-height:140%;}
.f16ptn{ font-size:16px; line-height:120%;}
.f16ptw{ font-size:16px; line-height:140%;}
.f18ptn{ font-size:18px; line-height:120%;}
.f21ptn{ font-size:21px; line-height:120%;}
.f24ptn{ font-size:24px; line-height:120%;}
.f28ptn{ font-size:28px; line-height:120%;}

.f13ptmw{ font-size:13px; line-height:1.5em; letter-spacing:0.1em;}

.m12px { margin:12px 0px }
.m24px { margin:24px 0px }
.m36px { margin:36px 0px }
.m48px { margin:48px 0px }
.m12px-top { margin-top:12px }
.m12px-bottom { margin-bottom:12px }

/* FONT */
.egfont { font-family:'Arial', 'Helvetica', 'sans-serif' }
.strong { font-weight: bold }

/* FORM */
.input12 { text-align: right; font-size: 12px; text-align:left; }
.input13 { text-align: right; font-size: 13px; text-align:left; }
.input14 { text-align: right; font-size: 14px; text-align:left; }
.input16 { text-align: right; font-size: 16px; text-align:left; }
.button12 {font-size: 12px; margin: 0px; padding: 0px; text-align:center; }
.button13 {font-size: 13px; margin: 0px; padding: 0px; text-align:center; }
.button14 {font-size: 14px; margin: 0px; padding: 5px 10px; text-align:center; }

/* 色 */
.red{ color:#FF0000}
.darkred{ color:#990000}
.lightblue{ color:#3399FF}
.blue{ color:#0000FF}
.green{ color:#009900}
.limegreen{ color:#90FF00}
.darkgreen{ color:#003300}
.orange{ color: #FF6600}
.black{ color:#000000 }
.white{ color:#FFFFFF }
.gray{ color:#666666}
.lightgray{ color:#999999}
.darkgray{ color:#333333}
.yellow{ color:#FFFF00}

/* 背景 */
.bg-gray{ background-color: #F5F5F0}
.bg-darkgray{ background-color: #999999}
.bg-white{ background-color: #FFFFFF }
.bg-black{ background-color: #000000}
.bg-green{ background-color: #CCFF66}
.bg-orange{ background-color: #FF6600}

.noborder{ border:none }
.border1{ border-bottom: 1px solid #000000 }

.topic{ background-color: #F5F5F0; color:#333333; height: 20px;}
.redbloc{ border-style: solid; border-width: 1px; color: red; padding: 5px;}
.graybloc{ border-style: solid; border-width: 1px; color: #999999; padding: 10px;}

.deline {text-decoration: line-through;}

/* 線のみのシンプルなテーブル
----------------------------------------------------------- */
.simple_table {
	width:100%;
	border:1px #E3E3E3 solid;
	border-collapse:collapse;
	border-spacing:0;
}

.simple_table th {
    padding:10px 15px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	vertical-align:top;
	font-weight:normal;
	background-color:#f7f7f7;
	text-align:left;
}

.simple_table td {
    padding:10px 15px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	vertical-align:top;
}

/* 画像の半透明化
----------------------------------------------------------- */
.translucent a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.trans80 a img {
     border:none;
     verticle-align:top;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}

.trans80 a:hover img {
     opacity: 0.8;     /* 透過レベル */
     filter: alpha(opacity=80);
}