@charset "Shift_JIS";

/* CommonStyle */

* html { padding:0; margin:0; }

body {
	margin:0;
	padding:0;
	font-family: "lr oSVbN", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", Osaka, sans-serif;
	font-size:100%;
	text-align:center;
}

a img{ border:none;}

p { margin:0; padding:0; font-size:85%; line-height:140%; volume:medium; }
ul { margin:0; padding:0; font-size:85%; line-height:140%; volume:medium; }
ol { margin:0; padding:0; font-size:85%; line-height:140%; volume:medium; }
dl { margin:0; padding:0; font-size:85%; line-height:140%; volume:medium; }
li { margin:0; padding:0; line-height:140%; volume:medium; }

.clearing {	clear: both; margin:0; padding:0; height:0px; width:0px; border:none; }


a:link{ color: #0000FF;}
a:visited{ color: #6600FF;}
a:hover{ color: #CC0000;}
a:active{ color: #6600FF;}

.MT10{ margin-top: 10px;}
.MT15{ margin-top: 15px;}
.MT20{ margin-top: 20px;}

.ML10{ margin-left: 10px;}
.ML15{ margin-left: 15px;}
.ML20{ margin-left: 20px;}

.TA_C{ text-align: center;}
.TA_R{ text-align: right;}


/* helpnavi */
#helpnavi {	position:absolute; top:-9999px; font-weight:bold; background: transparent; }
#helpnavi a { background: transparent; text-decoration: none; }
#helpnavi ul { text-align:left; margin:0; padding:0; }
#helpnavi li { font-size:70%; text-align:left; padding:0; background: transparent; }


/*  Layaut  */

#Wrapper {
	margin:0;
	padding:0;
	width:100%;
	min-width:640px;
	text-align:center;
	background-color:#FFFFFF;
}

* html #Container{ border-left: 640px solid #FFFFFF;}

* html #Box { margin-left: -640px; position: relative;}

* html #Wrapper, * html #Container, * html #Box{ height: 1px;}



/*  Header  */
#I_HEADER{
	width: 100%;
	height: 65px;
	background: #0000CC url(../images/header_back.jpg) no-repeat right top;
	margin: 0;
	padding: 0;
}

#I_HEADER h1{
	float:left;
	margin:0;
	padding:0;
	width:auto;	
}

#I_HEADER #HRight{ float: right; text-align:right;width:auto;}
#I_HEADER #HRight #Kensaku{ margin-top: 5px; margin-bottom:0;}

/*   #I_HEADER{ float: right;width:auto;}     20150617폜@*/
#I_HEADER ul#Hnavi{  margin-right: 5px}
#I_HEADER ul#Hnavi li{
	float: left;
	list-style-type: none;
	margin-left:20px;
	padding-left:15px;
	margin-top:0;
	width:auto;
}

#I_HEADER ul#Hnavi li a:link,#I_HEADER ul#Hnavi li a:visited{ color: #FFFAFA;}
#I_HEADER ul#Hnavi li a:hover{ color: #FFCC00;}

#I_HEADER ul#Hnavi li.hn01{ background: url(../images/hnavi_01.gif) no-repeat left center; width:3.3em;}
#I_HEADER ul#Hnavi li.hn02{ background: url(../images/hnavi_02.gif) no-repeat left center; width:8.3em;}


#Kensaku label{ font-size: 90%; color: #FFFAFA; font-weight: bold;}


/*  Footer  */
#Fnavi li{
	float: left;
	margin-left: 10px;
	padding-left:15px;
	list-style-type: none;
	background: url(../images/fnavi_icn.gif) no-repeat left center;
	width:auto;
}

#Footer{
	color:#FFFFFF;
	background: #0000CC url(../images/footer_back.jpg) no-repeat left center;
	height: 60px;
	width: 100%;
}

#Footer p.footer_logo{
	float: left;
	height: 60px;
	width: 121px;
}

#Footer p.copy{
	text-align: right;
	margin-right:10px;
	font-size: 72%;
}


/*  Pankuzu  */

#Pan{
	padding: 2px 10px;
	margin:2px 0 15px 0;
	text-align: left;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
}
#Pan ul.pan_01 li{
	list-style-type: none;
	float: left;
	margin-right: 5px;
	width:auto;
}