/* import css files
------------------------------------------------- */
@import "common_header.css";
@import "common_footer.css";
@import "common_sidemenu.css";
@import "common_contents.css";


/* common
------------------------------------------------- */
* {margin:0;}

html, body {
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:1.4em;
	color:#444444;
	background-color:#ffffff;
}

img {border:0px;}


/* layout
------------------------------------------------- */
div#layout {
	width:880px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	}

div#submenu {
	width:230px;
	margin:0px;
	padding:0px 0px 20px 0px;
	float:right;
	}

div#contents {
	width:630px;
	margin:0px;
	padding:0px 0px 20px 0px;
	float:left;
	}

/* contents
------------------------------------------------- */
div#flash {
	width:880px;
	margin:0px auto;
	padding:0px 0px 5px 0px;
	}

div#tp-banner {
	margin:0px;
	padding:0px 0px 1px 0px;
	}

div#tp-title {
	margin:0px;
	padding:0px 0px 15px 0px;
	}

div#tp-news-block {
	width:630px;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	
div#tp-news-block .l-img {
	width:135px;
	margin:0px;
	padding:0px 0px 20px 0px;
	float:left;
	}

div#tp-news-block .r-txt {
	width:480px;
	margin:0px;
	padding:0px 0px 20px 0px;
	float:right;
	}

div#tp-news-block .r-txt .title {
	margin:0px;
	padding:0px 0px 5px 0px;
	font-size:medium;
	font-weight:bold;
	}

div#tp-list-block {
	width:630px;
	margin:0px;
	padding:0px 0px 0px 0px;
	}

div#tp-list-block .l-img {
	width:90px;
	margin:0px;
	padding:0px 0px 15px 0px;
	float:left;
	}

div#tp-list-block .r-txt {
	width:530px;
	margin:0px;
	padding:0px 0px 15px 0px;
	float:right;
	}

.note-arrow {margin:0px; padding:0px 0px 3px 0px;}
.note-arrow .note-date {
	margin:0px;
	padding:0px 0px 0px 15px;
	line-height:1.3em;
	background:url(../img_common/ico_arrow.gif) no-repeat 0px 0.1em;
	}
.note-arrow .note-txt {margin:-1.3em 0px 0px 10em; padding:0px; line-height:1.3em;}

.note-check {margin:0px; padding:0px 0px 3px 0px;}
.note-check .note-date {
	margin:0px;
	padding:0px 0px 0px 15px;
	line-height:1.3em;
	background:url(../img_common/ico_check.gif) no-repeat 0px 0.1em;
	}
.note-check .note-txt {margin:-1.3em 0px 0px 10em; padding:0px; line-height:1.3em;}


.note-arrow a {text-decoration:underline;}
.note-arrow a:link {color:#444444; text-decoration:none;}
.note-arrow a:active {color:#444444; text-decoration:none;}
.note-arrow a:visited {color:#444444; text-decoration:none;}
.note-arrow a:hover {color:#47AF3E; text-decoration:none;}

.note-check a {text-decoration:underline;}
.note-check a:link {color:#444444; text-decoration:none;}
.note-check a:active {color:#444444; text-decoration:none;}
.note-check a:visited {color:#444444; text-decoration:none;}
.note-check a:hover {color:#47AF3E; text-decoration:none;}



/* font
------------------------------------------------- */
.font-s{font-size:x-small;line-height: 1.3em;}
.font-m{font-size:small;line-height: 1.3em;}
.font-l{font-size:medium;line-height: 1.3em;}

.color-txt {color:#444444;}
.color-green {color:#47AF3E;}
.color-orange {color:#ff8100;}


/* link color
------------------------------------------------- */
a {text-decoration:underline;}
a:link {color:#444444; text-decoration:underline;}
a:active {color:#444444; text-decoration:underline;}
a:visited {color:#444444; text-decoration:underline;}
a:hover {color:#47AF3E; text-decoration:underline;}


/* space
------------------------------------------------- */
.space00 {margin-bottom:0px;}
.space05 {margin-bottom:5px;}
.space10 {margin-bottom:10px;}
.space15 {margin-bottom:15px;}
.space20 {margin-bottom:20px;}
.space30 {margin-bottom:30px;}
.space40 {margin-bottom:40px;}
.space50 {margin-bottom:50px;}


.space00-l {margin-left:0px;}
.space05-l {margin-left:5px;}
.space10-l {margin-left:10px;}
.space20-l {margin-left:20px;}

.space10-r {margin-right:10px;}

.space00-t {margin-top:0px;}
.space05-t {margin-top:5px;}
.space10-t {margin-top:10px;}
.space20-t {margin-top:20px;}


/* clear
------------------------------------------------- */
.clear-all {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}


/* Print
------------------------------------------------- */
@media print {
html, body {
	font-size: 9pt;
	zoom: 0.70;
}
}