/*
** BLUE:SKY - main stylesheet
** This CSS file makes the webpage look pretty ;-)
**
** March 5, 2006 - (version 1.0)
**
** this is a part of the open source layout by
** Jonas John (www.jonasjohn.de) ~ made for oswd.org !
*/

/* page overall: */

html * {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    margin: 0.5em 0em 2em 0em;

    font-size: 100%;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    line-height: 1.1em;
    text-align: center;

/*    background-color: #191970;*/
/*     background-image: url(../images/background.png);*/
    background-image: url(../images/background3.png);
/*    background-repeat: repeat;*/
}

#page {
    width: 900px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


/* header: */

#header {
    position: relative;
    width: 100%;
    height: 2.8em;
    color: #fff;
    vertical-align: middle;
    text-align: left;
    font-size: 0.8em;
}

#header a:link, #header a:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 1.9em;
    letter-spacing: -0.1em !important;
    letter-spacing: -0.2em;
    line-height: 1.2em;
}


/* left column: */

#left {
    width: 24%;
    float: left;
    position: relative;
    font-size: 0.8em;
}

div#nav {
    background-color: #fff;
    width: 90%;
    border-right: 0.18em solid #4284B5;
    border-bottom: 0.16em solid #4284B5;
}

#nav ul {
    list-style-type: none;
    padding: 0.5em 0em 0.9em 0em;
}

#nav ul li {
    padding: 0.2em 0em 0.2em 0.9em;
    margin-right: 0.3em;
}

#nav a:link, #nav a:visited {
/*    color: #2E668B;*/
    color: #040d83;
}

#nav a:hover, #nav a:active {
/*    color: #000;*/
    color: #B0C4DE;

}

div.left_box {
    background-color: #fff;
    width: 90%;
    margin-top: 1em;
    border-right: 0.18em solid #4284B5;
    border-bottom: 0.16em solid #4284B5;

}

div.left_box h3, div#nav h3 {
    margin: 0em;
    padding: 0.2em 0em 0.2em 1em;
    font-size: 0.8em;
    color: #fff;
    border-top: 0.1em solid #65B6E3;
    border-left: 0.1em solid #65B6E3;
    background-color: #4284B5;
    text-transform: uppercase;
    font-family: Verdana, Arial, sans-serif;
}

div.left_box p {
    margin: 0em;
    padding: 1em 1em 1em 1em;
}

div.left_box a:link {
    color: #2E668B;
}

div.left_box a:visited {
    color: #254A65;
}

div.left_box a:hover, div.left_box a:active {
    color: #000;
}

div.inner_box {
    border-right: 0.15em solid #7BA5C6;
    border-bottom: 0.15em solid #7BA5C6;
}



/* content column: */

#content_admin {
    display: block;
    width: 1000px;
    font-size: 0.75em;
    background-color: #cccccc;
    border-right: 0.2em solid #4284B5;
    border-bottom: 0.2em solid #4284B5;
}

#content {
    float: right;
    display: inline;
    position: relative;
    width: 75%;
    font-size: 0.75em;

    background-color: #fff;

    border-right: 0.2em solid #4284B5;
    border-bottom: 0.2em solid #4284B5;
    overflow: hidden;
}

#content h1 {
    clear: both;
    margin: 0em 0em 0em 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.7em;
    font-family: "Trebuchet MS", Arial, sans-serif;
/*    color: #FF6300;*/
	color: #040d83;
/*    border-bottom: 0.05em solid #FF9853;*/
    border-bottom: 0.05em solid #040d83;
    line-height: 1em;
}

#content p {
    margin: 0em 0em 0.5em 0em;
    padding: 0.35em;
}

#path {
    font-family: Verdana, Arial, sans-serif;
    margin: 0em 0em 0em 0em;
    padding: 0.4em 0.6em 0.4em 0.6em;
    font-size: 0.9em;
    color: #2F5E80;
    background-color: #D0E7F4;
    border-right: 0.23em solid #7BA5C6;

}

#path_foot {
    font-family: Verdana, Arial, sans-serif;
    margin: 0em 0em 0em 0em;
    padding: 0.4em 0.6em 0.4em 0.6em;
    font-size: 0.9em;
    color: #2F5E80;
    background-color: #D0E7F4;
    border-right: 0.23em solid #7BA5C6;
    text-align: right;
}


#content a:link {
    color: #2E668B;
}

#content a:visited {
    color: #255270;
}

#content a:hover, #content a:active {
    color: #000;
}

#content acronym {
    border-bottom: 1px dotted #4284B5;
    cursor: help;
    margin: 0;
    padding: 0;
}

#main {
    padding: 0.5em 1.5em 1.5em 0.7em;
    border-bottom: 0.2em solid #7BA5C6;
    border-right: 0.2em solid #7BA5C6;
    color: #000000;
}

#main2 {
    padding: 0.5em 1.5em 1.5em 0.7em;
    border-bottom: 0.2em solid #7BA5C6;
    border-right: 0.2em solid #7BA5C6;
    color: #000000;
	background-image: url(../images/link.jpg);
}

#main3 {
    padding: 0.5em 1.5em 1.5em 0.7em;
    border-bottom: 0.2em solid #7BA5C6;
    border-right: 0.2em solid #7BA5C6;
    color: #000000;
	background: url(../images/back.gif) no-repeat fixed 60% 70%;
}

div.img_left, div.img_right {
    border-bottom: 0.09em solid #4284B5;
    border-right: 0.1em solid #4284B5;
}

div.img_left {
    float: left;
    margin: 0.5em 0.8em 0em 0em;
}

div.img_right {
    float: right;
    margin: 0.5em 0em 0em 0.8em;
}

div.img_right2 {
    float: right;
    margin: 1em 0em 0em 2em;
}


div.img_left img, div.img_right img {
    display: block;
    border: 0.35em solid #7BA5C6;
    margin: 0;
    padding: 0;
}

/* this clears floating (e.g images) */
br.clear {
    clear: both;
    display: none;
}


/* footer: */

#footer {
    margin: 0em;
    padding: 0em;
    font-size: 0.6em;
    clear: both;
    color: #027BC1;
    text-align: right;
}

#footer p {
    margin: 0em;
    padding: 0.1em;
}

#footer a:link, #footer a:visited {
    color: #027BC1;
}

#footer a:hover, #footer a:active {
    color: #000000;
}

/*	会社概要
------------------------------------------------------------------*/

.gaiyou01 td {
	padding:5px;
	font-size: 8pt;
	}

.gaiyou02 td {
	padding:5px;
	font-size: 8pt;
	}

.gaiyou01 td.hai02{
	width:100px;
	text-align:right;
	font-weight:bold;
	border-right: 3px double #607B8B;
    color: #708090;
	font-size: 8pt;
	}

.gaiyou01 td.hai03{
	width:450px;
	text-align:left;
	font-size: 8pt;
    color: #000000;
	}

.x1 {font-size: 8pt;}
.x2 {font-size: 10pt;}
.x3 {font-size: 8pt;
	color: #FF0000;
	}


.ta td {
	padding:5px;
	font-size: 8pt;
	}

.ta td.ta02{
	border: 1px solid #DCDCDC;
	font-size: 8pt;
	}

.ta01 {
	border: 1px solid #DCDCDC;
    color: #000000;
	font-size: 8pt;

	}

.ta03 {
	border: 1px solid #DCDCDC;
    color: #000000;
	font-size: 7pt;
	}


.ta04 {
	border: 0px solid #DCDCDC;
    color: #000000;
	font-size: 8pt;
	}

.ta05 {
	border: 0px solid #DCDCDC;
    color: #000000;
	font-size: 12pt;
	font: bold;

	}

.ta06 {
	border: 1px solid #DCDCDC;
    color: #FFFFFF;
	font-size: 8pt;
	background-color: #040d83;
	}

.ta07 {
	border: 0px solid #DCDCDC;
    color: #000000;
	font-size: 6pt;
	}
/*フォーム--------------------------------------------------------------*/
.form {

	background-color: #f5f5f5;
	border: solid 1px #a9a9a9
	font-size: 8pt;
}
input:focus,select:focus,textarea:focus   {
	background-color: #d4e1f8
	font-size: 8pt;
}
.form2 {
	background-color: #f5f5f5;
	width: 30px; border:
	solid 1px #a9a9a9
	font-size: 8pt;
}
.form3 {
	background-color: #f5f5f5;
	width: 70px; border:
	solid 1px #a9a9a9
	font-size: 8pt;
}
.formadd {
	background-color: #f5f5f5;
	width: 300px;
	border: solid 1px #a9a9a9
	font-size: 8pt;
}
.formb {
	color: #fff;
	font-size: 0.75em;
	background-color: #808080;
	padding: 0; width: 60px;
	border: solid 1px #5f5f5f
	color: #000000;
	font-size: 8pt;
}
.formtext {
	background-color: #f5f5f5;
	width: 380px;
	border: solid 1px #a9a9a9
	font-size: 8pt;
}
.formtd {
	color: #555;
	font-size: 0.75em;
	line-height: 1.5em;
	background-color: #e9e9e9;
	text-align: left;
	padding: 5px 3px 5px 8px;
	border-bottom: 1px solid #c0c0c0;
	color: #000000;
	font-size: 8pt;
}
.formtd1 {
	color: #555;
	background-color: #e9e9e9;
	text-align: left;
	padding: 5px 3px 5px 8px;
	border-bottom: 1px solid #c0c0c0;
	font-size: 8pt;
}
.formtd2 {
	font-size: 0.75em;
	background-color: #c0c0c0;
	text-indent: 5px;
	padding: 5px 1px 2px;
	border-bottom: 1px solid #c0c0c0;
	font-size: 8pt;
}
.formtd3 {
	color: #555;
	font-size: 0.68em;
	line-height: 1.5em;
	background-color: #d3d3d3;
	text-align: right;
	text-indent: 5px;
	padding: 5px 8px 5px 0;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #c0c0c0;
	font-size: 8pt;
}
.formtable {
	border: solid 1px #c0c0c0;
	margin-bottom: 24px;
	margin-left: 30px;
	font-size: 8pt;
}
.formtable2 {
	margin-top: 10px;
	border: solid 1px #c0c0c0;
	font-size: 8pt;
}

.room_thumbnail {
	width: 100px;
	height: 100px;
	cursor: pointer;
}

.rss td {
  border: solid 1px black;
}



ul.category_list {
  font-size: normal;
  padding: 0;
  margin-left: 20px;
  padding-bottom: 30px;
  list-style-type: none; 
}

ul.category_list li {
  float: left;
  margin-right: 15px;
  padding: 0;
}

.clear {
  clear: both;
}

.item_list {
  margin-top: 20px;
  margin-right: 10px;
  line-height: 2em;
  list-style-type: none;
}

.item_list_table {
  padding: 15px;
  background-color: #fdfdf5;
}

.item_list table {
  border-collapse: collapse;
}

.link{
  text-decoration: underline;
  cursor: pointer;
  color: #0000ee;
}

.item_list .center{
  text-align: right;
  width: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.item_list .price{
  text-align: right;
  width: 100px;
}

.item_list .price_type{
  white-space: nowrap;
  text-align: left;
  width: 28px;
}

.item_list .no_price{
  text-align: right;
  width: 120px;
}

.item_preview {
  width: 320px;
  float:right;
}

.item_preview_title {
  text-align: center;
}

.item_preview .item_preview_photo {
  width: 320px;
  height: 240px;
  overflow-y: hidden;
  border: solid 1px black;
}

.item_preview .item_preview_photo img {
  width: 320px;
  cursor: pointer;
}

.item_preview .item_preview_description {
  font-size: small;
  color: gray;
}

.item_edit, .item_detail {
  color: black;
}

.item_detail_photo {
  width: 480px;
  height: 360px;
  overflow-y: hidden;
}
.item_detail_comment {
  margin-top: 20px;
  width: 480px;
  height: 120px;
  overflow-y: scroll;
}

.selected {
  background-color: #bcd99d;
}

.selected_dialog {
  background-color: #bcd99d;
}

.dragging {
  font-weight: bold;
}

.edit {
  margin: 0 2px;
  cursor: pointer;
}

.delete {
  margin: 0 2px;
  cursor: pointer;
}

.move {
  width: 20px;
  background-image: url(move.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.item_edit {
}

.item_edit input {
  border: inset 2px;
}

.item_edit button {
  border: outset 2px;
}

.item_edit .name {
  width: 100%;
}

.item_edit .price {
}

.item_edit .comment {
  width: 500px;
  height: 180px;
}

.item_edit .image {
  width: 350px;
}

.item_edit .image_preview {
  width: 130px;
}

.item_add_link {
  text-align: right;
}

#tooltip {
  color: black;
}

.category_title,
.category_edit {
  margin: 19px 0;
  height: 29px;
  line-height: 1.5em;
}

.category_title,
.category_edit_name {
  font-size: 24px;
}

.category_edit_name {
  padding: 0;
  border: 0;
}

.category_edit_button {
  margin: 0 10px;
}

.category_sort {
  color: black;
}

.category_sort_table {
  width: 100%;
  table-collapse: collapse;
}

.category_sort_table tr td {
  border: solid 1px black;
  width: 24px;
}

.category_add_link, .category_sort_link {
  float: left;
  margin-right: 10px;
}

#item_edit_upload {
  float: left;
}