html, body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin:0pt;
    padding:0pt;
}

html {
   background:#eeeeee;
}

body {
	background-color:#262C30;
	font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;
	-webkit-text-size-adjust: none;
}
a, a img {
    border:0px none #FFFFFF;
}

a:link {
    color:#0099cc;
    text-decoration:none; 
}

a:visited {
    color:#0099cc;
    text-decoration:none; 
}

a:hover,
a:active,
a:focus {
    color:#0099cc;
    text-decoration:underline; 
}

.clr {
    clear:both;
}

p { 
    color:#333333;
    font-size:83%;
    line-height:1.7em;
}

ul li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-decoration:none; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a.prof {
    color:#0099cc;
    text-decoration:none; 
}
 
p.cach {
    float:left;
    width:695px;
    color:#ccc;
	margin:0 0 40px 0;
}

.wrap {
    width:800px;
    margin:0 auto;
}

.wrap_inq {
    width:800px;
    margin:0 auto;
    height:500px;
}

#header {
	display:block;
	float:left;
	width:800px;
	height:45px;
	padding-top:55px;
	padding-bottom:20px;
}

h1.logo {
font-size:1%;
    width:180px;
    height:45px;
    float:left;
    display:block;
}

/* gnavi */

.gnavi {
    margin:20px 0 0 0;
    width:304px;
    float:right;
	font-size:0;
}

.gnavi ul,
.gnavi ul li  {
    float:left;
 }

.gnavi ul {
    width:304px;
    height:25px;
    background:transparent url(images/navi.gif) no-repeat left 0;    
}

.gnavi ul li a {
    display:block;
    width:76px;
    height:25px;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
}

.gnavi ul li.navi_home a:focus,
.gnavi ul li.navi_home a:hover {
    background:transparent url(images/navi.gif) no-repeat 0 -25px;     
}

.gnavi ul li.navi_blog a:focus,
.gnavi ul li.navi_blog a:hover {
    background:transparent url(images/navi.gif) no-repeat -76px -25px;     
}

.gnavi ul li.navi_prof a:focus,
.gnavi ul li.navi_prof a:hover {
    background:transparent url(images/navi.gif) no-repeat -152px -25px;     
}

.gnavi ul li.navi_inq a:focus,
.gnavi ul li.navi_inq a:hover {
    background:transparent url(images/navi.gif) no-repeat -228px -25px;     
}

.gnavi ul li.navi_home a.active {
    background:transparent url(images/navi.gif) no-repeat 0 -50px;
}

.gnavi ul li.navi_blog a.active {
    background:transparent url(images/navi.gif) no-repeat -76px -50px;    
}

.gnavi ul li.navi_prof a.active {
    background:transparent url(images/navi.gif) no-repeat -152px -50px;    
}

.gnavi ul li.navi_inq a.active {
    background:transparent url(images/navi.gif) no-repeat -228px -50px; 
}

.inset_border {
font-size:1%;
    margin:0 0 20px 0;
	background:red url(images/inset_border.gif) repeat-x scroll left bottom;
    width:800px;
    height: 2px;
	display:block;
}

.dot_border {
font-size:1%;
    background:transparent url(images/dotborder.gif) repeat-x scroll left bottom;
    height: 5px;
    margin:0 0 20px 0;
	display:block;
}

.dot_border_navi {
font-size:1%;
	background:transparent url(images/dotborder.gif) repeat-x scroll left bottom;
    width:200px;
    height: 5px;
    margin:0 0 20px 0;
}

.title_site {
    background:transparent url(images/title_top.gif) no-repeat scroll 0 0;
    width:798px;
    height:32px;
	margin:0 0 20px 0;
	text-indent:-10000px;
}

.main_back {
    overflow: hidden;
    background-color:#ffffff;
    padding:40px 0 40px 0;
}

.maincont {
    background-color:#ffffff;
    margin:0 auto;
    width:800px;	
}

.info_box {
    float:left;
    width:551px;
    text-align:left;
    display:block;
}

.nav_box {
    float:right;
    width:200px;
    text-align:left;
}

.title_contents {
	font-size:1%;
	background:transparent url(images/title_contents.gif) no-repeat scroll 0 0;
	height:12px;
	width:71px;
	margin:0 0 10px 0;
	text-indent: -10000px;
}

.title_info {
	font-size:1%;
	background:transparent url(images/title_info.gif) no-repeat scroll 0 0;
	height:12px;
	width:80px;
	margin:0 0 10px 0;
	text-indent: -10000px;
}

.navi {
    font-size:12px;
    line-height:18px; 
    width:200px;
	border-top:#ccc solid 1px;
}

.navi a {
    color:#333333;
    display:block;
    padding:10px 15px 10px 30px;
    text-decoration:none;
    width:156px;
    border-bottom:1px solid #ccc;
    background:#f0f4f5 url(images/list.gif) no-repeat scroll 0 1px;
}

.navi ul a.active,
.navi ul a.active:focus,
.navi ul a.active:hover {
    background:#262C30 url(images/list_active.gif) no-repeat scroll 0 1px;
    color:#eeeeee;
 }

.navi ul a:focus,
.navi ul a:hover {
    background:#eeeeee url(images/list_focus.gif) no-repeat scroll 0 1px;
    color:#0099cc;
	text-decoration:none;
}

p.pagetop{
    text-align:right;
}

.ball {
    background:transparent url(images/ball.gif) no-repeat scroll 0;
    display:block;
    height:76px;
    width:73px;
	float:right;
}

img.portrait {
    margin:0 0 40px 0;
}

img.school {
    margin:0 0 20px 0;
}

/* challenge */

.chg_title {
	background:transparent url(images/chg_title.gif) no-repeat 50% 50%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:800px;
	height:120px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_introA {
	background:transparent url(images/chg_introA_img.jpg) no-repeat 10px 0;
	border-bottom:1px solid #ccc;
	width:800px;
	margin:40px 0 20px;
	padding-bottom:40px;
	overflow:hidden;
}
dl.chg_introA dt {
	background:transparent url(images/chg_introA_title.gif) no-repeat 0 0;
	width:280px;
	height:16px;
	margin:7px 0 0 445px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_introA dd {
	width:320px;
	margin:0 0 0 445px;
	padding:0;
	overflow:hidden;
}
dl.chg_introB {
	background:transparent url(images/chg_introB_img.jpg) no-repeat 400px 0;
	border-bottom:1px solid #ccc;
	width:800px;
	margin:40px 0 20px;
	padding-bottom:40px;
	overflow:hidden;
}
dl.chg_introB dt {
	background:transparent url(images/chg_introB_title.gif) no-repeat 0 0;
	width:213px;
	height:16px;
	margin:7px 0 0 25px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_introB dd {
	width:320px;
	margin:0 0 0 25px;
	padding:0;
	overflow:hidden;
}
dl.chg_introA dd p,
dl.chg_introB dd p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	margin:15px 0;

}
dl.chg_introA dd p.chg_intro_btn,
dl.chg_introB dd p.chg_intro_btn {
	background:transparent url(images/chg_intro_btn.gif) no-repeat 0 0;
	width:308px;
	height:53px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_introA dd p.chg_intro_btn a,
dl.chg_introB dd p.chg_intro_btn a {
	display:block;
	width:300px;
	height:45px;
	margin:4px 0 0 4px;
	outline:none;
}
dl.chg_introA dd p.chg_intro_btn a:hover,
dl.chg_introB dd p.chg_intro_btn a:hover {
	background: url(images/chg_intro_btn.gif) -4px -57px;
}
.chg_column {
	background:transparent url(images/chg_column_line.gif) repeat-y 50% 0%;
	width:800px;
	margin-top:30px;
	padding:0;
	overflow:hidden;
}
.chg_box {
	float:left;
	width:400px;
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.chg_point1 {
	border-bottom:1px solid #ccc;
	width:380px;
	margin-top:7px;
	padding-bottom:30px;
	overflow:hidden;
}
dl.chg_point1 dt {
	background:transparent url(images/chg_point1_title.gif) no-repeat 0 0;
	width:223px;
	height:16px;
	margin-left:25px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_point1 dd {
	width:330px;
	margin:20px 0 0 25px;
	padding:0px;
}
dl.chg_point1 dd ul li {
	position:relative;
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	color:#333;
	line-height:1.5em;
	list-style:none;
	background:url(images/chg_dot.gif) 0 0.3em no-repeat;
	margin:3px 0;
	padding-left:1.5em;
}
dl.chg_point1 dd p {
	position: relative;
	background:transparent url(images/chg_point1_bg.gif) no-repeat 0 0;
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.4em;
	width:274px;
	height:59px;
	margin:5px 0 0 -14px;
	padding:32px 5px 0 65px;
	zoom:1;
}
dl.chg_point2 {
	width:380px;
	margin-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}
dl.chg_point2 dt {
	background:transparent url(images/chg_point2_title.gif) no-repeat 0 0;
	width:191px;
	height:16px;
	margin-left:25px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_point2 dd {
	background:transparent url(images/chg_point2_bg.gif) no-repeat 0 0;
	width:330px;
	height:236px;
	margin:20px 0 0 25px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_point3 {
	border-bottom:1px solid #ccc;
	width:380px;
	margin:7px 0 0 20px;
	padding-bottom:25px;
	overflow:hidden;
}
dl.chg_point3 dt {
	background:transparent url(images/chg_point3_title.gif) no-repeat 0 0;
	width:162px;
	height:16px;
	margin-left:25px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_point3 dd p {
	background:transparent url(images/chg_point3_img.gif) no-repeat 0 0;
	width:163px;
	height:27px;
	margin:30px 0 0 90px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_point3 dd ul {
	display:block;
	background:transparent url(images/chg_point3_bg.gif) no-repeat 0 0;
	width:305px;
	height:210px;
	margin:35px 0 0 25px;
	padding:0px;
	overflow:hidden;
}
dl.chg_point3 dd ul li {
	display:inline;
	position:relative;
	float:left;
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	color:#333;
	line-height:1.5em;
	list-style:none;
	background:url(images/chg_dot.gif) 0 0.3em no-repeat;
	margin:8px 0 4px 20px;
	padding-left:1.5em;
	white-space:nowrap;
}
dl.chg_point3 dd ul li.twice {
	width:100px;
}
dl.chg_point3 dd span {
	display:block;
	font-size:11px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.4em;
	color:#c71a1a;
	margin:10px 0 0 25px;
}
dl.chg_point4 {
	width:380px;
	margin:30px 0 0 20px;
	padding-bottom:30px;
	overflow:hidden;
}
dl.chg_point4 dt {
	background:transparent url(images/chg_point4_title.gif) no-repeat 0 0;
	width:281px;
	height:16px;
	margin-left:25px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.chg_point4 dd ul {
	display:block;
	margin:20px 0 0 25px;
	padding:0px;
	overflow:hidden;
}
dl.chg_point4 dd ul li {
	display:inline;
	position:relative;
	float:left;
	list-style:none;
	width:88px;
	height:190px;
	padding:0px;
	text-indent:-9999px;
	overflow:hidden;
}
.chg_point4_img01 {
	background:transparent url(images/chg_point4_img01.gif) no-repeat 0 0;
}
.chg_point4_img02 {
	background:transparent url(images/chg_point4_img02.gif) no-repeat 0 0;
	margin:0 40px;
}
.chg_point4_img03 {
	background:transparent url(images/chg_point4_img03.gif) no-repeat 0 0;
}

/* TOC Vision */

.vsn_title {
	background:transparent url(images/vsn_title.gif) no-repeat 50% 50%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:800px;
	height:120px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
.vsn_column {
	width:800px;
	margin-top:30px;
	overflow:hidden;
}
.vsn_box {
	float:left;
	width:400px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.vsn_box iframe {
	margin-left:10px;
	zoom:1;
}
dl.vsn_intro {
	width:345px;
	margin-left:45px;
	padding:0;
	overflow:hidden;
}
dl.vsn_intro dt {
	background:transparent url(images/vsn_intro_title.gif) no-repeat 0 0;
	width:307px;
	height:18px;
	margin-top:7px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.vsn_intro dd {
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.vsn_intro dd p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	margin:15px 0;

}
dl.vsn_intro dd p.vsn_intro_btn {
	background:transparent url(images/vsn_intro_btn.gif) no-repeat 0 0;
	width:308px;
	height:53px;
	text-indent:-9999px;
	overflow:hidden;
}
dl.vsn_intro dd p.vsn_intro_btn a {
	display:block;
	width:300px;
	height:45px;
	margin:4px 0 0 4px;
	outline:none;
}
dl.vsn_intro dd p.vsn_intro_btn a:hover {
	background: url(images/vsn_intro_btn.gif) -4px -57px;
}
.vsn_login_box {
	float:left;
	background:#dee0e4;
	width:250px;
	margin:0;
	padding:5px;
	overflow:hidden;
}
.vsn_login_box dl {
	background:#fff;
	margin:0;
	padding-top:15px;
	overflow:hidden;
}
.vsn_login_box dl dt {
	background:transparent url(images/vsn_login_title.gif) no-repeat 0 0;
	width:60px;
	height:16px;
	margin:0 0 10px 20px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	zoom:1;
}
.vsn_login_box dl dd {
	margin-top:5px;
	overflow:hidden;
	zoom:1;
}
.vsn_login_box dl dd span {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	margin-left:20px;
}
.vsn_login_box dl dd input.vsn_login_input {
	width:200px;
	margin:0 0 10px 20px;
	padding:3px 5px;
	border:1px #dee0e4 solid;
}
.vsn_login_box dl dd input.vsn_login_submit {
	margin-left:125px;
}
.vsn_login_box dl dd p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	text-align:center;
	margin:5px 0;
}
.vsn_news_box {
	float:left;
	display:inline;
	background:transparent url(images/vsn_news_dot.gif) repeat-x left bottom;
	width:515px;
	margin-top:5px;
	margin-left:25px;
	padding-bottom:15px;
	overflow:hidden;
}
.vsn_news_box dl {
	margin:0;
	padding:0;
	overflow:hidden;
}
.vsn_news_box dl dt {
	background:transparent url(images/vsn_news_title.gif) no-repeat 0 0;
	width:514px;
	height:16px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
.vsn_news_box dl dd {
	width:500px;
	margin:5px 0 0 5px;
	padding:0;
	overflow:hidden;
}
.vsn_news_box dl dd table {
	width:100%;
}
.vsn_news_box dl dd table tr td {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	margin:0;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:1px solid #dee0e4;
}
.vsn_news_date {
	width:18%;
	padding-left:5px;
}
.vsn_news_title {
	width:82%;
}
dl.vsn_movie_box {
	width:780px;
	margin-left:10px;
	padding:0;
	overflow:hidden;
}
dl.vsn_movie_box dt {
	background:transparent url(images/vsn_movie_title.gif) no-repeat 0 0;
	width:140px;
	height:16px;
	margin-left:18px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.vsn_movie_box dd {
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.vsn_movie_box dd table {
	width:100%;
	margin-top:15px;
}
dl.vsn_movie_box dd table tr th {
	border-bottom:1px solid #dee0e4;
	text-indent:-9999px;
	overflow:hidden;
}
dl.vsn_movie_box dd table tr th.vsn_movie_name {
	background:transparent url(images/vsn_movie_name.gif) no-repeat 20px 0;
	width:50%;
}
dl.vsn_movie_box dd table tr th.vsn_movie_date {
	background:transparent url(images/vsn_movie_date.gif) no-repeat 50% 0;
	width:15%;
}
dl.vsn_movie_box dd table tr th.vsn_movie_category {
	background:transparent url(images/vsn_movie_category.gif) no-repeat 50% 0;
	width:15%;
}
dl.vsn_movie_box dd table tr th.vsn_movie_download {
	background:transparent url(images/vsn_movie_download.gif) no-repeat 50% 0;
	width:20%;
}
dl.vsn_movie_box dd table tr td {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	margin:0;
	padding-top:5px;
	padding-bottom:3px;
	border-bottom:1px solid #dee0e4;
}
dl.vsn_movie_box dd table tr td.vsn_movie_name {
	padding-left:20px;
}
dl.vsn_movie_box dd table tr td.vsn_movie_date,
dl.vsn_movie_box dd table tr td.vsn_movie_category,
dl.vsn_movie_box dd table tr td.vsn_movie_download {
	text-align:center;
}
.vsn_menu {
	width:780px;
	background:#eee;
	margin:30px 0 15px;
	padding:7px 10px;
	overflow:hidden;
}
.vsn_menu_box {
	float:left;
	width:33%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.vsn_menu_line {
	border-left:1px solid #dee0e4;
	border-right:1px solid #dee0e4;
}
.vsn_menu_box ul {
	margin:5px 0 5px 20px;
	padding:0;
}
.vsn_menu_box ul li {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.2;
	margin:5px 0;
	padding:0;
}
dl.vsn_thickbox_dl {
	padding-bottom:15px;
	overflow:hidden;
}
dl.vsn_thickbox_dl dt {
	font-weight:bold;
	margin-top:15px;
}
dl.vsn_thickbox_dl dd {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
}
dl.vsn_thickbox_dl dd ul {
	list-style-type:none;
	margin-top:5px;
	padding:0;
}
dl.vsn_thickbox_dl dd ul li {
	background:url(/images/vsn_thickbox_icn.gif) no-repeat left top;
	margin:0;
	padding-left:10px;
	line-height:1.5;
}
p.vsn_thickbox_p {
	text-align:right;
	margin-top:10px;
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
}
table.vsn_thickbox_table {
	border-collapse:collapse;
	border-spacing:0;
	margin:15px 0;
}
table.vsn_thickbox_table th {
	background-color:#f3f3f3;
	width:25%;
	font-weight:normal;
	white-space:nowrap;
}
table.vsn_thickbox_table th,
table.vsn_thickbox_table td {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
	border: 1px solid #d1d1d1;
	padding: 15px 12px;
	vertical-align: top;
}
.title_entry {
	text-indent:-10000px;
	background:transparent url(images/title_entry.gif) no-repeat scroll 0;
	width:378px;
	height:28px;
	margin-bottom:20px;
}
.title_modify {
	text-indent:-10000px;
	background:transparent url(images/title_modify.gif) no-repeat scroll 0;
	width:546px;
	height:28px;
	margin-bottom:20px;
}
.title_modify {
	text-indent:-10000px;
	background:transparent url(images/title_modify.gif) no-repeat scroll 0;
	width:546px;
	height:28px;
	margin-bottom:20px;
}
.title_withdraw {
	text-indent:-10000px;
	background:transparent url(images/title_withdraw.gif) no-repeat scroll 0;
	width:209px;
	height:28px;
	margin-bottom:20px;
}
.title_login {
	text-indent:-10000px;
	background:transparent url(images/title_login.gif) no-repeat scroll 0;
	width:180px;
	height:28px;
	margin-bottom:20px;
}
.title_password {
	text-indent:-10000px;
	background:transparent url(images/title_password.gif) no-repeat scroll 0;
	width:541px;
	height:28px;
	margin-bottom:20px;
}


/* The story of Naocastle */

.sty_title {
	background:transparent url(images/sty_title.gif) no-repeat 50% 50%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:800px;
	height:120px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
.sty_column {
	width:780px;
	margin:15px 0 15px 10px;
	overflow:hidden;
}
.sty_box {
	display:inline;
	float:left;
	background:#dee0e4;
	width:240px;
	margin-top:15px;
	padding:5px;
	overflow:hidden;
}
.sty_box_center {
	margin-left:15px;
	margin-right:15px;
}
.sty_box dl {
	background:#fff;
	margin:0;
	padding:10px;
	overflow:hidden;
}
.sty_box dl dt {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
	width:220px;
	height:110px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.sty_box dl dt.sty_img00 {
	background:transparent url(images/sty_img00_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img01 {
	background:transparent url(images/sty_img01_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img02 {
	background:transparent url(images/sty_img02_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img03 {
	background:transparent url(images/sty_img03_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img04 {
	background:transparent url(images/sty_img04_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img05 {
	background:transparent url(images/sty_img05_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img06 {
	background:transparent url(images/sty_img06_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img07 {
	background:transparent url(images/sty_img07_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img08 {
	background:transparent url(images/sty_img08_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img09 {
	background:transparent url(images/sty_img09_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img10 {
	background:transparent url(images/sty_img10_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dt.sty_img11 {
	background:transparent url(images/sty_img11_thumb.jpg) no-repeat left bottom;
}
.sty_box dl dd p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
	margin-top:5px;
}
dl.sty_thickbox_dl {
	padding-bottom:15px;
	overflow:hidden;
}
dl.sty_thickbox_dl dt p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
	font-weight:bold;
	margin-top:15px;
}
dl.sty_thickbox_dl dd p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5;
	margin:15px 0;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img {
	float:right;
	border:7px solid #eee;
	margin:0 15px 10px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img00 {
	background:transparent url(images/sty_img00.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img01 {
	background:transparent url(images/sty_img01.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img02 {
	background:transparent url(images/sty_img02.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img03 {
	background:transparent url(images/sty_img03.jpg) no-repeat 0 0;
	width:350px;
	height:180px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img04 {
	background:transparent url(images/sty_img04.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img05 {
	background:transparent url(images/sty_img05.jpg) no-repeat 0 0;
	width:290px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img06 {
	background:transparent url(images/sty_img06.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img07 {
	background:transparent url(images/sty_img07.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img08 {
	background:transparent url(images/sty_img08.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img09 {
	background:transparent url(images/sty_img09.jpg) no-repeat 0 0;
	width:170px;
	height:200px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img10 {
	background:transparent url(images/sty_img10.jpg) no-repeat 0 0;
	width:200px;
	height:270px;
}
dl.sty_thickbox_dl dd p.sty_thickbox_img11 {
	background:transparent url(images/sty_img11.jpg) no-repeat 0 0;
	width:250px;
	height:200px;
}


/* new top design */

.top_back {
	background:#fff url(images/top_bg.gif) repeat-x 0 0;
	padding:15px 0 40px 0;
	overflow:hidden;
}
.slider-wrapper {
	display:block;
	position:relative;
	background:transparent url(images/top_slider_bg.gif) no-repeat 0 0;
	width:790px;
	height:330px;
	margin:0 auto;
	padding:5px 5px 10px 5px;
}
.theme-default #slider {
	position:relative;
	width:790px; /* Make sure your images are the same size */
	height:330px; /* Make sure your images are the same size */
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(images/slider/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
	margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:25px;
	height:42px;
	background:url(images/slider/arrows.png) no-repeat 0% 50%;
	text-indent:-9999px;
	border:0;
	top:140px;
}
.theme-default a.nivo-nextNav {
	background-position:100% 50%;
	right:-30px;
}
.theme-default a.nivo-prevNav {
	left:-30px;
}

.theme-default .nivo-caption {
	font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
	color:#fff;
}
.top_intro {
	width:800px;
	margin-top:60px;
	overflow:hidden;
	clear:both;
}
dl.top_work01 {
	display:inline;
	float:left;
	background:transparent url(images/top_work01_img.jpg) no-repeat 0 50px;
	width:250px;
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.top_work02 {
	display:inline;
	float:left;
	background:transparent url(images/top_work02_img.jpg) no-repeat 0 50px;
	width:250px;
	margin:0 25px;
	padding:0;
	overflow:hidden;
}
dl.top_work03 {
	display:inline;
	float:left;
	background:transparent url(images/top_work03_img.jpg) no-repeat 0 50px;
	width:250px;
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.top_work01 dt {
	background:transparent url(images/top_work01_title.gif) no-repeat 0 0;
	width:243px;
	height:35px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.top_work02 dt {
	background:transparent url(images/top_work02_title.gif) no-repeat 0 0;
	width:247px;
	height:34px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.top_work03 dt {
	background:transparent url(images/top_work03_title.gif) no-repeat 0 0;
	width:200px;
	height:35px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.top_work01 dd,
dl.top_work02 dd,
dl.top_work03 dd {
	width:250px;
	margin:0;
	padding:0;
	overflow:hidden;
}
dl.top_work01 dd p,
dl.top_work02 dd p,
dl.top_work03 dd p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5em;
	margin-top:185px;
}
dl.top_work01 dd p.top_work_btn,
dl.top_work02 dd p.top_work_btn,
dl.top_work03 dd p.top_work_btn {
	background:transparent url(images/top_work_btn.gif) no-repeat 0 0;
	width:170px;
	height:40px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.top_work02 dd p.top_work_btn01 {
	background:transparent url(images/top_work_btn01.gif) no-repeat 0 0;
	width:170px;
	height:40px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.top_work01 dd p.top_work_btn a,
dl.top_work02 dd p.top_work_btn a,
dl.top_work02 dd p.top_work_btn01 a,
dl.top_work03 dd p.top_work_btn a {
	display:block;
	width:162px;
	height:32px;
	margin:4px;
	outline:none;
}
dl.top_work01 dd p.top_work_btn a:hover,
dl.top_work02 dd p.top_work_btn a:hover,
dl.top_work03 dd p.top_work_btn a:hover {
	background: url(images/top_work_btn.gif) -4px -44px;
}
dl.top_prof {
	background:transparent url(images/top_prof_bg.jpg) no-repeat right top;
	width:800px;
	height:460px;
	margin-top:30px;
	padding:0;
	overflow:hidden;
	clear:both;
}
dl.top_prof dt {
	background:transparent url(images/top_prof_title.gif) no-repeat 0 0;
	width:565px;
	height:87px;
	margin-top:25px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
dl.top_prof dd p {
	position:relative;
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5em;
	width:430px;
	margin-left:20px;
}
dl.top_prof dd p.top_prof_jpn {
	background:transparent url(images/top_prof_jpn.gif) no-repeat left top;
	margin-top:30px;
	padding:30px 30px 0;
}
dl.top_prof dd p.top_prof_eng {
	background:transparent url(images/top_prof_eng.gif) no-repeat right bottom;
	margin-top:20px;
	padding:0 30px 30px;
}
dl.top_prof dd span {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	line-height:1.5em;
	margin-left:50px;
}

/* contact */
#captcha {
	margin-right:10px;
}
.ContTxt p {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	font-weight:normal;
	color:#333;
}
.ContFrm {
	width:100%;
	background:#ccc;
	margin:0;
	padding:0;
}
.ContFrm input {
	vertical-align:middle;
}
.ContFrm table {
	width:100%;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
}
.ContFrm th {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	font-weight:normal;
	color:#333;
	width:25%;
	background:#eee;
	text-align:center;
	line-height:1.5em;
	white-space:nowrap;
	padding:10px;
}
.ContFrm td {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	font-weight:normal;
	color:#333;
	width:75%;
	text-align:left;
	line-height:1.5em;
	background:#fff;
	padding:10px;
	border:0;
}
.ContFrm td span {
	color:#cc0000;
}
.ContFrm .wide {
	width:95%;
	margin:0;
}
.ContFrm .txt {
	font-size:12px;
	font-family:"MS PGothic", sans-serif;
	font-weight:normal;
	padding:3px 5px;
	border:1px #999 solid;
}
.ContBtn {
	margin:15px 0;
	padding:0;
	text-align:center;
}
.ContBtn form {
	display:inline;
	margin:0px 10px;
}
.ContBtn input {
	margin:0 5px;
	padding:1px 3px;
}
p.ContJmp {
	margin-top:80px;
}

/* footer */

.footer_back {
    display:block;
    overflow:hidden;
    background:#eeeeee none scroll 0%;
}

.footer {
    margin:0 auto;
    width:800px;
    height:90px;
}

.foot_shadow {
font-size:1%;  
    display:block;
    overflow: hidden;
    background:transparent url(images/footer_shadow.gif) repeat-x scroll center;
    height:10px;
	margin:0 0 20px 0;
}

.footer p {
   	text-align: left;
    color:#666666;
}

.footer a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

.footer a:hover,
.footer a:active {
	color:#0099cc;
}

/* profile_page */

.title_profile {
	text-indent:-10000px;
	background:transparent url(images/title_profile.gif) no-repeat scroll 0;
	width:526px;
	height:23px;
	margin-bottom:20px;
}

.title_outline {
	text-indent:-10000px;
	background:transparent url(images/title_outline.gif) no-repeat scroll 0;
	width:262px;
	height:19px;
	margin-bottom:20px;
}

.title_individual {
	text-indent:-10000px;
	background:transparent url(images/title_indivi.gif) no-repeat scroll 0;
	width:214px;
	height:20px;
	margin-bottom:20px;
}

.title_previous {
	text-indent:-10000px;
	background:transparent url(images/title_previous.gif) no-repeat scroll 0;
	width:260px;
	height:19px;
	margin-bottom:20px;
}

table.profile {
	border-top:#ccc solid 1px;
	color:#333;
	font-size:75%;
	width:100%;
	border-bottom:#ccc solid 1px;
	margin:0 0 20px 0;
}

td {
	padding:10px;
	border-bottom:#ccc solid 1px;
}

td.date {
    width:90px;
    border-bottom:#ccc solid 1px; 
    padding:10px;
    font-weight:lighter;
	background-color:#F0F4F5;
}

td.c { 
	font-weight:bold;
	border-bottom:#ccc solid 1px;
	padding:10px;
	color:#333;
}

.prof_intro { 
	margin:0 0 20px 0;
}

.prof_intro a {
	color:#0099CC;
}

/* contact_page */

.title_inq {
	text-indent:-10000px;
	background:transparent url(images/title_inq.gif) no-repeat scroll 0;
	width:301px;
	height:28px;
	margin-bottom:20px;
}

.title_press {
	padding:10px 0 10px 0;
	color:#0099cc;
	font-weight:lighter;
}

.box_press{
	padding:40px 0 10px 0;
}

.box {
    /*marign:20px 0 0 0;*/
	border:#ccc solid 1px;
    color:#333;
    background-color:#F0F4F5;
    padding:10px;
}

.dots_border {
font-size:1%;
    width:550px;
	height:2px;
	display:block;
	background:transparent url(images/dots_ccc.gif) repeat-x scroll center; 
}

.title_adress {
    margin-top:10px;
	margin-bottom:40px;
    font-weight:lighter;
}

.info_box_inq {
    float:left;
    width:551px;
    text-align:left;
    display:block;
}

/* blog_page */

.sidebar_left {
    font-size:73%;
	line-height:2;
    width:140px;
	margin-right:37px;
	float:left;
	display:block;
}

.sidebar_left ul li a {
    color:#666;
}

.sidebar_left ul li a:focus,
.sidebar_left ul li a:hover,
.sidebar_left ul li a:active {
    color:#0099cc;
    text-decoration:underline;
}


.entry_box {
    width:425px;
	overflow:hidden;
    float:right;
	display:block;
}

.sidebar_right {
	color:#666;
	font-size:90%;
    width:160px;
    overflow:hidden;
	float:right;
	margin-left:36px;
	display:block;
}
 
 
 .sidebar_right p{
    color:#333;
} 
 
 
.about_box_body {
    padding:0 10px 20px;
	display:block;
	background:#eee url(images/b_top.gif) no-repeat scroll center top;
}

.tetsimo_box_body {
    padding:10px;
	display:block;
    background-color:#eee;
}

.about_box_bottom {
font-size:1%;
    width:160px;
    height:5px;
    background:transparent url(images/b_bottom.gif) no-repeat scroll 0;  
	display:block;
	margin:0 0 20px 0;	 
}

.title_about {
    text-indent:-10000px;
    background:transparent url(images/title_about.gif) no-repeat scroll 0;
    display:block;
    margin:10px 0 5px 0;
}

.title_categories {
    text-indent:-10000px;
	background:transparent url(images/title_categories.gif) no-repeat scroll 0;  
	display:block;
	margin:0 0 5px 0;	 
}

.title_recentpost {
    text-indent:-10000px;
	background:transparent url(images/title_recentpost.gif) no-repeat scroll 0;  
	display:block;
	margin:20px 0 5px 0;	 
}

.title_works {
    text-indent:-10000px;
	background:transparent url(images/title_works.gif) no-repeat scroll 0;  
	display:block;	
	margin:0 0 5px 0; 
}

.title_achivemonth {
    text-indent:-10000px;
	background:transparent url(images/title_archived_month.gif) no-repeat scroll 0;  
	display:block;	
	 margin:0 0 5px 0; 
}

.title_links {
    text-indent:-10000px;
	background:transparent url(images/title_link.gif) no-repeat scroll 0;  
    display:block;
    margin:0 0 5px 0;
    	 
}

.title_tetsimo {
    text-indent:-10000px;
	background:transparent url(images/title_tetsimo.gif) no-repeat scroll 0;  
    display:block;	
    margin:0 0 5px 0; 
}

.text_box {
    color:#666666;
    margin:0 0 20px 0;
}

.text_footer {
    border-top:#ccc solid 1px;
	padding:10px 0 0 0;
	margin:0 0 60px 0;
}

.text_title {
    color:#0099cc;
    font-weight:lighter;
	margin:0 0 20px 0;
}

.hiduke p {
    color:#666666;
    font-weight:bold;
}

.youtube {
    margin:0 0 20px 0;
}

.photo {
    margin:20px 0;
}

.title_conte {
    text-indent:-10000px;
	background:transparent url(images/title_contents.gif) no-repeat scroll 0;  
	display:block;
	margin:0 0 10px 0;
}


.blog_portlate {
	 float:right;
}


.tetsimo_box_top {
font-size:1%;
	width:160px;
	height:5px;
	background:transparent url(images/bb_top.gif) no-repeat scroll 0;  
	display:block;
}

.tetsimo_box_bottom {
font-size:1%;
	width:160px;
	height:5px;
	background:transparent url(images/b_bottom.gif) no-repeat scroll 0;  
	display:block;
    margin-bottom:20px;
}

.achivemonth {
     margin:20px 0 20px 0;
}

.school_ad {
     border-top:#ccc solid 10px;
     border-bottom:#ccc solid 10px;
     border-right:#ccc solid 1px;
     border-left:#ccc solid 1px;
     margin:0 0 20px 0;
}

.school_title {
     margin:10px;
}

.school_text {
    margin:10px;

}

.school_scadule{
    font-size:83%;
	padding-top:10px;
    border-top:#ccc solid 1px;
    display:block;
}

.slide_text {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:#ccc solid 1px;
}


/* blog01 */

.comment_box {
    width:423px;
}

.title_comment {
    text-indent:-10000px;
	background:transparent url(images/title_comment.gif) no-repeat scroll 0;  
	display:block;
	margin:0 0 10px 0;
}

.cme_koumoku2 {
    width:100%;
    border:#ccc solid  1px;
    margin:0  0 20px 0;
    color:#666666;
}

.cme_koumoku {
    margin:3px 0 5px;
    border:#ccc solid  1px;
    padding:6px;
    width:386px;
}

.cme {
	color:#0099cc;
    font-weight:lighter;
}

.comment_text {
	border-bottom:#ccc solid 1px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}

a.post_name {
	 color:#0099cc;
	 font-size:83%;
	 display:block;
	 padding:10px 0 10px 0;
	 margin:0 0 10px 0;
	 border-top:#ccc solid 3px;
	 border-bottom:#ccc solid 1px;
}


.entry_navi{
     display:block;
	 margin:0 0 20px 0;
	 border-right:#ccc solid 1px;
	 border-left:#ccc solid 1px;
	 background:transparent url(images/navi_bc.gif) repeat-y scroll 0 ;
}

.entry_navi,
.entry_navi ul li  {
    float:left;
 }

.entry_navi a:hover,
.entry_navi a:active,
.entry_navi a:focus{
    color:#0099cc;
}

.date_school {
    color:#666;
	border-bottom:#ccc solid 1px;
}

.navi_main a {
    color:#0099cc;
	font-size:83%;
    text-align:center;
    display:block;
	width:130px;
    padding:0 4px;
}

.navi_previ a{
    color:#0099cc;
	font-size:83%;
    background:transparent url(images/icon_nav_left.gif) no-repeat scroll left center;
	text-align:left;
	display:block;
	width:130px;
	padding:0 0 0 12px;
}

.navi_next a{
    color:#0099cc;
	font-size:83%;
    background:transparent url(images/icon_nav_right.gif) no-repeat scroll right center;
    text-align:right;
	display:block;
	width:130px;
	padding:0 12px 0 0;
}

.dots_b_border {
font-size:1%;
	background:transparent url(images/dots.gif) repeat-x scroll left 0;
	display:block;
	height:1px;
	margin:2px 0 0 0;
	padding:0 0 5px 0;
}

