@charset "utf-8";

body {

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:13px;/*モダンブラウザ用*/
	line-height:140%;
	*font-size:small;
	*font:x-small;
	background-image:url(../img/common/bg_body.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

img { border:none; }

#container {
	width:820px;
	text-align:left!important;
	margin:0 auto;
	padding:0px 0px 0px 40px;
	background-image:url(../img/common/bg_container.jpg);
	background-position:top;
	background-repeat:no-repeat;
	clear:both;
}

h1, address, div, blockquote, p, pre, ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}

h2, h3 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}


table th,table td {
	font-size:13px;/*モダンブラウザ用*/
	line-height:140%;
	*font-size:small;
	*font:x-small;
}

p { margin-bottom:10px; }

a:link {
	color:#0033CC;
}

a:hover {
	color:#0040ff;
}



/************************************************************
ヘッダー
************************************************************/

#header {
	width:780px;
	clear:both;
	line-height:0!important;
	background-color:#FFFFFF;
}

#header_logo {
	padding:10px 0px 0px 0px;
	width:510px;
	float:left;
}

#header_btn {
	padding:0px 0px 5px 0px;
	width:260px;
	text-align:right;
	float:right;
}



/************************************************************
ナビ
************************************************************/

#navi {
	width:780px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	line-height:0!important;
	background-color:#FFFFFF;
	clear:both;
}

#navi ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:0!important;
}

#navi li{
	display:inline;
	margin:0px;
	padding:0px;
	line-height:0!important;
}



/************************************************************
contents
************************************************************/

#main {
	width:780px;
	margin:0px 0px 30px 0px;
	padding:0px;
	background-color:#FFFFFF;
	clear:both;
}

#contents {
	width:740px;
	margin:0px 0px 0px 20px;
	padding:10px 0px 20px 0px;
	background-color:#FFFFFF;
	clear:both;
}

.are_line {
	width:740px;
	margin:0px 0px 20px 0px;
	padding:10px 0px 20px 0px;
	border-bottom:1px dotted #CCCCCC;
	clear:both;
}







/************************************************************
footer
************************************************************/

#footer {
	width:780px;
	margin:0px;
	padding:0px;
/*	line-height:0!important;*/
	text-align:center;
	clear:both;
}

#footer_bnr {
	width:780px;
	margin:0 auto;
	padding:0px 0px 20px 0px;
	text-align:center;
}

#footer_navi {
	width:780px;
	margin:0 auto;
	padding:10px 0 0 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#footer_navi ul {
	list-style:none;
	margin:0 0 15px;
	padding:0;
	text-align:center;
}

#footer_navi ul li {
	display:inline;
	font-size:0.8em;
	padding:0 3px;
}

#footer_navi ul li a {
	color:#0000CC;
	text-decoration:none;
}

#footer_navi ul li a:hover {
	color:#0000CC;
	text-decoration:underline;
}

#footer_copy {
	margin:0;
	padding:5px 0px 5px 0px;
	font-size:12px;
	line-height:100%;
	color: #FFFFFF;
	text-align:center;
	background-color:#999999;
}

.footer_logo {
	margin:0;
	padding:20px 0px 20px 0px;
	font-size:13px;
}




/*************************************************************************
floatの解消
**************************************************************************/

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




/********************************************************************
other
*********************************************************************/
.pagetop {
	font-size:10px;
	text-align:right;
	margin:0px;
	padding:10px 0 5px 0px;
	clear:both;
}




/************************************************************
テーブル
************************************************************/

table.tbl_bnr {
	margin:0px 0px 0px 30px;
}
table.tbl_bnr td {
	padding:0px 5px 2px 0px;
	vertical-align:top;
	text-align:center;
}


table.tbl_pglink {
	margin:20px 0px 0px 0px;
}
table.tbl_pglink td {
	padding:0px 30px 5px 0px;
	vertical-align:top;
}




/********************************************************************
 共通マージンタイプ
*********************************************************************/

div#container .mgb0{margin-bottom:0 !important;}
div#container .mgb5{margin-bottom:5px !important;}
div#container .mgb10{margin-bottom:10px !important;}
div#container .mgb15{margin-bottom:15px !important;}
div#container .mgb20{margin-bottom:20px !important;}
div#container .mgb30{margin-bottom:30px !important;}

div#container .mgt0{margin-top:0 !important;}
div#container .mgt5{margin-top:5px !important;}
div#container .mgt10{margin-top:10px !important;}
div#container .mgt15{margin-top:15px !important;}
div#container .mgt20{margin-top:20px !important;}
div#container .mgt30{margin-top:30px !important;}

div#container .mgl0{margin-left:0 !important;}
div#container .mgl5{margin-left:5px !important;}
div#container .mgl10{margin-left:10px !important;}
div#container .mgl15{margin-left:15px !important;}
div#container .mgl20{margin-left:20px !important;}
div#container .mgl30{margin-left:30px !important;}

div#container .mgr0{margin-right:0 !important;}
div#container .mgr5{margin-right:5px !important;}
div#container .mgr10{margin-right:10px !important;}
div#container .mgr15{margin-right:15px !important;}
div#container .mgr20{margin-right:20px !important;}
div#container .mgr30{margin-right:30px !important;}

div#container .mgn0{margin:0 !important;}

div#container .pdt0{padding-top:0 !important;}
div#container .pdt5{padding-top:5px !important;}
div#container .pdt10{padding-top:10px !important;}
div#container .pdt15{padding-top:15px !important;}
div#container .pdt20{padding-top:20px !important;}
div#container .pdt30{padding-top:30px !important;}

div#container .pdb0{padding-bottom:0 !important;}
div#container .pdb5{padding-bottom:5px !important;}
div#container .pdb10{padding-bottom:10px !important;}
div#container .pdb15{padding-bottom:15px !important;}
div#container .pdb20{padding-bottom:20px !important;}
div#container .pdb30{padding-bottom:30px !important;}

div#container .pdl0{padding-left:0 !important;}
div#container .pdl5{padding-left:5px !important;}
div#container .pdl10{padding-left:10px !important;}
div#container .pdl15{padding-left:15px !important;}
div#container .pdl20{padding-left:20px !important;}
div#container .pdl30{padding-left:30px !important;}


div#container .pdr0{padding-right:0 !important;}
div#container .pdr5{padding-right:5px !important;}
div#container .pdr10{padding-right:10px !important;}
div#container .pdr15{padding-right:15px !important;}
div#container .pdr20{padding-right:20px !important;}
div#container .pdr30{padding-right:30px !important;}

div#container .pad0{padding:0 !important;}

/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
.clearBoth{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left!important;}
.alignRight{text-align:right!important;}
.alignCenter{text-align:center!important;}
.valignTop{vertical-align:top!important;}


@media print {
	body {
		background:none;
	}


	*html #navi li{
			display:inline;
			margin:0px -5px 0 0;
			padding:0px;
	}


	.newPage {
		page-break-before:always;
	}
	
	.pagetop { display:none; }


}