@charset "utf-8";

/*
Theme Name: テーマ
Version 1.0
*/ 

@import "base.css";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body{
	padding:0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:18px;
	color:#000000;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	padding:0;
	width:100%;
}

/*　header　
----------------------------------------------------------*/
header {
    background: #a4cc00;
    position: relative;
    height: 50px;
    border-bottom: 1px solid #fff;
}
.button-toggle {
    position: absolute;
    width: 70px;
    height: 28px;
    margin: 10px;
	right:10px;
    color: #333;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    font-size: 70%;
    border: 1px solid #fff;
}
.active {
    color: #fff;
    background: #a4cc00;
}
.ttl {
    font-size: 90%;
    float: left;
    height: 5px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.ttl a {
    color: #fff;
    text-decoration: none;
}
.menu {
    position: absolute;
    top: 51px;
    left: 0px;
    width: 100%;
    background: #a4cc00;
    color: #fff;
    overflow: hidden;
}
.menu a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    font-size: 90%;
}
.menu ul li ul li a{
	display:none;
}
.menu ul li ul.child li{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    font-size: 90%;
}
.menu ul li ul.child li a{
    display: block;
	border-bottom:none;
    padding: 0;
}
.menu ul li:hover ul li a{
    display: block;
}


/*　footer　
----------------------------------------------------------*/
.f_inner{
	width:100%;
	border-top:1px solid #333;
	text-align:center;
	padding:10px 0;
}

/*　main　
----------------------------------------------------------*/
#main{
	background-color:#ffffff;
}
#main .content{
	background-color:#f7f8ec;
	border-radius:0 0 10px 10px;
	padding:30px 20px 30px;
}


.ttl01{
	background-image:url(../img/common/ttl01.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-left:10px solid #a4cc00;
	border-radius:10px 0 0 10px;
	color:#7c00d6;
	font-size:35px;
	font-weight:bold;
	margin:0 0 15px;
	padding:0 0 3px 20px;
}
.ttl02{
	background-color:#f29c22;
	background-image:url(../img/common/ttl02.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	border-radius:10px;
	color:#ffe749;
	font-size:32px;
	font-weight:bold;
	margin:0 0 15px;
	padding:15px 20px 20px;
}
.ttl03{
	background-image:url(../img/common/ttl03.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	color:#ff1a67;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin:20px 0 15px;
	padding:0 0 3px;
}

img{
	max-width:100%;
	height:auto;
	margin:2% 0;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.index_box01{
	text-align:center;
}
.index_box02{
	border-top:1px solid #0bbd00;
	margin-top:20px;
}
.index_box02 ul{
	width:170px;
	margin:0 auto;
}
.index_box02 ul li{
	float:left;
	margin:0 5px;
}
.index_box02 img{
	background-color:#ffffff;
	border:1px solid #cccccc;
	padding:3px;
}
.index_txt01 , .index_txt02{
	color:#993366;
	text-align:left;
}
.index_txt03{
	color:#800080;
	text-align:left;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  ja.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
table.ja th , table.ja td{
	width:100%;
	font-weight:bold;
	vertical-align:top;
	float:left;
}
table.ja th{
	color:#ff00ff;
}
.ja_txt01{
	border-bottom:1px solid #0bbd00;
	color:#0000ff;
	font-weight:bold;
	margin:20px 0;
	padding-bottom:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  deafaid.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
table.deafaid{
	margin-top:20px;
	margin:0 auto;
}
table.deafaid th , table.deafaid td{
	border-top:1px solid #0bbd00;
	padding:10px 0;
	vertical-align:top;
}
table.deafaid th{
	text-align:center;
}
table.deafaid td{
	font-weight:bold;
	padding-left:20px;
}
.deafaid_box01{
	margin-bottom:20px;
}
.deafaid_box02{
	text-align:center;
}
.deafaid_txt01{
	color:#ff00ff;
	font-weight:bold;
}
.deafaid_txt02{
	border-top:1px solid #0bbd00;
	color:#800000;
	font-weight:bold;
	margin:20px 0;
	padding-top:10px;
}
.deafaid_txt02 span.red{
	color: #ff0000;
}
.deafaid_txt03{
	color:#ff00ff;
	font-weight:bold;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  sonority.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.sonority_box01{
	text-align:right;
	margin-bottom:15px;
}
.sonority_box02{
	text-align:center;
	margin-bottom:15px;
}
.sonority_txt01{
	border-bottom:1px solid #0bbd00;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:10px;
}
.sonority_txt01 span.red{
	color: #ff0000;
}
.sonority_txt02{
	font-weight:bold;
}
.sonority_txt02 span.green{
	color: #0bbd00;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  topic.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.topic_box01{
	text-align:right;
	margin-bottom:15px;
}
.topic_txt01{
	font-weight:bold;
	margin-bottom:30px;
}
.topic_txt01 span.red{
	color: #ff0000;
}
.topic_txt02{
	border-bottom:1px solid #0bbd00;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  ears.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
table.ears{
	margin:0 auto;
}
table.ears th , table.ears td{
	border-bottom:1px solid #0bbd00;
	padding:10px 0;
}
table.ears th{
	text-align:right;
}
table.ears td{
	font-weight:bold;
	vertical-align:middle;
}
.ears_box01{
	border-bottom:1px solid #0bbd00;
	text-align:center;
	padding-bottom:10px;
}
.ears_box02{
	text-align:center;
}
.ears_txt01{
	font-weight:bold;
	margin-bottom:30px;
}
.ears_txt01 span.blue{
	color: #0000ff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  campaign.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.campaign_box01 img{
	text-align:center;
}
.campaign_box02{
	text-align:center;
	margin-top:20px;
}
.campaign_box03{
	text-align:center;
}
.campaign_txt01{
	font-weight:bold;
}
.campaign_txt01 span.red{
	color: #ff0000;
}
.campaign_txt01 span.blue{
	color: #0000ff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  support.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.support_txt01{
	color:#ff00ff;
	font-weight:bold;
	margin:20px 0 15px;
}
.support_txt02{
	color:#993300;
	font-weight:bold;
}
.support_txt02 span.red{
	color:#ff0000;
	font-weight:bold;
}
.support_txt02 p{
	color:#0000ff;
	text-align:center;
	margin:10px 0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  glasses.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.glasses_box01 , .glasses_box02{
	border-top:1px solid #0bbd00;
	text-align:center;
	padding:10px 0;
}
.glasses_txt01{
	font-weight:bold;
	margin-bottom:30px;
}
.glasses_txt02{
	color:#993300;
	font-weight:bold;
	text-align:left;
}
.glasses_txt03{
	color:#993300;
	font-weight:bold;
	text-align:left;
}
.glasses_txt04{
	color:#993300;
	font-weight:bold;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  lens.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.lens_box01{
	text-align:right;
}
.lens_box02{
	text-align:center;
}
.lens_txt01{
	font-weight:bold;
	text-align:left;
}
.lens_txt02{
	font-weight:bold;
}
.lens_txt02 span.red{
	color:#ff0000;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  company.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.company_box01{
	text-align:center;
}
.company_txt01{
	font-weight:bold;
	text-align:left;
	margin:20px 0 30px;
}
    .google-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  greeting.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.greeting_box01{
	text-align:center;
}
.greeting_txt01{
	border-bottom:1px solid #0bbd00;
	color:#993300;
	font-weight:bold;
	line-height:1.8;
	text-align:left;
	margin:20px 0 30px;
	padding-bottom:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  sitemap.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#main .content dt{
	border-bottom:1px solid #0bbd00;
	color:#993300;
	margin-top:10px;
}
#main .content dd{
	padding:10px 30px;
}