@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	line-height: 1.9em;
	color: #333333;
}

img {
	border:none;
	padding: 0px;
}


ul {
	margin: 0px 0px 0px 0px;
}

div, td {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

a { color: #666666; text-decoration: underline; }
a:link		{ color: #333333; text-decoration: underline; }
a:visited	{ color: #333333; text-decoration: underline; }
a:active	{
	color: #1AA9CB;
	text-decoration: underline;
}
a:hover		{
	color: #1AA9CB;
	text-decoration: underline;
}

a.blue:link    { color: #5562c8; text-decoration: underline; }
a.blue:visited { color: #5562c8; text-decoration: underline; }
a.blue:active  { color: #5562c8; text-decoration: underline; }
a.blue:hover   {
	color: #6699CC;
	text-decoration: underline;
}

a.orange:link    { color: #ff6633; text-decoration: underline; }
a.orange:visited { color: #ff6633; text-decoration: underline; }
a.orange:active  { color: #ff6633; text-decoration: underline; }
a.orange:hover   {
	color: #FF9933;
	text-decoration: underline;
}

/* =================================== */
/* レイアウト */
/* =================================== */

#wrapper {
	width: 800px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(img/common/container_bg.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}

#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wrapper {
    height: 1em;
    overflow: visible;
}
/**/

#header {
	width: 780px;
	height: 105px;
 }
 
#header_l {
	text-align: left;
	width: 265px;
	height: 36px;
	float: left;
 }
#header_r {
	float: right;
	width: 100px;
	height: 33px;
}

.rollover01 {
	width:100px;
	height:33px;
	background-image: url(img/unyu/common/btnhaken_o.jpg);
	background-repeat: no-repeat;
}
.rollover01 a {
display:block;
width:100px;
height:33px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
}

.rollover02 {
	width:100px;
	height:33px;
	background-image: url(img/haken/common/btnunyu_o.jpg);
	background-repeat: no-repeat;
}
.rollover02 a {
display:block;
width:100px;
height:33px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover02 a:hover {
text-indent:-9999px;
}
#contents {
	width: 780px;
	float: left;
	padding-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

#contents #left {
	float: left;
	width: 184px;
	text-align: center;
}


#contents #right {
	width: 577px;
	float: right;
}





/* =================================== */
/* メニュー */
/* =================================== */

#navi_unyu {
	width: 184px;
	height: 353px;
	background-image: url(img/unyu/common/navi.jpg);
	background-repeat: no-repeat;
	float: left;
	}

	#navi_unyu li{
	float: left;
	list-style-type: none;
	}

	#navi01 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi01 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -0px;
	}

	#navi02 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi02 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -44px;
	}

	#navi03 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi03 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -88px;
	}

	#navi04 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi04 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -132px;
	}

	#navi05 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi05 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -176px;
	}
	
	#navi06 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi06 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -220px;
	}
	
	#navi07 a {
	width: 184px;
	height: 44px;
	display: block;
	}

	#navi07 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -264px;
	}
	
	#navi08 a {
	width: 184px;
	height: 45px;
	display: block;
	}

	#navi08 a:hover {
	background-image: url(img/unyu/common/navi.jpg);
	background-position: -184px -308px;
	}
	
body#rinen li#navi01 a { background: url(img/unyu/common/navi.jpg) -368px -0px no-repeat; }
body#about li#navi02 a { background: url(img/unyu/common/navi.jpg) -368px -44px no-repeat; }
body#safety li#navi03 a { background: url(img/unyu/common/navi.jpg) -368px -88px no-repeat; }
body#unyu li#navi04 a { background: url(img/unyu/common/navi.jpg) -368px -132px no-repeat; }
body#souko li#navi05 a { background: url(img/unyu/common/navi.jpg) -368px -176px no-repeat; }
body#yusyutu li#navi06 a { background: url(img/unyu/common/navi.jpg) -368px -220px no-repeat; }
body#contact li#navi07 a { background: url(img/unyu/common/navi.jpg) -368px -264px no-repeat; }
body#link li#navi08 a { background: url(img/unyu/common/navi.jpg) -368px -308px no-repeat; }


/*  hidden

==============================================*/
#navi_unyu {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */

	}


#navi_haken {
	width: 184px;
	height: 355px;
	background-image: url(img/haken/common/navi.jpg);
	background-repeat: no-repeat;
	float: left;
	}

	#navi_haken li{
	float: left;
	list-style-type: none;
	}

	#navi09 a {
	width: 184px;
	height: 59px;
	display: block;
	}

	#navi09 a:hover {
	background-image: url(img/haken/common/navi.jpg);
	background-position: -184px -0px;
	}

	#navi10 a {
	width: 184px;
	height: 59px;
	display: block;
	}

	#navi10 a:hover {
	background-image: url(img/haken/common/navi.jpg);
	background-position: -184px -59px;
	}

	#navi11 a {
	width: 184px;
	height: 59px;
	display: block;
	}

	#navi11 a:hover {
	background-image: url(img/haken/common/navi.jpg);
	background-position: -184px -118px;
	}

	#navi12 a {
	width: 184px;
	height: 59px;
	display: block;
	}

	#navi12 a:hover {
	background-image: url(img/haken/common/navi.jpg);
	background-position: -184px -177px;
	}

	#navi13 a {
	width: 184px;
	height: 59px;
	display: block;
	}

	#navi13 a:hover {
	background-image: url(img/haken/common/navi.jpg);
	background-position: -184px -236px;
	}
	
	#navi14 a {
	width: 184px;
	height: 59px;
	display: block;
	}

	#navi14 a:hover {
	background-image: url(img/haken/common/navi.jpg);
	background-position: -184px -295px;
	}
	
body#rinen li#navi09 a { background: url(img/haken/common/navi.jpg) -368px -0px no-repeat; }
body#about li#navi10 a { background: url(img/haken/common/navi.jpg) -368px -59px no-repeat; }
body#system li#navi11 a { background: url(img/haken/common/navi.jpg) -368px -118px no-repeat; }
body#serch li#navi12 a { background: url(img/haken/common/navi.jpg) -368px -177px no-repeat; }
body#contact li#navi13 a { background: url(img/haken/common/navi.jpg) -368px -236px no-repeat; }
body#link li#navi14 a { background: url(img/haken/common/navi.jpg) -368px -295px no-repeat; }

/*  hidden

==============================================*/
#navi_haken {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */

	}


#select {
	width: 544px;
	height: 90px;
	background-image: url(img/gtop/btn.jpg);
	background-repeat: no-repeat;
	margin-top: 80px;
	margin-bottom: 80px;
	}

	#select li{
	float: left;
	list-style-type: none;
	}

	#select01 a {
	width: 271px;
	height: 90px;
	display: block;
	}

	#select01 a:hover {
	background-image: url(img/gtop/btn.jpg);
	background-position: -0px -90px;
	}

	#select02 a {
	width: 271px;
	height: 90px;
	display: block;
	}

	#select02 a:hover {
	background-image: url(img/gtop/btn.jpg);
	background-position: -271px -90px;
	}


/*  hidden

==============================================*/
#select {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */

	}
#footer {
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
}

#footermenu {
	width: 780px;
	padding-right: 10px;
	text-align:right;
}

#footernavi {
	width: 760px;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	text-align: center;
}


#footerb {
	background-image: url(img/common/footerbg.gif);
	height: 19px;
	width: 760px;
	float: left;
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	text-align: right;
	font-size: 10px;
}

#btm {
	width: 820px;
	height: 32px;
	background-image: url(img/common/container_btm.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}


/* =================================== */
/* 記事レイアウト*/
/* =================================== */

#totop {
	height: 22px;
	float: right;
	font-size: 10px;
	color: #999999;
	background-image: url(img/unyu/common/icon_totop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 80px;
	padding-left: 16px;
}

#totop2 {
	height: 22px;
	float: right;
	font-size: 10px;
	color: #999999;
	background-image: url(img/haken/common/icon_totop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 80px;
	padding-left: 16px;
}

#topinfo {
	width: 577px;
	text-align: left;
	}
	
.topinfotext {
	background-image: url(img/unyu/common/icon.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	padding-top: 8px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.topinfotext2 {
	background-image: url(img/haken/common/icon.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	padding-top: 8px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.komidashi {
	background-image: url(img/unyu/common/icon.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 0px 6px;
	padding-bottom: 2px;
}

.komidashi2 {
	background-image: url(img/haken/common/icon.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 0px 6px;
	padding-bottom: 2px;
}
.komidashi3 {
	background-image: url(img/haken/common/icon2.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 0px 6px;
	padding-bottom: 2px;
}
.style10 {
	font-size: 10px;
	line-height: 14px;
}
.stylepink {
	font-weight: bold;
	color: #FF9900;
}
.stylepink2 {
	color: #f4275f;
}
.styleenkaku {
	line-height: 24px;
}
.stylepink14 {
	font-size: 14px;
	font-weight: bold;
	color: #f4275f;
}
.styleblue {
	font-weight: bold;
	color: #0534C2;
}
.style14 {
	font-size: 14px;
	line-height: 22px;
}

#danraku {
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#column_m {
	background-image: url(img/unyu/unyu/copy_bg.jpg);
	background-repeat: repeat-y;
	width: 510px;
	padding-right: 27px;
	padding-left: 40px;
}
#copy1_m {
	background-image: url(img/haken/system/copy1bg.jpg);
	background-repeat: repeat-y;
	width: 267px;
	padding-right: 20px;
	padding-left: 20px;
}

#copy2_m {
	background-image: url(img/haken/system/copy2bg.jpg);
	background-repeat: repeat-y;
	width: 392px;
	padding-right: 20px;
	padding-left: 20px;
}

.linktext {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#tabletemp {
	margin: 20px auto 0 auto;
	width: 550px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
.left {
	text-align: center;


	background-color:#66CCFF
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	background-color: #1AA9CB;
	}
.right {
	text-align: left;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	}


/*  募集要項枠 */
div.waku {
border: 1px solid #cccccc;
 }

/*  div */

#div_left{
	float:left;
}

#div_clear{
	clear:left;
}