@charset "utf-8";

/* body
----------------------------------------------------- */
body {
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #444444;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; 
	line-height:1.5;
	background-color: #eeeeee; 
	background-image: url("../images/hds_bg.jpg"); background-repeat: repeat-x;
}
  
/* Firefox 3用 */

body,x:-moz-broken {
	margin-left:-1px;
}
  
/* container
----------------------------------------------------- */
#container	{
	width:960px;
	margin: 0 auto;
	text-align: left;	
}

#wrapper {
	width:960px;
	margin: 0 auto;
	text-align: left;	
}
#wrapper2 {
	width:1039px;
	margin: 0 auto;
	text-align: left;
	
}
/* Link、button
----------------------------------------------------- */

a { color: #444444;}
a:focus{
	outline:none;
} 
a:hover img { 
	outline: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"alpha( opacity=50 )";
}
a:hover { color: orangered;}



.wrap {
    /*zoom: 1;*/
    padding: 0;
    margin: 0;
}


 input[type="radio"],input[type="checkbox"]	{
	border:0;
	outline:none;
}



/* tab-indent ------------------------------- */
.left-border dt	{
	float: left;
	width: 6em;
	}
.memo 	{
	margin-left: 36px;
}
.memo dl {
    display: table;
    width: 680px;
    text-align: left;
}
.memo dt {
    display: table-cell;
    padding: 0;
    vertical-align: top;
}
.memo dt {
	width: 400px;
}
.memo dd {
    text-align: left;
    margin-left: 0;
    color: #A69696;
    font-size: 13px;
}
.memo dd p.rei1 {
   	position:relative;
   	left: 5px;
}
.memo dd p.rei2 {
   	position:relative;
   	left: 5px;
}
.memo span	{
	display: inline-block;
	margin-left: 2em ;
}
/* float ------------------------------- */
.fleft { float: left;}
.fright { float: right;}
.txtfloat	{
	float: left;
}

.clearfix:after
	{content:""; display:block; clear:both;} /* IE8, ModanBrowser */
.clearfix {width:100%;} /* clearfix IE 6, 7 */



/* height ------------------------------- */

.height180	{
	height: 180px;
}
.height203	{
	height: 203px;
}

/* position ------------------------------- */	
span.upper-lower	{
	display: inline-block;
	height: 10px;
}
.ue5	{
	margin-top: 5px;
}
.ue10	{
	margin-top: 10px;
}
.ue15	{
	margin-top: 15px;
}
.ue20	{
	margin-top: 20px;
}
.shita5	{
	margin-bottom: 5px;
}
.shita10	{
	margin-bottom: 10px;
}
.shita15	{
	margin-bottom: 15px;
}
.shita20	{
	margin-bottom: 20px;
}
/* list-style ------------------------------- */


/* color ------------------------------- */
.red	{
	color: red;
}
.red-bold	{
	color: red;
	font-weight: bold;
}
.silver	{
	color: silver;
}
.redgray	{
	color: #A69696;
}
.orange	{
	color: #fba00b;
}
.blue-bold	{
	color: #3f6ca3;
	font-size: 15px;
	font-weight: bold;
}


.bg-hilite	{ 
	width: 700px;
	padding: 4px;
	border: 1px solid #999;	
	color: #000;
}
.bg-hilite::selection { /* 選択ハイライト　*/
	background: #fe77b0;
}
.bg-hilite::-moz-selection	{
	background: #fe77b0;

}
/* pagenavi ------------------------------- */
.pagenavi {
	/zoom: 1;
	display: inline-block;
	position: relative;
	top: 5px;
	overflow: hidden;
	margin:0 0 0 90px;
	padding: 0px;
	background: #fff;
	color:#444;
}
.pagenavi ul {
	position: relative;
	left: 50%;
	float: left;
}
.pagenavi ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 2px;	
}

.pagenavi li span{
	display: inline-block;
	margin: 0 1px 1px 0;
	padding: 1px 6px;
	background: #3e6ba2;
	border: 1px solid #3e6ba2;
	text-decoration: none;
	vertical-align: middle;
	color:#fff;
	font-weight:bold;
}
.pagenavi li a {
	display: inline-block;
	margin: 0 1px 1px 0;
	padding: 1px 6px;
	background: #fff;
	border: 1px solid #777;
	text-decoration: none;
	vertical-align: middle;
	color:#444;
	font-weight:normal;
}

.pagenavi li a:hover {
	background: #FDEDC3;
	border-color: orangered;
	color: orangered;
}
.pagenavi li.noborder	{
	border:1px solid #fff;
	padding: 1px 7px;
	position: relative;
	top: -3px;
	
}
.pagenavi li.noborder a {
	border:1px solid #fff;
	padding: 1px 2px;
	position: relative;
	top: -3px;
	margin: 0 -3px;
	
}
.pagenavi2 {
	/zoom: 1;
	display: inline-block;
	position: relative;
	top: 5px;
	overflow: hidden;
	margin:0 0 0 10px;
	padding: 0px;
	background: #fff;
	color:#444;
}
.pagenavi2 ul {
	position: relative;
	left: 50%;
	float: left;
}
.pagenavi2 ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 2px;	
}

.pagenavi2 li span{
	display: inline-block;
	margin: 0 1px 1px 0;
	padding: 1px 6px;
	background: #3e6ba2;
	border: 1px solid #3e6ba2;
	text-decoration: none;
	vertical-align: middle;
	color:#fff;
	font-weight:bold;
}
.pagenavi2 li a {
	display: inline-block;
	margin: 0 1px 1px 0;
	padding: 1px 6px;
	background: #fff;
	border: 1px solid #777;
	text-decoration: none;
	vertical-align: middle;
	color:#444;
	font-weight:normal;
}

.pagenavi2 li a:hover {
	background: #FDEDC3;
	border-color: orangered;
	color: orangered;
}
.pagenavi2 li.noborder a {
	border:1px solid #fff;
	position: relative;
	top: -3px;
}

/* button ------------------------------- */
button	{
	padding: 0;
}
button.pad,button.next-btn	{
	padding: 2px 10px;
}

/* css hack ------------------------------- */
button.dl	{
	margin: 0\9; /* IE8 */
}
:root button.dl{
   margin: 0\0/; /* IE9 */
}

/* ================================== */