@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : }
img { vertical-align : middle}

/* @end */


/* @group Fluid-img */

img { max-width : 100%}

/* @end */

/*リンク オンマウス時アニメーション*/
a {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
a:hover {
  opacity: .5;
}

/* @group HTML */

html {
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Meiryo" ,"ＭＳ Ｐゴシック",sans-serif;
font-size : 75%; /*レスポンシブタイプセッティングの指定*/
line-height : 1.5}

/* @end */


/* @group Heading */

h2 {
font-size : 2.25em; /* 36px */
line-height : 1.3333; /* 48px */
margin-bottom : 0.6667em } 

h3 {
font-size : 1.5em; /* 24px */
line-height : ; /* 24px */
margin-bottom : 1em } 

hgroup h2,h4,h5,h6 {
font-size : 1em; /* 16px */
line-height : 1.5; /* 24px */
margin-bottom : 1.5em } 

/* @end */

/* @group ヘッダパーツ----------------------------------------------- */
h1 { 
text-align: center;
background-color: #fff;
font-size: 0.85em;/* ←   ←   ←   */
margin-bottom : 0em;
margin-top: 0.3em;
font-weight: normal;
}
/* ↑ ヘッダパーツ-------------------------- */

/* @group タイトルパーツ----------------------------------------------- */
header { 
padding-top :0;/* ←   ←   ←   */
background : }

#title{
height: 40px;/* ←   ←   ←   */
text-align: center;
padding:15px 0 12px 0;/* ←   ←   ←   */
font-size: 1.8em;
}
#title a{
color: #696969;
}
/* ↑  タイトルパーツ------------------------- */

/*タイトル フレーム設定-------------------------------------------------*/
#title-gnavi-body iframe{
  width: 100%;
  height: 30px;
}
/* ↑ タイトル フレーム設定---------------------*/
/* @end */

/* @group ナビゲーション設定---------------------------------------------------- */
.togmenu {
	display:none;
	background:#666666;/* ← ← ← ← カラー変更 1 */
	width: 100%;
}
.menubtn {
	padding: 1.2em 1.2em;
	background:#666666;/* ← ← ← ← カラー変更 2 */
	color: #fff;
}
#menu ul {
	padding: 0;
	background:#666666;/* ← ← ← ← カラー変更 3 */
}
#menu li {
	list-style: none;
	border-top: 2px solid #fff;
}
#menu li a {
	padding: 1em 1.2em;
	display:block;
	text-decoration:none;
	background:#666666;/* ← ← ← ← カラー変更 4 */
	color: #fff;
}

#menu li a:hover {
	background:#666666;/* ← ← ← ← カラー変更 5 */
	color: #cccccc;
}

/*TEL・問い合わせ設定*/
#fixedBox .tel{
text-align: right;
margin: 0.1em 0.1em;
}
#fixedBox .tel span{
font-size: 0.9em;
color: #696969;
}
#fixedBox .tel a{
text-align: right;
margin: 0.1em 0.1em 0 0;
font-size: 1.3em;
font-weight: ;
color: #cc3333;
}

/*ナビ固定設定*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
/*  ↑  ナビゲーション設定--------------------- */
/* @end */

/*パンくずリスト設定*/

h2{
	font-weight: normal;
	font-size: 0.8em;
	width : 93.75%;
	margin :0 auto;
	padding: 0;
}

h2 a{
	text-decoration: none;
	color: #696969;
}

h2 a:hover{
	text-decoration: underline;
}

/* @group メインコンテンツ設定------------------------------------------------- */

#contents {
width : 90%;
margin :2.5em auto 0 auto;
text-align : left}

#contents .con { 
margin-bottom: 3.5em;
}

#contents .con h3 { 
border-bottom: 1px solid #666666;/* ← ← ← ← カラー変更 6 */
padding-bottom: 0.5em;
}

#contents .con h4 {
font-size: 1.2em;
border-bottom: 1px dotted #ccc;
padding-bottom: 0.5em;

margin: 1.5em 0 0.5em;
}

#contents p { 
margin-bottom : 1.5em;
text-align : left}


/*フッタ部サブコンテンツ設定*/
#contents2 {
width : 90%;
margin :1em auto 2.5em auto;
text-align : left}

#contents2 #sub { 
margin: 0em auto 4em auto;
width: 80%;
} 

#contents2 #sub h4{ 
widows: 100%;
text-align: center;
font-size: 1.3em;
padding-top: 0.6em;
border-top: 1px dotted #696969;
} 

#contents2 #sub p{
width: 80%;
margin: 0 auto;
font-size: 1.1em;
}

#contents2 #sub p .sub-tel{
font-size: 1.4em;
color: #cc3333;
}

/*フッタ部サブメニュー設定*/
#contents2 #sub .footer-menu ul{
margin: 0 auto;
width: 85%;
}

#contents2 #sub .footer-menu ul li{
font-size: 1.1em;
list-style: none;
border-bottom: 1px dotted #ccc;
padding: 0.6em 0;
}

#contents2 #sub .footer-menu ul li a{
display: block;
color: #000;
}

#contents2 #sub .footer-menu ul li a:hover{
color: #696969;
}
/* @ ↑ メインコンテンツ設定---------------------- */

/* @group フッタ設定 */

footer {
padding : 1.5em 0;
color : white;
text-align : center;
background-color: #666666;/* ← ← ← ← カラー変更 7 */
}

/* @end */

/*テーブルデフォルト設定----------------------------------------------------------------*/
section .info01{
width: 95%;
}
section .info01 th, section .info01 td{
padding: 1.2em;
border: px solid #ddd;
font-size: 1.0em;
}
section th{
background: #f4f4f4;
}
.info01 th{
width: 22%;
text-align: left;
}
/* ↑ テーブルデフォルト設定----------------------------*/

/*マップ縦横比固定設定----------------------------------------------------------------*/
.map {
 position: relative;
 padding-bottom: 75%; 
height: 0;
 overflow: hidden;
 }
 .map iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 }
/* ↑ マップ縦横比固定設定-------------------------------*/

/*「トップへ」設定-------------------------------------------------------------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/* ↑ 「トップへ」設定-------------------------------------- */

/*フッタロゴ設定------------------------------------------------------------------------*/
#footerlogo{
  width: 100%;
  height: 50px;
  
  text-align: center;
}
#footerlogo a img{
  border-style: none;
}
/* ↑ フッタロゴ設定----------------------------------------- */

/*フッタ フレーム設定-------------------------------------------------------------------- */
#footer-body iframe{
  width: 100%;
  height: 100px;
}
/* ↑ フッタ フレーム設定------------------------------------ */



/*-----------------------------------------------------------------------------------------------------
768px以上
-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width : 768px){

html{ font-size : 87.5%} /*レスポンシブタイプセッティングの指定*/
#contents { text-align : left}

/*ドロップダウンテスト用*/
	
	.menubtn {
		display:none;
		
	}
	.togmenu {
		display:block;
	}
	#menu ul{
		padding-left: 1em;
	}
	
	#menu li {
		display: inline-block;
		border:none;
	}

/*768pxヘッダ・タイトル-----------------------------------------*/

h1{
	width : 93.75%;
	margin : 0.5em auto;
	text-align: left;
}

#title{
	width : 93.75%;
	margin : 0em auto;
	text-align: left;
}


/* 768pxメインコンテンツ------------------------------------------ */

#contents2 {
overflow : hidden;
width : 93.75%}

#contents2 #sub p{
width: 100%;
margin: 0;
}

#contents2 #sub { 
float : left;
margin : 1.5em 1.0416667% } 

/*#contents #main { width : 64.5833333%}*/
#contents2 #sub { width : 31.25%}

#contents2 #sub .footer-menu ul{
margin: 0;
width: 90%;
}
/* @end */
}

/*----------------------------------------------------------------------------
768px以下 table設定
------------------------------------------------------------------------------ */
/*table 事業者情報----------*/
@media only screen and (max-width:768px){
	.info01	{
	margin: 0 0em; 
	}
    .info01 th,
    .info01 td{
		width: 100%;
        display: block;
		border-top: none;
		text-align: left;
		padding-left: 1.5em;
    }
	.info01 tr:first-child th{
	border-top: px solid #ddd;
	}
/*end 768px以下*/
}



/*----------------------------------------------------------------------------------------------------------
1024px以上
------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width : 1024px) {

/*レスポンシブタイプセッティングの指定*/
html{
font-size : 100%
} 
/*1024px ヘッダ・タイトル-----------------------------------------*/
h1{
width : 1024px;
}
/**/
#title{
	width : 1024px;
	margin : 0em auto;
	text-align: left;
}

/* 1024px ナビ ---------------------------------------------------- */
.togmenu {
width: 100%;
}
nav ul {
width : 1024px;
margin : 0 auto
}

/* 1024px パンくずリスト-------------------------------------------- */
h2{
width: 1024px;
}
/* 1024px メインコンテンツ部-------------------------------------------- */
#contents {
overflow : hidden;
width : 900px}

#contents2 {
width : 900px}

/* 1024px テーブル部-------------------------------------------- */


/* 1024px フッタ部 --------------------------------------------------- */
footer {
width : 100%; /*940/1024*/
margin : 0 auto}

/* @end */
}