@charset "utf-8";
/* CSS Document */

/* SmartPhone Layout: 480px Inherits styles from: Mobile Layout. */
/* ▼---------- 全体設定 ----------▼ */
#wrapper {
	width:100%;
	margin:0 auto;
}
#main{
  	margin-bottom:10px;
}
/*全体設定修正分*/
#main,img{
	max-width:100%;
	height:auto;
}
/* ▲---------- 全体設定 ----------▲ */

/* ▼---------- ヘッダー ----------▼ */
#logomark {
	float:left;
	width:100%;
	margin:0 auto;
}
#logomark p {
	font-size:180%; 
	font-weight:bold;
	color:#ffffff;
}
#logomark img{
	vertical-align:bottom;
}
#denwa {
	font-size: 115%;
	color: #ffffff;
}
#okigaruni{
	font-size:80%;
	text-align:center;
	color:#ffffff;
}	
header address{
	font-size:135%;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}
header #header_inner nav a:hover {
	color:#ffffcc;
	background:#800000;	
}
/*ヘッダー修正分*/
#wrapper h1,#sugukidaimoku{
	display:none;
}
#logo,#denwa{
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:center;
}
header{
	position:static;
	height:auto;
	width:100%;
  	background:#bb2233;
}
header #header_inner{
	width:100%;
	margin:0;
}
header #header_inner nav ul li a {
	display:block;
	width:100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
	background:#900;

}
header #header_inner nav ul li.li_1,
header #header_inner nav ul li.li_2{
	float:left;
	width:50%;
}
/* ▲---------- ヘッダー ----------▲ */

/* ▼---------- メイン ----------▼ */
#moritsuke{
		border: 4px solid #e8f373;
		padding:15px 3%;
		border-radius: 5px;
		margin-top:10px;
}
/* ▲---------- メイン ----------▲ */

/* ▼---------- フッター ----------▼ */
footer #footer_inner nav a:hover {
	color:#ffffcc;
	background:#800000;
}
#footer_under {
	width:100%;
	margin:20px auto 10px;
	text-align:center;
}
#copyrights {
	text-align:center;
}
/*フッター修正分*/
#konyuannai,#syohinichiran,#sitemap{
	float:none;
	width:100%;
	background:#FF0000;
}
footer{
	background:#f5eedd;
}
footer #footer_inner nav ul li a{
	display:block;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #800000;
}
/* ▲---------- フッター ----------▲ */

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.*/
@media only screen and (min-width: 769px) {
/* ▼---------- 全体設定 ----------▼ */
#wrapper {
	width:100%;
	margin:0 auto;
}
header{
	position:fixed;
	top:0;
	left:0;
	height:102px;
	width:100%;
	background:#bb2233;
}
#main{
  	width:960px;
  	margin:102px auto 10px;
}
footer{
	margin: 0 auto 10px;
	background:#f5eedd;
}
/* ▲---------- 全体設定 ----------▲ */

/* ▼---------- ヘッダー ----------▼ */
header #header_inner{
	width:960px;
	margin:12px auto;
}
header h1 {
	font-size:85%;
	color:#ffffff;
}
#logo {
	width:30%;
	float:left;
}
#sugukidaimoku {
	width:39%;
	float:left;
	font-size: 250%; 
	font-weight:bold;
	color: #ffffff;
	text-align: center;
	letter-spacing:20px;
}
#denwa {
	width:31%;
	float:left;
	margin-bottom:5px;
	font-size: 115%;
	color: #ffffff;
}
#okigaruni{
	font-size:80%;
	text-align:left;
	color:#ffffff;
}	
header address{
	font-size:135%;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}
header #header_inner nav ul li {
	float:left;	
}
header #header_inner nav ul li a{
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 15px;
	color: #ffffff;
	background:#bb2233;
}
header #header_inner nav a:hover {
	color:#ffffcc;
	background:#800000;	
}
/*ヘッダー修正分*/
#wrapper h1,#sugukidaimoku,header #header_inner nav{
	display:block;
}
header #header_inner nav ul li.li_1,
header #header_inner nav ul li.li_2  {
	float:left;
	width:12.5%;
}
/* ▲---------- ヘッダー ----------▲ */

/* ▼---------- メイン ----------▼ */
#moritsuke{
		border: 4px solid #e8f373;
		padding:15px 3%;
		margin-top:122px;
		border-radius: 5px;
}
/* ▲---------- メイン ----------▲ */

/* ▼---------- フッター ----------▼ */
footer #footer_inner{
	width:960px;
	margin:0 auto;
}
#konyuannai{
	float:left;
	width:30%;
	background:#FF0000;
}
#syohinichiran{
	float:left;
	width:30%;
	background:#00FF00;
}
#sitemap{
	float:right;
	width:40%;
	background:#0000FF;
}
footer #footer_inner nav {
	height:30px;
	width:96%;
	margin:0 auto;
}
footer #footer_inner nav ul li {
	float:left;
}
footer #footer_inner nav ul li a{
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin: 0 15px;
	color: #800000;
}
footer #footer_inner nav a:hover {
	color:#ffffcc;
	background:#800000;
}
#footer_under {
	width:400px;
	margin:20px auto 10px;
	text-align:center;
}
#copyrights {
	text-align:center;
}
/* ▲---------- フッター ----------▲ */