@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
/* 上記による Fierfox 2 崩れ対応 */
option {
	margin-right: 0.5em;
}
html {
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka, sans-serif;
	font-size: 80%;
	line-height: 120%;
}
#left {
	text-align:left;
}
#right {
	float:right;
}
option {
	margin-right: 3px;
	font-size: 100%;
}
input, textarea {
	margin-right: 3px;
	font-size: 100%;
}
select {
	font-size: 100%;
}
select.top, input.top, textarea.top {
	margin-bottom: 5px;
}
.page_rows {
	margin-bottom:20px;
}
img {
	border: 0;
}
ul, li {
	list-style: none;
}
hr {
	display: none;
}
h1 {
	border-top: 1px solid #b3b4bd;
	border-bottom: 1px solid #d9dadf;
	height: 30px;
	line-height: 30px;
	color: #444757;
	background: url('../img/contents/subtitle_back_02.jpg') repeat-x;
	font-size: 130%;
}
h1 span.title {
	display:block;
	padding-top: 2px;
	padding-left: 20px;
	background: url('../img/contents/subtitle_back.gif') no-repeat;
}
h1 span.subtitle {
	display:block;
	padding-top: 2px;
	padding-left: 10px;
}
h4 {
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 3px solid #ccc;
	color: #444757;
	font-size: 100%;
	width:500px;
}
h3 {
	margin-bottom: 20px;
	padding: 5px;
	color : #fff;
	background: #999;
	font-size: 90%;
}
/*テーブル設定*/
table {
	margin: 0 0 20px;
	border-collapse: collapse;
	font-size: 100%;
}
th, td {
	padding: 5px;
	border: 1px solid #ccc;
}
th {
	background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
	font-weight: normal;
	text-align: left;
}
table.list th {
	background: url('../img/contents/table_back.png') repeat-x #b4b4b4;
	text-align: center;
}
table.list th.column {
	background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
	text-align: left;
}
table.list .edit, table.list .delete {
	width: 10%;
}
table.list {
}
table.list th.left {
	text-align: left;
}
table.list th.right {
	text-align: right;
}
table.list td.id, table.list td.thumbnail {
	text-align: center;
}
table.list td.menu {
	vertical-align: middle;
	text-align: center;
}
table.form th {
	text-align: left;
}
table tr.last {
	background: #ffffdf;
}
#popup-container table th.column {
	width: 200px;
}
.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area {
	margin : 0 0 60px 0;
	padding: 20px 0;
	clear: both;
	width: 100%;
	background:#f5f5f5;
	text-align: center;
}
.contents-main .btn-area li, #popup .btn-area li, .btn-area li {
	margin-right: 10px;
	display: inline;
}
.addnew {
	margin-bottom: 20px;
}
/*おすすめ商品管理*/

table#recommend-table {
	border-collapse: collapse;
	font-size: 100%;
	margin: 0 0 50px;
	width: 100%;
}
div#table-wrap {
	margin-top: 6px;
}
div#table-wrap div.table-img {
	float: left;
	padding-left: 6px;
}
div#table-wrap div.table-detail {
	float: left;
	text-align: left;
	padding-left: 11px;
}
div#table-wrap div.table-detail div.detail-name {
	margin-bottom: 5px;
}
td.no-border {
	border: 0;
	background: #f5f5f5;
	padding: 20px;
}
td.no-border-w {
	border: 0;
}
td.AlignLeft {
	text-align: left;
	padding-left: 11px;
}
/*通常ボタン*/
.btn-normal, a.btn-normal:link, a.btn-normal:visited {
	margin-right: 5px;
	padding: 2px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background-image: url('../img/button/white-grad.png');
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #eee;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}
/*ツールボタン 共通部分*/
.btn-tool-format, a.btn-tool-format:link, a.btn-tool-format:visited {
	padding: 0 6px;
	border: solid 1px #6b6d87;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad03.png') repeat-x #eee;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #c9cbcb;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	cursor: pointer;
	/* CSS3 radius */
	border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
}
/*ツールボタン コンテンツ*/
.btn-tool, a.btn-tool:link, a.btn-tool:visited {
	padding: 0 6px;
	border: solid 1px #999;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad.png') repeat-x #eee;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #c9cbcb;
	font-size: 100%;
	text-decoration: none;
	cursor: pointer;
	/* CSS3 radius */
	border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
}
/*登録する・検索するボタン*/
.btn-action, a.btn-action:link, a.btn-action:visited {
	padding: 5px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad04.png') top repeat-x #eee;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	font-size: 80%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}
/*商品を選択するボタン(2/18追加)*/
.btn-action-m, a.btn-action-m:link, a.btn-action-m:visited {
	padding: 3px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad04.png') top repeat-x #eee;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}
/*戻るボタン*/
.btn-action .btn-prev {
	padding: 0 0 0 20px;
	display: inline-block;
	background: url('../img/button/ico_prev.gif') left no-repeat;
	font-weight: bold;
	font-size: 114%;
}
/*進むボタン*/
.btn-action .btn-next {
	padding: 0 20px 0 0;
	display: inline-block;
	background: url('../img/button/ico_next.gif') right no-repeat;
	font-weight: bold;
	font-size: 114%;
}
a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover {
	border: solid 1px #d5d7df;
	color: #6d728b;
}
a.btn-tool-format:hover {
	border: solid 1px #363a47;
	color: #6b728b;
}
a.btn:active, a.btn-normal:active {
	background-image: url('../img/button/white-grad-active.png');
}
/*LINK*/
a:link {
	color: #39c;
	text-decoration: none;
}
a:visited {
	color: #39c;
	text-decoration: none;
}
a:hover {
	color: #74badc;
	text-decoration: none;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.attention {
	color: #f00;
}
/* ヘッダー
----------------------------------------------- */
#errorHeader {
	color: #F00;
	font-weight: bold;
	font-size: 12px;
	background-color: #FEB;
	text-align: center;
	padding: 5px;
}
#header {
	width: 100%;
	height: 51px;
	background: url('../img/header/header_back.jpg') 0 0 repeat-x;
}
#header-contents {
	width: 1030px;
}
#logo {
	padding: 12px 0 0 12px;
	float: left;
	width: 184px;
}
#site-check {
	float: right;
	width: 820px;
}
#site-check p.info {
	padding-top: 16px;
	float: left;
	width: 580px;
	color: #fff;
	font-size: 80%;
}
#site-check ul {
	padding-top: 14px;
	float: right;
}
#site-check ul li {
	margin-right: 10px;
	float: left;
}
/* ヘッダーナビ
----------------------------------------------- */
#navi {
	z-index: 90;
	height: 28px;
	background: url('../img/header/navi_back.jpg') top left repeat-x;
	font-size: 100%;
	line-height: 100%;
}
#navi li {
	background: url('../img/header/navi_back_line.jpg') no-repeat right;
	display: block;
	float: left;
	cursor: pointer;
	height: 28px;
	position: relative;
}
#navi li a, #navi li a span {
	display: block;
	_float: left;/*IE6対策*/
	cursor: pointer;
}
#navi li a {
	color: #2d2f39;
	height: 28px;
	font-weight: bold;
	text-decoration: none;
}
#navi li a span {
	padding: 7px 10px;
	_padding: 9px 10px 5px;/*IE6対策*/
	height: 15px;
	_height: 13px;/*IE6対策*/
}
#navi li a:hover {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}
#navi li a:hover span {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}
#navi li.on a {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}
#navi li.on a span {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}
#navi li.sfhover a {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}
#navi li.sfhover a span {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}
#navi li ul {
	position: absolute;
	top: 26px;
	left: -9999px;
	width: 14px;
	font-weight: normal;
	clear: both;
}
/*プルダウンメニュー 第1階層*/
#navi li li {
	display: block;
	top: 2px;
	width: 180px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
	font-weight: normal;
}
#navi li li a {
	display: block;
	top: 2px;
	width: 180px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
	font-weight: normal;
}
#navi li li a span {
	display: block;
	top: 2px;
	width: 180px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
	font-weight: normal;
}
#navi li li {
	border: solid #888;
	border-width: 0 0 1px 0;
}
#navi li li a span {
	padding: 2px 0 0 8px;
	text-indent: 8px;
}
#navi li li a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}
#navi li li a:hover span {
	background: #666;
}
#navi li.on li a, #navi li.on li a span, #navi li li.on a, #navi li li.on a span, {
	background: transparent;
}
#navi li.sfhover li a, #navi li.sfhover li a span, #navi li li.sfhover a, #navi li li.sfhover a span {
	background: transparent;
}
#navi li.sfhover li a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}
#navi li li.sfhover a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}
/*プルダウンメニュー 第2階層*/
#navi li ul.level2 {
	position: absolute;
	top: 27px;
	left: -9999px;
	width: 14px;
	font-weight: normal;
}
#navi li li li, #navi li li a, #navi li li li a span {
	margin-left: 0;
	display: block;
	width: 180px;
	top: 1px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: #787878;
	font-weight: normal;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
}
#navi li li li.sfhover a:hover {
	width: 180px;
	top: 1px;
	height: 27px;
	color: #fff;
	background: url('../img/header/ico_sub_navi.gif') no-repeat left #474747;
}
#navi li ul ul {
	margin: -28px 0 0 180px;
	_margin: -28px 0 0 187px;/*IE6応急 */
}
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
	left: -9999px;
}
#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
	left: auto;
}
#navi ul.level1 li.on_level2 {
	background: url('../img/header/subnavi_bak_l2.gif') top left no-repeat #787878;
}
#navi ul.level1 li.on_level2 a:hover {
	background: url('../img/header/subnavi_bak_l2_on.gif') top left no-repeat #787878;
}
#navi ul.level1 li.on_level2 ul.level2 li a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}
/*subnavi*/
.subnavi a {
	padding: 6px 5px 4px 5px;
	display: block;
	width: 140px;
	color: #fff;
	background-color: #666;
	text-decoration: none;
}
.subnavi a:visited {
	color: #fff;
	text-decoration: none;
}
.subnavi a:hover {
	color: #000;
	background-color: #666;
	text-decoration: none;
}
.subnavi_text {
	padding: 0 0 0 8px;
	font-size: 71%;
}
.subnavi-on a {
	padding: 6px 5px 4px 5px;
	display: block;
	width: 140px;
	color: #000;
	background-color: #666;
	text-decoration: none;
}
.subnavi-on a:visited {
	color: #000;
	text-decoration: none;
}
.subnavi-on a:hover {
	color: #000;
	background-color: #666;
	text-decoration:none;
}
.number-on a:visited {
	color: #fff;
	text-decoration: none;
}
.number a:visited {
	color: #fff;
	text-decoration: none;
}
#agreement {
	margin: 0;
	border-width: 1px  border-color: #c0c0c0;
border-style: solid;
width: 480px;
height: 120px;
overflow: auto;
background-color : #fff;
	}
/* ページャ */
#contents .pager ul {
	margin: 10px 0;
	list-style-type: none;
}
.pager li {
	display: inline;
}
.pager li a {
	padding: 3px 5px;
	border: 1px solid #999;
}
.pager li.on a {
	background: #f4f5f5;
}
.pager li a:hover, .pager li.on a:hover {
	background: #f8f8f8;
	border: 1px solid #ccc;
}
/* コンテンツ
----------------------------------------------- */
* html div#container {
	position: relative;
	height: 100%;
	min-height: 100%;
}
body > #container {
	height: auto;
}
#container {
	position: relative;
	min-height: 100%;
}
#contents {
	padding: 20px 20px 100px;
	width: 1000px;
}
#footer {
	margin-top: 30px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: url('../img/contents/footer_back.jpg') 0 0 repeat-x;
}
#footer-contents {
	padding-top: 10px;
	width: 1020px;
	text-align: right;
}
#footer #copyright {
	margin-left: 20px;
	float: left;
	color: #fff;
	font-size: 90%;
	text-align: left;
}
#footer #topagetop {
	float: right;
}
/* ログイン
----------------------------------------------- */
#login {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}
#login-wrap {
	margin: 150px auto 0;
	padding: 0;
	border: 0;
	text-align: left;
	width:556px;
	z-index: 2;
	background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
	-moz-box-shadow: 0 0 5px #000;/* Firefox */
	-webkit-box-shadow: 0 0 5px #000;/* Safari and Chrome */
}
#login-form h1 {
	margin: 46px auto 20px;
	padding-left: 50px;
	padding-bottom: 40px;
	border: none;
	float: left;
	width: 140px;
	height: 150px;
	background: none;
}
#input-form {
	margin-top: 40px;
	padding-right: 30px;
	float: right;
	width: 255px;
}
#input-form p {
	margin-top: 10px;
	color: #fff;
	font-size: 100%;
}
#input-form .btn-tool {
	margin-top: 5px;
}
#login #copyright {
	margin: 0 auto;
	padding-top: 10px;
	width: 556px;
	color: #000000;
	font-size: 80%;
	text-align: left;
}
/* エラーメッセージ
----------------------------------------------- */


/*以下インストールページと共通■触るべからず*/

#out-wrap {
	margin: 100px auto;
	width: 560px;
}
#out-wrap .logo {
	padding-bottom: 5px;
	float: right;
}
#out {
	margin: 0 auto;
	width: 560px;
}
#error .out-top {
	clear: both;
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
}
/*以上インストールページと共通■触るべからず*/


#error .contents {
	border-right: solid 1px #d9dadf;
	border-left: solid 1px #d9dadf;
}
#error .contents .message {
	padding: 20px 30px;
	text-align: center;
}
#error .btn-area-top {
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
}
#error .btn-area ul {
	padding: 20px 0 10px 0;
	width: 560px;
	background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
}
#error .btn-area ul li {
	text-align: center;
}
#error .btn-area-bottom {
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
}
/* 完了メッセージ
----------------------------------------------- */
#complete {
	margin: 40px 0 0 80px;
	width: 560px;
}
#complete .complete-top {
	clear: both;
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
}
#complete .contents {
	border-right: solid 1px #d9dadf;
	border-left: solid 1px #d9dadf;
}
#complete .contents .message {
	padding: 20px 30px;
	color: #b77615;
	font-weight: bold;
	text-align: center;
}
#complete .btn-area-top {
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
}
#complete .btn-area ul {
	margin: 0;
	padding: 20px 0 10px 0;
	width: 560px;
	background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
	text-align: center;
}
#complete .btn-area ul li {
	margin-right: 10px;
	display: inline;
}
#complete .btn-area-bottom {
	clear: both;
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
}
/* メインページ
----------------------------------------------- */
#home-main {
	margin-right: 300px;
}
#home-main table {
}
* html #home-main table {
}
#home .shop-info {
	margin: 0 0 20px;
}
#home .shop-info td {
	text-align: right;
}
#home-info {
	border-left: 1px solid #ccc;
	float: right;
}
.home-info-item {
	margin: 0 0 15px 20px;
	line-height: 14px;
	font-size: 90%;
}
.home-info-item .body {
	margin: 5px 0 0 0;
}
.home-info-item .date {
	background: #ddd;
	padding: 5px 10px 0px;
}
.home-info-item .title {
	padding: 0 10px 5px;
	background: #ddd;
}
/* 基本情報管理
----------------------------------------------- */
/* 郵便番号DB登録 */
.basis-zip-item {
	margin-bottom: 30px;
}
.basis-zip-item.end {
	margin-bottom: 60px;
}
.basis-zip-item.info {
	padding-top: 20px;
}
.basis-zip-item p {
	margin-bottom: 10px;
}
/* 商品管理
----------------------------------------------- */
#products-category-left, #products-rank-left {
	float: left;
	width: 285px;
	min-height: 200px;
}
#products-category-right, #products-rank-right {
	margin-left: 285px;
}
#products-class-list .action {
	width: 100px;
}
#contents-filemanager-tree #tree {
	float: left;
	min-height: 200px;
}
#products-category-left, #products-rank-left {
	min-height: 200px;
	padding: 10px;
	border: 3px solid #ddd;
	width: 230px;
	background-color: #f3f3f3;
}
#products-category-right .now_dir {
	margin-bottom:20px;
	padding: 10px;
	border: 1px solid #ccc;
}
#products .class-payment {
	padding-top: 15px;
	font-size: 88%;
}
#products label {
	white-space: nowrap;
}
#products .class-product-type label {
	white-space: normal;
}
#products .list-info {
	padding-top: 10px;
	border-top: solid 1px #ccc;
}
#products .list-info .btn {
	float: left;
	margin-right:20px;
}
#products .list-info p {
	float: right;
	color: #444757;
}
/* 受注管理
----------------------------------------------- */
/* ステータス管理 */
#order-status-list th.id {
	width: 40px;
}
/* 期間別集計
----------------------------------------------- */
#graph-image {
	margin: 0 0 20px 0;
}
/* デザイン管理
----------------------------------------------- */
/* レイアウト設定 */
.design-layout {
	table-layout: fixed;
}
.design-layout th, .design-layout td {
	vertical-align: top;
	text-align: center;
}
#design-layout-used {
	width: 525px;
}
#design-layout-unused {
	width: 175px;
}
.design-layout #LeftNavi, .design-layout #MainHead, .design-layout #RightNavi {
	width: 33.33%;
}
.design-layout #TopNavi, .design-layout #HeadNavi, .design-layout #HeaderTopNavi, .design-layout #LeftNavi, .design-layout #MainHead, .design-layout #MainFoot, .design-layout #RightNavi, .design-layout #BottomNavi, .design-layout #FooterBottomNavi, .design-layout #HeaderInternalNavi, .design-layout #Unused {
	padding-bottom: 20px;
	height: 10px; /*IE6応急処置 */
}
.design-layout div.sort {
	margin: 5px 0;
	padding: 5px 2px;
	border: 1px solid #000;
	color: #333;
	background: #eee;
	font-size: 100%;
}
.design-layout .anywherecheck {
	white-space: nowrap;
}
.placeholder {
	border: 1px dashed #aaa;
	height: 20px;
}
#layout-header {
	vertical-align: middle;
}
/* コンテンツ管理
----------------------------------------------- */
#contents-csv-sqltbl {
	margin-bottom: 40px;
}
/* フォーム
----------------------------------------------- */
div.btn, p.remark {
	margin: 0 0 20px 0;
}
/*FORM*/
.box3 {
	width: 33px;
}/*W3*/
.box6 {
	width: 54px;
}/*W6*/
.box10 {
	width: 82px;
}/*W10*/
.box20 {
	width: 152px;
}/*W20*/
.box25 {
	width: 187px;
}/*W25*/
.box30 {
	width: 222px;
}/*W30*/
.box33 {
	width: 243px;
}/*W33*/
.box35 {
	width: 257px;
}/*W35*/
.box40 {
	width: 276px;
}/*W40*/
.box45 {
	width: 341px;
}/*W45*/
.box50 {
	width: 362px;
}/*W50*/
.box52 {
	width: 376px;
}/*W52*/
.box54 {
	width: 390px;
}/*W54*/
.box60 {
	width: 432px;
}/*W60*/
.box65 {
	width: 467px;
}/*W65*/
.box68 {
	width: 488px;
}/*W68*/
.box76 {
	width: 544px;
}/*W76*/
.area40 {
	width: 302px;
	height: 134px;
}/*W40×H8*/
.area45 {
	width: 337px;
	height: 290px;
}/*W40×H20*/
.area46 {
	width: 337px;
	height: 134px;
}/*W40×H8*/
.area50 {
	width: 372px;
	height: 82px;
}/*W50?H4*/
.area55 {
	width: 407px;
	height: 82px;
}/*W50?H4*/
.area59 {
	width: 432px;
	height: 134px;
}/*W59×H8*/
.area60 {
	width: 433px;
	height: 134px;
}/*W60?H8*/
.area61 {
	width: 433px;
	height: 82px;
}/*W60?H4*/
.area65 {
	width: 444px;
	height: 290px;
}/*W65×H20*/
.area70 {
	width: 512px;
	height: 186px;
}/*W70?H12*/
.area75 {
	width: 547px;
	height: 186px;
}/*W75?H12*/
.area80 {
	width: 572px;
	height: 134px;
}/*W80×H8*/
.area90 {
	width: 650px;
	height: 420px;
}
.area96 {
	width: 694px;
	height: 420px;
}/*W80×H30*/
.area96_2 {
	width: 694px;
	height: 160px;
}/*W80×H10*/
.area99 {
	width: 715px;
	height: 523px;
}/*W99?H40*/
/*COLOR*/
.red {
	color: #f00;
}
/*FONT*/
.bold {
	font-weight:bold;
}
/* フロート解除 */
.clearfix:after {
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
}
/* 権限 */
x-dummy, .authority_1 #navi-basis-masterdata, .authority_1 #navi-contents-file, .authority_1 #navi-design-bloc, .authority_1 #navi-design-template, .authority_1 #navi-design-add, .authority_1 #navi-system, .authority_1 #navi-ownersstore {
	/* display: none; --- IE で不具合 */
	border: none;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* DnD並び替え系の設定 */
tr.movingHandle td {
	background-color: #eee;
}
.dragHandle { /* ハンドルの設定 */
	font-weight: bold;
	text-align: center;
	cursor: n-resize;
}
.activeHandle { /* アクティブハンドルの設定 */
	color: #f9a406;
}
table.layout, table.layout th, table.layout td {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	vertical-align: top;
}
/* FORMS */
form {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
textarea {
	width : 90%;
	border : 1px solid #969696;
	font-size : 10pt;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
input {
	font-size : 10pt;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
input[type="submit"], [type="reset"] {
	background-color : #eeeeee;
	background-repeat:repeat-x;
	font-size : 10pt;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
	padding : 1px 10px 1px 10px;
}
select {
	font-size : 95%;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
	margin-top : 2px;
	margin-bottom : 2px;
	height : 1.7em;
	color : #000000;
	background-color : #ffffff;
	border : 1px solid #999999;
}
multipleselect {
}
/* IMAGES */
img {
	border : 0px
}
/* WARNING MESSAGE */
.warning {
	color : #ff0000;
	text-decoration : none;
	background-color : transparent;
	margin : transparent;
	padding : transparent;
}
/*
=========================
(3) LEFT SPACE - MENU
=========================
*/

div.menu-box {
	width : 18%;
	font-size : 10pt;
	position : absolute;
	float : left;
	margin-top : 65px;
	margin-left : 0px;
	padding : 8px;
	color : #000000;
	background-color : transparent;
}
/* MENU CATEGORY */
div.menu-box h2 {
	text-align : center;
	font-size : 10pt;
	color : #eeeeee;
	background-color : #b4b4b4;
	padding : 5px;
	margin : 0px;
}
/* JUST INFORMATION */
div.menu-box h3 {
	text-align : center;
	font-size : 10pt;
	background-color : #ffffff;
	padding : 20px 0px 20px 0px;
	border : 1px solid #b4b4b4;
	margin : 0px;
}
/* SOMETHING LISTING */
ul.menu {
	list-style : none;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #b4b4b4;
	background-color : transparent;
	right : 2.5%;
	width : 100%;
	margin : 0px 0px 20px 0px;
	padding : 0px;
}
li.menu {
	line-height : 14px;
	list-style : none;
	margin : 0px;
	text-indent : 0;
	border-left : 4px solid #b4b4b4;
	border-bottom : 1px solid #b4b4b4;
	padding : 5px;
}
/* FOR CURRENT MENU */
li.current-menu {
	color : #806020;
	text-shadow : #dddddd 0.2em 0.2em 0.2em;
	background-color : transparent;
	line-height : 14px;
	list-style : none;
	margin-bottom : 0px;
	padding : 5px 5px;
	border-left : 5px solid #669933;
	border-bottom : 1px solid #669933;
}
/* RESPONSES (TRACKBACKS OR COMMENTS) LISTING */
div.response {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	color : #b4b4b4;
	background-color : transparent;
	right : 2.5%;
	width : 100%;
	margin : 0px 0px 20px 0px;
	padding : 0px;
}
div.response ul {
	list-style : none;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	font-weight : normal;
	color : #b4b4b4;
	background-color : transparent;
	right : 2.5%;
	width : 100%;
	margin : 0px 0px 20px 0px;
	padding : 0px;
}
div.response li {
	line-height : 14px;
	list-style : none;
	font-weight : normal;
	margin : 0px;
	text-indent : 0;
	border-left : 4px solid #b4b4b4;
	border-bottom : 1px solid #b4b4b4;
	padding : 5px;
}
/*
=========================
(4) RIGHT SPACE - MAIN
=========================
*/

div.content {
	position : absolute;
	width : 90%;
	font-size : 10pt;
	float : left;
	margin-top : 5px;
	margin-left : 10%;
	margin-right : 10%;
	margin-bottom : 5px;
	padding-top : 8px;
	padding-left : 0.5em;
	padding-right : 0.5em;
	border-left : 1px solid #dddddd;
	border-right : 1px solid #dddddd;
	color : #000000;
	background-color : transparent;
}
h2.archive-title {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 16pt;
	color : #b4b4b4;
	background-color : transparent;
	border-top : 2px solid #b4b4b4;
	border-bottom : 2px solid #b4b4b4;
	padding-top : 5px;
	padding-bottom : 5px;
}
h2.admin-title {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 16pt;
	color : #b4b4b4;
	background-color : transparent;
	border-top : 2px solid #b4b4b4;
	border-bottom : 2px solid #b4b4b4;
	margin-top : 0px;
	margin-bottom : 2px;
	padding-top : 5px;
	padding-bottom : 5px;
	width : 100%;
}
h2.navigation {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0%;
	margin-bottom : 0%;
	padding-top : 0px;
	padding-bottom : 0px;
}
h2.notice {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	font-weight : normal;
	color : #ff0000;
	margin-right : 0%;
	margin-top : 0%;
	margin-bottom : 0%;
	padding-top : 0px;
	padding-bottom : 0px;
}
h2.date {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 120%;
	color : #330099;
	background-color : transparent;
	border-top : 1px dotted #330099;
	border-bottom : 1px dotted #330099;
	padding-top : 5px;
	padding-bottom : 5px;
}
/* FOR EACH ARTICLE */
div.article-box {
	margin-bottom : 14px;
	padding-left : 1em;
	padding-right : 1em;
	padding-bottom : 1em;
	line-height : 17px;
}
/* EACH ARTICLE TITLE */
h3.article-title {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 110%;
	border-bottom : 1px dotted #b4b4b4;
	color : #b4b4b4;
}
div.date {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
}
div.comment {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	border-bottom : 1px solid #dddddd;
	line-height : 160%;
}
div.article-footer {
	text-align : right;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	margin-top : 2em;
}
/*
=========================
(5) TRACKBACKS
=========================
*/

div.trackback-box {
	margin-bottom : 14px;
	margin-left : 1em;
	margin-right : 1em;
	margin-bottom : 1em;
	line-height : 17px;
	border : 1px dotted #dddddd;
}
h3.trackbacks {
	font-size : 120%;
	color : #eeeeee;
	background-color : #b4b4b4;
	margin : 0px;
	padding-left : 5px;
	padding-right : 5px;
	line-height : 160%;
}
div.trackback-title {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-weight : bold;
	border-bottom : 1px solid #dddddd;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
}
div.trackback-box p {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
}
div.trackback-contents {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 160%;
	margin-left : 20px;
	margin-right : 20px;
}
div.trackback-info {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-style : italic;
	font-color : #eeeeee;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 20px;
}
div.trackback-uri {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-style : italic;
	font-color : #dddddd;
	line-height : 300%;
	margin-left : 20px;
	margin-right : 20px;
	margin-bottom : 20px;
	border : 1px solid #dddddd;
}
/*
=========================
(6) COMMENT
=========================
*/

div.comment-box {
	margin-bottom : 14px;
	margin-left : 1em;
	margin-right : 1em;
	margin-bottom : 1em;
	line-height : 17px;
	border : 1px dotted #dddddd;
}
h3.comments {
	font-size : 120%;
	color : #eeeeee;
	background-color : #b4b4b4;
	margin : 0px;
	padding-left : 5px;
	padding-right : 5px;
	line-height : 160%;
}
div.comment-title {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-weight : bold;
	border-bottom : 1px solid #dddddd;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
}
div.comment-box p {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
}
div.comment-info {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-style : italic;
	font-color : #eeeeee;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
	margin-bottom : 20px;
}
h3.comment-post {
	font-size : 120%;
	margin : 0px;
	padding-left : 5px;
	padding-right : 5px;
	line-height : 160%;
}
/*
=========================
(7) ADMIN TOP
=========================
*/

table.system-env {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 300%;
	margin-left : 20px;
	margin-right : 20px;
	margin-bottom : 20px;
	border : 1px solid #b4b4b4;
	width : 90%;
}
td.env-name {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	color : #ffffff;
	line-height : 160%;
	margin-left : 20px;
	margin-right : 20px;
	margin-bottom : 20px;
	border : 1px solid #b4b4b4;
	background-color : #b4b4b4;
}
td.env-info {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin-left : 20px;
	margin-right : 20px;
	margin-bottom : 20px;
	border : 1px solid #b4b4b4;
	background-color : #ffffff;
}
/*
=========================
(8) NEW OR EDIT BLOG
=========================
*/

div.create-box {
	margin-bottom : 14px;
	margin-left : 1em;
	margin-right : 1em;
	margin-bottom : 1em;
	line-height : 17px;
	border : 1px dotted #dddddd;
}
h3.creates {
	font-size : 120%;
	color : #eeeeee;
	background-color : #b4b4b4;
	margin : 0px;
	padding-left : 5px;
	padding-right : 5px;
	line-height : 160%;
}
div.create-box p {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 160%;
	margin-left : 10px;
	margin-right : 10px;
}
h3.create-post {
	font-size : 120%;
	margin : 0px;
	padding-left : 5px;
	padding-right : 5px;
	line-height : 160%;
}
.tagbutton {
	width : 80px;
	background-image : url(./_shared/button_bg.gif);
}
div.trackback-form {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-style : italic;
	font-color : #dddddd;
	margin-left : 20px;
	margin-right : 20px;
	margin-bottom : 20px;
	padding : 15px;
	border : 1px solid #dddddd;
}
/*
=========================
(9) LIST FOR ADMIN
=========================
*/

table.common-list {
	clear : both;
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 160%;
	margin-top : 5px;
	margin-bottom : 5px;
	border : 1px solid #b4b4b4;
	width : 100%;
	border-collapse : collapse;
	empty-cells : show;
}
td.common-list-title {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 100%;
	color : #000000;
	line-height : 160%;
	margin : 20px;
	border : 1px solid #b4b4b4;
	background-color : #f4f5f5;
}
td.common-list-title-left {
	text-align : left;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 100%;
	color : #000000;
	line-height : 160%;
	margin : 20px;
	border : 1px solid #b4b4b4;
	background-color : #f4f5f5;
}
td.common-list-title-right {
	text-align : right;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 100%;
	color : #000000;
	line-height : 160%;
	margin : 20px;
	border : 1px solid #b4b4b4;
	background-color : #f4f5f5;
}
td.common-list-value {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #ffffff;
}
td.common-list-value-left {
	text-align : left;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #ffffff;
}
td.common-list-value-right {
	text-align : right;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #ffffff;
}
table.small-common-list {
	clear : both;
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	line-height : 120%;
	margin-top : 5px;
	margin-bottom : 5px;
	border : 1px solid #b4b4b4;
	width : 100%;
	border-collapse : collapse;
	empty-cells : show;
}
td.small-common-list-title {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	color : #ffffff;
	line-height : 120%;
	margin : 20px;
	border : 1px solid #ffffff;
	background-color : #b4b4b4;
}
td.small-common-list-title-left {
	text-align : left;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	color : #ffffff;
	line-height : 120%;
	margin : 20px;
	border : 1px solid #ffffff;
	background-color : #b4b4b4;
}
td.small-common-list-title-right {
	text-align : right;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	color : #ffffff;
	line-height : 120%;
	margin : 20px;
	border : 1px solid #ffffff;
	background-color : #b4b4b4;
}
td.small-common-list-value {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 120%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #ffffff;
}
td.small-common-list-value-left {
	text-align : left;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 120%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #ffffff;
}
td.small-common-list-value-right {
	text-align : right;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 120%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #ffffff;
}
td.reserve1 {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #E0FFFF;
}
td.reserve2 {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #FFE4E1;
}
td.reserve3 {
	text-align : center;
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 90%;
	line-height : 160%;
	margin : 0px;
	border : 1px solid #b4b4b4;
	border-collapse : collapse;
	empty-cells : show;
	background-color : #98FB98;
}
table tr.even td {
	background: #DFEEFF;
}
table tr.hover td {
	background: #FFFFBB;
}
.line img {
	width: 980px;
}
h2.navigation {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0%;
	margin-bottom : 0%;
	padding-top : 0px;
	padding-bottom : 0px;
}
/*
=========================
(11) Number Picker
=========================
*/
div.number-picker {
	position: absolute;
	height: 200px;
	width:55px;	/* needed for IE */
	overflow: auto;
	background: #fff;
	border: 1px solid #000;
	z-index: 99;
	margin-top: 25px;
}
div.number-picker ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.number-picker li {
	padding: 1px;
	cursor: pointer;
}
div.number-picker li.selected {
	background: #316AC5;
	color: #fff;
}
input {
	margin:0;
	padding:0;
}
.focus-text {
	background: #DFEEFF;
}
h2.navigation {
	font-family : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
	font-size : 10pt;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0%;
	margin-bottom : 0%;
	padding-top : 0px;
	padding-bottom : 0px;
}
/* ContentsArea
-------------------------- */
#content_p {
	margin: 0 auto;
	padding: 10px 0 50px 0;
	width: 100%;
}
.p {
	padding: 10px 0;
}
.form {
	text-align:left;
}
#open01, #open02, #open03, #open04, #open05, #open06, #open07, #open08, #open09, #open10, #open11 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}
.modal_window {
	top: 50%;
	left: 50%;
	margin: -210px 0 0 -200px;
	width: 400px;
	height: 300px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}
.modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: #000;
}
.modal_window p {
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {
		opacity:0;
		display:block;
	}
	100% {
		opacity:1;
	}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}
section {
	width: 100%;
}
section {
	display: block;
	height: 0;
}
.css_btn_class {
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	padding:4px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	color:#666666;
	display:inline-block;
	text-shadow:0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}
p.pop {
	float:left;
}
@media print{
	#header{display:none;}
	#navi-wrap{display:none;}
	#footer{display:none;}
	#nomedia{display:none;}
}