@CHARSET "UTF-8";

body {
	margin: 0px; /* ページ全体のmargin */
	padding: 0px; /* ページ全体のpadding */
	text-align: center; /* 下記のautoに未対応用のセンタリング */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div#cabi_layout {
	max-width: 1280px;
	margin: 0px auto;
}

#header {
	text-align: left;
}

#header .header_background {
	background-image:url("/cabi/resources/img/login/header_background.jpg");
    background-position: left top;
    background-repeat: repeat;
}

#header .logo {
	padding-top: 5px;
	padding-left: 5px;
	text-align:left;
	float: left;
}

#header .homepage_link {
	text-align:right;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
}

#header .header_bottom_color {
	height: 20px;
	width:940px;
	background-color:#005ead;
	margin-bottom: 10px;
}

#header .system_name {
	float: left;
	font-size: 130%;
	/* box-shadow */
	box-shadow:rgb(113, 135, 164) 4px 4px 8px 0px;
	-webkit-box-shadow:rgb(113, 135, 164) 4px 4px 8px 0px;
	-moz-box-shadow:rgb(113, 135, 164) 4px 4px 8px 0px;
	margin: 0%;
	padding-top: 10px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 10px;
	background-color: #1a5f9c;
	color: #fff;
	border-style: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 100%;
	background-color: #1a5f9c;
}

#header .header_left {
	float: left;
	margin: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	height:40px;
}

#header .header_right {
	height:40px;
	margin:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	color: #ffffff;
	background-image:url("/cabi/resources/img/header_background.jpg");
	background-repeat: repeat-x;
}

#header .links a:link {
	color: #ffffff;
}

#header .links a:visited {
	color: #ffffff;
}

#header .links {
	float: right;
	padding-right: 15px;
	padding-top: 16px;
	text-align: right;
	font-size: 10pt;
}

/* オンカーソルでリンク文字色を変更 */
#header .links a:hover {
	color: #ffff00;
	text-decoration: none;
}

#header .space {
	padding: 1px, 0px, 0px, 0px;
	clear: left;
}

/****************/
/* ログイン */
/****************/
.login_page #table_style1 {
	border-collapse: collapse;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	background-color:#ffffff;
}

.login_page #table_style1 th{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-color:#1a5f9c;
	height:40px;
	text-align:left;
	padding-left:10px;
}

.login_page #table_style1 td{
	border-bottom:1px #808080 dotted;
	height:40px;
	font-weight:normal;
	font-size:12pt;
	color:#1a5f9c;
	text-align:left;
	padding-top:10px;
}
.login_page #table_style1 a:link {color: #333333;text-decoration: none;}
.login_page #table_style1 a:visited {color: #333333;text-decoration: none;}

.login_page #table_style2 {
	border-collapse: collapse;
	margin-left:10px;
	margin-right:10px;
	width:460px;
	background-color:#ffffff;
}

.login_page #table_style2 th{
	border:1px #dcdcdc solid;
	background-color:#f5f5f5;
	height:40px;
	text-align:left;
	padding-left:10px;
}

.login_page #table_style2 td{
	height:40px;
	font-weight:normal;
	font-size:12pt;
	color:#1a5f9c;
	text-align:left;
	padding-top:10px;
	border:1px #dcdcdc solid;
}
.login_page #table_style2 a:link {color: #333333;text-decoration: none;}
.login_page #table_style2 a:visited {color: #333333;text-decoration: none;}

.login_page #table_style3 {
	border-collapse: collapse;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	background-color:#F2F2F2;
	height:400px;
}

.login_page #table_style3 th{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-color:#1a5f9c;
	height:40px;
	text-align:left;
	padding-left:10px;
}

.login_page #table_style3 td{
	height:40px;
	font-weight:normal;
	font-size:12pt;
	color:#1a5f9c;
	text-align:left;
	padding-top:10px;
	vertical-align:bottom;
}
.login_page #table_style3 a:link {color: #333333;text-decoration: none;}
.login_page #table_style3 a:visited {color: #333333;text-decoration: none;}

/****************/
/* タイトル領域 */
/****************/
#title {
	float: left;
	font-size: large;
	font-weight: bold;
	font-style: italic;
	/* text-shadow
	text-shadow:1px 1px 2px #1a5f9c
	*/
}

#user_name {
	float: right;
	font-size: small;
	color: #1a5f9c;
	margin-right: 10px;
}

#processing_surface {
	margin: 5px auto 0px;
	width: 40%;
}

.clear {
	clear: both;
}

/**************/
/* ボディ領域 */
/**************/
#contents {
	margin: 0px;
	padding: 10px;
	text-align: left; /* 中身を左側表示に戻す */
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

.clear {
    clear:both;
}

#contents .error {
	text-align: left;
	color: red;
	font-weight: bold;
}

.base_table table {
	border-collapse: collapse;
	border: 1.5pt #1a5f9c solid;
}

.base_table th {
	text-align: right;
	padding: 5px 5px;
	background-color: #ececec;
	border: 1.5pt #1a5f9c solid;
}

.base_table td {
	padding: 5px 5px;
	border: 1.5pt #1a5f9c solid;
}

.list_table table {
	border-collapse: collapse;
	border: 1.5pt #1a5f9c solid;
}

.list_table th {
	text-align: center;
	padding: 5px 5px;
	background-color: #ececec;
	border: 1.5pt #1a5f9c solid;
}

.list_table td {
	padding: 5px 5px;
	border: 1.5pt #1a5f9c solid;
}

.list_table tr:nth-child(even) {
	background-color: #bfd4ef;
	border: 1.5pt #1a5f9c solid;
}

.list_table tr:nth-child(odd) {
	background-color: #eef9ff;
	border: 1.5pt #1a5f9c solid;
}

/* オンカーソルでリストテーブルの背景色を変更 */
.list_table tr:hover {
	background: #ffffdd;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#contents td.number {
	text-align: right;
}

#contents td.date {
	text-align: center;
}

.b1 {
	font-weight: bold;
	padding: 10px 20px;
	background-color: #1a5f9c;
	color: #fff;
	border-style: none;
	border-radius: 5px;
	/* box-shadow */
	box-shadow:rgb(113, 135, 164) 4px 4px 15px 0px;
	-webkit-box-shadow:rgb(113, 135, 164) 4px 4px 15px 0px;
	-moz-box-shadow:rgb(113, 135, 164) 4px 4px 15px 0px;
	/* text-shadow
	text-shadow:1px 1px #555;
	*/
}

/* オンカーソルでボタンの背景色を変更 */
.b1:hover {
	background-color: #3c7fbe;
	color: #ffff00;
}

.b2 {
	font-weight: bold;
	padding: 5px 15px;
	background-color: #1a5f9c;
	color: #fff;
	border-style: none;
	border-radius: 5px;
	/* box-shadow */
	box-shadow:rgb(113, 135, 164) 4px 4px 15px 0px;
	-webkit-box-shadow:rgb(113, 135, 164) 4px 4px 15px 0px;
	-moz-box-shadow:rgb(113, 135, 164) 4px 4px 15px 0px;
	/* text-shadow
	text-shadow:1px 1px #555;
	*/
}

/* オンカーソルでボタンの背景色を変更 */
.b2:hover {
	background-color: #3c7fbe;
	color: #ffff00;
}

/*****************/
/* jQuery UI領域 */
/**********+******/
.ui-datepicker {
	font-size: 80%;
}

.ui-datepicker-week-end,.ui-datepicker-week-end a.ui-state-default {
	color: red;
}

.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current
	{
	font-weight: bold;
	opacity: 1;
	filter: Alpha(Opacity = 100);
}

/************/
/* 警告画面 */
/************/
#warning {
	text-align: center;
}

/**************/
/* マイページ */
/**************/
#myPage_InputTable {
	float: left;
	width: 100%;
	font-size: 84%;
}

#datepickerFrom {
	width: 70px;
}

#datepickerTo {
	width: 70px;
}

#myPage_searchButton {
	float: right;
}

#myPage_messageTable {
	width: 100%;
}

#myPage_outputTable {
	height: 390px;
	overflow-y: auto;
}

#myPage_outputTable table {
	width: 100%;
	font-size: 78%;
}

/* オンカーソルでリンク文字色を変更 */
#myPage_outputTable a:hover {
	color: #ff0000;
	text-decoration: none;
}

#myPage_drawButton {
	margin: 8px 0 0 0;
	float: right;
}

#myPage_textComment {
	margin: 8px 0 0 20px;
	float: left;
	font-size: 85%;
}

#myPage_libraryButton {
	margin: 8px 0 0 0;
	float: left;
}

/********************/
/* マイページ(共有) */
/********************/
#myPageJointDialog_top_div {
	text-align: left;
	margin-left: 10px;
}

#myPageJointDialog_top {
	margin-bottom:10px;
}

#myPageJointDialog_top table {
	font-size: 75%;
	width:100%;
}

#myPageJointDialog_outputTable {
	height: 190px;
	overflow-y: auto;
	margin: 8px 0 0 0;
}

#myPageJointDialog_outputTable table {
	width: 100%;
	font-size: 75%;
}

#myPageJointDialog_button button {
	margin: 8px 0 0 0;
}

/********************/
/* マイページ(親展) */
/********************/
#myPageDevolveDialog_top_div {
	text-align: left;
	margin-left: 10px;
}

#myPageDevolveDialog_top {
	margin-bottom:10px;
}

#myPageDevolveDialog_top table {
	font-size: 75%;
	width:100%;
}

#myPageDevolveDialog_outputTable {
	height: 100px;
	overflow-y: auto;
	margin: 8px 0 0 0;
}

#myPageDevolveDialog_outputTable table {
	width: 100%;
	font-size: 75%;
}

#myPageDevolveDialog_button button {
	margin: 8px 0 0 0;
}

/********************/
/* マイページ(作図) */
/********************/
#myPageDrawPlan_div {
	width: 100%;
	position: relative;
	height: 270px;
	text-align: center;
}
#myPageDrawPlan_top_div {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
}

div#myPageDrawPlan_div table {
	margin-top:10px;
	margin-left:35px;
	font-size: 75%;
	width: 540px;
}

div#myPageDrawPlan_div th {
	width: 70px;
}

#myPageDrawPlan_middle_div {
	position: fixed;
	width: 250px;
	height: 160px;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -140px; /* width の1/2を設定すると中心 */
	padding: 10px;
	text-align: left;
	line-height: 200%;
	overflow: hidden;
	border: double 5px #1a5f9c;
	border-radius: 10px;			/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;		/* Firefox用 */
}

#myPageDrawPlan_bottom_div {
	position: absolute;
	bottom: -70px;
	width: 100%;
/*	height: 40px; */
	text-align: center;
}

#myPageDrawPlan_message {
	color: red;
}

/********************/
/* マイページ(共有・親展の利用許諾設定) */
/********************/
div#myPageConfig {
	width: 100%;
	position: relative;
	height: 250px;
	text-align: center;
}

div#myPageConfig_top {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
}

div#myPageConfig_middle {
	margin:10px;
	padding-top: 5px;
	border: double 5px #1a5f9c;
	text-align:left;
	color: red;
}

div#myPageConfig_middle #caution {
	margin-bottom: 5px;
}

div#myPageConfig table{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 90%;
	width:200px;
}

div#myPageConfig #buttons{
	margin-top:20px;
	text-align:center;
}

/********************/
/* マイページ(新規作図の利用許諾設定) */
/********************/
div#myPageNew {
	width: 100%;
	position: relative;
	height: 250px;
	text-align: center;
	color: red;
}

div#myPageNew_top {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
}

div#myPageNew_middle {
	margin:10px;
	padding-top: 5px;
	border: double 5px #1a5f9c;
	text-align:left;
	color: red;
}

div#myPageNew_middle .caution {
	color: red;
}

div#myPageNew table{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 90%;
	width:200px;
}

div#myPageNew_middle table {
	margin-top:2px;
	margin-bottom:5px;
	font-size: 90%;
	width:100%;
	border: 0pt;
}

div#myPageNew_middle th {
	vertical-align: top;
	text-align:right;
	padding: 5px 5px;
	font-weight: normal;
	color: black;
}

div#myPageNew_middle th.th_title {
	font-size: 90%;
	text-align:left;
	color: red;
	font-weight: bold;
	font-style: normal;
}

div#myPageNew_middle td {
	font-size: 90%;
	padding: 5px 5px;
	color: black;
}

div#myPageNew #buttons{
	margin-top:20px;
	text-align:center;
}

/********************/
/* マイページ(加工図のオーナー情報) */
/********************/
div#myPageInfo {
}

div#myPageInfo_title {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 90%;
}

div#myPageInfo table{
	margin-top:5px;
	margin-left:20px;
	font-size: 75%;
	width: 570px;
}

div#myPageInfo_ListTable {
	height: 160px;
	overflow-y: auto;
	margin-right:0px;
}

div#myPageInfo #buttons{
	margin-top:20px;
	text-align:center;
}

/********************/
/* キャビネット選択 */
/********************/
#cabinetChoiceImg  img{
	border: none;
}

#cabinetChoiceImg a {
	margin: 0px;
	text-decoration: none;
}

#cabinetChoiceImg  a:hover img{
	outline: solid 3px #1a5f9c;
}

/************************/
/* キャビネット仕様入力 */
/************************/
div#cabiSpecChoice_div {
	text-align:center;
	width:100%;
	font-size: 90%;
}
div#cabiSpecChoice_div > div {
	text-align:left;
	margin:5px auto 0px;
	width:970px;
}

div#cabiSpecChoice_div select {
	width: 120px;
}

div#cabiSpecChoice_div .space {
	clear: both;
}

div#cabiSpecChoice_div .label {
	font-weight: bold;
	color: #000000;
}

div#cabiSpecChoice_div #right_div {
	float: right;
	width: 680px;
}

div#cabiSpecChoice_div #left_div {
	text-align:center;
	float: left;
	width: 270px;
	padding-right: 20px;
}

div#cabiSpecChoice_div #bottom_div {
	padding-top: 5px;
	width:100%;
}

/* 左カラム */
/* タイプ選択 */
div#cabiSpecChoice_div #type_div {
	width: 515px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1.5pt #1a5f9c solid;
}
div#cabiSpecChoice_div #type_div * {
	/* 行内の高さの異なる要素を垂直方向に中央配置 */
	vertical-align: middle;
}
div#cabiSpecChoice_div #type_div div {
	display: inline-block;
	font-size: 95%;
}

div#cabiSpecChoice_div .type {
	padding-right: 30px;
}
/* 仕様選択 */
div#cabiSpecChoice_div #spec_div {
	width: 515px;
/*	padding: 10px 5px; */
	padding: 5px 5px;
	margin-bottom: 5px;
	border: 1.5pt #1a5f9c solid;
	font-size: 95%;
}
div#cabiSpecChoice_div #specgroup_div {
	width: 370px;
	margin-left: 20px;
	margin-bottom: 5px;
}

div#cabiSpecChoice_div fieldset {
	padding: 5px;
	margin-top: 3px;
	border: 2px #1a5f9c solid;
}

div#cabiSpecChoice_div fieldset div {
	display: inline-block;
	width: 90px;
	padding-right: 5px;
	color: #1a5f9c;
	text-align: right;
}

div#cabiSpecChoice_div fieldset label {
	display: inline-block;
	width: 120px;
}
/* サイズ・色選択 */
div#cabiSpecChoice_div #left_div #size_div {
	font-size: 90%;
}
div#cabiSpecChoice_div #size_div #message_div {
	font-size: 80%;
	color: #ff0000;
	padding: 2px 0 0 5px;
}
div#cabiSpecChoice_div #size_div table {
	width: 530px;
}
div#cabiSpecChoice_div #size_div th {
	text-align: center !important;
	background-color: #ececec !important;
}
div#cabiSpecChoice_div #size_div select {
	width: 100px;
}
/* 下カラム */
div#cabiSpecChoice_div #return {
	text-align: left;
	float: left;
}
div#cabiSpecChoice_div #next {
	text-align: right;
}
/* ハックでIEのみに適用 */
html*#cabiSpecChoice_div div#type_div div,
html*#cabiSpecChoice_div div#spec_div fieldset div {
	display: inline;
	zoom: 1px;
}

/**************************/
/* キャビネットリスト選択 */
/**************************/
div#cabiListChoice_div {
	text-align:center;
	width:100%;
}
div#cabiListChoice_div > div {
	text-align:left;
	margin:5px auto 0px;
	width:970px;
}

div#cabiListChoice_div .space {
	clear: both;
}

div#cabiListChoice_div #right_div {
	float: right;
	width: 680px;
}

div#cabiListChoice_div #left_div {
	text-align:center;
	float: left;
	width: 270px;
	padding-right: 20px;
}

div#cabiListChoice_div #bottom_div {
	padding-top: 5px;
	width:100%;
}

/* タイプ表示 */
div#cabiListChoice_div #type_div {
	width: 650px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	border: 1.5pt #1a5f9c solid;
}

div#cabiListChoice_div #description {
	font-size: 80%;
}

div#cabiListChoice_div #type {
	font-weight: bold;
	padding: 5px 5px 5px 20px;
}

div#cabiListChoice_div #color {
	font-size: 90%;
	/*
	width: 200px;
	padding: 3px 3px 3px 30px;
	border: 1.5pt #1a5f9c solid;
	*/
	float: right;
	margin-right: 20px;
}

div#cabiListChoice_div #studnut {
	font-size: 80%;
	width: 500px;
	padding: 5px 5px 5px 10px;
	margin-left: 30px;
	border: 1.5pt #1a5f9c solid;
}

div#cabiListChoice_div #message {
	font-size: 90%;
	color: #ff0000;
	padding: 2px 0 0 5px;
}

div#cabiListChoice_div .type_btn {
	float: right;
	padding-right: 10px;
}

div#cabiListChoice_div .depth {
	font-size: 80%;
	padding: 5px 5px 5px 10px;
}

/* キャビネットリスト */
div#cabiListChoice_div #right_div .list_table {
	font-size: 85%;
	height: 320px;
	overflow-y: auto;
	margin: 0 15px 0 0;
}

div#cabiListChoice_div #right_div table {
	width: 100%;
}

/* オンカーソルでリンク文字色を変更 */
div#cabiListChoice_div #right_div a:hover {
	color: #ff0000;
	text-decoration: none;
}

/* 下カラム */
div#cabiListChoice_div #return {
	text-align: left;
	float: left;
}
/* ハックでIEのみに適用 */
html*#cabiListChoice_div div#type_div div {
	display: inline;
	zoom: 1px;
}

/******************/
/* 穴加工内容確認 */
/******************/
div#holeArrConfirm_left {
	width: 64%;
	float: left;
}

div#holeArrConfirm_right {
	width: 35%;
	float: right;
}

div#holeArrConfirm_inputName {
	margin-top: 5px;
}

div#holeArrConfirm_inputName th {
	width: 80px;
	font-size: 80%;
}

div#holeArrConfirm_inputName td {
	width: 400px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 80%;
}

div#holeArrConfirm_textComment {
	border-style: none;
	padding-left: 12px;
	font-weight: bold;
	color: red;
}

div#holeArrConfirm_outputList table {
	width: 100%;
	font-size: 90%;
}

div#holeArrConfirm_outputList #right_aligin {
	float:right;
}

div#holeArrConfirm_outputList #right_message {
	text-align: right;
}

div#holeArrConfirm_outputList #arrangement_table {
	display: inline-block;
	_display: inline;
	width: 100%;
}

div#holeArrConfirm_outputList #outputList_table {
	max-height:341px;
	overflow-y:auto;
}

div#holeArrConfirm_cabiInfo table {
	font-size:75%;
}

div#holeArrConfirm_cabiInfo th {
	width:105px;
}

div#holeArrConfirm_cabiInfo td {
	width:200px;
}

div#holeArrConfirm_cabiCost table {
	font-size:75%;
}

div#holeArrConfirm_cabiCost th {
	width:105px;
}

div#holeArrConfirm_cabiCost td {
	width:200px;
}

div#holeArrConfirm_cabiCost input{
	text-align:left;
	width: 30px;
}

div#holeArrConfirm_cabiCost #surface_count {
	border: none;
	text-align: right;
}

div#holeArrConfirm_right #caution {
	margin: 3px;
	font-size: 75%;
	color: red;
}

div#holeArrConfirm_bottom {
}

.holeArrConfirm_textComment2 {
	float: right;
	margin: 8px 0 0 10px;
	display: inline-block;
	_display: inline;
}

/********************/
/* 穴加工内容確認(発注) */
/********************/
div#holeArrConfirmOrder {
}

div#holeArrConfirmOrder_top {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
}

div#holeArrConfirmOrder_info {
	font-size: 85%;
}

div#holeArrConfirmOrder table{
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	font-size: 90%;
	width: 580px;
}

div#holeArrConfirmOrder th{
	width: 80px;
}

div#holeArrConfirmOrder #buttons{
	margin-top:20px;
	text-align:center;
}

/******************/
/* 穴加工トップ   */
/******************/
div#holeArrTop div#img {
	float:left;
	width:65%;
	height:80%;
}

/* 画像の幅調整 */
/* 横幅 */
div#holeArrTop input.input_left,
div#holeArrTop input.input_right,
div#holeArrTop input.input_top,
div#holeArrTop img.input_top,
div#holeArrTop input.input_front,
div#holeArrTop input.input_bottom,
div#holeArrTop img.input_bottom,
div#holeArrTop input.input_board,
div#holeArrTop img.input_board,
div#holeArrTop input.input_rear{
	width:auto;
}

/* 縦幅 */
div#holeArrTop input.input_left,
div#holeArrTop input.input_front,
div#holeArrTop input.input_right,
div#holeArrTop input.input_rear,
div#holeArrTop input.input_board,
div#holeArrTop img.input_board{
	max-height:200px;
}

div#holeArrTop input.input_top,
div#holeArrTop img.input_top{
	max-height:85px;
}

div#holeArrTop input.input_bottom,
div#holeArrTop img.input_bottom{
	max-height:62px;
}

div#holeArrTop #img th.imageWidth{
	width:20%;
}
div#holeArrTop #img th.sideImageWidth{
	width:10%;
}

div#holeArrTop #img td.paddingTop{
	padding-left:20px;
}
div#holeArrTop #img td.paddingLeft{
	padding-right:10px;
}
div#holeArrTop #img td.paddingFront{
	padding-right:10px;
}

div#holeArrTop #img td.paddingRight{
	padding-right:10px;
	padding-left:10px;
}

div#holeArrTop #img td.paddingRear{
	padding-right:10px;
	padding-left:10px;
}

div#holeArrTop #img td.paddingBase{
	padding-left:10px
}

div#holeArrTop #img td.paddingBottom{
	padding-top:25px;
	padding-left:20px;
}

div#holeArrTop #img td.caution{
	font-size: 75%;
	color: red;
}

div#holeArrTop #cabiInfo{
	float:right;
	width:35%;
}

div#holeArrTop #cabiInfo input{
	text-align:left;
	width: 30px;
}

div#holeArrTop #cabiInfo th{
	width:105px;
	font-size: 75%;
}

div#holeArrTop #cabiInfo td{
	width:200px;
	font-size: 75%;
}

div#holeArrTop #cabiInfo #caution {
	margin: 3px;
	font-size: 75%;
	color: red;
}

div#holeArrTop div.float_right{
	float:right;
}
div#holeArrTop div.float_left{
	float:left;
}
/**********************/
/* 穴加工詳細指定画面 */
/**********************/
/***** 領域の設定 *****/
/* 共通設定 */
div#holeArrMain.holeArrMain_content {
  min-height: 80%;
  position: relative;
  overflow: auto;
  z-index: 0;
}

/* 背景 */
div#holeArrMain.background {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}

/* 上部 */
div#holeArrMain div.top_block {
  width: 100%;
  display: block;
}

/* 下部 */
div#holeArrMain div.bottom_block {
  position: absolute;
  width: 100%;
  display: block;
  bottom: 0px;
}

/* 左部 */
div#holeArrMain div.left_block {
  display: block;
  float: left;
}

/* 右部 */
div#holeArrMain div.right_block {
  display: block;
  float: right;
}

/* 中央部 */
div#holeArrMain div.center_block {
  display: block;
  width: auto;
}

/* 設定部（ヘッダー部以外） */
div#holeArrMain div.set {
  width: 100%;
  height: 75%;
  padding: 0px;
  margin:0px;
}

/* オブジェクト部（設定部内の左側） */
div#holeArrMain div.object {
  height: 100%;
  width: 26%;
  padding: 0px;
  margin:0px;
}

/* 検索部（オブジェクト内の上側） */
div#holeArrMain div.search {
  width: 100%;
  height: 25%;
  padding: 0px;
  margin:0px;
}

/* 結果部（オブジェクト内の下側） */
div#holeArrMain div.result {
  width: 100%;
  height: 75%;
  padding: 0px;
  margin:0px;
}

/* デザイン部（設定部内の右側） */
div#holeArrMain div.design {
  height: auto;
  width: 74%;
  padding: 0px;
  margin:0px;
  float: left;
}

/* ビュー部（デザイン部内の上側） */
div#holeArrMain div.view {
  width: 100%;
  height: 500px;
  padding: 0px;
  margin:0px;
}

/* CANVAS部（ビュー部内の左側） */
div#holeArrMain div.canvas {
  height: 510px;
  width: 71%;
  margin: 0px;
  padding: 0px;
overflow: hidden;
}

/* ステータス部（ビュー部内の右側） */
div#holeArrMain div.status {
  height: auto;
  width: 29%;
  margin: 0px;
  padding: 0px;
  float: right;
}

/* ボタン部（デザイン部内の下側） */
div#holeArrMain div.button {
  width: 100%;
  height: 20%;
}

/***** タブの設定 *****/
/* タブ領域 */
div#holeArrMain div.tabbox {
  margin: 0px;
  padding: 0px;
  width: auto; /* タブの横幅 */
}

/* ▼タブ部分 */
div#holeArrMain div.tabbox ul.tabs {
  margin:  0px; /* 外側の余白を消す */
  padding: 0px; /* 内側の余白を消す */
}

div#holeArrMain div.tabbox ul.tabs li {
  margin: 0px;  /* 各項目周囲の余白をなくす */
  padding: 0px; /* 各項目内側の余白をなくす */
  list-style-type: none; /* 先頭記号を消す */
  float: left;  /* リスト項目を横方向に並べる */
  width: 80px; /* タブのデフォルトの横幅 */
  /* 左上の角丸 */
  background-repeat: no-repeat;
  background-position: left top;
}

div#holeArrMain div.tabbox ul.tabs a {
  display: block;      /* ブロックレベルに */
  padding: 5px 0px;    /* 内側の余白 */
  height: 15px;      /* タブの高さ */
  text-align: center;    /* 中央寄せ */
  text-decoration: none;  /* 下線を消す */
  /* 右上の角丸 */
  background-repeat: no-repeat;
  background-position: right top;
}

/* ▼標準のタブ色 */
div#holeArrMain div.tabbox ul.tabs li.tab {
  background-color:#ececec;		/* 薄いグレー */
}
/* 機器・オプションタブは非表示 */
div#holeArrMain div.tabbox ul.tabs li#tab2,
div#holeArrMain div.tabbox ul.tabs li#tab3 {
  display: none;
}

div#holeArrMain div.tabbox ul.tabs a:hover {
  /* タブにマウスを載せた際の装飾 */
  color: red;          /* 赤 */
  text-decoration: underline; /* 下線 */
}

/* ▼タブに対応するボックス領域 */
div#holeArrMain div.tabbox div.tab {
  height: 140px;  /* ボックスの縦幅 */
  overflow: hidden;
  clear: both;   /* 回り込み解除(必須) */
}

div#holeArrMain div.tabbox div#tabArea1 {
  /* タブ１の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #ffffff;
}

div#holeArrMain div.tabbox div#tabArea1 select {
  width:80px;
}

div#holeArrMain div.tabbox div#tabArea2 {
  /* タブ２の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #eef9ff;
  display: none;		/* 初期は非表示 */
}

div#holeArrMain div.tabbox div#tabArea3 {
  /* タブ３の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #bfd4ef;
  display: none;		/* 初期は非表示 */
}

div#holeArrMain div.tabbox div#tabArea4 {
  /* タブ４の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #9db2cd;
  font-size:90%;
}

/* ▼ボックス内部の装飾 */
div#holeArrMain div.tabbox div.tab p {
  margin: 0.5em;
}

div#holeArrMain div.tabbox div.tab p.tabhead {
  font-weight: bold;
  border-bottom: 3px double gray;
}

div#holeArrMain div.tabbox div.tab table {
  border-collapse: separate;
  border-spacing: 10px 6px;
}

div#holeArrMain div.tabbox div.tab table th {
  text-align: left;
  width: 80px;
}

div#holeArrMain div.tabbox div.tab table td select {
  max-width: 150px;
}

/* 検索結果配置文字 */
div#holeArrMain div.t {
  border:1px solid #222222;
  border-collapse:collapse;
}

div#holeArrMain div.t td{
  border:1px solid #444444;
}

div#holeArrMain div.t th{
  border:1px solid #666666;
}

div#holeArrMain div.t th{
  background-color:#888888;
  color:#ffffff;
}

div#holeArrMain div.t tr:nth-child(odd) td{
  background-color:#aaaaaa;
  color:#000000;
}

div#holeArrMain table.t tr:nth-child(even) td{
  background-color:#cccccc;
  color:#000000;
}

div#holeArrMain td.tbl_center {
  text-align: center;
}

/***** 個々の設定 *****/
/* 配置オブジェクト一覧用CANVAS */
div#holeArrMain canvas#hole_data {
  border: 1px solid black;
  background-color:#7c7c7c;
}

/* CANVAS（CANVAS部内のCANVAS領域） */
div#holeArrMain canvas#cvs {
  border: 1px solid black;
  background-color:#b0ffb0;
}

/* 配置オブジェクト検索ボタン */
div#holeArrMain div #searchHole,
div#holeArrMain div #searchDevice,
div#holeArrMain div #searchOptionDevice,
div#holeArrMain div #searchLibrary {
	float:right;;
	margin-left:10px;
	margin-right:10px;
	font-size: 80%;
}

/* 戻るボタン */
div#holeArrMain div.cancelbutton {
  margin-left:30px;
  width: 15%;
  height: 100%;
}

/* 穴配置ビュー、機器配置ビュー変更ボタン */
div#holeArrMain div.viewbutton {
  width: 55%;
  height: 100%;
}

/* 検索結果配置画像 */
.images {
  width: 70px;
  height: 40px;
}
/* 検索結果配置文字 */
.words {
  margin:0px;
  padding:0px;
  width: 100%;
  height: 40px;
}


/* ボタン共通設定 */
div#holeArrMain div.holeArrMain_content button {
  height:30px;
}

/* 拡大/縮小ボタン */
div#holeArrMain button.btn_big {
  width:80px;
}

/* 移動ボタン */
div#holeArrMain button.btn_move {
  width:80px;
}

/* 画面遷移ボタン */
div#holeArrMain button.btn_trans {
  width:35px;
}

/* 座標/ボタン領域共通設定 */
div#holeArrMain div.RightObject{
  padding-top:5px;
  width:220px;
  border:1px solid;
}

/* 座標/ボタン領域共通設定 */
div#holeArrMain div.RightObjectNoBorder{
  padding:0px;
  margin:0px;
  width:180px;
}

/* 遷移ボタン領域 */
.Coordinate{
  width:auto;
}

/* 座標入力 */
div#holeArrMain input[type="number"] {
	text-align: left;
	width: 56px;
}

/* 拡大/縮小ボタン領域 */
div#holeArrMain div.ModSize{
  height:100px;
}

/* Undo/Redoボタン領域 */
div#holeArrMain div.UndoRedo{
  height:35px;
}

/* 全体表示 */
div#holeArrMain div.Default{
  height:40px;
}

/* 加工面移動 領域 */
div#holeArrMain div.JumpFace {
	height:105px;
}

/* プロパティ領域 */
div#holeArrMain div.Property{
  height:70px;
}

/* グリッド設定領域 */
div#holeArrMain div.Grids{
  height:30px;
}
/* 上下左右移動領域 */
div#holeArrMain div.movebutton {
  height:110px;
  padding-top:5px;
}
div#holeArrMain #movebutton {
	width:50px;
}

div#holeArrMain #movebuttonSpace {
	width:60px;
}

/* エラーメッセージ領域 */
div#holeArrMain div.err_msg {
	color: red;
	font-size: small;
}

div#holeArrMain div.HiddenArea {
	display:none;
}

div#holeArrMain div#slider{
	width:160px;
	margin:10px;
}

/* スライダーの色 */
div #holeArrMain div #slinder.ui-state-default,
.ui-widget-content
.ui-state-default,
.ui-widget-header
.ui-state-default{
	background:#1a5f9c;
}
div#holeArrMain div#slider .ui-slider-handle {
	background:#1a5f9c;
}

div#holeArrMain input.moves{
	width:100%;
	height:25px;
}

div#holeArrMain div.RightObject.JumpFace input{
	width:40px;
	height:30px;
}

div#holeArrMain div.RightObject.Property button {
	width:60px;
	height:30px;
}
div#holeArrMain div.RightObject.movebutton button,
div#holeArrMain div.RightObject.Property #btnMultiSel,
div#holeArrMain div.RightObject.Property #btnMoveOffset {
	width:70px;
	height:30px;
}
div#holeArrMain div.RightObject.Property #elemProperty {
	width:124px;
	height:30px;
}

div#holeArrMain div.RightObject.ModSize button,
div#holeArrMain div.RightObject.UndoRedo button {
	width:80px;
	height:30px;
}

div#holeArrMain div.RightObject.ModSize #btnZoomFull{
	width:164px;
	height:30px;
}

div#holeArrMain div.left_block.viewbutton input{
	width:140px;
	height:40px;
}

/* 面積表示 */
div#holeArrMain div.left_block #areaSize {
	font-size:90%;
	margin:2px 0px 0px 10px;
}

/**********************/
/* 穴加工詳細指定画面 */
/* (プロパティ画面)   */
/**********************/
/***** コントロールの設定 *****/
div#holeArrMainProperty {
	overflow: auto;
}

div#holeArrMainProperty #left{
	width: 50%;
	float: left;
	position: fixed;
	overflow: hidden;
}

div#holeArrMainProperty #right{
	width: 48%;
	float: right;
}

/* ナンバーボックス（共通）*/
div#holeArrMainProperty input[type="number"].number{
	text-align: left;
	width: 60px;
}

div#holeArrMainProperty #NAME{
	width: 150px;
}
/* テキストボックス（エラー時）*/
div#holeArrMainProperty input[type="text"].invalid,
div#holeArrMainProperty input[type="text"].invalid_interf,
div#holeArrMainProperty input[type="text"].invalid_req {
	background-color: #ff97c2;
}

/* ナンバーボックス（エラー時）*/
div#holeArrMainProperty input[type="number"].invalid,
div#holeArrMainProperty input[type="number"].invalid_interf,
div#holeArrMainProperty input[type="number"].invalid_req {
	background-color: #ff97c2;
}

/* TODO:タップ穴対応（仮） */
div#holeArrMainProperty select.invalid,
div#holeArrMainProperty select.invalid_interf,
div#holeArrMainProperty select.invalid_req {
	background-color: #ff97c2;
}

/***** 領域の設定 *****/
div#holeArrMainProperty table {
	font-size: 0.9em;
	width:100%;
}
div#holeArrMainProperty th {
	/*
	min-width: 60px;
	*/
	width:30%;
}
div#holeArrMainProperty td.left {
	vertical-align: top;
}
div#holeArrMainProperty td.right {
	vertical-align: top;
}
div#holeArrMainProperty td #NAME {
	width:195px;
}


/* 名称ラベル */
div#holeArrMainProperty.name {
	height: 30px;
	padding-left: 7px;
}
/* 項目名領域 */
div#holeArrMainProperty .subject {
	text-align: right;
}
/* ボタン領域 */
div#holeArrMainProperty #buttons {
	text-align: right;
	margin-top: 50px;
}

div#holeArrMainProperty img{
	width:auto;
	height:auto;
	max-width:300px;
	max-height:300px;
	min-width:300px;
	min-height:300px;
}

div#holeArrMainProperty .caution{
	font-size:75%;
	color:red;
}

div#holeArrMainProperty .myLibraryCaution{
	font-size:75%;
	color:red;
	margin:10px 0 0 18px;
}

div#holeArrMainProperty.angle{
	margin-bottom:100px;
}

/**********************/
/* 穴加工詳細指定画面 */
/* (コピー画面)       */
/**********************/
div#holeArrMainCopy table{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 90%;
	width:420px;
}

/* 項目名 */
div#holeArrMainCopy table th{
	text-align:right;
	width:120px;
}
/* ボタン領域 */
div#holeArrMainCopy #buttons{
	/* text-align:right; */
	float:right;
}

div#holeArrMainCopy input[type="number"] {
	text-align:left;
	width: 60px;
}

div#holeArrMainCopy div.err_msg {
	color: red;
	font-size: small;
	margin-bottom:8px;
}

/**********************/
/* 穴加工詳細指定画面 */
/* (移動画面)         */
/**********************/
div#holeArrMainMultiMove table{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 90%;
}

/* 情報テーブル */
div#holeArrMainMultiMove #infoTable table{
	width:240px;
}

/* 情報項目名 */
div#holeArrMainMultiMove #infoTable table th{
	text-align:right;
	width:70px;
}

/* 移動テーブル */
div#holeArrMainMultiMove #moveTable table{
	width:340px;
}

/* 移動項目名 */
div#holeArrMainMultiMove #moveTable table th{
	text-align:right;
	width:120px;
}

/* ボタン領域 */
div#holeArrMainMultiMove #buttons{
	/* text-align:right; */
	float:right;
}

div#holeArrMainMultiMove input[type="number"] {
	width:60px;
	text-align:left;
}

div#holeArrMainMultiMove div.err_msg{
	color:red;
	font-size:small;
	margin-bottom:8px;
}

/**********************/
/* 俯瞰図             */
/**********************/
div#holeArrView #birdView {
	border:1px solid black;
	background-color:#b0ffb0;
	display:block;
}

div#holeArrView table {
	width:100%;
}

div#holeArrView #viewButton input {
	width:140px;
	height:40px;
}

div#holeArrView #lblErrorMessage {
	text-align:left;
	margin:0 0 2px 10px;
	color:red;
	font-size:90%;
	font-weight: bold;
}

/**********************/
/* マイライブラリ     */
/**********************/
div#myLibrary {
  min-height: 80%;
  position: relative;
  z-index: 0;
}

/* 左部 */
div#myLibrary div.left_block {
  display: block;
  float: left;
}

/* 右部 */
div#myLibrary div.right_block {
  display: block;
  float: right;
}

/* 設定部（ヘッダー部以外） */
div#myLibrary div.set {
  width: 100%;
  height: 75%;
  padding: 0px;
  margin:0px;
}

/* オブジェクト部（設定部内の左側） */
div#myLibrary div.object {
  height: 100%;
  width: 26%;
  padding: 0px;
  margin:0px;
}

/* 新規ライブラリ検索部 */
div#myLibrary div.search {
  width: 100%;
  height: 25%;
  padding: 0px;
  margin:0px;
}

/* 新規ライブラリ検索結果部 */
div#myLibrary div.result {
  width: 100%;
  height: 75%;
  padding: 0px;
  margin:0px;
}

/* マイライブラリ編集部 */
div#myLibrary div.design {
  height: auto;
  width: 74%;
  padding: 0px;
  margin:0px;
  float: left;
}

/* マイライブラリ編集検索部 */
div#myLibrary div.design div.librarySearch {
	font-size:80%;
	margin:0px 0px 0px 10px;
}

div#myLibrary div.design div.librarySearch table {
	width:100%;
}

div#myLibrary div.design div.librarySearch select {
	width:173px;
}

/* マイライブラリ編集検索結果部 */
div#myLibrary div.design div.libraryResult {
	font-size:75%;
	margin:0px 0px 5px 10px;
	height:390px;
	overflow-y:auto;
}

div#myLibrary div.design div.libraryResult table {
	width:100%;
}

/* オンカーソルでリンク文字色を変更 */
div#myLibrary div.design div.libraryResult a:hover {
	color: #ff0000;
	text-decoration: none;
}

/* 処理タイトル部 */
div#myLibrary div.processTitle {
	font-size:100%;
	margin:2px 0px 2px 5px;
}

/* 結果タイトル部 */
div#myLibrary div.resultTitle {
	font-size:100%;
	margin:5px 0px 2px 5px;
}

/***** タブの設定 *****/
/* タブ領域 */
div#myLibrary div.tabbox {
  margin: 0px;
  padding: 0px;
  width: auto; /* タブの横幅 */
}

/* ▼タブ部分 */
div#myLibrary div.tabbox ul.tabs {
  margin:  0px; /* 外側の余白を消す */
  padding: 0px; /* 内側の余白を消す */
}

div#myLibrary div.tabbox ul.tabs li {
  margin: 0px;  /* 各項目周囲の余白をなくす */
  padding: 0px; /* 各項目内側の余白をなくす */
  list-style-type: none; /* 先頭記号を消す */
  float: left;  /* リスト項目を横方向に並べる */
  width: 80px; /* タブのデフォルトの横幅 */
  /* 左上の角丸 */
  background-repeat: no-repeat;
  background-position: left top;
}

div#myLibrary div.tabbox ul.tabs a {
  display: block;      /* ブロックレベルに */
  padding: 5px 0px;    /* 内側の余白 */
  height: 15px;      /* タブの高さ */
  text-align: center;    /* 中央寄せ */
  text-decoration: none;  /* 下線を消す */
  /* 右上の角丸 */
  background-repeat: no-repeat;
  background-position: right top;
}

/* ▼標準のタブ色 */
div#myLibrary div.tabbox ul.tabs li.tab {
  background-color:#ececec;		/* 薄いグレー */
}

div#myLibrary div.tabbox ul.tabs a:hover {
  /* タブにマウスを載せた際の装飾 */
  color: red;          /* 赤 */
  text-decoration: underline; /* 下線 */
}

/* ▼タブに対応するボックス領域 */
div#myLibrary div.tabbox div.tab {
  height: 140px;  /* ボックスの縦幅 */
  overflow: hidden;
  clear: both;   /* 回り込み解除(必須) */
}

div#myLibrary div.tabbox div#tabArea1 {
  /* タブ１の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #ffffff;
}

div#myLibrary div.tabbox div#tabArea1 select {
  width:80px;
}

div#myLibrary div.tabbox div#tabArea2 {
  /* タブ２の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #eef9ff;
}

div#myLibrary div.tabbox div#tabArea3 {
  /* タブ３の中身(枠線と背景色) */
  border: 3px solid #1a5f9c;
  background-color: #bfd4ef;
}

div#myLibrary div.tabbox div.tab table {
  border-collapse: separate;
  border-spacing: 10px 6px;
}

div#myLibrary div.tabbox div.tab table th {
  text-align: left;
  width: 80px;
}

div#myLibrary div.tabbox div.tab table td select {
  max-width: 150px;
}

/* 配置オブジェクト一覧用CANVAS */
div#myLibrary canvas#hole_data {
  border: 1px solid black;
  background-color:#7c7c7c;
}

/*機器配置検索ボタン */
div#myLibrary div #searchHole,
div#myLibrary div #searchDevice,
div#myLibrary div #searchOptionDevice {
	float:right;;
	margin-left:10px;
	margin-right:10px;
	font-size: 80%;
}

/* ボタン共通設定 */
div#myLibrary button {
	/* width:64px; */
 	height:24px;
}

div#myLibrary input.moves{
	width:100%;
	height:25px;
}

/* テキストコメント */
div#myLibrary div.textComment {
	float:left;
	font-size:90%;
	margin:5px 0px 0px 10px;
}

/****************************/
/* マイライブラリプロパティ */
/****************************/
div#myLibraryProperty div#left_block {
	overflow:hidden;
	width:300px;
	height:460px;
	float:left;
}

div#myLibraryProperty div#holeImage {
	text-align:center;
}

div#myLibraryProperty div#deviceKind {
	margin:20px 0px 0px 0px;
	font-size:90%;
}

div#myLibraryProperty div#deviceKind table {
	width:100%;
}

div#myLibraryProperty div#deviceKind th {
	width:60px;
}

div#myLibraryProperty div#deviceKind select {
	width:100%;
}

div#myLibraryProperty div.message {
	margin:10px 0px 0px 0px;
	color:red;
	font-size:78%;
}

div#myLibraryProperty div#right_block {
	overflow:auto;
	width:340px;
	height:460px;
	float:right;
	margin:10px 0px 5px 0px;
}

div#myLibraryProperty div#property {
	font-size:78%;
}

div#myLibraryProperty div#property table {
	width:100%;
}

div#myLibraryProperty div#property th {
	width:30%;
}

/* テキストボックス（共通）*/
div#myLibraryProperty input[type="text"] {
	text-align:left;
	width:99%;
}

/* ナンバーボックス（共通）*/
div#myLibraryProperty input[type="number"].number {
	text-align:left;
	width:60px;
}

/* マイライブラリプロパティCANVAS */
div#myLibraryProperty canvas#myLibraryCanvas {
	border:1px solid black;
	background-color:#b0ffb0;
	display:block;
}

div#myLibraryProperty div#viewButton {
	margin:10px 0px 0px 0px;
	text-align:center;
}

div#myLibraryProperty div#viewButton input[type="button"] {
	width:140px;
	height:40px;
}

div#myLibraryProperty div#buttons table {
	width:100%;
}

/* テキストボックス（エラー時）*/
div#myLibraryProperty input[type="text"].invalid,
div#myLibraryProperty input[type="text"].invalid_interf,
div#myLibraryProperty input[type="text"].invalid_req {
	background-color: #ff97c2;
}

/* ナンバーボックス（エラー時）*/
div#myLibraryProperty input[type="number"].invalid,
div#myLibraryProperty input[type="number"].invalid_interf,
div#myLibraryProperty input[type="number"].invalid_req {
	background-color: #ff97c2;
}

/* セレクター（エラー時）*/
div#myLibraryProperty select.invalid,
div#myLibraryProperty select.invalid_interf,
div#myLibraryProperty select.invalid_req {
	background-color: #ff97c2;
}

/************************/
/* マイライブラリ(共有) */
/************************/
#myLibraryJointDialog_top_div {
	text-align: left;
	margin-left: 10px;
}

#myLibraryJointDialog_top {
	margin-bottom:10px;
}

#myLibraryJointDialog_top table {
	font-size: 75%;
	width:90%;
}

#myLibraryJointDialog_outputTable {
	height: 190px;
	overflow-y: auto;
	margin: 8px 0 0 0;
}

#myLibraryJointDialog_outputTable table {
	width: 100%;
	font-size: 75%;
}

#myLibraryJointDialog_button button {
	margin: 8px 0 0 0;
}

/************************/
/* マイライブラリ(親展) */
/************************/
#myLibraryDevolveDialog_top_div {
	text-align: left;
	margin-left: 10px;
}

#myLibraryDevolveDialog_top {
	margin-bottom:10px;
}

#myLibraryDevolveDialog_top table {
	font-size: 75%;
	width:90%;
}

#myLibraryDevolveDialog_outputTable {
	height: 100px;
	overflow-y: auto;
	margin: 8px 0 0 0;
}

#myLibraryDevolveDialog_outputTable table {
	width: 100%;
	font-size: 75%;
}

#myLibraryDevolveDialog_button button {
	margin: 8px 0 0 0;
}

/****************************/
/* マイライブラリ(オーナー情報) */
/****************************/
div#myLibraryInfo {
}

div#myLibraryInfo_title {
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 90%;
}

div#myLibraryInfo table{
	margin-top:5px;
	margin-left:20px;
	font-size: 75%;
	width: 570px;
}

div#myLibraryInfo_ListTable {
	height: 160px;
	overflow-y: auto;
	margin-right:0px;
}

div#myLibraryInfo #buttons{
	margin-top:20px;
	text-align:center;
}

/****************************/
/* 利用規約                 */
/****************************/
div#termsOfService #mainContents {
	width:960px;
	height:1680px;
	margin-left:auto;
	margin-right:auto;
}

div#termsOfService iframe {
	border:none;
	width:100%;
	height:100%;
}

div#termsOfService #caution {
	font-size:90%;
	color:red;
	text-align:center;
	margin-top:10px;
}

div#termsOfService #buttons {
	margin-top:10px;
	text-align:center;
}

/********************/
/* キャビネット選択 */
/********************/
#cabinetSeriesChoice .tabbox {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 948px;
}

#cabinetSeriesChoice .tabbox ul.tabs {
	margin: 0;					/* 外側の余白を消す */
	padding: 0;					/* 内側の余白を消す */
}

#cabinetSeriesChoice .tabbox ul.tabs li {
	margin: 0;					/* 各項目周囲の余白をなくす */
	padding: 0;					/* 各項目内側の余白をなくす */
	list-style-type: none;		/* 先頭記号を消す */
	float: left;				/* リスト項目を横方向に並べる */
	width: 165px;				/* タブのデフォルトの横幅 */
	/* 左上の角丸 */
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 10px 10px 0 0;
}

#cabinetSeriesChoice .tabbox ul.tabs a {
	display: block;				/* ブロックレベルに */
	padding: 5px 0;				/* 内側の余白 */
	/*height: auto;				/* タブの高さ */
	text-align: center;			/* 中央寄せ */
	text-decoration: none;		/* 下線を消す */
	font-weight: bold;			/* 太字 */
	/* 右上の角丸 */
	background-repeat: no-repeat;
	background-position: right top;
}

#cabinetSeriesChoice .tabbox ul.tabs li.tab {
	background-color: #ececec;	/* 薄いグレー */
}

#cabinetSeriesChoice .tabbox ul.tabs a:hover {
	text-decoration: underline;	/* 下線 */
}

#cabinetSeriesChoice .tabArea {
	border-collapse: separate;
	border: 2px #1a5f9c solid;
	border-radius: 0 5px 5px 5px;
}

#cabinetSeriesChoice .cabinetTable td {
	padding: 3px;
}

#cabinetSeriesChoice img {
	border: none;
	width: 180px;
}

#cabinetSeriesChoice img:hover {
	outline: solid 3px #1a5f9c;
}

#cabinetSeriesChoice a:hover {
	position: relative;
	text-decoration: none;
}

/*********************/
/* キャビネット選択2 */
/*********************/
#cabinetSeriesChoice2 .tabbox {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 948px;
}

#cabinetSeriesChoice2 .tabbox ul.tabs {
	margin: 0;					/* 外側の余白を消す */
	padding: 0;					/* 内側の余白を消す */
}

#cabinetSeriesChoice2 .tabbox ul.tabs li {
	margin: 0;					/* 各項目周囲の余白をなくす */
	padding: 0;					/* 各項目内側の余白をなくす */
	list-style-type: none;		/* 先頭記号を消す */
	float: left;				/* リスト項目を横方向に並べる */
	width: 240px;				/* タブのデフォルトの横幅 */
	/* 左上の角丸 */
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 10px 10px 0 0;
}

#cabinetSeriesChoice2 .tabbox ul.tabs a {
	display: block;				/* ブロックレベルに */
	padding: 5px 0;				/* 内側の余白 */
	/*height: auto;				/* タブの高さ */
	text-align: center;			/* 中央寄せ */
	text-decoration: none;		/* 下線を消す */
	font-weight: bold;			/* 太字 */
	/* 右上の角丸 */
	background-repeat: no-repeat;
	background-position: right top;
}

#cabinetSeriesChoice2 .tabbox ul.tabs li.tab {
	background-color: #ececec;	/* 薄いグレー */
}

#cabinetSeriesChoice2 .tabbox ul.tabs a:hover {
	text-decoration: underline;	/* 下線 */
}

#cabinetSeriesChoice2 .tabArea {
	border-collapse: separate;
	border: 2px #1a5f9c solid;
	border-radius: 0 5px 5px 5px;
}

#cabinetSeriesChoice2 .cabinetTable td {
	padding: 3px;
}

#cabinetSeriesChoice2 img {
	border: none;
	width: 180px;
}

#cabinetSeriesChoice2 .detail {
	display: none;
	position: absolute;
	top: -130px;
	left: 5px;
}

#cabinetSeriesChoice2 a:hover {
	position: relative;
	text-decoration: none;
}

#cabinetSeriesChoice2 a:hover .detail {
	display: block;
	width: 160px;
	background-color: #ececec;
	padding:3px;
	color: #000000;
	font-size: 75%;

	border: 2px #1a5f9c solid;
	border-radius: 2px 2px 2px 2px;
}