@charset "utf-8"; 

/* Mainエリア内のデザインを記述する。ただし、各ページ固有のデザインは、各ページのヘッダー内に記述する。 */

/* 見出し＆本文 */
#pagetitle { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:5px solid #FAD000; color: #3E3E3E}
.pagetitle { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:5px solid #FAD000; color: #3E3E3E}

#pagetitle1 { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:20px solid #21ab38; color: #3E3E3E}
#pagetitle2 { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:20px solid #c89f62; color: #3E3E3E}
#pagetitle3 { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:20px solid #ffde00; color: #3E3E3E}
#pagetitle4 { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:20px solid #ee7700; color: #3E3E3E}
#pagetitle5 { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:20px solid #e4007e; color: #3E3E3E}
#pagetitle6 { margin:5px 0 5px 15px; font-size:24px; font-weight:normal; border-left:20px solid #e8412b; color: #3E3E3E}

main h1, main h2, main h3, main h4, main h5, main h6, main p { margin:0 0 1em; padding:0.2em 10px; }

.t01 { font-size:18px; background-color:#eee; border-top:1px solid #bbb; border-bottom:1px solid #aaa; color:#333; } 
.t02 { font-size:16px; background-color:#456; border-bottom:1px solid #000; color:#fff; }
.t03 { font-size:14px; border-bottom:1px dotted #ccc; }
.t04 { font-size:13px; border-left:4px solid #ccc; padding:0.1em 6px 0.3em; line-height:1; }

.sch2 { background:#166FFF; color:#FFFFFF; margin:0 10px; padding:4px 0 4px 10px; font-size:16px; width:95%}

/* インライン */
small  { font-size:75%; font-weight:normal; }

a { color:#039; text-decoration:none; }
a:hover { color:#136; text-decoration:underline; }
a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }

.fig01 { float:right; }
.fig01 img { box-shadow:1px 2px 8px #999; margin:0 8px 5px 15px; border:5px solid #fff; }
.fig01 figcaption { text-align:right; margin-right:10px; }

/* リスト */
main ul, main ol { padding:0 2em 0.5em; }

/* 表 */
table { border-collapse: collapse; }
th, td { font-size:13px; }

.tbl01 { border-collapse:collapse; width:95%; margin:1em; }
.tbl01 th, .tbl01 td { padding:0.3em 1em; border:1px solid #136; }
.tbl01 th { font-weight:bold; color:#fff; background:#369; text-align:center; }

.nav_jimu { text-align:left; font-size:12px;}

.kyousai { text-indent:-4em; margin:0 0 8px 4em;}
.ko_im { float:left; margin:0 10px 0 10px;}
.p3l { font-size:260%; line-height:1.2;}
.pxl { font-size:220%; line-height:1.2;}
.pl { font-size:170%; line-height:1.2;}
.pm { font-size:140%; line-height:1.2;}

.c_b { clear:both;}
.bb { background-color:rgba(0,0,0,1.00); color:rgba(255,255,255,1.00); padding:2px;}
.muryou { border:1px solid rgba(255,0,4,1.00); color:rgba(255,0,4,1.00); padding:2px;}


.topimg { width:400px; display:block; float:right;}
.ti {width:300px; display:block; float: left;}

.theme_r { float: right;}
.theme_l { float:left}

.nitiji_l { float:left}
.nitiji_r { float: right}

.tenji { background-color: #FFE100; padding:4px 0; margin:4px 0}
.tenji2 { background-color: #a72126; padding:4px 0; margin:4px 0; color:#FFFFFF}
.tenji_l { float:left; font-size:24px; margin:4px 12px; font-weight:bold}
.tenji_r { float: right; font-size:14px; margin:12px 12px 8px;}

.syoudan { color:#FFFFFF; background-color:#00469c; padding:4px 0 0; margin:4px 0}
.syoudan_l {float:left; font-size:24px; margin:4px 12px; font-weight:bold}
.syoudan_r { float: right; font-size:14px; margin:5px 12px 8px;}

.itigo {color: #DE0003; background-color: #E9FBFF; padding:6px; margin:4px 0; font-weight:bold; font-size:13px; text-align:center; line-height:1.3; font-size:18px}
.itigo a {color: #DE0003;}

.douji_l { float:left; display:block; margin-right:5px; height:60px}
.douji_r { display:block; width:95%}

.box {margin:5px 0 5px; clear:both;}
.cbb { color:#FFFFFF; background-color:#0096e0; padding:4px;}

.bgk { background-color:#000000; color:#FFFFFF; padding:3px;}
.db768 { display:none}
.tar { text-align:right}

.niti_st { font-size:45px;}
.niti_st2 { font-size:25px;}

.muryou { border:3px #E80003 solid; color:#E80003; font-size:20px; font-weight:bold; padding:4px; text-align:center; width:170px; float:right;
border-radius:13px;         /* CSS3 */
-moz-border-radius:13px;    /* Firefox */
-webkit-border-radius:13px; /* Safari,Chrome */}

.fl { width:48%; float:left}
.fr { width:48%; float:right}

/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 
.topimg { width:400px; display:block; float:left}
}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
.topimg { width:350px; display:block;}
.sum_l { width:100%}
.sum_r { width:100%}
.nitiji_l { float: none; text-align:center}
.nitiji_r { float: none; text-align:center}
.tenji_l { float:none; text-align:center; margin:0}
.tenji_r { float:none; text-align:center;margin:0}
.syoudan_l {float:none; text-align:center; margin:0}
.syoudan_r {float:none; text-align:center; margin:0}
.wid1 { width:100%}
.db768 { display: block}
.douji_l {height:180px}

.fl { width:100%; float: none}
.fr { width:100%; float: none}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
section, article { margin:0 0 1em; padding:0; }
.topimg { width:350px; display:block;}
.sum_l { width:100%}
.sum_r { width:100%}
.douji_l {height:180px}


}