@charset "UTF-8";
/* IEのみ適用するCSS */
@media all and (-ms-high-contrast:none) {
     html { overflow: hidden }
     html { height: 100% }
     body { overflow: auto }
     body { height: 100% }
}
/* 全てに適用するCSS */
body{
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     text-align: center;
     font-family: "ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana
,"ＭＳ Ｐゴシック",sans-serif;
width: 100%;
}

/* 画像の最大幅を指定する */
img{
	max-width: 100%;
height: auto;
width /***/:auto;　
border:0;
}





a:link{
     color: #0000ff;
     text-decoration: none;
}
a:visited{
	color: #000080;
}
a:hover{
	color: #ff0000;
}
a:active{
	color: #ff8000;
}


*{
	margin:0;
	padding:0;
}

/*アコーディオンメニューの文字色*/
.accordion dt {
  color: #FFFFFF;
}

/* ウィンドウ幅が376px以上の場合に適用するCSS */
@media print,screen and ( min-width:376px )
{

#slideshow{
	position: relative;
	width: 1000px;/* ボックスの横幅 */
	height: 300px;/* ボックスの高さ */
	padding-bottom: 10px;
	border-bottom-color: #000000;
	text-align: center;
}

#slideshow p{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8;
	opacity: 0.0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: white;/* ボックスの背景色(必須) */
	height: 300px;/* ボックスの高さ */
	text-align: center;
}

#slideshow p.active{
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active{
   z-index: 9;
}

#slideshow p img{
   width:  1000px; /* 画像の横幅 */
   height: 300px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

#menu a link{
     color: #ffffff;
     text-decoration: underline;
}

#menu a visited{
     color: #ffffff;
}

#menu a hover{
     color: #ffffff;
}

#menu a active{
     color: #ffffff;
}




/* ヘッター部分 */
.box_header{
     width: 100%;
     min-width:1000px;
     background-color: #be1c34;
     color: #ffffff;
     padding-top: 5px;
     padding-bottom: 5px;
     border-top-color: #000000;
     border-bottom-color: #000000;
}

.box_header_01{
     border-top-color: #000000;
     border-bottom-color: #000000;
     width: 1000px;
     margin-top: auto;
     margin-right: auto;
     margin-bottom: auto;
     margin-left: auto;
     text-align: right;
     border-right-color: #000000;
}

.box_header_02{
     float: left;
     border-color: yellow;
     width: 450px;/** 横幅450 **/
     text-align: right;

}

.box_header_03{
     float: left;
     border-color: yellow;
     width: 250px;/** 横幅250 **/
     text-align: center;
}

.box_header_04{
     float: left;
     border-color: yellow;
     width: 300px;/** 横幅40% **/
     text-align: center;
}




/* コンテンツ部分全体 */
.box_all{
     width: 1000px;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
}


/* ---- タイトル ------*/
.box_title{
     width: 1000px;
     height: 200px;
}

.box_title_01{
     text-align: center;
     width: 350px;
     height: 200px;
     float: left;
}

.box_title_02{
     text-align: right;
     width: 650px;
     height: 200px;
     float: left;
}


/* トップメニュー部分 */
.box_top_meun01{
     margin-top: 40px;
     border-top-color: #000000;
     margin-left: 30%;
     border-left-color: #000000;
     width: 70%;
}

ul.header li{
	display: inline;
margin-right: 10px;
}

ul.header_top li{
     display: inline;
     margin-right: 2em;
     border-color: green;
     padding-bottom: 2px;
     border-width: 0px;
     border-style: solid;
     -moz-border-radius: 3px;/* 古いFirefox用 */
     -webkit-border-radius: 3px;/* 古いSafari,Chrome用 */
     border-radius: 3px;/* CSS3の書き方 */
       /* 枠線の装飾 */
     background-color: #f2f2f2;/* 背景色 */
     padding-top: 2px;
     padding-left: 5px;
     padding-right: 5px;
}

/* サイト内検索部分 */
	.box_search{
	
     /*background-color: #eeeeee;*/
     background-color: transparent;
	
     text-align: center;
	
     padding-top: 13px;
	
     padding-bottom: 13px;
	
     border-color: #000000;
	
     width: 60%;
	
     margin-top: 40px;
	
     margin-left: 30%;
	
     padding-left: 15px;
	
     padding-right: 15px;
	
     border-radius: 3px;/* 角丸の指定 */
	
}

/*  総合メニュー */
#a_link01{
     background-image: url(../img/kurashi/p001.png);
     height: 30px;
     padding-top: 70px;
     background-repeat: no-repeat;
     background-position: 40px 10px;
}

#a_link02{
     background-image: url(../img/kurashi/p002.png);
     height: 30px;
     padding-top: 70px;
     background-repeat: no-repeat;
     background-position:40px 10px;
}

#a_link03{
     background-image: url(../img/kurashi/p003.png);
     height: 30px;
     padding-top: 70px;
     background-repeat: no-repeat;
     background-position:40px 10px;
}

#a_link04{
       background-image: url(../img/kurashi/p004.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link05{
       background-image: url(../img/kurashi/p005.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link06{
      background-image: url(../img/kurashi/p006.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link07{
       background-image: url(../img/kurashi/p007.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link01:hover{
	background-image : url(../img/kurashi/p001b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}


#a_link02:hover{
	background-image : url(../img/kurashi/p002b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}


#a_link03:hover{
	background-image : url(../img/kurashi/p003b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link04:hover{
	background-image : url(../img/kurashi/p004b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}


#a_link05:hover{
	background-image : url(../img/kurashi/p005b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link06:hover{
	background-image : url(../img/kurashi/p006b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}

#a_link07:hover{
	background-image : url(../img/kurashi/p007b.png);
	height: 30px;
	padding-top: 70px;
	background-repeat: no-repeat;
       background-position:40px 10px;
}





/* 総合メニュー  */

div.global-navi{
     margin-bottom: 5px;
     border-bottom-color: #000000;
}

div.global-navi ul{
    background: #FFFFFF;
    border: 0px solid #ccc;
    text-align: center;
    width: 1000px;
    display: table;
    table-layout: fixed;
}
 
div.global-navi ul li{
    border-right: 1px solid #ccc;
    display: table-cell;
}
 
div.global-navi ul li:last-child{
    border-right: none;
}
 
div.global-navi ul li a{
    color: #333;
    text-decoration: none;
    padding: 12px 0;
    display: block;
}
 
div.global-navi a:hover{
     background-color: #f5f5f5;
     background-image: none;
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 0% 0%;
}







/* --- ナビメニュー --- */
	.box_nav{
	
     width: 100%;
	
	
}

.table-ul{
     display: table;
     table-layout: fixed;
     text-align: center;
     width: 100%;
	
}

.table-ul li{
     border-right-width: 1px;
     border-right-style: solid;
     border-color: #000000 #cccccc #000000 #000000;
     display: table-cell;
     vertical-align: middle;
     background-image: url();
     padding-top: 60px;
}

.table-ul li:last-child {
  border-right: 0;
}

.table-ul li a{
     display: block;
     text-decoration: none;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     border-top-color: #000000;
}



/* トップ画像スライド部分 */
.box_slide{
     width: 100%;
     text-align: center;
     height: 300px;
     background-color: #000000;
     border-bottom-color: #000000;
     color: #ffffff;
     border-top-color: #000000;
     margin-bottom: 10px;
}


/* コンテンツ全体 */
.box_content{
     /*background-color: yellow;*/
     width: 1000px;
     margin-bottom: 10px;
     border-bottom-color: #000000;
}

/* コンテンツ部分(サイド　左) */
.box_saido01{
     width: 300px;
     float: left;
}

.box_saido02{
     width: 680px;
     float: right;
     border-left-color: #000000;
     margin-left: 20px;
     border-top-color: #000000;
}


/* このページを印刷 */
.box_print{
    background-color: #f3f3f3;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 20px;
    border-left-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
}


/* フッター部分　*/
.box_footer{
     color: #ffffff;
     background-color: #be1c34;
     padding-top: 10px;
     padding-bottom: 10px;
     border-top-color: #000000;
     border-bottom-color: #000000;
     width: 100%;
     min-width:1000px;
}

.box_footer_01{
     border-top-color: #000000;
     border-bottom-color: #000000;
     width: 1000px;
     margin-top: auto;
     margin-right: auto;
     margin-bottom: auto;
     margin-left: auto;
     text-align: center;
     border-right-color: #000000;
     height: 150px;
}

.box_footer_02{
     width: 25%;
     height: 150px;
     float: left;
}

.box_footer_03{
     width: 50%;
     height: 100px;
     float: left;
     text-align: inherit;
     margin-top: 20px;
     border-top-color: #000000;
     border-left-color: #000000;
}

.box_footer_04{
     width: 25%;
     height: 150px;
     float: left;
}


/* ページトップに戻る */
.top01 {
     position: fixed;
     bottom: 10px;
     right: 10px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     padding-top: 5pt;
     padding-right: 5pt;
     padding-bottom: 5pt;
     padding-left: 5pt;
     background-color: #cccccc;filter:alpha(opacity=85);
     color: #ffffff;
     border-radius: 2px;/* 角丸の指定 */
     z-index:99;
}

/* ページトップに戻る */
#pageTop {
      position: fixed;
      bottom: 10px;
      right: 10px;
     z-index: 999;
    }
    

#pageTop a {
     display: block;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 0px;
     padding-left: 8px;
     border-radius: 20px;
     width: 50px;
     height: 50px;
     background-color: #4972b6;
     color: #ffffff;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     border-top-color: #000000;
     border-right-color: #000000;
}


    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }

/*パンくず文字サイズ設定*/
.crumbs {
    font-size: small;
}
  

}
/* ウィンドウ幅が0〜375pxの場合に適用するCSS */
@media screen and ( max-width:375px )
{
#a01{
     font-size: 0ex;
}

#a01 li{
     font-size: 0%;
}

#slideshow{
	position: relative;
	width: 375;/* ボックスの横幅 */
	height: 300;/* ボックスの高さ */
	padding-bottom: 10px;
	border-bottom-color: #000000;
	text-align: center;
}

#slideshow p{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8;
	opacity: 0.0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: white;/* ボックスの背景色(必須) */
	height: 300;/* ボックスの高さ */
	text-align: center;
}

#slideshow p.active{
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active{
   z-index: 9;
}

#slideshow p img{
   width:  375; /* 画像の横幅 */
   height: 300; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}



/* コンテンツ部分全体 */
.box_all{
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;

}

/* ヘッター部分 */
.box_header{
     width: 100%;
     background-color: #be1c34;
     color: #ffffff;
     padding-top: 3px;
     padding-bottom: 3px;
     border-top-color: #000000;
     border-bottom-color: #000000;
}

.box_header_01{
	border-top-color: #000000;
	border-bottom-color: #000000;
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: right;
	border-right-color: #000000;
}

	.box_header_02{
	
     font-size: 0%;
	
}

.box_header_03{
     font-size: 0%;
}

.box_header_04{

}

/* サイト内検索部分 */
.box_search{
     background-color: #f2f2f2;
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
     border-color: #000000;
     width: 95%;
     margin-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
     border-radius: 3px;/* 角丸の指定 */
     margin-bottom: 10px;
}


/* 総合メニュー  */
div.global-navi{
     margin-bottom: 5px;
     border-bottom-color: #000000;
}

div.global-navi ul li a{
    color: #333333;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: block;
    text-align: left;
    border-left-width: 5px;
    border-left-style: solid;
    border-color: #000000 #000000 #cccccc #ff8000;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
 
div.global-navi a:hover{
     background-color: #f5f5f5;
     background-image: none;
     background-repeat: repeat;
     background-attachment: scroll;
     background-position: 0% 0%;
}


	ul.header_top li{
     display: inline;
     margin-right: 0.5em;
     border-top-color: #000000;
     padding-bottom: 2px;
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #cccccc;
}




.box_slide{
     height: 100px;

}




/* --- ナビメニュー --- */
.box_nav{
     width: 100%;
}

.table-ul{
	  list-style: none;
         overflow: hidden;
}

	.table-ul li{
	
     width: 130px;
	
     text-align: left;background-color: #;
	
     float: left;
	
	
     margin-right: 2px;
	
     border-left-width: 5px;
	
     border-left-style: solid;
	
     border-top-color: #000000;
	
     border-left-color: #ff8000;
	
     border-bottom-color: #000000;
	
     margin-bottom: 5px;
	
     padding-left: 10px;
	
}








	








/* フッター部分　*/
.box_footer{
     color: #ffffff;
     background-color: #be1c34;
     padding-top: 10px;
     padding-bottom: 10px;
     border-top-color: #000000;
     border-bottom-color: #000000;
     width: 100%;

}

.box_footer_01{
}

	.box_footer_02{
	
	
     color: #ffffff;
	
     text-align: center;
	
}

	.box_footer_03{
	
     font-size: 95%;
	
     color: #ffffff;
	
     text-align: center;
	
}

.box_footer_04{

}

/* ページトップに戻る */
.top01 {
     position: fixed;
     bottom: 10px;
     right: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: #cccccc;
     padding-top: 10pt;
     padding-right: 10pt;
     padding-bottom: 10pt;
     padding-left: 10pt;
     background-color: #cccccc;filter:alpha(opacity=85);
     color: #ffffff;
     border-radius: 2px;/* 角丸の指定 */
     z-index:99;
	
}

/* ページトップに戻る */
    #pageTop {
      position: fixed;
      bottom: 10px;
      right: 10px;
    }
    

#pageTop a {
     display: block;
     z-index: 999;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 0px;
     padding-left: 8px;
     border-radius: 20px;
     width: 50px;
     height: 50px;
     background-color: #4972b6;
     color: #ffffff;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     border-top-color: #000000;
     border-right-color: #000000;
}

/* ページトップに戻る */
    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }
  
}