/* CSS Document */

@charset "utf-8";

@media screen and (max-width: 420px){
* {
	padding:0;
	margin:0;
}



/*--------------基本css--------------*/
#container {
	width: 100%;
	margin: 0 auto;
	padding:0;
}

#header {
	width: 100%;
	padding:0;
	height: 75px;
	background-color:#ffffff;
}

#main {
	clear:both;
	width:90%;
	padding: 20px 0;
	margin:0 auto;
}

#footer {
	clear: both;
	padding: 0;
	margin-bottom: -10px;
	background:#5cb7c2;
}

#header a {
	color:#ffffff;
}

#header a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


/*------------基本cssend------------*/

/*------------head----------------*/
.logo {
	display:none;
}

h1 {
	display:block;
}

h1 a {
	display:block;
	font-size:16px;
	padding:10px;
	color:#66ccd8 !important
}


.nav {
	clear:both;
	height: 45px;
	text-align: right;
	line-height: 55px;
	padding: 10px 20px 0;
	color: #ffffff;
	background-color:#66ccd8;
}


/*ヘッダー背景色変更*/
.nav_bg01 {
	background-color: #bbdc6d;
}

.nav_bg02 {
	background-color: #97d6e4;
}

.nav_bg03 {
	background-color: #eac56c;
}

/*------------headend-------------*/

/*-----------ナビゲーション-----------*/

#content_nav {
	padding:0;
	width:100%;
	margin-top: 30px;
	text-align: left;
}

#content_nav p {
	width:100%;
	margin:0;
	padding:0;

}

#content_nav p a {
	color:#565656;
	padding: 10px 10px;
	display:block;
}

#content_nav p a:hover {
	color:#989898;
}

/*ナビゲーションボーダー色変更*/
.contents01 {
	border-bottom: 3px solid #bbdc6d;
}

.contents02 {
	border-bottom: 3px solid #97d6e4;
}

.contents03 {
	border-bottom: 3px solid #eac56c;
}

/*--------ナビゲーションend----------*/

/*ブロック設定*/
.block {
	clear: both;
	margin: 20px 0 40px;
}

.box01 {
	background-color: #f4f4f4;
	padding: 5px;
	margin: 5px 0;
}

/*丸アイコン配置*/
.icon {
	float: left;
	padding: 0 5px;
}
.icon img{
	width:60px;
	height:60px;
}

/*見出しサイズ*/
.midashi01 {
	
	padding: 10px 0 0 60px;
	font-size: 30px;
}


.midashi02 {
	clear:both;
	padding: 5px 0 0 60px;
	font-size: 12px;
	padding-bottom: 20px;
}

/*文字色設定*/

.club {
	padding:25px 0 0 5px;
	color:#5cb7c2;
}

.othertxt {
	padding:5px 0 0 5px;
}

.do89314 {
	color: #90ba33;
}

.be89314 {
	color: #73c3d5;
}

.shop8910 {
	color: #dfb143;
}

.img01 {
	display:none;
	
}

.img02 {
	display:none;
}

.box01 img {
	width:100%;
	height:auto;
}


/*テキスト設定*/

.txt_right{
	float: left;
	width:100%;
	margin:0 auto;
}

.txt01 {

	font-size: 12px;
	padding: 0 0 10px;

}

.txt01 img{
	width:100%;
	height:auto;
}

.txt02 {
	clear:both;
	width:95%;
	float: left;
	padding: 5px 5px;
	font-size: 12px;

}

.txt03 {
	padding: 0 15px;
	font-size: 12px;

}


/*ライトボックスimg*/
.app img {
	margin: 8px;
	border: #dddddd solid 1px;
}

/*twitter*/

.twitter {
	width:80%;
	margin:5px 0 5px 5px;
	padding:20px 20px;
	float:left;
	background-color:#ededed;
}

/*-------------footer---------------*/
/*フッター背景色設定*/
.foot01 {
	background: #accf5a !important;
	width:100%;
}

.foot02 {
	background: #87cfdf !important;
	width:100%;
}

.foot03 {
	background: #e0b44a !important;
	width:100%;
}

/*フッター項目アイコン*/
.icon {
	margin-bottom: -5px;
	margin-left: -20px;
	margin-right: -5px;
}

/*フッターリンクlist*/
#footer ol{
	width:90%;
	color:#ffffff;
	font-size:12px;
	line-height:1.8;
	float:left;
	margin:10px 10px 0;
	padding:0 10px;
	padding-bottom:30px;
}

#footer ol li a{
	display:block;
	padding:5px 0;
}


.foot_about {

	border-left:none;
}
/*-----------footerend-------------*/


/*会社概要テーブル*/

#main table {
	width:100%;
	float:left;
	font-size:13px;
	margin:10px 0;

}

#main th {
	width:65px;
	background:#f4f4f4;
	padding:5px 10px;
	text-align:left;
	
}


#main td {
	background:#f4f4f4;
	padding:5px 20px;
}


#main .mailform {
	width:600px;
}

/*その他ページ*/
.other {
	min-height:500px;
}

.modal img{
	width:300px;
	height:auto;
	margin:10px auto;
}

/*問い合わせフォーム*/

#main .mailform {
	width:100%;
}


#main .mailform dt{
	background-color:#ffffff;
	text-align:left;
	clear:both;
	margin-left:10px;

}

.must {
	float:right;
}

#main .mailform dd{
	background-color:#ffffff;

	padding:5px 0 !important;
	margin:0 auto;
	clear:both;

}