/* 
	Administration Theme 2.2
	File style.css

	XOOPS Cube Project 
	(c) 2008
*/

* {
	margin:0;
	padding:0;
}

body {
	color:#37415C;
	font-size:12px;
	line-height:130%;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	background:#fff url(../design/bg_page.jpg) top left repeat-x;
	overflow-x: hidden;　/* marine add */
}

h1, h2, h3, h4, h5, h6 {
	margin:0.5em;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
	margin:1em;
}
h5 {
	font-size:14px;
	margin:1em;
}
h6 {
	font-size:12px;
}

a, a:visited {
	color:#3F4D6B;
	font-weight:normal;
	text-decoration:none;
}
a:hover, a:active {
	color:#F29B09;
}

img {
	border:0
}

hr {
	color:#E18A00;
	background-color:#E18A00;
	border:none;
	width:95%;
	height:0.3em;
	margin: 10px auto; 
	text-align:center; 
}

ul {
	margin:2px;
	padding:2px;
	list-style:square outside;
}
li {
	margin-left:20px;
	line-height:130%;
}

table {
	margin:0;
	padding:0;
	width:100%;
	border-collapse:collapse; 
}
td {
	vertical-align:top;
}
th {
	text-align:center;
	padding:5px 1px;
	background:#eee url(../design/bg_blocktitle.png) top left repeat-x;
}
th a {
	font-weight:bold;
}
th a:visited {
	font-weight:bold;
}
th a:hover {
	font-weight:bold;
	color:#ff8c00;
}

form {
	margin:0.5em 0;
}
input {
	border-top:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #DDD;
	border-left:1px solid #999;
	padding:2px;
	background:url(../design/bg_data.png) top left repeat;
}
input.formButton {
	background:url(../design/bg_data.png);
	border-top:solid 1px #CCC;
	border-left:solid 1px #DDD;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding: 1px 10px;
}
textarea {
	font-size:13px;	
}

select option {
	padding: 0 3px;
}

#container {
	width:100%;
	margin:0 auto;
	text-align:left;
}

/* ====================================================== common ===== */

.outer td , .outer th {
	border:1px solid #ccc;
}
table.outer {
	margin:10px 0;
	border:1px solid #ddd;
}
.head {
	background:#dddddd;
	padding:5px 3px;
}
.foot {
	padding:6px 4px;
	text-align: center;
	background:url(../design/bg_footer.png) top left repeat-x;
}

.odd {
	background:#eeeeff;
	padding:5px 3px;
}
.even {
	background:#ffffff;
	padding:5px 3px;
}
tr .odd td {
	padding:3px;
	vertical-align:middle;
}
tr .even td {
	padding:3px;
	vertical-align:middle;
}
.nw {
	white-space:nowrap;
}

/* ====================================================== header ===== */

#header {
	height:100px;
}

#header .logo a {
	float:left;
	padding:14px;
	font-size:20px;
	color:#FFF;
}

#header .logo a:hover {
	border-bottom: 0;
}

#header .headerSearch {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	padding:14px;
}
#header .headerSearchForm {
	margin:0;
}
#header .topnav {
	clear:both;
	min-height:20px;
	text-align:right;
	padding:2px 10px;
}
#header .topnav a, .topnav a:visited {
	font-weight:bold;
	vertical-align:top;
	display:block;
}

#header .topnav .linkadmin {
	float:left;
	padding:5px;
	margin-right:10px;
}
#header .topnav .linkhome ,#header .topnav .linklogout {
	float:right;
	padding:5px;
	margin-right:10px;
}
#header .topnav .linkadmin img ,#header .topnav .linkhome img ,#header .topnav .linklogout img {
	vertical-align:middle;
	margin-right:5px;
}


/* marine add ========================================================= */

#admincontent {
	position:relative;
	display:inline-block;
	padding-left:240px;
	overflow:hidden;
	zoom:1;/*for IE6*/
}

/* ====================================================== LeftColumn ===== */

#left_column {
	float:right;
	width:240px;
	margin-left:-240px;
	background-color:#e6eae3;
}
#left_column .head {
	cursor:pointer;
	padding:5px;
	font-weight:bold;
	border:1px solid #E5E5E5;
	text-align:left;
	/* background:url(../design/bg_blocktitle.png) left top repeat-x; */
	background: -moz-linear-gradient(bottom, #d6eaff, #fff);
	background: -webkit-gradient(linear, center bottom, center top, from(#d6eaff), to(#fff));
}

#left_column .head a, #left_column .head a:visited {
	font-weight:bold;
}
#left_column .submenu {
	margin:0px;
	padding:3px 2px;
	/* background:url(../design/bg_blockcontent.png) left top repeat-x; */
	background: -moz-linear-gradient(bottom, #d6d6ff, #fff);
	background: -webkit-gradient(linear, center bottom, center top, from(#d6d6ff), to(#fff));
}
#left_column .submenu li {
	margin:0;
	padding:2px 2px 2px 17px;
	list-style:none;
	background:url(../design/menulist.png) center left no-repeat;
}


/* ====================================================== Center Column ===== */

#center_column {
	float:right;
	width:100%;
	margin-left:-240px;
	border-left:240px solid #e6eae3;
}

#x_contents {
	float:left;
	width:96%;
	padding:0 2%;
}

.panel_open_close {
	width:93%;
	margin:0 2%;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	border:1px solid #ccc;
	border-right:4px solid #dcdcdc;
	background:#FBFBFB url(../design/bg_blockcontent.png) 0px -25px repeat-x;
}
.panel_open_close img {
	margin-top:-12px;
}
.control_panel {
	display:inline-table;
	width:93%;
	margin:0 2%;
	padding:1%;
	border:1px solid #ccc;
	background: -moz-linear-gradient(bottom, #fffacd, #fff 60%);
	background: -webkit-gradient(linear, center bottom, center top, from(#fffacd), color-stop(60%, #fff));
}

.icon_box {
	float:left;padding:10px;
}
.icon_box dt a {
	display:block;
}
.icon_box dt a:hover{
	background:#f0e68c;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
}
.icon_box dl dd {
	text-align:center;
	font-weight:700;
}


#footer {
	padding:15px 0;	
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ddd;
	background:url(../design/bg_footer.png) top left repeat-x;
}

.return_top {
	float:right;
	width:140px;
	text-align:center;
	margin:20px;
	padding:5px;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ccc;
	background:#f2f2f2 url(../icons/page_up.png) left center no-repeat;
}

/* ====================================================== MenuNavi for noscript ===== */

#menunavi {
	display:inline-table; /* marine add */
	margin:8px;
	background-color:#eeeeff;
}
#menunavi h2 {
	margin:0.4em 0;
	font-size: 16px;
	color:#333366;
}
ul.submenunavi {
	text-align:left;
	padding:0;
	margin:3px;
}
ul.submenunavi li {
	float:left;				/* marine add */
	/* display:inline; */
	list-style:none;
	margin:0 2px;	
	/* padding:3px; */
	line-height:2em;
	border-top:1px solid #cccccc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #ffffff;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	background: -moz-linear-gradient(left top 315deg, #f8f8ff, #d6eaff);
	background: -webkit-gradient(linear, left top, right bottom, from(#f8f8ff), to(#d6eaff));
}
ul.submenunavi li a { /* marine add */
	display:block;
	line-height:2;
	padding:5px 10px;
}
ul.submenunavi li a img { /* marine add */
	margin-top:-8px;
}
.shadow{
	-webkit-box-shadow: 1px -1px 2px 0px #a9a9a9; /* Safari, Chrome用 */
	-moz-box-shadow: 1px -1px 2px 0px #a9a9a9; /* Firefox用 */
	box-shadow: 1px -1px 2px 0px #a9a9a9; /* CSS3 */
}
/* ====================================================== Admin Navi ===== */

.adminnavi {
	margin:0px -3px 20px -3px;
	padding:5px 10px;
	border:1px solid #EEE;
	border-bottom:1px solid #fff;
	background:#FBFBFB url(../design/bg_blockcontent.png) 0px -25px repeat-x;
}
.adminnavi a:link , .adminnavi a:visited {
	font-weight:bold;
}
.adminnavi a:hover {
	font-weight:bold;
}
.adminnaviTitle {
	font-size:16px;
	font-weight:bold;
}
h3.admintitle {
	display:none;
}

/* ====================================================== Top Tab ===== */

ul.toptab {
	text-align:right; padding:0; margin:10px;
}
ul.toptab li {
	display:inline;
	margin:5px;
	padding:5px 10px 5px 25px; 
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ccc;	
}

/* ====================================================== Buttons ===== */

ul.toptab li.add {
background:#f2f2f2 url(../icons/add.png) 5px center no-repeat;
}
ul.toptab li.archive {
background:#f2f2f2 url(../icons/archive.png) 5px center no-repeat;
}
ul.toptab li.addBanner {
background:#f2f2f2 url(../icons/time_add.png) 5px center no-repeat;
}
ul.toptab li.addBannerClientList {
background:#f2f2f2 url(../icons/time_user.png) 5px center no-repeat;
}
ul.toptab li.addBannerList {
background:#f2f2f2 url(../icons/timeline.png) 5px center no-repeat;
}
ul.toptab li.addBannerExpire {
background:#f2f2f2 url(../icons/time_expire.png) 5px center no-repeat;
}
ul.toptab li.addBlock {
background:#f2f2f2 url(../icons/block.png) 5px center no-repeat;
}
ul.toptab li.addBlockCustom {
background:#f2f2f2 url(../icons/block_add.png) 5px center no-repeat;
}
ul.toptab li.addBlockEdit {
background:#f2f2f2 url(../icons/block_edit.png) 5px center no-repeat;
}
ul.toptab li.addFile {
background:#f2f2f2 url(../icons/page_add.png) 5px center no-repeat;
}
ul.toptab li.addField {
background:#f2f2f2 url(../icons/add_field.png) 5px center no-repeat;
}
ul.toptab li.addFolder {
background:#f2f2f2 url(../icons/folder_add.png) 5px center no-repeat;
}
ul.toptab li.addGroup {
background:#f2f2f2 url(../icons/group_add.png) 5px center no-repeat;
}
ul.toptab li.addImage {
background:#f2f2f2 url(../icons/image_add.png) 5px center no-repeat;
}
ul.toptab li.addModule {
background:#f2f2f2 url(../icons/module_add.png) 5px center no-repeat;
}
ul.toptab li.addRank {
background:#f2f2f2 url(../icons/rank_add.png) 5px center no-repeat;
}
ul.toptab li.addUser {
background:#f2f2f2 url(../icons/user_add.png) 5px center no-repeat;
}
ul.toptab li.addSearch {
background:#f2f2f2 url(../icons/search_add.png) 5px center no-repeat;
}
ul.toptab li.addSend {
background:#f2f2f2 url(../icons/send.png) 5px center no-repeat;
}
ul.toptab li.editFile {
background:#f2f2f2 url(../icons/page_edit.png) 5px center no-repeat;
}
ul.toptab li.editFolder {
background:#f2f2f2 url(../icons/folder_edit.png) 5px center no-repeat;
}
ul.toptab li.group {
background:#f2f2f2 url(../icons/group.png) 5px center no-repeat;
}
ul.toptab li.import {
background:#f2f2f2 url(../icons/import.png) 5px center no-repeat;
}
ul.toptab li.save {
background:#f2f2f2 url(../icons/page_save.png) 5px center no-repeat;
}
ul.toptab li.templates {
background:#f2f2f2 url(../icons/templates.png) 5px center no-repeat;
}
ul.toptab li.theme {
background:#f2f2f2 url(../icons/theme.png) 5px center no-repeat;
}
ul.toptab li.view {
background:#f2f2f2 url(../icons/view.png) 5px center no-repeat;
}


/* ====================================================== Module Nav ===== */

	ul.modulenav {  width:100%; font-size:93%; line-height:normal; margin:0; padding:0; list-style:none; }
	ul.modulenav li { display:inline; margin:0; padding:0;}
	ul.modulenav a { float:left; background:url(../design/bg_blocktitle.png) repeat left top; margin:0; padding:0 0 0 9px;border-right:1px solid #d4d4ff; border-bottom:1px solid #d4d4ff; text-decoration:none; }
	ul.modulenav a span { float:left; display:block; padding:8px 10px; font-weight:bold; color:#37415C; }
	ul.modulenav a span {float:none;}
	ul.modulenav .current a { background-position:0 45px; border-width:0; }
	ul.modulenav .current a span { color:#37415C; }
	ul.modulenav a:hover { background-position:0% 50px; }
	ul.modulenav a:hover span { color:#F29B09;background-position:100% 45px;  }

/* ====================================================== Page Navi ===== */

.pagenavi {
	font-size:14px;
	text-align:center;
	margin:10px;
	word-spacing: 0.5em;
}

/* ====================================================== top message ===== */

.warning, .resultMsg {
	color:#770000;
	font-size:15px;
	border:1px solid #cc0000;
	padding:8px 8px 8px 35px;
	margin:15px 10px;
	background:#fff8ee url(../icons/x_error.png) no-repeat 5px 4px;
}
.confirm, .confirmMsg {
	color:#000000;
	border:1px solid #ff6633;
	padding:8px 8px 8px 35px;
	margin:15px 10px;
	background:#fff8ee url(../icons/important.png) no-repeat 5px 4px;
}
.tips {
	min-height:80px;
	color:#000000;
	border:1px solid #00cc00;
	padding:8px 8px 8px 100px;
	margin:15px 10px;
	background:#f8fff8 url(../icons/31.gif) no-repeat 5px 4px;
}
.tips h4 {
	margin-top:10px;
	font-size:24px;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.tips p {
	font-size:20px;
}

.error, .errorMsg {
	min-height:80px;
	color:#ff8c00;
	font-size:16px;
	font-weight:700;
	line-height:1.5;
	text-indent:-40px;
	border:2px dotted #ff6633;
	padding:8px 8px 8px 132px;
	margin:15px 10px;
	background: #fff8ee url(../icons/x_error.png) no-repeat 5px 4px;
}

.resultMsg {
	color:#000000;
	font-size:15px;
	border:1px solid #6B94C5;
	padding:8px 8px 8px 35px;
	margin:15px 10px;
	background:#EEEEFF url(../icons/info.png) no-repeat 5px 4px;
}

.sqlAdd {
	color:#009900;
	border:1px solid #00cc00;
	display:block;
	height:240px;
	padding:8px 8px 8px 35px;
	margin:15px 10px;
	overflow:auto;
	background:#E4E4E4 url(../icons/database_add.png) no-repeat 5px 4px;
}
.sqlDelete {
	color:#CC3300;
	border:1px solid #ff6633;
	display:block;
	height:240px;
	overflow:auto;
	padding:8px 8px 8px 35px;
	margin:15px 10px;
	background:#E4E4E4 url(../icons/database_delete.png) no-repeat 5px 4px;
}

.updateMsg {
	color:#009900;
	border:1px solid #00cc00;
	display:block;
	height:240px;
	padding:8px 8px 8px 35px;
	margin:15px 10px;
	overflow:auto;
	background:#E4E4E4 url(../icons/update.png) no-repeat 5px 4px;
}

/* ====================================================== active ===== */

.active {
	background-color:#E6FFE6;
}
.active a:hover {
		color:#cc0000;
}
.inactive {
		color:#333333; 
}
/* ====================================================== Ranking ===== */

.user_module_error {
	color:#ff0000;
}





/* slide-panel ================== */
.open{
}
#slideBox{
		padding: 10px; 
		border: 1px #ccc solid;
		display:none;
}

/* css3 button ================== */
.button {
    margin: 10px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}
.button, .button span {
    color: #fff;
    -moz-border-radius: .3em;
    border-radius: .3em;
}
.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

    /* The background pattern */
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}
.button-blue:active {
    background: #4477a1;
}

/* clearfix */
.clearfix {
  display: inline-table;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.altsys_mymenu div {	margin:3px;}

#iPhoneMenu {
	display:none;
	position:absolute;
	top:74px;
	left:0px;
	margin-top:1px;
	width: 100%;
	height:100%;
	background:#fff;
	border:1px solid #fff;
}
#iPhoneMenu  .head {
	cursor:pointer;
	background:#ccc;
	line-height:3;
	background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#dcdcdc));
	background: -moz-linear-gradient(top,#f5f5f5,#dcdcdc);
	border-bottom:1px solid #808080;
}
#iPhoneMenu  .head a {
	display:inline;
}
#iPhoneMenu .submenu {
	background:#fff;
}
#iPhoneMenu .submenu ul {
	list-style:none;
	margin-left:20px;
}
#iPhoneMenu .submenu ul li {
	line-height:2;
	margin-left:-20px;
	border-bottom:1px solid #ccc;
	background: -moz-linear-gradient(left top 315deg, #f8f8ff, #d6eaff);
	background: -webkit-gradient(linear, left top, right bottom, from(#f8f8ff), to(#d6eaff));
}
#iPhoneMenu .submenu ul li a {
	display:block;
	line-height:2;
	padding-left:2em;
}

#menu_button {
	display:none;
}
#menu_button a {
	height:36px;
	width:60px;
	line-height:36px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: -1px -1px 1px #111;
}
#goback a {
	font-size:20px;
	font-weight:bold;
  color:#fff;
	text-decoration:none;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #;
}



