@charset "UTF-8";

/*
 * base.css
 */

 
 html.fontsizel { font-size: 22px; }
 body { color: #333; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
 li { list-style: none; }
 img { max-width: 100%; vertical-align: bottom; }
 a { color: #333; text-decoration: underline; }
 a:hover { color: #333; text-decoration: none; }
 .opacity:hover { opacity: 0.7; }
 
 .pc { display: block; }
 .sp { display: none; }
 img.pc { display: inline; }
 img.sp { display: none; }
 table.pc { display: table; }
 table.sp { display: none; }
 
 .tac { text-align: center; }
 .cap { padding-left: 1em; text-indent: -1em; }
 

/* Base
------------------------------------------------------------ *//*

	@group body

------------------------------------------------------------ */
#container {
	width:1000px;
	margin:0 auto;
	_left:50%;
	_margin:0 0 0 -500px;
	_position:relative;
}

@media print {
	* html body { /* for IE6 printable (645px) */
		zoom: 0.645;
	}
}

body {
	background-repeat: repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color:#4a4a4a;
	font-size:12px;
    font-size:75%\9; /* for IE8 */
	font-size:75%;
	background-color: #f5f5f5;
	line-height:150%;
}

/*	@end
------------------------------------------------------------ *//*

	@group a:link

------------------------------------------------------------ */


a:link {
	color:#416941;
	text-decoration: none;
}

a:visited {
	color:#416941;
	text-decoration: none;
}

a:focus,
a:hover,
a:active {
	color:#416941;
	text-decoration:underline;
}




/*	@end
------------------------------------------------------------ *//*

	@group Text

------------------------------------------------------------ */

strong {
	font-weight: bold;
}

em {
	color:#416941;
}

/*	@end
------------------------------------------------------------ */


/*	Layout
------------------------------------------------------------ *//*

	@group header

------------------------------------------------------------ */
#header{
	padding-top:10px;
	background-color:#ffffff;
	background-image: url(../img/header_bg01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#header .inner{
	width:1000px;
	margin:0 auto;
	_left:50%;
	_margin:0 0 0 -500px;
	_position:relative;
}

#header .copy{
	display:inline;
	width:700px;
	float:left;
	font-size:0.75em;
	line-height:20px;
}

#header #logo{
	clear:both;
	float:left;
	display:inline;
	width:250px;
	padding-top:13px;
}
/*	#seachBox
------------------------------ */

#header #seachBox {
	width:276px;
	float:right;
	text-align:right;
	padding-top:20px;
}

#header #seachBox .seach01 {
	border: 1px solid #999999;
	width:190px;
	height:22px;
	padding:2px;
}

/*	#globalNavi	
------------------------------ */

#header #globalNavi{
	clear:both;
	width:550px;
	width:566px;
	float:right;
	margin-top:20px;
	padding-bottom:20px;
	font-size: 12px;
}

#header #globalNavi li{
	display:inline;
	float:left;
}

#header #globalNavi li a{
	display:block;
	text-align:center;
	color:#000000;
	font-weight:bold;
	width:75px;
	height:25px;
	margin-left:18px;
}

#header #globalNavi li a#now{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height:24px;
}

#header #globalNavi li a:hover{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height:24px;
}

#header #globalNavi li#globalNavi01 a{
	margin-left:0px;
}

#header #globalNavi li#globalNavi03 a{
	width:88px;
}

#header #globalNavi li#globalNavi06 a{
	width:88px;
}

#header #globalNavi li#globalNavi01 a:hover
,#header #globalNavi li#globalNavi01 a#now{
	border-bottom-color: #deda2d;	
}

#header #globalNavi li#globalNavi02 a:hover
,#header #globalNavi li#globalNavi02 a#now{
	border-bottom-color: #45aa6d;	
}

#header #globalNavi li#globalNavi03 a:hover
,#header #globalNavi li#globalNavi03 a#now{
	border-bottom-color: #5d83cc;	
}

#header #globalNavi li#globalNavi04 a:hover
,#header #globalNavi li#globalNavi04 a#now{
	border-bottom-color: #67519f;	
}

#header #globalNavi li#globalNavi05 a:hover
,#header #globalNavi li#globalNavi05 a#now{
	border-bottom-color: #a52f30;	
}

#header #globalNavi li#globalNavi06 a:hover
,#header #globalNavi li#globalNavi06 a#now{
	border-bottom-color: #d67c3f;	
}


/*	headerSubNavi
------------------------------ */

#header #headerSubNavi{
	display:inline;
	width:294px;
	float:right;
	line-height:20px;
}

#header #headerSubNavi li{
	float:right;
	display:inline;
	font-weight:bold;
	color:#416941;
	margin-left:20px;
}

/*	@end
------------------------------------------------------------ *//*

	@group pan

------------------------------------------------------------ */
#pan{
	background-color: #f5f5f5;
	line-height:50px;
}

/* ====================================================================================================
   ぱんくず
==================================================================================================== */
.topicpath { max-width: 690px; height: 20px; margin: 20px auto 50px; font-size: 0.88rem; }
.topicpath li { float: left; margin-right: 1rem; padding-top: 5px; }
.topicpath li.home { background: url(../img/common/home_i001.png) no-repeat left top; }
.topicpath a:visited {
	color:#416941;
	text-decoration: none;
}




/*	@end
------------------------------------------------------------ *//*

	@group mainImg

------------------------------------------------------------ */
#mainImg{
	background-image: url(../img/mainimg_bg01.gif);
	background-repeat: repeat;
	background-position: left bottom;
}

#mainImg_t{
	background-image: url(../img/mainimg_bg01.gif);
	background-repeat: repeat;
	background-position: left bottom;
	height:290px;
}

/*ページidがnewsの時*/
#mainImg_tn{
	background-image: url(../img/mainimg_bg01.gif);
	background-repeat: repeat;
	background-position: left bottom;
	height:150px;
}

#mainImg .inner{
	width:1000px;
	margin:0 auto;
	_left:50%;
	_margin:0 0 0 -500px;
	_position:relative;
}

/*	@end


/* ====================================================================================================
   お知らせ
==================================================================================================== */
#news .cmn-main-box { background: url(../img/news/ttl_ph001.jpg) no-repeat center top; background-size: cover; }

/* idx */
#news .idx { /*margin-bottom: 200px;*/ color: #4a4a4a;}
#news .idx .list { max-width: 900px; margin: 0 auto; }
#news .idx .list li { 
	width: 700px;
	display: inline-block;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
	border-bottom-color: #999999; 
}
#news .idx .list li a { display: block;  text-decoration: none; color: #4a4a4a; }
#news .idx .list li a:hover dd { text-decoration: underline; color: #4a4a4a;}
#news .idx .list li dl dt { 
	background-image: url(../../img/home_icon01.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 20px;
    width: 120px;
    float: left;
    display: inline;
    clear: both;
	padding-bottom: 10px;
	margin-top: 10px;
	color:#4a4a4a; 
}
#news .idx .list li dl dd { 
	padding-bottom: 10px;
	margin-top: 10px; 
}
#news .idx .list .newsIcon{
	width: 80px;
	float: left;
}
#news .idx .list .txt{
	width: 480px;
	float: left;
}

/* detail */
#news .detail { margin-bottom: 110px; }
#news .detail .box { max-width: 900px; margin: 20px auto; }
#news .detail .date { margin-bottom: 20px; padding: 0 10px; font-size: 14px; text-align: right; font-weight: bold; }
#news .detail .ttl-box{ margin-bottom: 20px; padding: 0 10px 20px; border-bottom: 1px solid #dddcdc; font-size: 1.33rem; font-weight: bold; }
#news .detail .txt { margin-bottom: 20px; padding: 0 15px; line-height: 1.8; }
#news .detail .photo { margin-bottom: 20px; text-align: center; }
#news .detail .photo ul{ text-align: center; }
#news .detail .photo li {display: inline-block;  }
#news .detail dl { margin-bottom: 45px; }
#news .detail dt { margin-bottom: 20px; color: #4a4a4a; font-size: 1.1rem; font-weight: bold; }
#news .detail dd li { margin-bottom: 15px; line-height: 1.8; }
#news .detail dd li:last-child { margin-bottom: 0; }

#news .box .txt {
	font-size: 0.9rem;
}

#news .box a {
	color:#4a4a4a;
}

/* ====================================================================================================
   ページネーション
==================================================================================================== */

.pagination {
	zoom: 1;
	padding: 20px 0px 20px;
	max-width: 690px;
	margin: 0 auto;
}

.pagination::before,
.pagination::after {
	content: "";
	display: table;
}

 .pagination ul {
	text-align: right;
}

.pagination ul li{
	display: inline-block;
	padding-left: 6px;
	list-style: none;
}

.pagination a {
	color: #416941;
	display: inline-block;
	padding: 2px 4px;
	text-decoration: none;
	line-height: 1;
}

.pagination-cur {
	background: #416941;
	color: #fff !important;
}

.pagination-page {
	border-color: #416941;
	border-width: 1px;
	border-style: solid;
}


/* ====================================================================================================
   動画
==================================================================================================== */
.youtube { text-align: center; }
#player { width:70%; height: 300px; text-align: center; }



/*	@end
------------------------------------------------------------ /*

	@group contents

------------------------------------------------------------ */

#contents {
	width: 1000px;
	background-image: url(../img/contets_bg01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:5px;
	margin-bottom:20px;
}
#contents .inner {
	width: 1000px;
	background-image: url(../img/contets_bg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


/*	@end
------------------------------------------------------------ *//*

	@group main

------------------------------------------------------------ */
#main {
	width: 700px;
	float:left;
	display:inline;
}


/* ====================================================================================================
   メインタイトル・共通タイトル
==================================================================================================== */
.cmn-main-box { padding: 220px 0 115px; }
.cmn-main-txt { font-size: 155%; color: #fff; text-align: center; letter-spacing: 0.3rem; }

.cmn-ttl { height: 32px; margin-bottom: 50px; color: #4a4a4a; font-size: 1.83rem; font-weight: bold; text-align: center; letter-spacing: 0.3rem; }
.cmn-ttl-sub { margin-bottom: 25px; padding: 5px 0 5px 30px; border-left: 10px solid #0a60b5; font-size: 1.66rem; font-weight: bold; }



/*	@end
------------------------------------------------------------ *//*

	@group sub

------------------------------------------------------------ */
#sub {
	width: 270px;
	float:right;
	display:inline;
}
#subTop {
	background-color: #f5f5f5;
}

#sub #subContact h2{
	margin:0;
	background-color: #f5f5f5;
	line-height:100%;
}

#sub #subContact{
	background-image: url(../img/sub_bg02.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:0;
	padding-bottom:10px;
	background-color: #f5f5f5;
}

#sub #subContact .subInner{
	width:240px;
	_width:270px;
	background-image: url(../img/sub_bg01.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	padding:5px 15px;
}

#sub #subContact .teltxt{
	margin-top:1em;
	font-weight:bold;
}

#sub #subContact .contactBtn{
	text-align:center;
	padding:10px;
}

#sub #subRecruit{
	background-color: #f5f5f5;
	padding-top:15px;
}

#sub .baner{
	background-color: #f5f5f5;
	padding-top:15px;
}

#sub #subPickup{
}

#sub #subPickup h2{
	background-color: #f5f5f5;
	padding-top:20px;
}

.subPickupBox{
	background-image: url(../img/sub_img01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:15px 10px 15px 10px;
	width:250px;	
}

.subPickupBoxEnd{
	background-image: none;
	padding:15px 10px;
	width:250px;
}

.subPickupBox h3{
	padding-bottom:0px;
}

.subPickupBox h3.top{
	padding-bottom:5px;
}

.subPickupIcon{
	text-align:center;
	margin-bottom:0px;
}

#sub .subPickupBox p{
	margin:0 5px;
}

#sub .subPickupBox ul li{
	background-image: url(../img/sub_icon01.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left:10px;
}

/*	#localNavi	
------------------------------ */
#sub #localNavi{
	_margin-top:-20px;
	_position:relative;
}



/*	@end
------------------------------------------------------------ *//*

	@group Footer

------------------------------------------------------------ */

#footer{
	clear:both;
}

/* FooterTop
------------------------------ */
#footerTop{
	width:1000px;
	background-image: url(../img/footertop_bg01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:16px;
}

#footerTop .innerBox{
	width:1000px;
	background-image: url(../img/footertop_bg03.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:6px;
}

#footerTop .inner{
	width:950px;
	_width:1000px;
	padding:0 25px 10px 25px;
	background-image: url(../img/footertop_bg02.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#footerTop .footerTopBoxFirst{
	width:200px;
	float:left;
	display:inline;
}

#footerTop .footerTopBox{
	width:200px;
	float:left;
	display:inline;
	margin-left:50px;
}

#footerTop h2{
	font-weight:bold;
	margin-bottom:10px;
}

#footerTop ul li{
	font-size:0.83em;
}

#footerBottom {
	background-image: url(../img/footerbottom_bg01.gif);
	background-repeat: repeat-x;
	background-position: left 61px;
	padding-top:20px;
	height:210px;
}

#footerBottom .inner {
	width:1000px;
	margin:0 auto;
	_left:50%;
	_margin:0 0 0 -500px;
	_position:relative;
}

#footerBottom #mark{
	width:270px;
	float:left;
	display:inline;
}

#footerBottom #mark ul{
	margin:0 0 6px 0;
}

#footerBottom #mark li{
	float:left;
	margin:0 15px 0 0 ;
	display:inline;
}

#footerBottom #mark p{
	font-size:80%;
	line-height:1.2;
}


#footerBottom .footerNavi {
	width:550px;
	float:left;
	display:inline;
	font-size:10px;
	font-size:0.83em;
}


#footerBottom .footerNavi li {
	display:inline;
	clear:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #416941;
	padding-right:20px;
	margin-left:20px;
	line-height:20px;
	_white-space: nowrap;
}

#footerBottom .footerNavi li.end {
	display:inline;
	border-right-style: none;
	padding-right:0;
	margin-left:20px;
	line-height:20px;
	margin-bottom:10px;
}

#footerBottom .footerNavi li.first {
	clear:left;
	margin-left:0;
}
#footerBottom .inner.clearfix #bn_work {
	float: right;
}




/* pagetop
------------------------------ */
#pageTop{
	margin-left:900px;
	margin-bottom:30px;
	height:42px;
}



/* copyright
------------------------------ */
#copyright {
	width:700px;
	float:left;
	display:inline;
	font-size:10px;
	margin-top:10px;
	font-size:0.83em;
}


/*	@end
------------------------------------------------------------ *//*

	@group RO

------------------------------------------------------------ */




/*	@end
------------------------------------------------------------ *//*

	@group Clearfix

------------------------------------------------------------ */

.clearfix {
	zoom: 1; /* for IE6 */
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}



/*	@end
------------------------------------------------------------ */