/* CSS Document */
@charset "utf-8";
*{
	margin:0;
	padding:0;
}

body {
	color:#333333;
	font-size:83%;
	line-height:120%;
	/*text-align:center;*/
	background:url(../images/bg_001.gif) repeat-y #fff;
}

/* link */
a {
	color:#36c;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	cursor:pointer;
}


/* image */
img {
	vertical-align:bottom;
}

a img {
	border:0;
}


/* list */
li{
	list-style:none;
}


/* form */

form fieldset {
	border:0;
}

form legend{
	display:block;
	width:1px;
	height:0px;
	position:relative;
	font-size:1px; /* for IE */
	line-height:0%; /* for IE */
	text-indent:-9999px;
}


/* others */
hr{
	display:none;
}


sup{
	vertical-align:30%;
}


br.clear{
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
}

.error {
	font-size:medium;
	font-weight:bold;
	color:#CC0000;
	background-color:#FFFFFF;
	border:#0000FF double 3px;
	padding:5px;
	text-align:center;
}

/* color */

.clearfix:after {
content: “.”;
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*----- header -----*/
/*----- container -----*/
div#container {
	margin:0;
	width:800px;
	height:108px;
	text-align:left;
	background-image:url(../images/spacer.gif);
	background-repeat:norepeat;
}

div#container div#header {
	width:800px;
	height:108px;
	font-size:11px !important;
	font-size:75%;
	background:url(../images/hd_001.jpg) top left no-repeat;
}

/*----- loginform -----*/
div#container div#header div#login {
	margin:0 28px 0 0;
	padding-top:5px;
}

div#container div#header div#login form ,
div#container div#header div#login div#logincomp {
	float:right;
	width:500px;
	height:30px;
	text-align:right;
	vertical-align:bottom;
	/*height:28px;*/
	/*position:relative;*/

}
div#container div#header div#login form input {
	vertical-align:bottom;
}
div#container div#header div#login form input {
	/*margin:6px 5px 0 0;*/
	width:55px !important;
	height:17px !important;
	width:55px;
	height:19px;
	border:1px solid #afafaf
}
div#container div#header div#login .logintext {
	font-size:12px;
	vertical-align:bottom;
	/*padding-top:10px;*/
}
div#container div#header h1 {
	display:none;
}


/*----- contents -----*/
div#contents {
	/*margin:0 auto;*/
	width:800px;
	text-align:left;
	position:relative;
	/*background-color:#FFFFFF;*/
}

div#contents div#pankuzu {
	background-color:#FFFFFF;
	padding:10px 3px 3px 3px;
}

/*----- お知らせ -----*/
div#contents table {
	margin:10px;
}
div#contents div#notice_r,
div#contents div#notice_t {
	width:480px;
	background-color:white;
}
div#contents div#notice_r div.item,
div#contents div#notice_t div.item {
	margin:10px 0 0 10px;
}

div#contents div#notice_r h2,
div#contents div#notice_t h2 {
	margin-left:10px;
	padding-top:10px;
	font-size:medium;
	font-weight:bold;
}

div#contents div#notice_r div.item h3{
	margin:0 0 5px 10px;
	padding:3px 0 3px 15px;
	background:url(../images/bg_003.gif) top left repeat-y;
	font-size:medium;
	font-size:90%;
}
div#contents div#notice_t div.item h3{
	margin:0 0 5px 10px;
	padding:3px 0 3px 15px;
	background:url(../images/bg_004.gif) top left repeat-y;
	font-size:medium;
	font-size:90%;

}
div#contents div#notice_r div.item h4,
div#contents div#notice_t div.item h4{
	font-size:small;
	font-weight:bold;
	text-align:right;
	margin-right:5px;
}
div#contents div#notice_r div.item p,
div#contents div#notice_t div.item p{
	font-size:small;
	margin-left:15px;
	margin-right:5px;
}
div#contents div#notice_r div.item div.title,
div#contents div#notice_t div.item div.title{
	float:left;
}
div#contents div#notice_r div.item div.edit,
div#contents div#notice_t div.item div.edit{
	font-size:x-small;
	text-align:right;
	font-weight:normal;
}
div#contents div#notice_r div.item div.attach,
div#contents div#notice_t div.item div.attach,{
	font-size:small;
	margin:4px 4px 4px 20px;
}


/*----- download -----*/
div#contents div#normalDL,
div#contents div#secureDL {
	width:280px;
	float:right;
	background-color:white;
}
div#contents div#normalDL h2 {
	font-size:medium;
	background:url(../images/bg_006.gif) top left no-repeat;
	padding:8px 0 25px 55px;	
}
div#contents div#normalDL UL {
	font-size:small;
	margin-left:20px;
}
div#contents div#normalDL UL LI {
	margin:0 0 10px 0;
}

div#contents div#secureDL div#secureDL_title {
	font-size:medium;
	background:url(../images/bg_008.gif) top left no-repeat;
	padding:8px 0 35px 55px;	
}
div#contents div#secureDL div#secureDL_title_off {
	font-size:medium;
	background:url(../images/bg_007.gif) top left no-repeat;
	padding:8px 0 35px 55px;	
}

div#contents div#secureDL div#secureDL_title div.title ,
div#contents div#secureDL div#secureDL_title_off div.title{
	font-size:medium;
	font-weight:bold;
	margin-left:10px;
}
div#contents div#secureDL div#secureDL_title div.cap ,
div#contents div#secureDL div#secureDL_title_off div.cap{
	font-size:x-small;
	float:right;	
	margin-top:3px;
}
div#contents div#secureDL UL {
	font-size:small;
	margin-left:20px;
}
div#contents div#secureDL UL LI {
	margin:0 0 10px 0;
}
div#contents div#secureDL UL.noactive LI {
	margin:0 0 10px 0;
	color:#AAAAAA;
}


/*----- coution -----*/
div#contents div#caution {
	width:280px;
	float:right;
	background-color:white;	
}
div#contents div#caution h2 {
	background:url(../images/check.gif) top left no-repeat;
	font-size:small;
	padding:5px 0 10px 30px;
	color:#6699CC;	
}
div#contents div#caution p {
	padding:0 15px 15px 15px;
	font-size:small;
	color:#333333;
}



/*----- footer -----*/
div#footer {
	margin:0;
	height:35px;
	width:800px;
	color:#666;
	font-size:11px !important;
	font-size:75%;
	background:url(../images/ft_001.jpg) top left;
	position:relative;
}
div#footer p {
	float:right;
	margin:8px 17px 0 0;
	line-height:150%;
}

/*----- link -----*/
div#footer a {
	color:#666;
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}