/* CSS Document */
/*COMMON-CSS*/
ul,ol,dl,dd,dt,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,blockquote,textarea,table,td,th,li{
margin: 0px;
padding: 0px;
border:0px;
text-decoration:none;
font: 14px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{
border: none;
vertical-align:bottom;
}
strong{
font-style: normal;
}
em{
font-weight: normal;
font-style: normal;
}
form{
margin: 0px;
padding: 0px;
}
ol,ul,li,dl,dd,dt{
list-style:none;
margin: 0px;
padding: 0px;
}
input{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
a{
	color:#0066CC;
}
a:hover{
	color: #F03;
}
img{
	border:none;
	vertical-align:bottom;
}
p.page_title{
	margin:15px 0px 0px 0px;
}

html,
body,
#top_pagecell {height:100%;}


/*レイアウト----------------------------------------------- */
body{ background:url(../img/bg.gif)}
#wrapper{
	margin:0 auto; 
	width:800px;
	text-align:left;

}


#top_pagecell{
	clear:both;
	padding:40px;
	overflow:hidden;
	background-color:#FFF;
	}


/*HEAD------------------------------------------------------------*/

#h1-wrapper{
		width: 100%;
		background:#000;
		height:18px;

}

h1 {
	padding:5px 0px 0px 0px;
	color:#999;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	text-align:left;
	width:700px;
	float:left;
}
#h1_inner {
margin:0px auto;
width: 800px;
/* box-shadow */

}

	
	



/*-nav---------------------------------------------------------------------------------*/
.navi{

}

.navi ul{margin-right:auto;
margin-left:auto;
width:30em;}

.navi li{ float:left;
padding-left:2em; 
padding-right:2em; 
}




/*GNAVI-END------------------------------------------------------------*/


.brand { padding: 40px 40px 0 40px;
text-align:center} 

.b_left {float: left;
width:200px;
margin-bottom:20px;
margin-right:20px;
height:200px;}

.b_right {float: right;
width:200px;
margin-bottom:20px;
height:200px}



/*CONTENS-------------------------------------------------------------*/

.bnr{margin-bottom:40px;}

.bnr p{ font-size:14px;
line-height:20px;
margin:15px 0 0 0}

.bnrc{margin-bottom:40px;
text-align:center}

.bnrb{margin-bottom:20px;}

/*-----------------------------------------------------------------*/
.bold{
	font-weight:bold;
}
.brown{
	color:#703f0f;
}
.blue{
color:#003cc7;
}
.red{
color:#ff0000;
}
.green{
color: #060;
}
.orange{
	color:#ff6600;
}
.small{
	font-size:10px;
	line-height:14px;
}
p.text{
	text-align:left;
	margin:0px 0px 10px 0px;	
}

.center{
	text-align:center;
}

.clear {clear:both}


hr {
border-top: 1px dotted #bbb;}

a:hover img{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}





.left{
	float:left;
}
.right{
	float:right;
}


.foot_left{
	float:left;
	margin-bottom:20px
}
.foot_right{
	float:right;
		margin-bottom:20px
}


.foot_right p{
	font-size:13px;
	text-align:right;
	line-height:17px
}


.mr20{margin-right:20px}

.mb30{	margin-bottom:30px}

hr {border-bottom:1px dotted #000000;
margin:0 0 30px 0} 

/*FOOTER-------------------------------------------------*/

div#copyright-wrap{
width:100%;
padding:10px 0px;
background:#000;
}

div#copyright-wrap p#copyright{
width:800px;
margin:0px auto;
	font-size:11px;
	color:#fff;
		text-align:center;
}

.pageTop{
	clear:both;
	overflow:hidden;
	text-align:right;
	margin-bottom:20px
}

/*FORM-------------------------------------------------*/

#table-form {

    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
width:100%;
margin-bottom:20px
}

#table-form th {
    padding: 5px;
    border: #E3E3E3 solid;
    background: #ebebec;
    text-align: left;
	width:30%;
	
}



#table-form td {
    padding: 5px;
    border: 1px #E3E3E3 solid;

    text-align: left;

}

#table-form textarea {
border: 1px #c0c0c0 solid;
width:100%
}