@import url(fontello.css);

/* ‚o‚b—p‚b‚r‚r */

/*p margin’²�®*/

.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display:inline-block;
min-height: 1px;
}
/*•¶Žš‘•�ü*/
.font_bold{
	font-weight:bold;
}
.font_red{
	color:#b80101;
}
.font_blue{
	color:#03F;
}
.font_orange{
	color:#f60;
}
.font_small{
	font-size:8pt;
}
a.link{
	color:#FFC;
}
a.link:hover{
	color:#fc0;
}

/* ‹¤’Ê */

body{
	background-color:#000;
	color:#333;
 font-size:10pt;
 font-family:"ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN",
 "MS PGothic", sans-serif;
		background-image: url(../image/background_header.gif) , url(../image/background_footer_top.gif);
	background-repeat: repeat-x , repeat-x;
	background-position: top left , bottom center;
	height:100%;
}

/* ƒwƒbƒ_�[ */
header{
	width:1000px;
	margin:0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#logo{
	float:right;
}
#logo a{ /* h1 */
width:201px;
height:58px;
display:block;
margin-top:-20px;
}
#logo a img{
border:none;
display:block;
width:201px;
height:58px;
}
header nav{
	width:760px;
}
header nav ul{
	display:table;
	margin-top:30px;
}
header nav ul li{
	display:table-cell;
	position:relative;
}
header nav ul li a{
	background-image:url(../image/nav_on.gif);
	background-repeat:no-repeat;
	background-position: top center;
	text-decoration:none;
	display:block;
	height:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-weight:bold;
	font-size:11pt;
	color:#333;
	margin-right:30px;
	line-height:1;
	-webkit-transition:0.2s;
  -moz-transition:0.2s;
  transition:0.2s;
}
header nav ul li a:hover , header nav ul li a.now.now{
	background-position: bottom center;
	color:#f39800;
}

header nav ul li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: -20px;
  margin: 0;
  padding: 0;
}
header nav ul li ul li{
  width: 130px;
		display:block;
}
header nav ul li ul li a{
  padding: 20px 15px 10px 15px;
  background: #f39800;
  text-align: center;
		color:#fff;
}

.newline{
  padding: 10px 15px 10px 10px;
	line-height: 130%;
	font-size: 9pt;
}

header nav ul li ul li a:hover{
	background-image:none;
	color:#000;
	background-color:#fff;
}
header nav ul li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .2s;
}
header nav ul li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


/* ‹¤’ʃp�[ƒc */

/* ƒtƒbƒ^�[ */
footer{
	clear:both;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
	margin-bottom:90px;
	color:#fff;
}
footer ul{
	display:table;
	table-layout:inherit;
	width:1000px;
	list-style-type:none;
}
footer ul li{
	display:table-cell;
}
footer ul li a{
	color:#fff;
	text-decoration:none;
	border-left:1px solid #666;
	text-align:center;
	font-size:9pt;
	display:block;
	margin-right:10px;
	padding-left:10px;
}
footer ul li a:hover{
	color:#FC0;
}
footer ul li:first-child a{
	padding-left:0;
	border:0;
}
footer ul li:last-child a{
	padding-right:0;
}
footer div{
	background-image:url(../image/footer_tel.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:35px;
	padding-left:290px;
	padding-bottom:30px;
	border-bottom:1px solid #393939;
	overflow:auto;
}
footer article#auros{
	float:left;
}
footer address{
	display:block;
	float:right;
	line-height:1.3em;
	font-style:normal;
}
small{
	font-size:7pt;
	display:block;
	line-height:1.5em;
	text-align:right;
	margin-top:30px;
}

/* ƒTƒCƒh�¡Œ^ƒiƒr */
article#side{
	float:right;
	width:200px;
	overflow:hidden;
	margin-top:70px;
	min-height:850px;
	box-sizing:border-box;
}
article#side nav ul{
	width:100%;
}
article#side nav ul li{
}
article#side nav ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
 background-color:#dc74a1;
	background-image:url(../image/square03_back.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-right:5px;
	margin-bottom:5px;
	height:200px;
	font-size:20pt;
	padding:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	line-height:13pt;
	-webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}
article#side nav ul li a#square02{
	background-color:#283EA6;
	background-image:url(../image/square02_back.png);
	font-size:14pt;
	line-height:12pt;
}
article#side nav ul li a#square03{
	background-color:#895e9d;
	background-image:url(../image/square01_back.png);
}
article#side nav ul li a#square04a{
	background-color:#72bcba;
	background-image:url(../image/square04a_back.png);
	height:100px;
}
article#side nav ul li a#square04b{
	background-color:#adc565;
	background-image:url(../image/square04b_back.png);
	height:95px;
}
article#side nav ul li h3{
	font-size:10pt;
	font-weight:normal;
	margin-top:10px;
}
article#side nav ul li a:hover , article#side nav ul li a#square02:hover ,
article#side nav ul li a#square03:hover , article#side nav ul li a#square04a:hover , article#side nav ul li a#square04b:hover{
	background-color:#efefef;
	color:#000;
}
article#side nav ul li a#square04a:hover{
	background-image:url(../image/square04ab_back_on.png);
}
article#side nav ul li a#square04b:hover{
	background-image:url(../image/square04bb_back_on.png);
}