/* CSS Document */
/* Harada Hiroki(http://bitbizdesign.com/) layout */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body {
margin:0;
font-family:"ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;  
color:#000;
background:#fff;
text-align:center;
}

a {
	text-decoration: none;
}

a:link {
	color: #03C;
	}

a:visited {
	color: #6A5ACD;
	}

a:hover {
	color: #3399FF;
	text-decoration: underline;
	}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

fieldset{
padding-top:1em;
margin-bottom:10px;
text-align: center;  
background:transparent;
font-size:95%;
border:none;
}

legend{
text-align:center;
font-size:95%;
}

#author input{
width:25em;
}

#email input{
width:25em;
}

#url input{
width:25em;
}

input,textarea{
background:transparent;
border:3px double #006699;
font-size:90%;
}

textarea{
width:80%;
}

input.button {
background:#F0F8FF url("" ) top center no-repeat;
text-align:center;
padding:3px 5px;
border:1px solid #006699;
border-width:1px 2px 1px 2px;
}

address{
width: 800px;
text-align:center;
padding:5px;
font-style:normal;
font-size:75%;
color:#808080;
background:#fff;
letter-spacing:2px;
border-bottom:10px solid #006699;
}

img		{
	border: 0;
	}

dl	{
	margin: 0;
	padding: 0 5px 15px 10px;
font-size:90%;
	}
	
dt	{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px;
	}
	
dd	{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.5;
	}

blockquote {
font-size:90%;
margin:10px 30px 5px 30px;
line-height:150%;
padding:1em; 
border-style:solid;
border-color:#006699;
border-width:1px ;
background:#F0F8FF;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#banner {
width:800px;
display:block;
color: #000;
background-color:#00b080;
text-align:left; 
margin-bottom:10px;  
}

#banner2 {
width:800px;
padding:0;
color: #666;
background-color:#fff;
border-top:10px solid #00b080;
text-align:left; 
}

#breadcrumb{
text-align:left; 
padding:3px 0;
font-size:75%; 
background-color: #fff;
margin-bottom:5px;
}

#container {
width:800px;
margin:0;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#left{
width:150px;
padding-right:5px;
padding-bottom:330px;
float:left;
text-align:right;
background:#fff url("http://www.j-medi.com/about/i/logo-side.jpg" ) top left no-repeat;
}

#main{
width:580px;
float:right;
text-align:left;
border:1px solid #999;
margin-left:0;
margin-right:10px;
margin-bottom:5px;
}

#maintop{
width:640px;
float:right;
text-align:left;
margin-left:0;
margin-right:auto;
}

#footer{
width:800px;
text-align:center;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
border-top:1px solid #006699;
clear:both;
}

/************** #banner styles **************/
#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner,#banner2 h1 {
	font-size:95%;
	text-align:left;
	color:#00b080;
	}

#banner h2 {
	font-size: 95%;
	text-align:right;
	}

/*******top page style*******************/
#news{
clear:both;
}

#news li{
list-style-type:none;
}

#news li a:link{
text-decoration:none;
}

#topimage {
width:632px;
margin-top:5px;
padding:20px 0 210px 0;
background:#FFF url("http://www.j-medi.com/about/i/top.jpg" ) top left no-repeat;
}

#topimage ul,li{
padding:2px 5px;
background:#fff;
display:inline;
background:transparent;
}


/******#leftstyle*************************/

#left{
font-size:75%;
}

#left  a{
display:block;
text-decoration:none;
margin-left:0;
}

#left a:hover {
display:block;
background:#FFFFCC;
border-left:10px solid #006699;
}

#left ul {
margin-left:0;
display:block;
}

#left ul ul{
margin-left:0;
}

#left li{
margin-left:0;
}

#left li li{
margin-left:0;
}


#left ul ul a:link{
border:none;
margin-left:0;
}

#left ul ul a:hover {
background:#FFFFCC;
border:none;
border-bottom:1px dashed #006699;
margin-left:0;
}

/************** #main styles **************/


#lastn{
font-size:90%;
}

.content {
	background-color:#FFFFFF;
	color:#000;
	text-align:left;
	}

.content p {
padding:0 10px;
	color: #000;
	font-size:90%;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content li {
	line-height: 150%;
display:block;

	}

#comments,#trackbacks  {
	font-size: 90%;
padding:3px 3px 3px 10px;
background:#F0F8FF url(" " ) center left no-repeat;
}

.content h2.title{
padding:17px 5px 12px 125px;
	color:#000;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
background:#F0F8FF url("http://www.j-medi.com/about/i/title.jpg" ) center left no-repeat;
border-top:5px solid #006699;
border-bottom:1px dashed #006699;
}

.content h2{
padding:5px 5px 5px 10px;
	color:#FFF;
	font-size: 95%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
background:#006699 url("" ) center left no-repeat;
}


.content h3 {
	color:#006699;
	font-size: 95%;
	text-align: left;
	font-weight: bold;
background-color:#F0F8FF;
padding:3px 1em;
border-style:solid;
border-color:#006699;
border-width:1px 0 0 0;
}

.content h3.caption {
	color:#006699;
	font-size: 95%;
	text-align: left;
	font-weight: bold;
background-color:#fff;
padding:5px 1em 0 1em;
border:none;
}

.content p.posted {
	color: #666666;
	font-size: 75%;
	text-align: left;
	margin: 0 5px 25px 5px;
	line-height: normal;
	padding: 3px;
border-top:1px solid #DCDCDC;
}

.extended{
background:#fff url("" ) center left no-repeat;
padding-left:18px;
}

.content li{
font-size:90%;
}

.content dt{
margin-top:10px;
color:#006699;
font-weight:bold;
padding:3px 0 3px 10px;
border-left:15px solid  #006699;
}

.content dd {
padding-left:25px;
}

.content p img{
float:left;
padding:0 1em 1em 0;
}

.imagebox{
padding:3px 0 3px 10px;
}

#totop{
text-align: right;
font-size: 75%;
padding:1em;
}

/************** footter style **************/
#totop{
text-align: right;
font-size: 75%;
padding-right:1em;
}

#athome{
text-align: right;
font-size:75%;
padding:5px  0;
}

/************** Mobavle Type Styles **************/
#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	color: #663300;
	margin-top: 20px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}