/************************** GENERAL Start *****************************/
body  {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #333;
}

ul, li, td, tr, table, blockquote, p, h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
}

.info-button {
	text-decoration:none;
	border: 1px solid #000;
	padding:0 5px 0 5px;
	background-color:#fff;
	color:#000;
}

.green-header {
	background-color: #8bca19;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
}


.light-green {
	background-color: #8bca19;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 5px;
	font-weight: bold;
}





/************************** GENERAL End *****************************/

.main #container { 
	margin: 0 ;
	width: 760px;  /* this will create a container 80% of the browser width */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(/images/top-page-images/background-body.gif) repeat-y;
} 
/***/

.main #header {
		background: url(/images/top-page-images/header.jpg) no-repeat top;
		height: 65px;
		width:760px;
		padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}
.main #header-green {
	background-color:#8bca19;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: right;
	padding: 4px;
	color: #fff;
}


/***********/

.main #left-side {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 150px; /* since this element is floated, a width must be given */
	margin: 5px 0 0 0; /* top and bottom padding create visual space within this div  */
	background-color:#fff;
}

.main #left-side a:hover {
	text-decoration: none;
	color:#FF6600;
}

.main #left-side .pale-green {
background-color:#effdd4;
font-size:12px;
font-family: "MS UI Gothic";
font-weight: bold;
}

.main #left-side td {
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
}

.main #left-side a {
	text-decoration:none;
	color:#336633;
	padding-left:5px;
}

.main #left-side .title-link {
	color: #fff;
	padding:0;
}

.main #left-side .light-green a:hover {
	text-decoration: underline;
	color:#fff;
}

/*********/
.main #middle {
	float: left;
	width: 430px;
	padding:0;
	margin:5px 0 0 5px;
	
}

.main #news {
	margin: 5px 0 0 0;
}

.main #middle #main-area {
	
}

.main #right-side {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 170px; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 5px 0 0 5px; /* top and bottom padding create visual space within this div  */
	padding: 0; /* top and bottom padding create visual space within this div */
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.main #right-side a {
	color: #fff;
	text-decoration: none;
}

.main #right-side a:hover {
	color:#fff;
	text-decoration: underline;
}
	
.main #right-side #registration {
	font-size:12px;
	padding:7px 0 7px 0;
	margin: 1px 1px 1px 0;
	color:#fff;
	background: url(/images/top-page-images/background-newsletter.gif);
	width: 56px;
	float: left;
	text-align: center;
	font-weight:bold;
}

.main #right-side #unsubscribe {
	font-size:12px;
	padding:7px 0 7px 0;
	margin: 1px 1px 1px 0;
	color:#fff;
	background: url(/images/top-page-images/background-newsletter.gif);
	width: 56px;
	float: left;
	text-align: center;
}

.main #right-side #modify {
	font-size:12px;
	padding:7px 0 7px 0;
	margin: 1px 0 1px 0;
	color:#fff;
	background: url(/images/top-page-images/background-newsletter.gif);
	width: 56px;
	float: left;
	text-align: center;
}

.main #right-side #newest {
	font-size:12px;
	color:#fff;
	padding:7px 0 7px 0;
	margin: 0 0 1px 0;
	background:url(/images/top-page-images/background-newest.gif);
	width: 170px;
	text-align: center;
	font-weight:bold;
        border-top:1px solid #fff;
}

.main #right-side #archive {
	font-size:12px;
	color:#fff;
	background:url(/images/top-page-images/background-archive.gif);
	width: 170px;
	padding:7px 0 7px 0;
	margin: 0 0 1px 0;
	text-align:center;
}

.main #right-side #jgh-logo {
}



	
	
.main #right-side #rpl-adfs {
	margin: 5px 0 0 0px;
}	

.main #right-side #call-back {
	margin: 5px 0 0 0;
}	
.main #right-side #call-back h1 {
	font-size: 16px;
	font-family: "Times New Roman";
	color:#fff;
	padding: 0 5px 0 5px;
}

.main #right-side #call-back p {
	font-size: 11px;
	color:#fff;
	padding: 0 0 0 5px;
}

.main #right-side #call-back .text-box {
	font-size: 11px;
	border: 1px #fff solid;
	height:20px;
	width:245px;
	margin:1px 0 0 0;
}

.main #right-side #call-back .submit-button {
	font-size: 11px;
	border: 1px #fff solid;
	margin: 2px 0 0 0 ;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.main #footer {
	background:url(/images/top-page-images/background-footer.gif) repeat-x;
	height:20px;
	padding-top:18px;
	text-align:center;
	width: 760px;
	
}


.main #footer a {
	color:#fff;
}

/** Navigation Sub **/
.main .links {
	padding: 5px 0 5px 5px;
	border-bottom:1px #9a0000 solid;
}

.main .links-final {
	padding: 5px 0 5px 5px;
}
.main #sub-navigation {
	font-family: "MS UI Gothic";
	font-size:12px;
	font-weight: bold;
}
.main #sub-navigation a {
	text-decoration: none;
	color: #336633;
}

.main #sub-navigation a:hover {
	text-decoration:none;
	color:#ff9900;
}

/* 健康診断 */
.main #nav1 {
	position:absolute;
	top:323px;
	left:150px;
	background-color:#effdd4;
	width:132px;
	border:1px #9a0000 solid;
	
}

/* 医師　*/
.main #nav2 {
	position:absolute;
	top:177px;
	left:150px;
	background-color:#effdd4;
	width:132px;
	border:1px #9a0000 solid;
	
}

/* デンタル 初めてご利用の方　*/
.main #nav3 {
	position:absolute;
	top:409px;
	left:150px;
	background-color:#effdd4;
	width:132px;
	border:1px #9a0000 solid;
	
}

/* デンタル　ご利用案内　*/
.main #nav4 {
	position:absolute;
	top:437px;
	left:150px;
	background-color:#effdd4;
	width:132px;
	border:1px #9a0000 solid;
	
}

/** Navigation Sub End **/


/** Others **/
.normaltext {
	font-family: "MS UI Gothic";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #666666;
}
.titletext {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #fc4f03;
	font-weight: normal;
}
.datetext {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #f60404;
	line-height: normal;
}

.news-section {
    border-bottom:#666 1px dotted;
}
.news-header {
    	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #fe8a22;
	font-weight: bold;
	text-decoration: none;
        padding:5px 0 5px 10px;
}

.news-header a:link {
    color:#fe8a22;
    text-decoration:none;
}


.news-header a:visited {
    color:#fe8a22;
    text-decoration:none;
}

.news-dates {
    	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
        padding:15px;
        text-align:right;

}

.news-summary {
    font-family: "MS UI Gothic";
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: #666666;
    text-decoration: none;
    padding:0 15px 5px 15px;
}

.news-summary a:link {
    color: #666666;
    text-decoration: none;
    
}

.news-summary a:visited {
    color: #666666;
    text-decoration: none;
    
}