@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	}

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	min-width:1000px;
    background-color: none;
	/***** Page-Background Blue *****/
	/* background-color:#eaf6ff; */
	/***** Page-Background white*****/
	/* background-color:#fff; */	
	/***** Page-Background Pink*****/
	/* background-color:#fef0f0; */
	/***** Page-Background Yellow*****/
	/* background-color:#fdfcdb; */
}


a:LINK{
  color:#0033CC;
}

a:visited {
  color:#0033CC;
  text-decoration: none;
  font-weight:900;
}

img{
	border:0;
	}

#wrappy{
	text-align: left;
	/*
	width: 95%;
	margin: 0px auto 0px auto;
	*/
	}

/***** HEADER *****/
#header{
	margin: 0;
	padding: 0;
	width:100%;
	height:60px;
	background-color:#FFF;
	}

#header tr td{
	margin: 0;
	padding: 0;
	}

#header tr td#logo{
	width: 200px;
	}
#header TR TD#logocompany {
    background-image:url(../images/pct_logo.png) ;
    background-repeat:no-repeat;
    vertical-align:middle;
    padding:0px 60px;
    height:60px;}
#header tr td .name{
	padding-top:52px;
	text-align:right;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	}
#header tr td .name span{
	color:#3399ff;
	font-size:14px;
	}
#header tr td#login{
	width:160px;
	vertical-align:bottom;
	padding-left:30px;
	}

#header tr td#login span{
	padding-top:10px;
	padding-right:3px;
	font-size:9pt;
	width:125px;
	float:left;
	}

/***** MENU *****/
#menu{
	width: 300px;
	float: left;
	height:500px;
	color:#ffffff;
	font-weight: bold;
}

#menu ul{
	padding:10px 10px;
	list-style: none;
	}


#menu li{
	padding:0.5em 0px;
	list-style: none;
	}

#menu a{
	display:block;
	color:#ffffff;
	text-decoration: none;
	}

#menu a:hover{
	background-color:#4bb8f0;
	}

/***** MAIN PART *****/

#container{
/**	width:100%;
	float:right;
	margin-left:-200px;
	background-image: url(../images/menu_1.jpg);
	background-repeat: repeat-y;**/
	}

#contents{
/**	position: relative;
	margin: 0 10px 0 210px;**/
}

#main{
	margin:2px 2px;
	padding:10px 10px 0px 20px;
/*	height:492px;*/
	}

#main h2{
	border-bottom:#0066CC 1px solid;
		border-left:#0066CC 5px solid;
		padding :6px 16px;		
}
#main .comment{

		padding :12px 22px;
		color:#7892c5;
}


/***** login *****/
#loginnotice {
	padding-top: 50px;
	}

table#login {
}

table#login th {
	padding: 5px 10px;
	text-align: left;
	background-color: #dce6f2;
	color: #1f497d;
	background-image: url(../images/Main_Contents_bk.png);
}

table#login td {
	padding: 5px 10px;
	text-align: left;
}

table#login td.combined {
	text-align: center;
}

#login span{
/**	padding-top:10px;
	padding-right:3px;
	font-size:9pt;
	width:200px;
	float:left;**/
	}

/***** fc_store_add *****/
div.scroll {
/**	height: 420px;**/
	overflow-y: scroll;
}

div#fc_store_add_regist {
	padding: 20px;
	width: 500px;
	text-align: right;
}


/***** date　point *****/
#date{
	text-align:right;
	color:#3b76bb;
	font-weight:bold;
	font-size:12px;
	margin:20px auto;
	}
	
#point_now{
	width:100%;
	margin:20px auto;
		}
.txt_point_v{
	padding:20px;
	color:#3b76bb;
	font-size:24px;
	font-weight:bold;
	word-break: break-all;
	line-height:110%;
		}
.txt_point{
	margin-left:10px;
	font-size:12px;
	color:#333;
	font-weight:bold;}

.txt_s_meisai{
	font-size:12px;
	color:#666666;
	padding-bottom:3px;
}
table.point_yukou {
		width:100%;
		margin:10px auto 40px;
}
table.point_yukou td.txt{
	background-color:#c9e3f7;
	color:#000000;
	font-weight:bold;
	vertical-align:middle;
	word-break: break-all;
}
table.point_yukou span.base{
	color:#000000;
	font-weight:normal;
	margin-left:10px;
}


/***** displaytag table *****/


/* dataTable */
table.dataTable{
	margin:20px auto;
}
table.dataTable th{
	background-image: url(../images/bg_datatable_thead.jpg);
	color:#FFF;
	font-weight:bold;
	height:34px;
	}

table.dataTable .pointtime {
	padding-left:20px;
	width:20%;
	text-align: left;
	white-space:nowrap;
    padding-right:15px;
}
table.dataTable .pointstorename {
	width20%;
	text-align: left;
	padding-right:10px;
	word-wrap: break-word;
    white-space:nowrap;
    padding-right:15px;
}
table.dataTable .pointinfo {
	width:15%;
	text-align: left;
    white-space:nowrap;
    padding-right:15px;
}
table.dataTable .pointprice {
	width:15%;
	text-align: right;
    white-space:nowrap;
    padding-right:15px;
}
table.dataTable .point {
	width:15%;
	text-align: right;
	padding-right:20px;
	word-break: break-all;
    white-space:nowrap;
}

table.dataTable tr.odd td {
	height:40px;

	background-image: url(../images/bg_td_odd.png);
	background-repeat:repeat-x;
}
table.dataTable tr.even td {
	height:40px;

	background-image: url(../images/bg_td_even.png);
	background-repeat:repeat-x;
}

table.dataTable .time{
	color:#858484;
	}












table.solid th {
	border: #000000 1px solid;
	padding: 5px 10px;
	text-align: left;
	background-color: #dce6f2;
	color: #1f497d;
}

table.solid td {
	border: #000000 1px solid;
}

table.solid th.form {
	width: 200px;
}

table.solid tr.odd td {
	background-color: #ffffff;
}

table.solid th.span {
	padding-top:0px;
	width:1px;
	float:left;
	}

table.solid td.action {
	text-align: center;
	}

#tableform th {
	padding: 5px 10px;
	text-align: left;
	background-color: #dce6f2;
	color: #1f497d;
	background-image: url(../images/Main_Contents_bk.png);
}

/***** hq_edit *****/
table#hqedit {
}

table#hqedit th {
	padding: 5px 10px;
	text-align: left;
	background-color: #dce6f2;
	color: #1f497d;
}

table#hqedit th span.require {
	color: red;
	float: right;
}

table#hqedit td span.example {
	color: #376092;
	font-style: italic;
}
table#hqedit td {
	padding: 5px 10px;
	text-align: left;
}

form#hqeditconfirm input {
	border: 0px;
}

/***** TOP *****/
ul.top li {
	font-size: 16px;
	padding: 10px 0px;
}

/** navi_btn */
li.menu-w00 a {
	background-image:url(../images/w00.gif);
	text-decoration:none;

}

li.menu-w01 a {
	background-image:url(../images/w01.gif);
		text-decoration:none;
}

li.menu-w02 a {
	background-image:url(../images/w02.gif);
		text-decoration:none;
}

li.menu-w03 a {
	background-image:url(../images/w03.gif);
		text-decoration:none;
}
div#menu-wHeader {
	float:left;
	width:208px;
	height:11px;
	margin:0px;
	padding:0px;
	background:url(../images/w-header.gif) no-repeat;
}
div#menu-wFooter {
	float:left;
	width:208px;
	height:11px;
	margin:0px;
	padding:0px;
	background:url(../images/w-footer.gif) no-repeat;
}
ul{
	padding:0 10px;
	list-style: none;
	background:url(../images/w-bg.gif) repeat-y;
	}

li{
	padding:0;
	list-style: none;
	}
div#primary-links {
	margin:63px 10px 10px;
}
div#primary-links ul{
	float:left;
	margin:0;
	list-style:none;
}

div#primary-links ul li a{
	position:top;
	color: #666;
	font-weight:bold;
	height: 31px;
	width: 188px;
	display: block;
	background-color:#FFF;
	background-repeat:none;
	background-position: top left;
	padding-top: 18px;
	text-indent:46px;
	clip: rect(0px,auto,40px,auto);
}


div#primary-links ul li a:hover,
div#primary-links ul li a.active{
	background-position: bottom;
	color:#ccc;
}
div#primary-links ul li a:active,
div#primary-links ul li a.active{
	background-position: bottom;
	color:#ccc;
}

#headerbar {
height:28px;
	padding-left:246px;
	padding-bottom:2px;
	background-image:url(../images/bg_headerbar.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fff;
	color:#445F80;
	line-height:200%;
	font-weight:bold;
	font-size:18px;
}


#headerposition {
	padding:10px;
}


#headerposition2 {
	padding:20px;
}

#useridheadth {
	width:120px;
	text-align: center;
	background-color: #dce6f2;
	color: #1f497d;
}


.pointtimeth {
	width:20%;
	text-align: left;
}

.pointstorenamehd {
	width:30%;
	text-align: left;
}


.pointstorenameth {
	width:15%;
	text-align: left;
	padding-right:10px;
	word-wrap: break-word;
}


.pointinfoth {
	width:20%;
	text-align: left;
}

.pointpriceth {
	width:15%;
	text-align: right;
}


.pointth {
	width:15%;
	text-align: right;
	padding-right:10px;
	word-break: break-all;
}




table#top_notice td.notice {
	color: #000000;
}

table#top_notice span.expirePointDate {
	color: #4f81bd;
	font-weight: bold;
	font-size: 18px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-indent: 10px;
}

table#top_notice span.expirePointCount {
	color: #4f81bd;
	font-weight: bold;
	font-size: 18px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-indent: 10px;
}

/***** infobox *****/
.mail a{text-decoration:none;
font-weight:bold;
color:#3870b4;

}

.mail a:link{text-decoration:none;
font-weight:bold;
color:#3870b4;

}

.mail a:hover{text-decoration:none;
font-weight:bold;
color:#3399ff;

}

/*------------------------------------
Other　改行スペース
------------------------------------*/

.space10{margin-top:10px;}
.space20{margin-top:20px;}
.space30{margin-top:30px;}
.space50{margin-top:50px;}
.space100{margin-top:100px;}
.space200{margin-top:200px;}
.space300{margin-top:300px;}
.space400{margin-top:400px;}

/***** Error Page *****/

#wrappy_center{
	text-align: center;
	/*
	width: 95%;
	margin: 0px auto 0px auto;
	*/
	}

table#box_error{
	width:740px;
	text-align:center;
	margin-top:50px;
}
table#box_error td.main{
	
	background-image:url(../images/bg_error_01.png) ;
	background-position:30px 30px;
	background-repeat:no-repeat;
	background-color:#FFF;
}
table#box_error h2{
	color:#5a8fc3;
	font-size:24px;
	font-weight:bold;
	border-bottom:1px #0066CC solid;
	padding:10px 40px;
	margin:30px 50px 10px 130px;
	text-align:left;
}

table#box_error p{
	color:#000;
	font-size:14px;
	padding:10px 40px;
	margin:20px 20px 30px 190px;
	text-align:left;
}

/*------------------------------------
Table Box_Green , Orange ログイン画面
------------------------------------*/
table#box_green,table#box_blue{
	margin:0 auto 60px;
	width:795px;
}
table#box_orange{
	margin:84px auto 60px;
	width:795px;
}

table#box_blue td.contents{
	background-image:url(../images/box_blue_middle.png);
	background-repeat:repeat-y;
}
table#box_green td.contents{
	background-image:url(../images/box_green_middle.png);
	background-repeat:repeat-y;
}

table#box_orange td.contents{
	background-image:url(../images/box_orange_middle.png);
	background-repeat:repeat-y;
	padding-top:10px;
}

table#box_green p,table#box_orange p,table#box_blue p{
	padding:10px 10px 10px 170px;
	color:#000;
	font-weight:bold;
	text-align:left;
}
