@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/313.jpg) repeat left top;
	text-align: center;
	font-size: 13px; /* モダンブラウザ向け */
	color: #fffff1;
	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:952px;
}

a { color: #000;}
a:hover { color: #666;}

/* head
---------------------------------------------------------------------------------------- */

#head{
	margin-bottom:10px;
}

#logo{
}

#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:#ffffff;
}

#headerContact div span {
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	vertical-align: middle;
}

#headerContact p {
	font-size:10px;
	color:#ffffff;
}

/* #globalNavi
----------------------------------------------------- */
#globalNavi {
	overflow: hidden;
	background: none;
	height: 54px;
	padding:0;
}

#globalNavi ul {
	display: flex;
	padding-top: 0;
}

#globalNavi ul li {
	flex-grow: 1;
	margin: 0;
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
}

#globalNavi ul li span{
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:77%;
	color:#666;
}

#globalNavi ul li a {
	display: block;
	height: 54px !important;
	height /**/: 54px;
	padding: 12px 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:#ccc;
	text-decoration: none;
}


#globalNavi ul li.last a {
	display: block;
	height: 44px !important;
	height /**/: 54px;
	padding: 12px 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:#ccc;
	text-decoration: none;
}

/* float
----------------------------------------------------- */
.left { float: left;}
.left_02 { float: left; margin-left: 10px;}
.right { float: right;}
.right_02 { float: right; margin-right: 20px;}
.right_03 { float: right; margin-right: 10px;}

/* #container
---------------------------------------------------------------------------------------- */
#container{
	background:none;
	width:952px;
	
}

/* #contents
---------------------------------------------------------------------------------------- */
#contents{
	width:719px;
}


/* 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;
	color:#ffffff;
}

.newsDl dd span a { text-decoration: none;}


/* #right
----------------------------------------------------- */
#right {
	float: right;
	width: 223px;
}

.subBox {
	margin-bottom: 15px;
}

.subBox_02 {
	margin-top:5px;
	margin-bottom: 15px; width:223px; border:1px solid #dcdcdc;
}

.subBox_02 p {padding-left: 15px;
}
.subBox_03 {
	margin-bottom: 15px; width:223px; border:1px solid #dcdcdc;
}

.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 15px 15px;
	margin-bottom:3px;
	padding:10px 10px 10px 3.5em;
	color:#000;
}

.subContactBox ul li a {
	color:#000;
	text-decoration:none;
}

.subContactBox ul li a:hover {
	color:#666;
	text-decoration:none;
}

.subNavi ul li {
	margin-bottom: 7px;
}

#right .aside-contact {
	margin: .5em auto;
	padding-top: .5em;
	border-top: 1px solid #fff;
}

#right .aside-mail-img {
	border: 4px solid #ff9868;
	border-radius: 8px;
}

/* headimg
----------------------------------------------------- */
.hImg{
	background-color:none;
}

.imgBorder{
	border:3px solid #d6d6d6;
	padding:5px 5px 5px 5px;
	margin:5px 10px 10px 10px;
}

.imgBorder_t{
	border:3px solid #d6d6d6;
	padding:5px 5px 5px 5px;
	margin:5px 0px 10px 10px;
}

/* h[x]
----------------------------------------------------- */
h1{
	padding-top:15px;
	font-size:77%;
}

h2{
	background:url(../images/h2_bg.gif) repeat-x left top;
	margin-bottom:2px;
	padding:7px 5px 10px 20px; 
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}

h3{
	background: url(../images/h4_bg.gif) no-repeat left top;
	padding:5px 5px 2px 10px; 
        margin-top:10px;
	margin-bottom:5px;
	margin-left:15px;
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#fff;
}



h4{
	background: url(../images/h3_bg.gif) repeat-x left top;
	padding:7px 5px 13px 10px;
	margin-bottom:5px;
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}


h4.info{
	background: url(../images/h3_bg.gif) repeat-x left top;
	padding:7px 5px 13px 10px; 
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
	margin:0px;
}

h5{
	background: url(../images/h5_bg.gif) no-repeat left 10px;
	padding:7px 5px 13px 10px; 
	margin-bottom:5px;
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size:100%;
	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;
}

.table_company {
	width: 70%;
	margin-bottom:15px;
	margin-left:100px;

}

.table_company th, .table_company td {
	border-bottom: 1px dotted #cc9966;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
}

.table_company th {
	background:url(../images/black_icon.gif) no-repeat 0 15px;
	width: 100px;
	font-weight: bold;
}

/* box
----------------------------------------------------- */

.box { margin: 5px 0 0 10px;}

.box_02 { margin: 5px 0 0 0;}

.box105{ width:105px;}

.box110{ width:110px;}

.box150{ width:150px;}

.box190{ width:190px;}

.box215{ width:215px; padding:5px;}

.box230Border{ width:230px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box270{ width:270px;}

.box281{ width:290px;}

.box315{ width:315px;}

.box340{ width:340px;}

.box340Qua{ width:340px; margin-left:10px;}

.box350{ width:350px;}

.box350Border{ width:350px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box350Border_02{ width:350px; border:1px solid #dcdcdc; margin-top:5px; margin-bottom:5px;}

.box390{ width:390px;}

.box425{ width:425px;}

.box440{ width:440px;}

.box717{ width:717px;}

.box717_01{ width:717px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box717_02{ width:717px; border:1px solid #dcdcdc; margin-top:5px; margin-bottom:5px;}


/* section
----------------------------------------------------- */

.section { margin: 0 0 10px;}

.section_02 { margin: 0 0 10px 4px;}

/* margin
-------------------------------------------- */
.marB5 { margin-bottom: 5px;}

.marR13 { margin-right: 10px;}

/* padding
-------------------------------------------- */

.padT15 { padding-top:15px;}


/* font 
----------------------------------------------------- */
.textR{	text-align:right;
}

.textC{	text-align:center;}

.fontM{ font-size:100%;
        color:#ffffff;
}

.fontS{ font-size:77%;}

.fontbox{ font-size:100%;
          color:#ffffff;
          padding:5px 10px 10px 10px;
}
.fontboxR{ font-size:100%;
          color:#ffffff;
          padding:5px 10px 10px 10px;
}
.fontboxL{ font-size:100%;
          color:#ffffff;
          padding:5px 10px 10px 25px;
}
.p_main{
        line-height:1.5;
        padding:5px 15px 5px 5px;
}
.p_box{
        line-height:1.5;
        padding:10px 13px 10px 13px;
}
.p_qua{
        line-height:1.5;
        padding:0px 3px 10px 13px;
}
.p_boxR{
        line-height:1.5;
        padding:5px 15px 5px 5px;
}
.p_boxL{
        line-height:1.5;
        padding:5px 5px 5px 15px;
}


p{        line-height:1.5;
}



/* #footer
---------------------------------------------------------------------------------------- */

#footer {
	background-color:#fff;
	border-top: 1px solid #ccc;
	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;
	color:#666666;
}


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;
}

/* topics
---------------------------------------------------------------------------------------- */
#p_ri{
  text-align : right;
  margin-top : 0px;
  height : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 10px;
  font-size : 12px;
}

.topi{
	margin-left: 440px;
}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/* home */
.zeh-hd {
	margin: 1rem auto;
	text-align: center;
}

.zeh-table {
	margin: auto auto 1.5rem;
}

.zeh-table th,
.zeh-table td {
	padding: .25rem .5rem;
	border: 1px solid #ddd;
	text-align: center;
}

.zeh-table .zeh-col--hd {
	color: #f7e6d4;
}