@charset "utf-8";

/*
########################################################
  common style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:1em;
	border:none;
}

html{
	height:100%;
}

body {
	font-size: 13px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	background-color: #fff;
	height:100%;
}

img{
	border:none;
}

li{
	list-style-type:none;
}

input{
	padding:1px;
}

div#container{
}

h1{
	margin:0 0 0 10px;
	padding:15px 0 0 0;
}

h2{
	margin:0px 0 0px 0;
}

sup { 
	vertical-align: text-top;
	line-height: 4px;
	font-size:.5em;
	color:#666;
}

/*
p{
	font-size:.9em;
	line-height:1.5em;
	color:#666;
}
*/

p.line{
	background:url(../img/img-hr-line.jpg);
	background-repeat:repeat-x;
	height:1px;
	margin:5px 0 20px 0;
}


.displayOn{
	display : block;
}

.displayOff{
	display : none;
}

.borderNone{
	border:none !important;
}

.bgNone{
	background-image:none !important;
}



/*
########################################################
  Header style
########################################################
*/
/*def*/
div#container{
	width:100%;
	background:url(../img/img-bg.jpg);
	background-repeat:repeat-x;
}

div#header{
background:url(../img/img-bg-header.jpg);
	width:760px;
	margin:0px auto;
	height:71px;
}

#header h1#logo{
	width:190px;
	margin:0 20px;
	height:70px;
	float:left;
	padding:0;
}

div#header ul#navi{
	padding:32px 0 0 280px;
}

div#header ul#navi li{
	float:left;
	margin:0 10px 0 0;
}


/*
########################################################
  contents style
########################################################
*/
div#contents{
	width:760px;
	margin:0px auto;
}


/*
########################################################
  footer style
########################################################
*/
div#footer-bg{
	clear:both;
	background:url(../img/img-bg-bottom.jpg);
	width:100%;
	height:70px;
	background-position:bottom;
	background-repeat:repeat-x;
}

div#footer{
	width:760px;
	margin:0px auto;	
	height:45px;
	background:url(../img/img-bg-footer.jpg);
	background-position:bottom;
}

div#footer ul#navi{
	font-size:.8em;
	padding:5px 0 0 10px;
}

div#footer ul#navi li{
	float:left;
	margin:0 10px 2px 0;
	padding:0 0 2px 7px;
	background:url(../img/img-footer-navi-line.jpg);
	background-repeat:no-repeat;
	background-position:;
}

div#footer ul#navi li a{
	color:#fff;
}

/*
########################################################
  etc... style
########################################################
*/
div#Page_Top{
	clear:both;
	width:760px;
	margin:0px auto;	
	height:25px;
}

div#Page_Top a{
	float:right;
	margin:5px 5px 10px 0;
}

div.more_info{
	width:100%;
}

div.more_info a{
	float:right;
}


h3.title{
	font-size:1.3em;
	margin:0 0 5px 0;
	color:#104054;
}

h3.title_line{
	font-size:1.3em;
	margin:0 0 5px 0;
	color:#104054;
	background:url(../img/img-hr-line.jpg);
	margin:5px 0 20px 0;
	background-repeat:repeat-x;
	background-position:bottom;
}

/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  .align
########################################################
*/

.alignC {text-align:center !important;}
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}

/*
########################################################
  .float
########################################################
*/

.floatR{float:right;}

.floatL{float:left;}

.floatN{float:none;}

.clearR{clear:right;}

.clearL{clear:left;}

.clear{clear:both;}

.clearfix:after {   
	content: "";
	display: block;
	clear: both;
}

.clearfix{zoom: 100%;}

/*
########################################################
  .cursor
########################################################
*/

.cursorN{cursor:default;}

.cursorP{cursor:pointer;}


/*
########################################################
  .link
########################################################
*/

a:link{
	color:#1f5d92;
}

a:visited{
	color:#1f5d92;
}

a:hover,
a:active{
	color:#1f5d92;
	text-decoration:none;
}


a.Link_parent{
	background-image:url(../img/btn_link_parent.gif) !important;
	padding:0 13px 0 0 !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
}

a.Link_blank{
	background-image:url(../img/btn_link_blank.gif) !important;
	padding:0 13px 0 0 !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
}

a.Link_pdf{
	background-image:url(../img/btn_link_pdf.gif) !important;
	padding:0 23px 0 0 !important;
	margin:0 3px 0 0 !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
}



/*
########################################################
  .txt
########################################################
*/

.fontS{font-size:75%;}

.fontM{font-size:100%;}

.fontL{font-size:120%;}

.pageTop{
	margin:0 0 0 0;
	text-align:right;
}

.red{color:red}
.white{color:white}

/*
########################################################
  .whats_new
########################################################
*/


dl#whats_new dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em 10px;
	width: 5em;
	color: #333;
	position:relative;
	font-size:1em;
}

dl#whats_new dd {
	margin-bottom: 0.8em;
	margin-left:6em;
}

dl#whats_new dd p{
	margin-bottom: 0.3em;
}


dl#whats_new dt .topNewsNew{
	position:absolute;
	top:4px;
	left:-35px;
	z-index:1;
	height:11px;
	width:31px;
	background-image:url(../img/img-new.gif);
	background-repeat:;
}

dl#whats_new dt .topNewsNew span{
	visibility:hidden;
}


/*#################################################################
　テーブル初期値
#################################################################*/
table{
	border-collapse: collapse;
}

/* 奇数のtrに背景色 javascriptで制御 */
tr.odd{
	background-color:#efefef;
}


table.table_def{
    border-collapse: collapse;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    margin: 0.5em 0;
}
	
	table.table_def td{
		border-bottom: 1px solid #bbb;
		border-left: 1px solid #bbb;
		color: #555555;
		line-height: 1.5em;
		padding: 0.3em 0.5em;
	}
	
	table.table_def th{
		background-color:#ddd;
		border-bottom: 1px solid #bbb;
		border-left: 1px solid #bbb;
		color: #444444;
		font-weight:normal;
		padding: 0.3em 0.5em;
	}


/*-----------------------------------------------
 __clearfix //div　高さ100％設定
-----------------------------------------------*/
div:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}  


div {zoom: 100%;}  
   
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
   
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */