@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
html{
    overflow-y: scroll;
}
body {
	font-size: 14px;
	color: #060143;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 1px;
	background: #FFF;
	font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
}
a:link, a:active, a:visited {
	color: #060143;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ol, ul{
    list-style:none;
}
img{
     border:0;
	 vertical-align: middle;
}
hr {
	display: none;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
	padding: 0;
}
h1, h2, h3 {
    font-size: 100%; 
    font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 0;
}

/*==========================================================*/
/* Layout*/
header#home {
	background: url(../images/top/header_bg.jpg) repeat-x top;
}
header#home #head {
	width: 1225px;
	height: 395px;
	margin: 0 auto;
	background: url(../images/top/header.jpg) no-repeat;
	text-align: center;
}
header#home #head h1 {
	text-indent: -9999px;	
}
header#home #head .description {
	padding: 10px 0 0 103px;
	text-align: left;
}

header#page {
	width: 100%;
	height: 46px;
	background: url(../images/common/header_bg.jpg) repeat-x top;
}

header#page #head2 {
	width: 1060px;
	margin: 0 auto;
	text-align: center;
}
header#page #head2 .description {
	padding: 9px 0 0 0;
	text-align: left;
}

#wrapper {
	width: 1060px;
	margin: 0 auto;
	text-align: center;
}

#content {
	width: 740px;
	float: left;
	text-align: left;
}
#side {
	width: 290px;
	float: right;
	text-align: left;
}
.fixed {
    position: fixed;
	width: 290px;
	top: 15px;
    z-index: 10000;
}
#side ul#menu {
	width: 260px;
	background: #060143;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 10px 15px;
}
#side ul#menu li {
	background: url(../images/common/icn_menu.png) no-repeat 5px 9px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #514e7c;
	padding: 5px 0 5px 30px;
	display: block;
}
#side ul#menu li.last {
	border-bottom: 0;
}
#side ul#menu li a:link,
#side ul#menu li a:active,
#side ul#menu li a:visited {
	color: #FFF;
	text-decoration: none;
}
#side ul#menu li a:hover {
	text-decoration: none;
}
#side ul#menu li:hover {
	background-color: #0a0080;
}
#pagetop {
	float: right;
	padding: 15px 0 30px 0;
}

/*
---------------------------------------------------------------------
	index
---------------------------------------------------------------------
*/
.nayami {
	width: 740px;
	height: 898px;
	background: url(../images/top/nayami.jpg) no-repeat;
}
.nayami p {
	padding: 754px 52px 0 52px;	
}
h2.top {
	padding: 40px 0 30px 0;
}
table.workshop {
	margin-top: 30px;
	border: 1px solid #060143;
}
table.workshop th {
	background-color: #d5e3f0;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #060143;
	text-align: center;
}
table.workshop td {
	padding: 10px;
	border: 1px solid #060143;
}
/*
---------------------------------------------------------------------
	flow
---------------------------------------------------------------------
*/
table.flow {
	margin-top: 30px;	
}
table.flow th {
	padding-bottom: 10px;	
}
table.flow td {
	padding-left: 10px;	
}
/*
---------------------------------------------------------------------
	voice
---------------------------------------------------------------------
*/
.voice {
	border: 1px solid #060143;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 20px;
}
.voice_bottom {
	background-color: #e8e8e8;
	text-align: right;
	padding: 15px;
	margin-top: 20px;
}
.voice h3 {
	font-weight: bold;
	border-left: 5px double #060143;
	line-height: 2.0;
	text-indent: 20px;
	margin-bottom: 15px;
}
/*
---------------------------------------------------------------------
	teacher
---------------------------------------------------------------------
*/
.teacher {
	width: 740px;
	min-height: 323px;
	background: url(../images/img_03.jpg) no-repeat right top;
	padding-top: 10px;
	margin-bottom: 30px;
}
.profile h3 {
	border-top: 3px solid #060143;
	border-bottom: 1px dotted #060143;
	padding: 10px 20px;
	margin-top: 40px;
	font-size: 16px;
	font-weight: bold;
	padding: 20px;	
}
.profile p {
	padding: 20px;	
}
/*
---------------------------------------------------------------------
	qa
---------------------------------------------------------------------
*/
.c-btn {
       margin: 10px 0 10px 0;
       padding: 10px;
	   border-bottom: 1px dotted #060143;
       font-weight: bold;
	   color: #7d7b9d;
       cursor: pointer;
}
.c-btn:hover{
	   color: #060143;;
}
.c-ctt{
	  background-color: #ddd;
	  margin: 10px 0 10px 0;
	  padding: 10px;
}

/*
---------------------------------------------------------------------
	Common
---------------------------------------------------------------------
*/

#workshop_entry {
	background-color: #060143;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 40px;
	margin-top: 40px;
}
#workshop_entry div {
	background-color: #FFF;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 20px;
	margin-top: 20px;
}
#bottom_box {
	margin-top: 50px;
	border-top: 1px dotted #060143;
	border-bottom: 1px dotted #060143;
	padding: 17px;
	zoom: 100%;
}
#bottom_box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.contact_box {
	float: left;	
}
.workshop_box {
	float: right;	
}
h2.blue {
	width: 740px;
	height: 44px;
	background: url(../images/common/sttl.jpg) no-repeat;
	margin-top: 25px;
	margin-bottom: 20px;
}
h2.blue p {
	font-size: 16px;
	font-weight: bold;
	padding: 25px 0 0 35px;
}
.f_left { float: left; }
.f_right { float: right; }
.clear { clear: both; }
.t_bold { font-weight: bold; }
.t_red { color: #aa0000; font-weight: bold; }
.t_small { font-size: 80%; }
.t_large { font-size: 120%; }
.t_through { text-decoration: line-through; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt46 { padding-top: 46px; }
.pt50 { padding-top: 50px; }
.pt80 { padding-top: 80px; }
.pb30 { padding-bottom: 30px; }
.pb70 { padding-bottom: 70px; }
.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }

.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mr15 { margin-right: 15px; }

#formbox {
	font-size: 16px;	
}
#formbox table th,
#formbox table td {
	padding: 0 20px 20px 0;
}
.button {
	text-align: center;
	
}

.red_box {
	border: 5px solid #aa0000;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 20px;
	margin-top: 30px;
}
.red_box h3 {
	font-weight: bold;
	text-align: center;
	line-height: 2.0;
	text-indent: 20px;
	margin-bottom: 15px;
	color: #FFF;
	padding-top: 5px;
	background-color: #aa0000;
}
.red_box ul li {
	list-style: none;
	background: url(../images/common/check.jpg) no-repeat 20px 4px;
	font-size: 120%;
	font-weight: bold;
	padding-left: 50px;
	border-bottom: 1px dotted #060143;
	line-height: 2.0;
}
.blue_box {
	border: 5px solid #060143;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding: 20px;
	margin-top: 30px;
}
.blue_box h3 {
	font-weight: bold;
	text-align: center;
	line-height: 2.0;
	text-indent: 20px;
	margin-bottom: 15px;
	color: #FFF;
	padding-top: 5px;
	background-color: #060143;
}
.blue_box ul li {
	list-style: none;
	background: url(../images/common/check_bold.jpg) no-repeat 20px 7px;
	font-size: 120%;
	font-weight: bold;
	padding-left: 50px;
	border-bottom: 1px dotted #060143;
	line-height: 2.0;
}
.movie_box {
	background-color: #000;
	padding: 40px 0 40px 0;	
}