@charset "UTF-8";

/*--------------------------------------------------------------------*/
/*  共通  /*
/*--------------------------------------------------------------------*/

html{
	-webkit-text-size-adjust: none;
}

body{
	color: #333333;
	font-size: 14px;
	line-height: 1.3em;
}

/*--------------------------------------------------------------------*/
/*　ヘッダー　*/
/*--------------------------------------------------------------------*/
header{
	background-color: #7FB72C;
	text-align: left;
	margin: 0px;
	padding: 0px;
}


header img{
	margin: 0px;
	padding: 0px;
	width: 320px;
	height: 50px;
}



h1.index{
	margin: 0px;
	padding: 0px;
	height: 1px;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
}

/*--------------------------------------------------------------------*/
/*ページバック（HOME/TOP）ボタン　*/
/*--------------------------------------------------------------------*/

.home{
	display: block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	background-color: rgb(163,193,93);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(163,193,93)), to(rgb(125,174,42)));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	margin: 10px;
}
.home a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	height: 28px;
	width: 60px;
}
.pagetop{
	display: block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	background-color: rgb(248,182,37);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(248,182,37)), to(rgb(243,151,0)));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	float: right;
	padding-right: 4px;
	padding-left: 4px;
	margin: 10px;
}
.pagetop a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	height: 28px;
	width: 60px;
}

.pc{
	display: block;
	width: 70px;
	height: 28px;
	line-height: 28px;
	background-color: rgb(81,168,255);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(81,168,255)), to(rgb(0,128,255)));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	float: right;
	padding-right: 4px;
	padding-left: 4px;
	margin: 10px;
}

.pc a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	height: 28px;
	width: 70px;
}

.pc2{
	display: block;
	width: 70px;
	height: 28px;
	line-height: 28px;
	background-color: #51a8ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#51a8ff), to(#0080ff));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	margin-top: 10px;
	margin-left: 40px;
}
.pc2 a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	height: 28px;
	width: 70px;
}

.coursetop{
	color: #FFFFFF;
	display: block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	background-color: rgb(248,182,37);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(248,182,37)), to(rgb(243,151,0)));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	float: right;
	padding-right: 4px;
	padding-left: 4px;
	margin: 10px;
}

/*ページバック（HOME/TOP）ボタン*/

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

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


h2.index{
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

h3.index{
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

h3.taiken{
	text-align: center;

}

div.center{
	text-align:center;
}

p.right{
	text-align:right;
}

p.left{
	text-align:left;
}

p.center{
	text-align:center;
}

img.icon{
	margin-right: 5px;
	margin-left: 5px;
}

p.n-indent{
	text-indent: -1em;
	padding-left: 1.7em;

}

p.indent{
	text-indent: -1.4em;
	padding-left: 2.3em;
	line-height: 14pt;
	padding-bottom: 0;
}

span.kome{
	color:#ff0000;
	font-size:85%;
}

div.top_center{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

img.img330{
	width:330px;
}

#main_top table.an{
	width:330px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}

#main_top table.an th{
	background-color: #7EB72A;
}

#main_top table.an th img{
	padding:0px;
	margin:0px;
}

#main_top table.an td{
	padding:6px;
	width:110px;
	text-align:center;
	border:solid 1px #d9d9d9;
	vertical-align:middle;
}

.orange_b{
	font-size : 12pt;
	font-weight : 700;
	color : #e55711;
}

#main_top table.fav{
	margin:0 auto 10px auto;
}

#main_top table.fav th{
	width: 330px;
	height: 30px;
	background-image: url(../images/fav_t.jpg);
	text-align: left;
	vertical-align:middle;
	padding-left:5px;
}

#main_top table.fav td{
	padding: 6px;
	border:solid 1px #d9d9d9;
	vertical-align:middle;
	padding-left:5px;
}

#wrap{
	background-image: url(../images/top.jpg);
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	text-align: center;
	padding-top: 105px;
}

#wrapcourse{
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	text-align: center;
	padding-bottom : 120px;
}


.category-nav{
	margin-bottom:100px;
}

/*★☆★　guide　★☆★*/
/*スクールのご案内*/
#shop {
	margin: 15px 5px 5px;
	clear: both;
	display: block;
}
.guide_01 {
	padding: 3px;
	background-color: #EAF4C9;
	width: 25%;
	float: left;
	clear: left;
	text-align: center;
}
.guide_02 {
	padding: 3px;
	margin-left: 28%;
}
/*スクールのご案内*/

/*インストラクター紹介*/
.instructor {
	padding: 5px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100px;
}
.instructor .photo {
	float: left;
}
.instructor .name {
	border-bottom-width: 2px;
	border-bottom-style: ridge;
	border-bottom-color: #7FB72C;
	margin-left: 110px;
	text-align: right;
	padding-right: 5px;
}
.instructor .coment {
	margin-left: 110px;
	margin-top: 5px;
	padding-right: 5px;
}
/*インストラクター紹介*/

/*アクセス*/
.access {
	border-bottom-width: 2px;
	border-bottom-style: ridge;
	border-bottom-color: #7FB72C;
	margin: 5px;
	padding: 5px;
}
#map {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 200px;
}
/*アクセス*/
/*★☆★　guide-end　★☆★*/

/*★☆★　baloon　★☆★*/
.baloon {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #7FB72C;
	box-shadow: 0 0 3px #7FB72C;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(../images/bg_01.gif);
	background-repeat: repeat;
	overflow: hidden;
}
.baloon h4 {
	color: #597C34;
}

.baloon2 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #F8B625;
	box-shadow: 0 0 3px #F8B625;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(../images/bg_02.gif);
	background-repeat: repeat;
	overflow: hidden;
}
.baloon2 h4 {
	color: #F39700;
}

/*★☆★　baloon end　★☆★*/

/*★☆★　flow　★☆★*/
.box2 {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.box3 {
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	margin-left: 10px;
	padding: 5px;
}
.box3 .box3_3 {
	float: right;
	margin: 2px;
}

.box3 .box3_1 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.box2 .box2_1 {
	float: left;
}
.box2 .box2_2 {
	border-bottom-width: 2px;
	border-bottom-style: ridge;
	border-bottom-color: #7FB72C;
	margin-left: 60px;
	text-align: right;
	padding-right: 5px;
}
.arrow {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.box2 .box2_3 {
	margin-left: 60px;
	margin-top: 5px;
	padding-right: 5px;
}
.box3 .box3_2 {
	margin-top: 5px;
}
/*★☆★　flow end　★☆★*/

/*コース一覧*/
.course_title{
	background-color: #7FB72C;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	box-shadow: 1px 1px 3px #B3B3B3;
	-moz-box-shadow: 1px 1px 3px #B3B3B3;

　/* Firefox用 */  
 -webkit-box-shadow: 1px 1px 3px #B3B3B3;
　/* Safari,Google Chrome用 */;
	font-size: 16px;
	clear: both;
	margin-top: 10px;
	display: block;
	text-align: left;
}

img.nouwaka{
	max-width:900px;
	width:100%;
}

img.bloglogo{
	padding: 5px;
	margin:auto;
}

.blog{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #7FB72C;
	box-shadow: 0 0 3px #7FB72C;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-image: url(../images/bg_01.gif);
	background-repeat: repeat;
	overflow: hidden;
	line-height: 1.8;
}

.blog h3{
	color: #597c34;
}

.news_contents{
	padding: 5px;
	text-align: left;
}

.news_contents p{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-bottom: 5px;
	padding-top: 5px;
}

.course{
	padding: 5px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 60px;
	display: block;
}
.course .icon{
	float: left;
	height: 60px;
	width: 60px;
}
.course h2{
	border-bottom-width: 2px;
	border-bottom-style: ridge;
	border-bottom-color: #F8B625;
	margin-left: 70px;
	text-align: right;
	padding-right: 5px;
	font-size: 14px;
}
.course .comment{
	margin-left: 70px;
	margin-top: 5px;
	padding-right: 5px;
	text-align: left;
}
a.course_btn{
	width:80%;
	text-align:center;
	display: block;
	padding: 8px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #F39700 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8B625), to(#F39700));
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


h2.app{
	margin:0;
	line-height:2;
}

p.app{
	line-height: 1.8;
}

span.maru{
	color: #b4ce59;
}

img.appimg{
	float:left;
	margin:5px 1em 10px 0px;
}

span.under{
	font-size:1.1em;
	font-weight:bold;
	background:linear-gradient(transparent 70%, #FFFF00 0%);
}

a.link_btn{
	width:80%;
	text-align:center;
	display: block;
	padding: 8px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #F39700 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8B625), to(#F39700));
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

courselink{
	link: #000000;
}

/*コース一覧*/

/*　時間割　*/
#time{
	margin:0 auto;
	text-align:center;
}

#time table{
	width: 230px ;
	border:0;
	margin:5px auto;
}

#time table td.jigen{
	width: 100px ;
}

#time table td.hour{
	width: 130px ;
	text-align:center;
}

.accordion table{
	margin-top: 5px;
	margin-bottom: 5px;
}
.color{
	background-color: #EAF4C9;
}
.color2{
	background-color: #F8B625;
	color: #FFFFFF;
	font-weight: bold;
}
.intermission{
	color : white;
  background-color : #003366;
}

/*　時間割　*/

/*リンクバナー*/
#contact_area{
	display: block;
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
}
.contact_01{
	clear: both;
	text-align: center;
	background-color: #E5E9CA;
	padding: 0px;
	margin: 5px;
}
.contact_01 a{
	display: block;
	color: black;
	font-weight: bold;
	border: 2px solid #7FB72C;
	background:  url("../images/contact_01.png") no-repeat 10px center, url("../images/arrow.png") no-repeat 98% center,  -webkit-gradient(linear, left bottom, left top, color-stop(0.49, #F0F0F0), color-stop(0.50, white) );
	background: -moz-linear-gradient( center bottom, #F0F0F0 49%, white 50% );
	text-decoration: none;
	text-align: left;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding-left: 80px;
}
.contact_02{
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 15px;
}
#contact_03{
	clear: both;
	text-align: center;
	background-color: #E5E9CA;
	padding: 0px;
	margin: 15px 5px;
}
#contact_03 a{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	border: 2px solid #7FB72C;
	background-color: rgb(180,212,93);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182,207,117)), to(rgb(142,195,35)));
	-webkit-border-radius: 8px;
	text-decoration: none;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-weight: bold;
	font-size: 16px;
}
/*リンクバナー*/

td.right{
	text-align:right;
	padding-right : 15px;

}

td.left{
	text-align:left;
	padding-left : 15px;
}

td.center{
	text-align:center;
	width : 100px;
}


/*詳細ページトップタイトル部分*/
.top{
	margin: 10px;
	clear: both;
	border-top-width: 1px;
	border-top-style: ridge;
	border-top-color: #CCCCCC;
	padding-top: 10px;
}

.top_01{
	float: left;
}

.top_01 img{
	width: 50px;
	height: 50px;
}

.top_01 img.mos{
	width: 70px;
	height: 50px;
	margin-left:10px;
}

.top_02{
	float: right;
}

.top_02 img{
	width: auto;
	height: 50px;
}

.top h2{
	font-size: 14px;
	font-weight: normal;
	clear: both;
	padding: 10px;
}

.top p{
	clear: both;
	padding-top: 5px;
}
/*詳細ページトップタイトル部分*/


/*テキストカラー：オレンジ*/
.style2{
	color: #EA5810
;
}
/*テキストカラー：オレンジ*/

/*テキストカラー：ブルー*/
.style3{
	color: blue
;
}
/*テキストカラー：ブルー*/

/*コンテンツ一覧*/
.text_link{
	clear: both;
	line-height: 2em;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 2px;
}
.text_link p{
	background-color: #CCCCCC;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #333333;
	-webkit-box-shadow: 0px 0px 3px 0px #666;
}
/*コンテンツ一覧*/

/*バリューパック*/
.circle_red{
	width: 50px;
	height: 50px;
	background: #C8276D;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
	line-height: 1.2em;
}
/* Cleaner, but slightly less support: use "50%" as value */
.circle_blue{
	width: 50px;
	height: 50px;
	background: #1790CA;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
	line-height: 1.2em;
}
/* Cleaner, but slightly less support: use "50%" as value */
.circle_orange{
	width: 50px;
	height: 50px;
	background: #F39700;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
	line-height: 1.2em;
}
/* Cleaner, but slightly less support: use "50%" as value */
.value{
	margin: 5px 5px 10px;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	padding: 5px 2px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: rgb(249,248,200);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(249,248,200)));
	
}
.value_title{
	color: #639434;
	font-size: 18px;
	font-weight: bold;
	padding-left: 55px;
	line-height: 25px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A0BB27;
}
.value_contents{
	padding-left: 55px;
	line-height: 25px;
	height: 25px;
}
.value_price{
	padding-left: 70px;
	line-height: 30px;
	height: 30px;
}

.value_price01{
	font-size: 24px;
	text-shadow: 1px 1px 2px #999;
	float: left;
	text-align: left;
	width: 280px;
}

.value_price02{
	font-size: 24px;
	text-shadow: 1px 1px 2px #999;
	text-align: left;
	float: left;
	width: 100px;
}

.value_p{
	padding: 5px;
	margin-bottom: 10px;
}

.value_off{
	display: block;
	width : 100px;
	height: 20px;
	line-height: 20px;
	background-color : #0000a0;
	background-image : -webkit-gradient(linear, left top, left bottom, from(#f8b625), to(#f39700));
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	color : #ffffff;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.value_ex{
	text-align: center;
	clear: both;
}
/*バリューパック*/

/*ロボット*/
.robot{
	margin: 5px 5px 10px;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	padding: 5px 2px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: rgb(249,248,200);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(249,248,200)));
	
}
.robot_title{
	color: #639434;
	font-size: 18px;
	font-weight: bold;
	padding-left : 10px;
	line-height: 25px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color : #a0bb27;
}

.td robottd{
       width:50%;
}

.robot_contents{
	padding-left : 12px;
	line-height: 25px;
	height: 25px;
}
.robot_price{
	padding-left: 20px;
	line-height: 30px;
	height: 30px;
}

.robot_price01{
	font-size: 24px;
	text-shadow: 1px 1px 2px #999;
	text-align: left;
	width: 100px;
}

.robot_p{
	padding: 5px;
	margin-bottom: 10px;
}



.robot_off{
	display: block;
	width: 70px;
	height: 20px;
	line-height: 20px;
	background-color: rgb(248,182,37);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(248,182,37)), to(rgb(243,151,0)));
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 3px #fff;
	box-shadow: 0 0 3px #fff;
	text-align: center;
	color: #FFFFFF;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.robot_ex{
	text-align: center;
	clear: both;
}

.robot_bn{
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	
}
.robot_bn_title{
	color: #C61A22;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 25px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C61A22;
}
.robot_bn_contents{
	padding-left: 10px;
	line-height: 1.3em;
	padding-top: 5px;
}

table.robotqa{
       border:0px;
       width:100%;

}

td.robotqa{
	vertical-align: top;
	valign: top;
	padding-top: 3px;
	padding-left: 3px;
}
/*ロボット*/


ul.sitemap{
	list-style-type: circle;
}

li.sitemap{
	margin-left:50px;

}

/*バイキング*/

.viking {
	float: left;
	width: 50%;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.viking_bn{
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	
}
.viking_bn_title{
	color: #C61A22;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 25px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C61A22;
}

.viking_bn_contents{
	padding-left: 10px;
	line-height: 1.3em;
	padding-top: 5px;
}
.viking_bn_img{
	float: right;
	margin: 5px;
}


/*バイキング*/

.notes{
	font-size: 12px;
	color: #FF0000;
}
.img_right{
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.news{
	background-color: #F8B625;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	box-shadow: 1px 1px 3px #B3B3B3;
	-moz-box-shadow: 1px 1px 3px #B3B3B3;

　/* Firefox用 */  
 -webkit-box-shadow: 1px 1px 3px #B3B3B3;
　/* Safari,Google Chrome用 */;
	font-size: 16px;
	text-align: left;
	margin-top: 50px;
}
.yen{
	font-size: 14px;
	font-weight: bold;
	margin-left: 2px;
}

div.map{
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 15px;
	color: blue;
}

.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*★accordion.cssの内容*/
.accordion{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
p{
	padding: 10px;
}
.accordion .mos{
	background-image: url(../images/mos.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 75px;
	margin: 10px;
}
dl{
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
/*
dt	{
	background: url(../image/dt.gif) no-repeat 5px 10px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	border: 1px solid #727272;
}
*/
dd{
	margin: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
dt{
	display: block;
	height: 40px;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#CCC));
	padding: 3px 0px 0px;
	font-size: 100%;
	margin: 0 auto;
	border-top: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	line-height:40px;
}

/*
dt a{
	text-decoration: none;
}
dt a:hover{
	text-decoration: none;
}
dt a:link{
	color: #000000;
}
dt a:visited{
	color: #000000;
}
*/
dt h3{
	background-image : url(../images/arrow_02.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
}

.orange{
	background-color: #F8B625;
	text-align: left;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 18px;
	line-height: 18px;
	-webkit-box-shadow: 0px 0px 5px 0px #666;
	clear: both;
}
.menu{
	display: block;
	padding: 5px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}
.title{
	background-color: #F8B625;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	box-shadow: 1px 1px 3px #B3B3B3;
	-moz-box-shadow: 1px 1px 3px #B3B3B3;
　/* Firefox用 */  
 -webkit-box-shadow: 1px 1px 3px #B3B3B3;
　/* Safari,Google Chrome用 */;
	font-size: 16px;
}

.subtitle{
	background-color: #5b5bff;
	color: #ffffff;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	box-shadow: 1px 1px 3px #b3b3b3;
	-moz-box-shadow: 1px 1px 3px #B3B3B3;　/* Firefox用 */  
 -webkit-box-shadow: 1px 1px 3px #B3B3B3;　/* Safari,Google Chrome用 */;
	font-size: 16px;
}

.accordion .q{
	margin: 5px;
}
.accordion .q h4{
	height: 28px;
	background-image: url(../images/q.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 40px;
	line-height: 28px;
	color: #597C34;
}
.accordion .a{
	margin: 5px;
	background-image: url(../images/a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
}
.accordion .img_center{
	text-align: center;
}
.accordion .support{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(../images/btn01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.accordion table tr{
	line-height: 24px;
	height: 24px;
}

/*--------------------------------------------------------------------*/
/*　リンクボタン（ページ下部）　*/
/*--------------------------------------------------------------------*/
.list5{
	margin:10px;
	clear: both;
}
	.list5::after{
		content: ".";
  	 	display: block;
		height: 0;
 		clear: both;
 		visibility: hidden;
}
	.list5 ul{
		border-top:1px solid #CCC;
		list-style:none;
		}
	.list5 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F0F0F0));
		border-top:none;
		border-bottom:1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		height: 45px;
		margin: 0px;
}
	.list5 ul li:nth-child(odd){
		float:left;
		width:50%;
}

	.list5 ul li a{
		color: #666;
		display: block;
		height: 45px;
		margin: 0px;
		overflow: hidden;
		padding: 0px 20px 0px 0px;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
}
	.list5 ul li a strong{
	color:#000;
	display:block;
	font-weight:bold;
	line-height: 45px;
	height: 45px;
}
	.list5 ul li img{
		float: left;
		height: 45px;
		width: 45px;
		margin-right:10px;
}
/*リンクボタン（ページ下部）*/

/*--------------------------------------------------------------------*/
/*　フッター　*/
/*--------------------------------------------------------------------*/

#footer{
	text-align: center;
	font-size: 12px;
	clear: both;
	margin-top: 15px;
	background-color: #7FB72C;
	color: #FFFFFF;
	height: 48px;
	line-height: 24px;
	display: block;
}

#copyright{
	font-size: 12px;
}

#address{
	font-size: 12px;
}


#f_menu{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 10;
}

.btn-area a{
    padding-top:5px;
    display: block;
    float: left;
    width: 25%;
    height: 70px;
    line-height: 25px;
    text-align: center;
    font-size: 70%;
    background: #252525;/*メニュー部分の背景色*/
    color: #444;/*メニュー部分の文字色*/
}

/*フッターend*/

/*★PCなのにスマホ画面をググってしまった場合の修正*/

@media screen and (max-width: 480px){
.pc{
	display: none;
}
}