@charset "utf-8";
/* hiroshikyoko.com CSS Document */


/*
=======================================================================
Redefinition
=======================================================================
*/

* { margin: 0; }

body {
	font-size: 62.5%;
	/* 16px * 62.5% = 10px */
	font-family: verdana, helvetica, arial, Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	color: #FFFFFF;
	line-height: 1.5;
	background-color: #050505;
}

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
/* styles - use: <div class="clr">&nbsp;</div> */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

* html .pkg { display: inline-block; }

/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

form { margin: 0em; }

a img { border: 0; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote { margin: 0; padding: 0; font-weight: normal; font-style: normal; }

table { border-collapse: collapse; }

hr { display: none; }

/*
=======================================================================
Theme Color
=======================================================================
*/

a {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover { text-decoration: none; }

/*
=======================================================================
Layout
=======================================================================
*/
body { text-align: center; /* center on ie */ }

#container {
	position: relative;
    margin: 0 auto; /* center on everything else */
	width: 800px;
}

#container-inner { position: static;  margin: 24px 0; }

.left-area { float: left; }
.center-area { float: left; }
.right-area { float: right; }
/* right-area after - use: <div class="clr">&nbsp;</div> */

#header { position: relative; text-align: left; margin-bottom: 18px; }

#header-inner { position: static; margin: 0 50px; *height: 60px; }

#menu { position: relative; text-align: left; background: url(/images/common/bg_general_menu.gif) repeat-y scroll center top; }

#menu-inner { position: static; margin: 0 50px; padding: 5px 0; }

#pagebody { position: relative; text-align: left; }

#pagebody-inner { position: static;  margin: 0 50px; }

.general{ margin: 24px 0 0 0; }

#footer { position: relative; }

#footer-inner {
	position: static;
	margin: 21px 50px 0;
	padding: 3px;
	background: url(/images/common/hr_bottom.gif) repeat-x scroll center top;
}

/*
=======================================================================
Footer
=======================================================================
*/

#footer h3 {
	font-size: 1.2em;
	font-family: 'Verdana', 'helvetica', 'MS PGothic', "Osaka", "sans-serif";
	padding-top: 24px;
}

/*
=======================================================================
Top
=======================================================================
*/

ul.top-menu { list-style: none; margin: 0; }

ul.top-menu li { *+margin-left: 0; *margin-left: 0; }

html>/**/body ul.top-menu li { margin-left: -40px; }

ul.top-menu li { margin-bottom: 20px; }

.top { background: url(/images/top/bg.jpg) no-repeat scroll right top; min-height: 480px; *+height: 480px; *height: 480px; }

.top #info {
	font-size: 1.1em;
	width: 360px;
	margin: 20px 0 24px 0;
	padding: 10px 30px 10px 10px;
	border: solid #FFFFFF 1px;
	height: 180px;
	/* no ie mac \*/overflow: auto;/* */
}

.top #info p { }

.top #info a { margin-left: 1em; }

.top #info strong { color: #D32727; }

.top #info .text-blank { padding-top: 4px; padding-bottom: 4px; }

.icon-blank { margin: 0 0 4px 5px; }

/*
=======================================================================
Menu
=======================================================================
*/

#menu ul.general-menu { list-style: none; margin: 8px 0 0 0; padding: 0; *+margin-bottom: -14px; *margin-bottom: -14px; }

#menu ul.general-menu li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

#menu ul.general-menu-list { list-style: none; margin: 8px 0 0 0; padding: 0; *+margin-bottom: -14px; *margin-bottom: -14px; }

#menu ul.general-menu-list li {
	float: left;
	margin: 0 33px 0 0;
	padding: 0;
}

#menu ul.general-menu-list .icon-blank { margin: 0 0 2px 5px; }

/*
=======================================================================
General
=======================================================================
*/

.general ul { list-style: disc; margin: 0 0 26px 0; }

.general li { font-size: 1.4em; *+margin-left: 20px; *margin-left: 20px; }

html>/**/body .general ul li { margin-left: -25px; }


.general h1 { font-size: 1.8em; font-weight: 600; }

.general h2 { font-size: 2.2em; font-weight: 900; margin: 0.5em 0; }

.general h3 {
	background: url(/images/common/hr_title.gif) repeat-x scroll center bottom;
	padding: 0 0 5px 0;
	margin: 0 0 24px 0;
}

.general h4 {
	font-size: 2.0em;
	font-weight: 600;
	margin: 0.5em 0;
	letter-spacing: 0.15em;
}

.general h4 a { text-decoration: none; }

.general h4 a:hover { text-decoration: underline; }

.general h5 {
	font-size: 2.0em;
	font-weight: 600;
	margin: 1em 0 0.5em;
	padding: 7px 8px 10px;
	background: #d35c27 url(/images/common/bg-h5.gif) no-repeat scroll right top;
	border-left: 10px #9c1e1e solid;
	color: #050505;
	font-family: 'Verdana', 'helvetica', 'MS PGothic', "Osaka", "sans-serif";
}

.general h6 { font-size: 1.1em; text-align: right; margin-bottom: 1.5em; }

.general p, #pagebody td { font-size: 1.4em; }

.general p { margin-bottom: 1.5em }

.general .lesson th { 
	font-size: 1.6em; 
	text-align:left; 
	font-weight: 600;
}

.general table.lesson { margin: 12px 0 0 0; }

.general .lesson td { padding: 0 10px 5px 0; }

.general .lesson.td-narrow td { padding: 0 0 5px; }

.general .lesson.td-wide td { padding: 5px; }

.general .lesson strong { color: #D35C27; }

.general .lesson u { font-size: 0.7em; font-style: normal; text-decoration: none; vertical-align: top; }

.general .lesson td.vertical {
	width: 30px;
	background: url(/images/common/vertical.gif) repeat-y center top;
	margin: 0;
	padding: 0;
    font-size: 0.1em;
    line-height: 0;
}

.general .lesson td.hr {
	height: 20px;
	background: url(/images/common/hr_td.gif) repeat-x center center;
	margin: 0;
	padding: 0;
    font-size: 0.1em;
    line-height: 0;
}

.general table.profile { margin: 24px 0; }

.general .profile td {
	padding: 0 10px 5px 0;
	white-space: nowrap;
}

.general strong { color: #D32727; }

.general em { font-size: 1.2em; font-style: normal; font-weight: normal; }

/*
=======================================================================
Common
=======================================================================
*/

.text-blank {
	padding-right: 18px;
	background: url(/images/common/icon_blank_s.gif) no-repeat scroll right center;
}

.hr {
	height: 3px;
	background: url(/images/common/hr_bottom.gif) repeat-x;
	margin: 10px 0 10px 0;
	padding: 0;
    font-size: 0.1em;
    line-height: 0;
}
/* horizontal rule styles - use: <div class="hr">&nbsp;</div><hr /> */