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:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

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 {
    height:45px;
	width:800px;
    float:left;
    display:block;
	padding-top:55px;
	margin-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;
}

/* 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;
    margin-bottom:20px;
}

.title_individual {
    text-indent:-10000px;
    background:transparent url(images/title_indivi.gif) no-repeat scroll 0;
    margin-bottom:20px;
}

.title_previous {
    text-indent:-10000px;
    background:transparent url(images/title_previous.gif) no-repeat scroll 0;
    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;
    margin:0 0 20px 0;
}

.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;
}