@charset "shift-jis";

body {
	width : 100%;
	margin: 0;
	padding: 0;
	background:#E9E9E9;
	font-size: 12px;
	color: #666;
	}

p {
	margin: 0px;
	padding: 0px;
}



.box_bg {
	background		: url(./topimg/box_bg.gif);
	width: 610px;	
	margin : 0 auto;
}
#LOGIN .box_bg {
	background		: url(./img/box_bg.gif);
}

.td_bg{
	background		: url(./topimg/paipo_tdback.gif);
	width: 550px;	
	margin : 0 auto;
}
#LOGIN .tb_bg {
	background		: url(./img/paipo_tdback.gif);
}

.box{
	margin : 0 auto;
	width : 600px;
	background:#EEEEE9;
}

img{
	border:none;
}

.small {
	font-size: 10px;
}

input.button {
	padding		: 2px 0 1px;
	text-align	: center;
}

em.highlight {
	font-style	: normal;
	font-weight	: bolder;
	color		: #CC0000;
}

em.rather {
	font-style	: normal;
	font-weight	: bolder;
	color		: #003096;
}

a:link {color:#333399; text-decoration:underline;}
a:visited {color:#333399; text-decoration:underline;}
a:active {color:#333399; text-decoration:underline;}
a:hover {color:#333399; text-decoration:underline;}



/*******************************************
main
********************************************/

.body{
	margin:14px 15px 14px 14px;
}

.body2{
	margin:14px 16px 14px 14px;
}


#main {
	text-align: left;
}

.body_title {
	padding:20px 0px 10px 0px;
}


.body_subtitle {
	font-size: 14px;
	font-weight: bolder;
	line-height: 140%;
	color: #666;
	border-bottom: 1px solid #CCC;
	margin: 0px 0 10px 0;
}

.body_text {
	font-size: 12px;
	line-height: 140%;
}

.body_text2 {
	font-size: 12px;
	line-height: 140%;
	margin: 10px 0 20px 15px;
}

ul.message {
	margin: 10px 0 0 0;
	padding: 5px 0 0 25px;
	background: #FFFFCC;
	border: 1px solid #999;
}

ul.message li {
	padding-bottom:5px;
}



.body_info{
	background-color: #CCC;
	padding: 5px;
	font-size: 11px;
	line-height: 140%;
	color: #333;
	margin: 5px 0 0 0;
}

.body_info ul,li,li {
	margin: 5px 0 5px 10px;
	padding:0px;
}

.box_390_top {
	height				: 4px;
	background			: url(./topimg/top_390.gif) no-repeat;
}


.box_390_main {
	background			: #FFF url(./topimg/bg_390.gif) repeat-y;
	padding				: 15px;
}

.box_390_bottom {
	height				: 4px;
	background			: url(./topimg/bottom_390.gif) no-repeat;
}


.box_570_top {
	height				: 4px;
	background			: url(./topimg/top_570.gif) no-repeat;
}


.box_570_main {
	background			: #FFF url(./topimg/bg_570.gif) repeat-y;
	padding				: 15px;
}

.box_570_bottom {
	height				: 4px;
	background			: url(./topimg/bottom_570.gif) no-repeat;
}


/*******************************************
side
********************************************/

#side {
	background	: #FFF;
	text-align	: center;
	padding-top	: 1px;
}

.side_title{
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	color: #666;
	text-align:center;
	border-bottom:3px double #999999;
	margin: 0;
	padding-top: 3px;
	background: #DDD;
}

.side_body{
	font-size: 10px;
	line-height: 140%;
	color: #666;
	margin		: 0 auto;
	padding		: 15px 0;
}

.side_body form {
	margin		: 0;
	padding		: 0;
}

.side_list {
	margin		: 0;
	padding		: 0;
	text-align	: left;
}

.side_list .date {
	margin		: 0;
	padding		: 0 0 0 8px;
	vertical-align: top;
}

.side_list .link {
	margin		: 0;
	padding		: 0 8px;
}

.login_msg {
	margin		: 0 0 8px;
	font-size	: 12px;
}

.login_name {
	font-weight	: bolder;
}

.recent_msg {
	margin		: 0 0 4px;
}

.guide {
	padding		: 0 8px;

}


.pr{
	display		: block;
	width		: 120px;
	margin		: 0 auto;
}


#footer {
	background: #999;
	padding: 5px;
	text-align: center;
}


#footer a:link {
	color			: #E6E6E6 ;
	text-decoration : underline ;
}

#footer a:visited {
	color			: #E6E6E6 ;
	text-decoration : underline ;
}

#footer a:hover {
	color			: #E6E6E6 ;
	text-decoration : none ;
}

#footer a:active {
	color			: #E6E6E6 ;
	text-decoration : none ;
}



.FormTable {
	width			: 100%;
	margin-top		: 0;
	background		: #669966;
	text-align		: left;
}

p.intendment {
	margin			: 10px 0 5px;
	padding			: 5px;
	border			: 1px solid #669966;
	background		: #FFFFFF;
	text-align		: center;
}

h2.definition {
	font-size		: 12px;
	font-weight		: bolder;
	line-height		: 140%;
	color			: #666;
	margin			: 10px 0 0;
	padding-left	: 0.3em;
}

br.margin {
	font			: 10px/10px sans-serif;
}

.Article {
	padding			: 5px;
	border-left		: 1px solid #FFFFFF;
	border-top		: 1px solid #FFFFFF;
	background		: #CCCCCC;
}

.Value {
	width			: 68%;
	padding			: 5px;
	background		: #FFFFFF;
}


.notice {
	margin-top: 5px;
	background: #FFF;
	padding : 10px 20px;
	border: 1px solid #999;
}

.notice_title {
	font-size:12px;
	font-weight: bolder;
	margin: 0 0 10px 0;
}

ul.hobbies {
	margin			: 0 0 0 10px;
	padding			: 0;
}

ul.hobbies li {
	line-height		: 110%;
}

input.readonly {
	border-style	: none;
}

.howto_img {
	border			: 1px solid #999999;
	margin			: 5px 0px;
}

em.register_code {
	display			: block;
	text-align		: center;
	font-style		: normal;
	font-weight		: bolder;
	color			: #303030;
}


.mt_5 {margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}

.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_15 {margin-bottom: 15px;}
.mb_20 {margin-bottom: 20px;}

.ml_5 {margin-left: 5px;}
.ml_10 {margin-left: 10px;}
.ml_15 {margin-left: 15px;}
.ml_20 {margin-left: 20px;}

.mr_5 {margin-right: 5px;}
.mr_10 {margin-right: 10px;}
.mr_15 {margin-right: 15px;}
.mr_20 {margin-right: 20px;}



.pt_5 {padding-top: 5px;}
.pt_10 {padding-top: 10px;}
.pt_15 {padding-top: 15px;}
.pt_20 {padding-top: 20px;}

.pb_5 {padding-bottom: 5px;}
.pb_10 {padding-bottom: 10px;}
.pb_15 {padding-bottom: 15px;}
.pb_20 {padding-bottom: 20px;}

.pl_5 {padding-left: 5px;}
.pl_10 {padding-left: 10px;}
.pl_15 {padding-left: 15px;}
.pl_20 {padding-left: 20px;}

.pr_5 {padding-right: 5px;}
.pr_10 {padding-right: 10px;}
.pr_15 {padding-right: 15px;}
.pr_20 {padding-right: 20px;}


/*バナー*/
ul#banner {
	text-align: center;
	margin: 0 0 0 60px;
	padding: 0;
}

ul#banner li {
	float: left; 
	width: 88px;
	text-align: center;
	margin: 0 10px 0 0; 
	list-style: none;
}

/*ペパボフチE��ー用*/
dl.pb_service_list {
	margin:10px auto;
	width:570px;
	text-align:left;

}

.pb_service_list dt {
	float:left;
	width:140px;
}

.pb_service_list dd {
	float:left;
	width:430px;
	text-align:left;
	margin:0;
	padding:0;
}

.pb_service_list ul {
	margin:5px 0 0 0;
	padding:0;
}

.pb_service_list li {
	display:inline;
	font-size:10px;
	line-height:1.5;
	margin:0;
	padding:0;
}

dl.pb_service_list:after{/* for modern brouser */
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

* html dl.pb_service_list{/* for IE */
	/*\*/height:1%;/* for WinIE*/
	display:inline-table;/* for MacIE*/
}