/***********************************************************************************
//@author : Oishi
//@name   : dearwidget
//@type   : Orthodox
//@date   : 2007/08/15(WED)
***********************************************************************************/
@charset "euc-jp";



/*----------------------------------------------------------------------- タグ自体のCSS ---*/
html { margin: 0; padding: 0; font: normal 13px Osaka; color: #303030;}
body { margin: 0; padding: 0;}


a { color: #2d59b3;}
a:hover { color: #cd0000;}

iframe { border: none; margin: 0; padding: 0;}

form { margin: 0; padding: 0;}
select { font: normal 13px MS Gothic;}

h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; text-decoration: none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h7 a { margin: 0; padding: 0; text-decoration: none;}

h1 { padding: 10px; font: bold 30px Trebuchet MS;}

h2 { font: normal 13px Osaka;}



img { border:none; }

address {
	margin: 0 auto;
	padding: 0;
	font: normal 10px Verdana;
	color: #404040;
	text-align: center;
}

address a {
	font: bold 10px Verdana;
	text-decoration: none;
}
address a:hover {
	color: #cd0000;
}

/*::: <hr /> の代用 :::*/
.hr-dashed {
	border-top: 1px dashed #afafaf;
	margin: 0 0 10px 0;
}


/*::: 注意赤字 :::*/
.caution { font: normal; color: #cd0000;}


/*----------------------------------------------------------------------- リニューアル ---*/
#container {
	width: 800px;
	margin: 0 auto;
}

#systemContainer {
	width: 800px;
	margin: 0 auto;
}

#container-auth { width: 350px; margin: 50px auto; text-align: center; padding: 0; background-color: #ffffff;}


#tool { float: right; width: 500px;}
#side { float: left;  width: 140px;}

#side #login,
#side #login input { font: normal 11px MS Gothic;}
.inputSimple { border: 1px solid #afafaf;}

#side #login .title{ margin: 0 0 -4px 0; padding: 0;}

#side #login .line{ margin: 0; padding: 8px 5px; background-color: #dedede;}


#managementBar {
	text-align: right;
	padding: 4px;
	background-color: #000000;
	border-bottom: 1px solid #afafaf;
	color: #f5f5f5;
}
#managementBar a,
#managementBar a:link,
#managementBar a:active,
#managementBar a:visited { color: #f5f5f5; text-decoration: none;}
#managementBar a:hover   { color: #1e90ff;}


#regist { font: normal 12px ＭＳ 明朝;}

#footer { margin: 20px 0 0 0;}


/*----------------------------------------------------------------------- コンテンツ系 ---*/
.topTitle {
	padding: 0 0 3px 0;
	margin: 0 0 18px 0;
	border-bottom: 2px solid #bfbfbf;
	text-align: right;
}
.systemTitle {
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #bfbfbf;
	text-align: right;
}

.mainTitle {
	padding: 4px 4px 3px 4px;
	margin: 0 0 5px 0;
	border-left: 8px solid #afafaf;
	background-color: #e8e8e8;
}
.mainButton {
	padding: 4px 4px 3px 0;
	margin: 10px 0 10px 0;
	text-align: left;
}
.mainRegist {
	padding: 4px 4px 3px 0;
	margin: 0 0 10px 0;
	text-align: left;
}


/*----------------------------------------------------------------------- ボタン ---*/
a.button {
    background: transparent url('http://dev.netsket.com/ooishi/dearwidget/shared/img/toolButton_a.png') no-repeat scroll top right;
    color: #eeeeee;
    display: block;
    float: left;
    font: bold 14px Trebuchet MS, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 15px;
    text-decoration: none;
}

a.button span {
    background: transparent url('http://dev.netsket.com/ooishi/dearwidget/shared/img/toolButton_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 7px 0 7px 24px;
}

a.button:hover,
a.button:active {
    background-position: bottom right;
    color: #ffbb00;
    outline: none;
}

a.button:hover span,
a.button:active span {
    background-position: bottom left;
    padding: 8px 0 6px 24px;
}


a.userRegger {
    background: transparent url('http://dev.netsket.com/ooishi/dearwidget/shared/img/userRegger.png') no-repeat scroll top right;
    display: block;
    width: 350px;
    height: 82px;
    text-decoration: none;
}

a.userRegger:hover,
a.userRegger:active {
    background-position: 1px right;
    color: #ffbb00;
    outline: none;
}

a.userReggerSmall {
    background: transparent url('http://dev.netsket.com/ooishi/dearwidget/shared/img/userReggerSmall.png') no-repeat scroll top right;
    display: block;
    width: 140px;
    height: 39px;
    text-decoration: none;
}

a.userReggerSmall:hover,
a.userReggerSmall:active {
    background-position: 1px right;
    color: #ffbb00;
    outline: none;
}

.capture {
	border: 2px solid #404040;
	margin: 0 8px 8px 0;
}




/*----------------------------------------------------------------------- 文字の周りの■ ---*/
.listH {
	font-size: 10px;
	font-family: 'MS Gothic';
	padding: 1px 4px 1px 4px;
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}

.listT {
	font-size: 13px;
	font-family: 'MS Gothic';
	padding: 2px 4px 2px 4px;
	color: #303030;
	text-decoration: none;
	text-align: center;
    border: 1px solid #afafaf;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#eeeeff',EndColorStr='#ccccff');
	background-color: #ccccff;
}



/*----------------------------------------------------------------------- ページャーCSS ---*/
/* 内容: pagerD(div) => pager(span) & PagerF(Focus) */
.pagerD {
	margin: 5px 0 5px 0;
	font-size: 11px;
	font-family: 'MS Gothic';
	text-decoration	: none;
}

.pager,
.pagerF {
	margin: 2px 0;
}

.pager a,
.pager a:link,
.pager a:active,
.pager a:visited {
	padding: 2px 4px 0px 5px;
	background-color: #bdbdbd;
	color: #303030;
	text-decoration: none;
}

.pager a:hover {
	background-color: #2d59b3;
	color: #ffffff;
	text-decoration: none;
}

.pagerF {
	padding: 2px 4px 0px 5px;
	background-color: #cd0000;
	color: #ffffff;
	text-decoration: none;
}



/*----------------------------------------------------------------------- TABLE設定全般 ---*/
#tb {background: #afafaf; width: 100%;}

tr { background: #ffffff; padding: 2px 5px;}

th {
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#eeeeff',EndColorStr='#ccccff');
	background-color: #ccccff;
	padding: 3px 5px 2px 5px;
	text-align: center;
	font: normal 11px Verdana;
}

#tb td { padding: 2px 3px 1px 3px; font: normal 12px MS Gothic;}
#tb .number { text-align: right; background-color: #cae1ff; width: 20px;}
#tb .date   { text-align: right; width: 115px;}
#tb .url    { text-align: left; }
#tb .input  { text-align: center;}
#tb .tmp    { text-align: center; background-color: #ffdd00;}
#tb .stp    { text-align: center; background: #cd0000; color: #ffffff;}
#tb .reg    { text-align: center;}


/****************************************
// tr Over & Out & Click1 & Click2
****************************************/
.mover   { background: #ddd;}
.mout    { background: #fff;}
.mclick1 { background: #cae1ff;}
.mclick2 { background: #fff;}


/****************************************
// 検索
****************************************/
.search {
	margin: 0;
	font: normal 12px MS Gothic;
}


/*----------------------------------------------------------------------- リストメニュー ---*/
#navilist {
	clear:both;
	text-align:left;
	font-size: 12px;
	font: normal 12px ＭＳ 明朝;
}

#navilist .whole {
	padding:0;
}

/* 左ﾅナビのタイトル部分*/
#navilist div.ttl{
	padding:5px 2px;
	color:#fff;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-align: center;
	background: #2d59b3;
}

#navilist span.ttlb,{
	font-weight: bold;
}

#navilist a.link {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 2px;
	text-align: center;
	margin: 40px 0 0 0;
	background: #c00;
}

#navilist a.link:hover {
	background: #666;
}

#navilist ul{ margin: 0; padding: 0;}

#navilist li {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	font-size: 10px;
}

#navilist li a {
	display: block;
	padding: 5px 3px;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 0px 1px;
}


#navilist li a:hover {
	text-decoration: underline;
	color: #777;
}


/*----------------------------------------------------------------------- ナビゲーションバー ---*/
#navigation {
	text-align: center;
	font: normal 12px Osaka;
	margin: 0;
	padding: 0;
}

#navigation span {
	padding: 3px 0 2px 0;
	font: normal 12px Osaka;
	display: block;
}

#navigation ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li a {
	background: #000000;
	display: block;
	color: #fff;
	padding: 3px 11px 2px 11px;
	margin: 0 4px 0 0;
	text-decoration: none;
}

#navigation ul li a:hover {
	background: #cd0000;
}


/*----------------------------------------------------------------------- ポップメニュー ---*/
.popMenu {
	position: relative;
	margin: 0;
	visibility: hidden;
	background: #444;
	display: inline;
}

#navigation ul li ul {
	position: absolute;
	display: inline;
	margin: 0;
	padding: 5px;
}

#navigation ul li ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li ul li a {
	display: block;
	margin: 0;
	padding: 5px;
}

#navigation ul li ul li a       { background: #666; text-decoration: none;}
#navigation ul li ul li a:hover { background: #1e90ff;}





/*----------------------------------------------------------------------- 認証ページ関連 ---*/
.authPadding { margin: 0 auto; text-align: center;}
.authTitle   { margin: 8px 0; padding: 3px 5px; background-color: #e8e8e8;}
.authBody    { margin: 0; padding: 0; text-align: center; border:;}



/* ---------------------------------------------------------------------------------- ● ブロックボタン ------ */
a.blockBtn {
	padding: 1px 3px 2px 3px;
	margin: 0;
	background: #999;
	font: normal 10px MS Gothic;
	text-decoration	: none;
	color: #fff;
}
a:hover.blockBtn {
	background: #1e90ff;
	color: #fff;
}
.popup {
	position: absolute;
	display: none;
}