@charset "utf-8";

/* 
SEOスマホ　レイアウト関連CSS・jQuery関連
Last Updated: 2014-12-17
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
  background:#fff;
  overflow-x:hidden;
  
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}


/*  Common Elements
---------------------------------------------------------- */

body {
  color:#fff;
  font: 14px/1.3 sans-serif;
}

a {
  color: #666;
  text-decoration: none;
}


/*  Header
---------------------------------------------------------- */


h1{color:#fff; font-size:12px;}
h2{color:#666; font-size:12px;}
h2 a{color:#fff;}
#globalHeader {
  background: #fff;
	width:100%;
  padding: 25px 0 5px 5px;
}

#globalHeader p.logo {
	  background: #fff;
  float: left;
  line-height: 0;
  padding: 0;
}

#globalHeader p.logo img {
	float:left;
  vertical-align: top;
}


#globalHeader p {
	margin-right:20px;
	float:right;
  	vertical-align: top;
}






/* フッタエリアのナビゲーション
---------------------------------------------------------- */

div.indexBoxes {
  margin: 0;
}

div.indexBoxes ul {
  border-bottom: 1px solid #ccc;f
  color:#666;
}

div.indexBoxes ul li {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  border-top: 1px solid #cecece;
}

div.indexBoxes ul li a
 {
  background: url(../images/icon_arrow_black.png) no-repeat 100% 50%;
  display: block;
  font-size: 21px;

  line-hegiht: 1;
  padding: 20px 15px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}

/*  Footer
---------------------------------------------------------- */
#globalFooter {
  background: #848484;
}


#globalFooter p#copyright {
  background: #848484;
  color: #fff;
  font-size:16px;
  font-family: helvetica, arial;
  padding: 25px 0;
  border-top:solid 1px #aaaaaa;
  text-align: center;
  clear:both;
}

/* footer_contact */

#footer_tel{
	background-color:#848484;
	background-image:url(../images/tel.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:left;
	margin:0 0 20px 20px;
	 } 

#footer_tel a{
	display:block;
	color:#FFF;
}

#footer_tel p {
	font-size:36px;
		
	padding:25px 0 0 40px;

}
#footer_tel span{
	display:block;
	font-size:14px;
	padding:5px 0 0 0;

}
/* clearfix */
#globalHeader:after,
#globalFooter nav ul:after {
  content: ""; 
  display: block; 
  clear: both;
}

.clear{ clear: both;
}

/* clearfix */
{
	text-shadow:0 0 20px #666666;
}

/*  jQuery
---------------------------------------------------------- */

/* アコーディオン */
dl.accordion { background:#DDD; width:100%; font-size:16px; color:#999;}
dl.accordion dt {
    background:url(../img/open.png) 97% center no-repeat;
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
	
	  background:url(../img/close.png) 97% center no-repeat;
}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}


/* Smooth scroll  */


/* Back-to-Top button */
.back-to-top {
    background-color:#eeeeee;
    border-width: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding:36px 0 46px 0;
    width: 100%;
}
.back-to-top .label {
    display: block;
    height: 18px;
    margin:auto;
    overflow: hidden;
    width: 26px;
}

.no-js .back-to-top {
    display: none;
}



/*オーバーレイglobalNavigation */

#btn{

        cursor: pointer;
    }
 
#overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100;
        background: rgba(0,0,0,0.7);
		
    }

#overlay ul{
	width:100%;
	margin:30px auto;
	text-align:center;
}
#overlay li{
	list-style:none;
	font-size:20px;
	color:#eee;
	text-align:left;
	padding:10px 0 10px 20px;
	background-color:#fafafa;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #eee;
}
#overlay a{
	display:block;

} 

 
#close{
	text-align:center;
	
        cursor: pointer;
    }
	
	
	
	 
#close p{
	color:#82c5de;

    }
	
	
	
.indexBoxes h4{background-color: #82c5de;
    font-size: 18px;
    padding: 12px;}
	
	
.header_1{background-color: #82c5de;
    padding: 10px 0;}