<?php include_once( "../../spider.inc.php" ); header('Content-Type: text/css;charset=UTF-8'); ?>
{charset:UTF-8}
@charset "utf-8";
/*
 * MDS Co.,Ltd.
 * Description:	CSS file for screen
 * Filename:		common.css.php
 * Version:		1.0
 * Author: 		mds directors
 * Last Up Date:	23/01/2009
 *
 * Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
@media screen,tv {

*{
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background: #f1ede0;
	background-position: center;
	color: #000;
	font-size: small;
	font-family:Verdana, Arial, sans-serif;
	text-align: center;
}

#container {
	display: block;
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background: #f1ede0;
	color: #000;
}

/************* header styles ****************/
#header {
	display: block;
	width: 1024px;
	margin: 0 auto;
}
#header-inner {
	display: block;
	float: left;
	width: 1024px;
}
#header-logo {
	display: block;
	position: static;
	float: left;
	width: 280px;
	margin: 0px 0px 0px 15px;
	padding: 0;
}
#header-help {
	display: block;
	position: relative;
	float: right;
	width: 650px;
	margin: 20px 15px 0px 0px;
	padding: 0;
	text-align: right;
}

/************* navi styles ****************/

.navi {
	list-style-type: none;
	margin-left:10px;
	padding:0px;
}
.navi li {
	display: inline;
}

/************* wrapper styles ****************/

#wrapper {
	display: block;
	position: static;
    width: 1024px;
    margin: 0 auto;
    background: #f1ede0;
}
#wrapper-inner {
    display: block;
    width: 1024px;
    text-align: center;
}

/************* top-content styles ****************/

.top-content-build {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: transparent url('../images/top_content_building.jpg') no-repeat;
	font-size:10px;
}
.top-content-wall {
	display: block;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: transparent url('../images/top_content_wall.jpg') repeat-y;
	text-align: left;
}
.top-content-wall-inner {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.top-content-wall-inner div,
.top-content-wall-inner p,
.top-content-wall-inner table thead tr th,
.top-content-wall-inner table thead tr td,
.top-content-wall-inner table tbody tr th,
.top-content-wall-inner table tbody tr td
{
	font-size: small;
}
.top-content-bottom {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 24px;
	background: transparent url('../images/top_content_bottom.jpg') no-repeat;
}

/************* left-bar styles ****************/

#left-bar {
    display: block;
    position: static;
    float: left;
    width: 227px;
    margin: 0;
    padding: 0;
    text-align: left;
}
.left-bar-build {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 18px;
    margin: 0;
    padding: 0;
    background: url('../images/left_bar_building.jpg') no-repeat;
    font-size: 10px;
}
.left-bar-wall {
    display: block;
    position: relative;
    float:left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url('../images/left_bar_wall.jpg') repeat-y;
    text-align: left;
}
.left-bar-wall-inner {
    display: block;
    position: relative;
    float: left;
    width: 200px;
    margin: 0;
    padding-left: 20px;
    text-align: left;
}
.left-bar-bottom {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 24px;
    background: url('../images/left_bar_bottom.jpg') no-repeat;
}

/************* login styles ****************/

#login-area {
	float: left;
	width: 100%;
	margin: 0 auto;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom : 50px;
	text-align: center;
}
#login-title {
	float: left;
	margin: 10px 0px 10px 0px;
	width: 100%;
}
#login-box {
	margin: 0 auto;	
	text-align: center;
	width: 100%;
}
#login-build{
    float: left;
    width: 100%;
    height: 10px;
    margin: 0px;
    padding: 0px;
	background: url("../images/login_build_01.jpg") no-repeat center;
	font-size: 7px;
}
#login-wall{
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
	background: url("../images/login_wall_01.jpg") repeat-y center;
}
#login-bottom{
    float: left;
    width: 100%;
    height: 10px;
	background: url("../images/login_bottom_01.jpg") no-repeat center;
	font-size: 7px;
}

/************* table login styles ****************/	

table.login {
	empty-cells: show;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border-collapse: collapse;
	text-align: center;
}
th.login {
	padding : 0.5em;
	font-weight: normal;
    text-align: center;
}
td.login {
	padding : 0.5em;
    line-height: 150%;
    text-align: center;
}

/************* content styles ****************/

#content {
    display: block;
    position: relative;
    float: right;
    margin: 0px 0px 0px -10px;
    padding: 0px;
    width: 797px;
    text-align: right;
}
.content-build {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    background: url('../images/content_building.jpg') no-repeat;
    font-size: 10px;
}
.content-wall {
    display: block;
    position: static;
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url('../images/content_wall.jpg') repeat-y;
    text-align: right;
}
.content-wall-inner {
    display: block;
    position: relative;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 770px;
    background: #fff;
    text-align: left;
}
.content-wall-inner div,
.content-wall-inner p,
.content-wall-inner table thead tr th,
.content-wall-inner table thead tr td,
.content-wall-inner table tbody tr th,
.content-wall-inner table tbody tr td
{
	font-size: small;
}
.content-bottom {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    background: url('../images/content_bottom.jpg') no-repeat;
}

/************* sectionLinks styles ****************/

div.sectionLinks {
    display: block;
    list-style-type: none;
    position: relative;
    float: left;
    width: 100%;
}
div.sectionLinks ul {
    list-style-type: none;
}
div.sectionLinks,div.sectionLinks li,div.sectionLinks li a {
    margin: 0;
    padding: 0;
}
div.sectionLinks li {
    _display: block;
    width: 185px;
}
div.sectionLinks li a {
    display: block;
    padding: 8px 0px 8px 8px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #f8f8f8;
    color: #39f;
    text-decoration: none;
}
li.sectionLinks-bottom {
    display: block;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: #39f;
    text-decoration: none;
}
div.sectionLinks li a:hover {
    background: #def;
    clear: left;
}

div.sectionLinks ul li ul li {
    display: block;
    width: 185px;
    line-height:1em;
}
div.sectionLinks ul li ul li a {
    display: block;
    padding: 5px 0px 5px 20px;
    border-top: dotted 1px #ccc;
    color: #39f;
    text-decoration: none;
    font-size: 12px;
    background: #ffffff;
}

/************* footer styles ****************/

#footer {
    display: block;
    position: static;
    float: center;
    width: 1024px;
    height: 105px;
    margin: 0 auto;
    padding: 0;
}
#footer-area {
    margin: 0px 0px 0px 20px;
    background: #fff;
    color: #000;
    line-height: 150%;
}
#footer-menu {
    display: inline;
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0;
    text-align: center;
}
#copyright {
    background: #fff;
    color: #000;
    margin: 5px 20px 0px 24px;
    padding: 0px; 
}
address {
	font-style: normal;
}
p {
	margin: 0px;
	padding: 5px 10px 5px 20px;
	line-height: 165%;
}
img {
	border: none;
}
.page-top{
    margin: 15px 0px 20px 0px;
    text-align: right;
}

/************* side-menu styles ****************/

#side-menu {
	float: left;
	margin: 10px -240px 10px 10px;
	padding: 0px;
	overflow: hidden;
	zoom: 1;
}
.side-menu-wall {
	width: 240px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
}
.side-menu-wall-inner {
    width: 100%;
    margin: 0px;
    padding: 15px 0px 15px 15px;
	line-height: 165%;
}
#logout {
    text-align: center;
    padding-left: 0px;
}
* html #logout {
    padding: 15px 0px 15px 15px;	
}

#selected {
    background: #fce3b4;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px dotted #ccc;
}
.menu_title {
    background: #fff;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px dotted #ccc;
}
.list {
	margin-left: 20px;
}

/************* links styles ****************/

a:link,a:visited {
	color: #03f;
	text-decoration: none;
}
a:hover {
	color: #f60;
	text-decoration: underline;
}

/************* hx styles ****************/

h1 {
    width: 94%;
    height: 40px;
    margin:0px 0px 0px 10px;
    padding:10px 0px 10px 25px;
    background: url('../<?php echo RELEASE_MAIN_PACKAGE; ?>/images/h1_01.jpg') no-repeat;
    color: #fff;
    font-size: 18px;
    text-align: left;
}
h1#common {
    width: 94%;
    height: 40px;
    margin: 0px 0px 0px 20px;
    padding: 10px 0px 10px 25px;
    background: url('../<?php echo RELEASE_MAIN_PACKAGE; ?>/images/h1_02.jpg') no-repeat;
    color: #fff;
    font-size: 18px;
    text-align: left;
}
h2 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 20px;
    color : #696969;
    font-size: 16px;
}
h2.common {
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 4px 20px;
    background: url('../images/h2_01.jpg') no-repeat;
}
h2.wizard {
    font-size: 16px;
    margin-left: 5%;
    padding: 8px 0px 4px 20px;
    background: url('../images/h2_02.jpg') no-repeat;
}
h2.form {
    font-size: 16px;
    margin-left: 2%;
    padding: 8px 0px 4px 20px;
    background: url('../images/h2_04.jpg') no-repeat;
}
h2.contents {
    width: 94%;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 25px;
    background: url('../images/h1_03.jpg') no-repeat;
    color: #fff;
    font-size: 16px;
    text-align: left;
}
h2.global {
    width: 94%;
    height: 40px;
    margin:0px 0px 0px 10px;
    padding:10px 0px 10px 25px;
    background: url('../<?php echo RELEASE_MAIN_PACKAGE; ?>/images/h2_06.jpg') no-repeat;
    font-size: 16px;
    text-align: left;
}
h3 {
    height: 10px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 10px;
    border-style: none;
    text-align: left;
}

/************* content styles ****************/

.topics {
    width: 580px;
    padding: 10px 0px 10px 20px;
    border: 1px solid #666;
}
table.mypage {
	width: 590px;
	border:1px solid #ccc;
	border-collapse: collapse;
}
th.mypage {
	background-color: #39f;
	color:#fff;
	text-align: center;
	border:1px solid #ccc;
	font-weight: normal;
}
td.mypage {
	padding: 0.5em;
	border:1px solid #ccc;
}
.page-list-space {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
}
.page-list-space a {
	margin-right: 5px;
	padding: 3px 6px;
	border: 1px solid #ccc;
}
.page-list-space a:hover {
	color: #fff;
	background: #39f;
}
.current-page {
	margin-right: 1px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #eaeaea;
	color: #333;
	font-weight: bold;
}
.total-page {
	line-height:200%;
}
/************* links ****************/

a:link.menu,a:visited.menu,a:active.menu {
    color: #fffffe;
}
a:hover.menu {
    color: #dff;
	text-decoration: underline;
}
a:link,a:visited {
    color: #39f;
	text-decoration: underline;
}
a:hover {
    color: #f90;
    text-decoration: underline;
}

/************* list ****************/

table.list {
	width: 70%;
	margin-left: 2em;
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
}
table.list thead tr th {
	width: 14em;
	padding: 2px;
	border: 1px solid #d0d0d0;
	background-color: #e0e0e0;
	font-size: small;
}
table.list thead tr td {
	padding: 2px;
	border: 1px solid #d0d0d0;
	font-size: small;
}
table.list tbody tr th {
	width: 14em;
	padding: 2px;
	border: 1px solid #d0d0d0;
	background-color: #e0e0e0;
	font-size: small;
}
table.list tbody tr td {
	padding: 2px;
	border: 1px solid #d0d0d0;
	vertical-align : top;
	font-size: small;
}
div.panc {
	width:95%;
	margin:0 auto;
	text-align:right;
	padding:3px;
}
/************* color styles ****************/

.red {
	color: #f00;
}

/** package index **/
dl.package-index {
	margin-left:25px;
	
}
dl.package-index dt {
	font-size: 16px;
	font-weight: bold;
}
dl.package-index dd {
	padding: 10px 20px 20px 10px;
	line-height: 1.5em;
}
*.error-msg {
	color: #ff6060;
}
span.required {
	color: #ff7060;
	font-weight: 100;
	font-size: x-small;
}
span.form_attention {
	color: #ff7060;
	font-weight: 100;
	font-size: x-small;
}
}