@import url(http://www.fujimaki-japan.com/mt/mt-static/themes-base/blog.css);

/* ------------------------------------------

browser style clear

------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	background: transparent;
}

html {
	height: 100%;
	overflow-y: scroll;
}

a img{
	border: none;
text-decoration: none;
}

body {
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	height: 100%;
	background-color:#ffffff;
}

p {
	margin: 0 0 1em 0;
	color:#AFAFA6;
}


/* ------------------------------------------

wireframe

------------------------------------------*/
div#header {
	margin: 30px auto 0 auto;
	background-color:#ffffff;
	padding:0;
	width: 818px;
	text-align:left;
height:119px;
	
}

div#header h1{
float:left;
background-color:#ffffff;
}

.topic{
background-image:url(images/topic_title.gif);
background-repeat:no-repeat;
text-align:right;
color:#7B7D7F;
font-size:10px;
padding:50px 0 0 0;
font-weight:bold;
float:right;
background-color:#ffffff;
}

div#main {
	padding:0;
	margin:0 auto;
	width:818px;
	clear:both;
	border:0;
}

.menu_left{
float:left;
margin:0 0 0 0;
padding:0;
width:198px;
height:402px;
}

.menu_right{
float:right;
margin:0 0 0 0;
width:616px;
padding:0;
height:402px;
}

.menu_left img{
margin:0px 0px 0 0px;
padding:0;
}

.menu_right img{
margin:0;
padding:0;
}

.lead{
clear:both;
color:#717171;
font-weight:bold;
margin:0px 0 0 0;
padding:10px 0 0 0;
font-size:14px;

}

div#wrapper {
	margin:10px auto 0 auto;
	width: 818px;
	text-align: left;
	color:#AFAFA6;
	font-weight:bold;
	background-image:url(images/topic.gif);
	background-repeat:no-repeat;
	height:71px;
}

.FloatEnd{
clear:both;
}

/* ------------------------------------------

common header and nav

------------------------------------------*/

div#accNav,
#bannar 
{
	position: absolute;
	left: -9999px;
margin:0 0 0 0;
padding:0 0 0 0;
height:50px;
}
.bn{
float:left;
margin:0;
padding:0;
height:50px;
}



/* ------------------------------------------

common footer

------------------------------------------*/
div#footer,
div#footer a{
width: 820px;
padding:0 0 20px 0;
margin:0px auto 0 auto; 
color:#FFFFFF;
text-align:right;
}


/* ------------------------------------------

main page

------------------------------------------*/
 div#header h1 {
	margin:0;
}

dt{
	color:#7A796A;
	padding:0;
	padding:5px 0 0px 0;
	line-height:110%;
	list-style:none;
	font-size:12px;

}


dl{
margin:0px 0 0 100px;
padding:15px 0 0 0;
width:680px;
}

.newicon{
margin:2px 10px 0 5px ;
}

h3{
margin:0;
}



/* ------------------------------------------

common

------------------------------------------*/

div#topicPath p,
div#topicPath p a
{
	font-size: 12px;
	color:#7D642D;
	margin: 0 0 0 2px;
	}

.totop{
text-align:right;
margin:20px 20px 20px 0;
}


div#header_b {
	margin: 30px auto 0 auto;
	background-color: #ffffff;
	padding:0;
	width: 818px;
	text-align:right;
	
}

div#nav_menu {
clear:both;
width:820px;
padding:0 0 0 0;
margin: 0 auto 0 auto;
text-align:left;
height:30px;
color:#ffffff;
position:relative;

}

#nav_menu  ul {
padding:0px 0 0 0px;
margin:0 0 0 0;
list-style:none;
	position:relative;
	width:824px;
	height:30px;
}


#nav_menu li {
	margin: 0 0px 0 0;
	padding: 0 6px 0 0;
	width:97px;
	height: 30px;
	float:left;
	text-indent: -9999px;
	}

#nav_menu li a{
	text-decoration:none;
	display:block;
	width:97px;
	height:30px;
	overflow:hidden;
	}
	
#nav_menu li#top    { 
	background-image:url(images/top_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav li#top_r,
#nav_menu li#top a:hover{ 
	background-image:url(images/top_btn_over.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#brother    { 
	background-image:url(images/brother_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav li#brother_r,
#nav_menu li#brother a:hover{ 
	background-image:url(images/brother_btn_over.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#takeshi    { 
	background-image:url(images/takeshi_blog_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav li#takeshi_r,
#nav_menu li#takeshi a:hover{ 
	background-image:url(images/takeshi_blog_btn_over.gif) ;
	background-repeat:no-repeat;
	}

#nav_menu li#yukio { 
	background-image:url(images/yukio_blog_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav li#yukio_r,
#nav_menu li#yukio a:hover{ 
	background-image:url(images/yukio_blog_btn_over.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#lecture{ 
	background-image:url(images/lecture_btn.gif) ;
	background-repeat:no-repeat;
	}

#nav_menu li#lecture_r,
#nav_menu li#lecture a:hover{ 
	background-image:url(images/lecture_btn_over.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#crum    { 
	background-image:url(images/crum_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#crum_r,
#nav_menu li#crum a:hover{ 
	background-image:url(images/crum_btn_over.gif) ;
	background-repeat:no-repeat;
	}

#nav_menu li#media    { 
	background-image:url(images/media_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#media_r,
#nav_menu li#media a:hover{ 
	background-image:url(images/media_btn_over.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#corp    { 
	background-image:url(images/corp_btn.gif) ;
	background-repeat:no-repeat;
	}
	
#nav_menu li#corp_r,
#nav_menu li#corp a:hover{ 
	background-image:url(images/corp_btn_over.gif) ;
	background-repeat:no-repeat;
	}	
	
	
	div#main_b{
	padding:0;
	margin:0 auto;
	width:820px;
	clear:both;
	border:0;

text-align:left;
}
	

.topic_b{
background-repeat:no-repeat;
text-align:right;
color:#7B7D7F;
font-size:10px;
padding:10px 0 0 0;
font-weight:bold;
float:right;

}

div#info {
	margin:10px auto 0 auto;
	width: 820px;
	text-align: left;
background-image:url(images/info.gif);
	background-repeat:repeat-x;
	height:124px;
	clear:both;
	text-align:center;
	padding:0px 0 0 0;
}

div#info p{
padding:30px 0 0 0;
color:#63727B;
	line-height:150%;
	font-weight:bold;
margin:0;

}


/* ------------------------------------------

lecture

------------------------------------------*/



.lec_table{
background:url(images/lecture_bk.gif) repeat-y 95px 0;
width:684px;
font-size:12px;
padding:0;
background-color:#ffffff;
position: relative;
}
.lec_table tr td{
}

.lec_table_left{
padding:0 0 0 13px;
margin:0 0 0 26px;
color:#5E932E;
width:210px;
vertical-align:top;
}

.lec_table_left p{
color:#5E932E;
margin:0px 0 0 0;
line-height:120%;
width:215px;
}

.lec_table_right{
padding:10 0px 0 30px ;
padding:0 0 0 18px;
color:#00A1E3;
width:180px;
vertical-align:top;
}

.lec_table_right p{
color:#00A1E3;
margin:0px 0 0 0px;
line-height:120%;
width:214px;
}


.lec_box{
position: relative;
margin:15px auto 0 auto;
padding:0 0 0 0;
z-index: 1;
}
.lec_box img{
margin:0;
}

.takeshi{
width:101px;
vertical-align:top;
position:relative;
z-index: 2;
}
.takeshi img{
position:absolute;
left:30px;
top:-30px;
}

.box_a{
width:684px;
padding-bottom:0px ;
margin:0 auto ;
background-color:#ffffff;
clear:both;
position:relative;
}

.yukio{
width:101px;
vertical-align:bottom;

overflow:visible;
}

.yukio img{
position:absolute;
right:27px;
bottom:-30px;
z-index:2;
}

/* ------------------------------------------

corporation

------------------------------------------*/

.corp_ta{
width:450px;
border:1px solid #E5E5E5;
border-collapse: collapse; 
}

.corp01{
border:1px solid #E5E5E5;
padding:4px;
font-weight:bold;
text-align:center;
background-color:#F4F4F4;
}

.corp02{
border:1px solid #E5E5E5;
padding:4px 3px 4px 7px;
text-align:left;
}


/* ------------------------------------------

media

------------------------------------------*/


div#media_info {
	margin:5px auto 5px auto;
	width: 820px;
	text-align: left;
background-image:url(images/media_bk.gif);
	background-repeat:repeat-y;
	clear:both;
	padding:0px 0 0 0;
}

div#media_info p{
padding:1empx 0 0 0;
color:#63727B;
	line-height:150%;
	font-weight:bold;
margin:0;

}

.media_ta_00{
width:615px;
margin:0 0 0 100px;
}


.media_ta_td01{
vertical-align:top;
width:30%;
}

.media_ta_td02{
vertical-align:top;
text-align:left;
padding:0 0 0 20px;
width:70%;
}


/*--
new
--*/

div#main_new {
	padding:0;
	margin:0 auto;
	width:818px;
	height:404px;
	clear:both;
	border:0;
}

.menu_left_new{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:167px;
height:404px;
}

.menu_left_new td{
padding:0 0 0 0;
} 

.menu_right_new{
float:right;
margin:0 0 0 0;
height:404px;
padding:0;
width:643px;
}