@charset "UTF-8";

body  {margin: 0;
color:#030;
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
background-color:#ffffff

}



/* boxAスタイル */

.boxA  {
	font-size: 12pt
}


.boxA h1 {
	text-align:left;
	padding : 5px 0 5px 20px ;
	margin-top     : 10px;
	background-color: #ff6600;
	color           : #FFFFFF;
	font-size       : 14pt
}



/* コンテナスタイル */

.contena h2 {
	font-size       : 16pt
}

.contena h3 {
	color: #ff9900;
	font-size       : 14pt
}

.contena strong {
	color: #6666cc;
	padding-left: 1em;
}

.contena h4 {
	background-color: #ffffe0;
	padding: 5px;
	color: #000;
	font-size       : 12pt
}


.contena ul  {
font-size: 14px;
list-style: none;
}

.contena li {
display: block;
font-weight:bold;
}

.contena p {
padding-bottom:15px;
}


/* mainスタイル */

.main ul  {
font-size: 14px;
list-style: decimal;
}

.main li {
padding-bottom:20px;

}



/* コピーライト */

.copyright p  {
	margin: 0;
	color: #666666;
	font-size: 14px}


/* box10をバーの形にする */

.copyright  {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #dddddd}



/* ボックスの左右 */

.header,.contena, .boxA {
	padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */

.header, .contena, .footer  {
	padding-top: 10px;
	padding-bottom: 10px}





/* ########### 767px以下 ########### */

@media  (max-width: 767px)  {



/* トグルボタン */

#menubtn  {
	padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover  {background-color: #dddddd}

#menubtn:focus  {outline: none}

#menubtn i  {
	color: #888888;
	font-size: 18px}


#menubtn span   {
	display: inline-block;
	text-indent: -9999px}


}


/* ########### 768px以上 ########### */

@media  (min-width: 768px)  {


/* トグルボタン */

#menubtn    {display: none}



}




/* ########### 1190px以上 ########### */

@media  (min-width: 1190px)  {

/* 全体の横幅を固定 */

.boxA,.contena, .header-inner, .footer-inner  {
	width: 1140px;
	margin-left: auto;
	margin-right: auto}

}