﻿@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

---------------------------------------------------------------------------------------- */

body {
	background: url(../images/head_bg_line.gif) repeat-x left top;
	text-align: center;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #666666;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
  
/* Firefox 3用 */

body,x:-moz-broken {
	margin-left:-1px;
}
  
.wrapper {
	margin: 0 auto;
	text-align: left;
	width:950px;
}

a { color: #000;
    text-decoration: none;
    font-weight:bold;
}
a:hover { color: #ffc529;}

/* head
---------------------------------------------------------------------------------------- */
#head{
	margin-bottom:5px;
}

#logo{
	margin:5px 0 0 0;
}

#head_Logo{
	float:left;
}

#headerContact {
	float:right;
}

#headerContact {
	margin:20px 0 0 0;
}

#headerContact div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:189%;
	font-weight:bold;
	color:#ff8000;
}

#headerContact div span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	vertical-align: middle;
}

#headerContact p {
	font-size:10px;
	color:#666;
}

/* #globalNavi
----------------------------------------------------- */
#globalNavi {
	overflow: hidden;
	background: url(../images/global_navi_bg.gif) repeat-x left top;
	height: 54px;
	padding:0;
}

#globalNavi ul {
	padding-top: 0;
}

#globalNavi ul li {
	display: inline;
	float: left;
	width: 134px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
}

#globalNavi ul li p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:77%;
	color:#c1c1c1;
}

#globalNavi ul li a {
	display: block;
	height: 54px !important;
	height /**/: 54px;
	padding: 18px 0 0;
	border-bottom: none;
	color: #000;
	text-align: center;
	text-decoration: none;
	background: url(../images/global_navi.gif) no-repeat left top;
}

#globalNavi ul li a:hover {
	background:url(../images/global_navi_over.gif) no-repeat left top;
	color:#ffc529;
	text-decoration: none;
}

#globalNavi ul li.last {
	display: inline;
	float: left;
	width: 146px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
}


#globalNavi ul li.last a {
	display: block;
	height: 44px !important;
	height /**/: 54px;
	padding: 18px 0 0;
	border-bottom: none;
	color: #000;
	text-align: center;
	text-decoration: none;
	background: url(../images/global_navi_last.gif) no-repeat left top;
}

#globalNavi ul li.last a:hover {
	background:url(../images/global_navi_last_over.gif) no-repeat left top;
	color:#ffc529;
	text-decoration: none;
}

/* float
----------------------------------------------------- */
.left { float: left;}
.right { float: right;}


/* #container
---------------------------------------------------------------------------------------- */
#container{
	background:url(../images/himg_bottom.gif) no-repeat left 0;
	width:950px;
	
}

/* #contents
---------------------------------------------------------------------------------------- */
#contents{
	width:717px;
}


/* TOPPAGE
----------------------------------------------------- */
.newsDl dt,
.newsDl dd {
	line-height: 1.5;
}

.newsDl dt{
	background: url(../images/news_icon.gif) no-repeat 5px 13px;
	padding:5px 10px 0 15px;
	font-weight:bold;
	color:#000;
}

.newsDl dd {
	margin: -1.7em 0 8px 0;
	padding: 2px 0 3px 8em;
}

.newsDl dd span {
	display: block;
	padding: 0 0 0 20px;
}

.newsDl dd span a { text-decoration: none;}

/* #right
----------------------------------------------------- */
#right {
	float: right;
	width: 223px;
}

.subBox {
	margin-bottom: 15px;
}

.subContactBox {
	margin-bottom: 15px;
	background: url(../images/sub_menu_middle.gif) repeat-y 0 0;
	height: 100%;
}

.subContactBox ul {
	margin-bottom: 0;
}

.subContactBox ul li {
	background: url(../images/sub_menu_icon.gif) no-repeat 25px 12px;
	margin-bottom:3px;
	padding:10px 0 10px 3.9em;
}

.subContactBox ul li a {
	color:#000;
	text-decoration:none;
}

.subContactBox ul li a:hover {
	color:#ffc529;
	text-decoration:none;
}

.subNavi ul li {
	margin-bottom: 7px;
}

/* headimg
----------------------------------------------------- */
.hImg{
	background-color:#fff6d3;
}

.imgBorder{
	border:3px solid #d6d6d6;
}


#slideshow {
   position: relative;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 333px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


/* h[x]
----------------------------------------------------- */
h1{
	padding-top:15px;
	font-size:77%;
}

h2{
	background: url(../images/h4_bg.gif) no-repeat left top;
	padding:6px 5px 8px 10px; 
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	color:#ff8000;
}

h3{
	background: url(../images/h3_bg.gif) repeat-x left top;
	padding:9px 5px 13px 10px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}


h3.information{
	background: url(../images/h3_informaiton_bg.gif) repeat-x left top;
	padding:9px 5px 13px 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}

h4{

	background:url(../images/h2_bg.gif) repeat-x left top;
	margin-bottom:2px;
	padding:8px 5px 10px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}

h5{
	background: url(../images/h5_bg.gif) no-repeat left 6px;
	padding:3px 5px 1px 10px; 
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	color:#000;
}

h6{
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:77%;
	font-weight:bold;
	color:#000;
}

/* table
----------------------------------------------------- */

.table01 {
	width: 100%;
	margin-bottom:15px;
}

.table01 th, .table01 td {
	border-bottom: 1px dotted #000;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
}

.table01 th {
	background:url(../images/black_icon.gif) no-repeat 0 15px;
	width: 100px;
	font-weight: bold;
}


/* box
----------------------------------------------------- */

.box { margin: 0 0 10px;}

.box p.infobox{
   height: 6em;
   overflow: auto;
   border: 1px solid #808080;
   margin: 0px 0px 10px 0px;
   padding: 5px;
}

.box105{ width:105px;}

.box110{ width:110px;}

.box215{ width:215px; padding:5px;}

.box215 a img.linkimg{
	background:none!important;
}

.box215 a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

.box230Border{ width:230px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box270{ width:270px;}

.box270 a img.linkimg{
	background:none!important;
}

.box270 a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

.box281{ width:281px; border:2px solid #d6d6d6;}

.box281 a img.linkimg{
	background:none!important;
}

.box281 a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

.box425{ width:425px;}

.box425 a img.linkimg{
	background:none!important;
}

.box425 a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

.box440{ width:440px;}

.box717{ width:717px;}

/* section
----------------------------------------------------- */

.section { margin: 0 0 10px;}

/* margin
-------------------------------------------- */
.marB5 { margin-bottom: 5px;}

.marR13 { margin-right: 10px;}

/* padding
-------------------------------------------- */

.padT15 { padding-top:15px;}

/* font 
----------------------------------------------------- */
.textR{	text-align:right;}

.textC{	text-align:center;}

.fontS{ font-size:77%;}

p{line-height:1.5;}

/* #footer
---------------------------------------------------------------------------------------- */

#footer {
	background-color:#fff6d3;
	border-top: 1px solid #e5dfc6;
	margin-top:15px;
	padding: 20px 0 20px;
}

#footerbox{
	margin: 0 auto;
	width:950px;
}

#footerLogo{
	float: right;
	width:178px;
}

#footerNavi {
	float:left;
	padding: 2px 0 0 0;
	font-size:77%;
	width:700px;
}

#footerNavi p {
	margin-bottom: 0;
	text-align:left;
}

#footerNavi a {
	text-decoration:none;
}

address{
	text-align:left;
}

address a {
	color:#666666;
	text-decoration:none;
}

address a:hover {
	color:#666666;
	text-decoration:none;
}


/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/
