@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
* {
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",sans-serif;
	float: none;
	margin: 0px;
	color:#333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

body {
	letter-spacing:1px;
	line-height:1.6;
	background-color: #FAB8DB;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
}



br {
   letter-spacing:normal;
}

img {
   border:0;
}
a {
	color:#03C;
	text-decoration:none;
}

a:hover {
	color:#330000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330000;
}

dl,ol,ul {
	padding:0;
	font-size:88%;/* 14px相当 */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}

li {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}

table {
	width:500px;
	margin-left: auto;
	margin-right: auto;
	font-size: 82%;
	background-color: #FED1D1;
}




/* ========TEMPLATE WIREFRAME======== */
div#top {
	width:800px;
	margin:20px auto;
	padding:0 20px;
	border:1px solid #CECFCE;
	background:#fff;
}

div#head {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	color: #333;
	background-color: #FFF;
	background-image: url(img/pirathisu_logo02.gif);
	height: 160px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
}



div#menu {
	height: 2em;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	background-color: #4BBAB7;
}


div#sub {
	float:left;
	width:220px;
}

div#main {
	margin: 0px;
	border-left: 1px solid #CCCCCC;
	padding: 5px 0px;
	background: #FFFFFF;
	width:560px;
	float: right;
	border-right: 1px solid #CCCCCC;

}



div#totop {
   clear:both;
}



/* ========head CUSTOMIZE======== */
div#headlink {
	color: #333;
}

div#headlink p {
	font-size: 82%;/* 13px相当 */
}

h1 {
	font-size: 75%;
	color: #333;
	font-weight: bold;
	background-color: #D7EC80;
	margin-top: 5px;
	padding-left: 10px;
	line-height: 1.5em;
	margin-bottom: 5px;
}/* 講座＆スクールインフォメーション */

div#head p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	font-weight: bold;
	color: #333;
	font-size: 82%;/* 13px相当 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul{
	margin: 0px;
	padding: 0px;
}
div#menu li{
	font-size:88%;/* 14px相当 */
	float: left;
	padding: 0px;
	margin-left: 30px;
	color: #FFFFFF;
	list-style: none;
	vertical-align: text-bottom;
}
div#menu a{
	color: #FFFFFF;
	text-decoration: none;
}
div#menu a:hover{
color: #000000;
	background: #D7E1EC;
}

#menu ul li a img {
	vertical-align: baseline;
}


/* ========SUB CUSTOMIZE======== */

div#sub p {
	font-size:82%;/* 13px相当 */
	color: #333;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
}


h5 {
	color:#1A2F0D;
	font-size: 88%;
	line-height: 1.5em;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #B4B2A7;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}/* トピック等強調 */


h6{
	font-size:63%;/* 10px相当 */
	color:#44441E;
	margin-left: 10px;
}/* キャプションに使用 */

div#sub div.section {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
/* ━━━━━━
※マージンは領域間のスペース、パディングは領域内のスペースです。
━━━━━ */
}
div#sub div.kouza{
	background-color: #D7EC80;
	color: #414F38;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 88%;/* 14px相当 */
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}



/* ========main CUSTOMIZE======== */
div#main p {
	font-size:88%;/* 14px相当 */
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 10px;
	margin-left: 1em;
}

h2{
	font-size:88%;
	color:#FFF;
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #F03;
	margin-bottom: 5px;
}/* 講座＆スクールインフォメーション2 */


h3 {
	margin-bottom:5px;
	font-size:88%;/* 15px相当 */
	font-weight:bold;
	line-height:30px;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	color: #242424;
	background-color: #FAB8DB;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}/* 大見出し */

h4{
	font-size: 88%;/* 14px相当 */
	color: #8a0506;
	vertical-align: top;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}/* 小見出し */

div#main dl {
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#main dt {
	margin-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F00;
	margin-right: 10px;
	padding-left: 5px;
}

div#main dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 2em;
}

div#main img {
	padding:0px;
	vertical-align:bottom;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 5px;
}

/* 回り込み */
.mawarikomi_off {
	clear: both;
}
.mawarikomi {
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ========TOTOP CUSTOMIZE========= */
div#totop {
   padding:10px 0;
   text-align:right;
   font-size:82%;/* 13px相当 */
}

div#totop a {
	padding:0 0 0 12px;
}




/* ========スクールインフォメーション CUSTOMIZE======== */
#info {
	border-top: 1px solid #666666;
	text-align: center;
	margin: 10px 10px 0px;
	clear: both;
	background-color: #FCD1E8;
}

#info p {
	color: #333;
	font-weight: bold;
}


/* ========FOOT CUSTOMIZE======== */
div#foot {
	border-top: 1px solid #333333;
	padding: 0px;
	text-align: center;
	clear: both;
	margin: 0px;
}

div#foot p{
	margin: 5px 0px;

}
th {
	color: #333;
	background-color: #FDF;
	width: 120px;
	padding-left: 5px;
	text-align: left;
}
.tbborder {
	border: 1px solid #CCC;
}
.tbborder_cell {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}