/* CSS Document */


* {
	margin: 0;
	padding: 0;
}

li, ol {
	list-style: none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #565656;
	margin: 0;
	padding: 0;
}

/*a設定*/
a {
	color:#5cb7c2;
	text-decoration:none;
}

a:hover {
	color:#8dd7e0;
}

/*img設定*/
img {
	border: 0;
	outline: none;
}

a:focus img {
	outline: none;
}

a:active img {
	outline: none;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	outline: none;
}

.border {
	border:#cccccc solid 1px;
	margin:5px 0;
}

/*--------------clearfix--------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}
/*------------clearfixend------------*/

/*--------------基本css--------------*/
#container {
	width: 845px;
	margin: 0 auto;
}

#header {
	width: 845px;
	height: 75px;
	background-color: #ededed;
}

h1 {
	display:none;
}

#main {

	width: 800px;
	padding: 70px 0;
	margin:0 auto;
}

#footer {
	clear: both;
	padding: 10px;
	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 {
	float: left;
	margin: 3px 13px;
}

.nav {
	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 {
	margin: 15px 0;
	text-align: left;
}

#content_nav p {
	float:left;
	width:255px;
	margin:2px;
	padding: 5px 10px;
}

#content_nav p a {
	color:#565656;
	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: 30px;
	margin: 5px 0;
}

/*丸アイコン配置*/
.icon {
	float: left;
	padding: 0 10px;
}

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

.midashi02 {
	font-size: 12px;
	padding-bottom: 20px;
}

/*文字色設定*/

.club {
	color:#5cb7c2;
}

.do89314 {
	color: #90ba33;
}

.be89314 {
	color: #73c3d5;
}

.shop8910 {
	color: #dfb143;
}

.img01 {
	float: left;
	margin-left: 55px;
}

.img02 {
	float: left;
	margin-left: 20px;
}


/*テキスト設定*/

.txt_right{
	float: left;
	width: 380px;
}

.txt01 {

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

}

.txt02 {
	float: left;
	padding: 0 30px;
	font-size: 12px;
	width: 305px;
}

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

}


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

/*twitter*/

.twitter {
	width:340px;
	margin:10px;
	padding:20px 20px;
	float:left;
	background-color:#ededed;
}

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

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

.foot03 {
	background: #e0b44a !important;
}

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

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

#footer a {
	color:#ffffff;
}

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



/*フッター会社情報*/
.foot_about {
	float: left;
	color: #ffffff;
	font-size: 12px;
	padding: 0 20px 5px;
	border-left: dotted 1px #ffffff;
}
/*-----------footerend-------------*/


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

#main table {
	width:500px;
	float:left;
	font-size:13px;
	margin-left:15px;
	margin-top:-5px;
}

#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;
}