@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	background-image:none;
}

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

/*ヘッダー（h1タグが入ったブロック）
---------------------------------------------------------------------------*/
/*h1タグ*/
#headerbox h1 {
	display:none;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#wrapper {
	width: auto;
	margin: 5px;
}
#wrapper section.box01 { width:95%; float:none; margin:8px auto; padding:8px; }
#wrapper section.box02 { width:95%; float:none; margin:8px auto; padding:8px; }

/*サブコンテンツ内のロゴ
---------------------------------------------------------------------------*/
#headerbox {
	width:auto;
	float:none;
}
#headerbox .logo {
	float:none;
	position:absolute;
	top:7px;
	left:5px;
	z-index:9999999;
	margin-top:0;
	padding-bottom:5px;
}
.sp { display:none; }
.pc { display:none; }
.tab { display:block; }

#telbox .telno {
	display:none;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	background:url(../img/bg.png) repeat-x left bottom #FFF;
}
	
#flogo {
	width:auto;
	padding:5px 0 0 15px;
}
ul.flist {
	width:500px;
	margin-top:0px;
}
ul.flist li {
	font-size:0.9em;
}
ul.flist li ul li {
	background:url(../img/listmark01.gif) no-repeat 3px 2px;
}
/*トップページ　セクション
---------------------------------------------------------------------------*/
#contents section {
	width:45%;
}
#contents section img {
	width:100%;
	height:auto;
}

/*　メニュー
---------------------------------------------------------------------------*/
#menu { position: relative; z-index: 1001; background: #fcfcff; height: 48px; margin: 7px; border: 1px solid #9ad0e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
#menu span#menu-shadow { display: none; }
#menu ul { display: none;  font-size: 14px; position: absolute; width: 100%; top: 46px; left: -1px; line-height: 24px; padding: 0 0px 0px 0px; background: #fcfcff; border: 1px solid #9ad0e2; border-top: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
#menu ul li.active a { display: block; float: none; background: none; }
#menu ul li.active span { display: block; float: none; background: none; }
#menu ul li { display: block; float: none;  padding: 15px 20px 15px 20px;  background: url(images/tablet-section-shadow.png) no-repeat center top; }
#menu ul li a { display: block; float: none; padding: 0 0 0 0; }
#menu ul li span { float: none; }
#menu ul li a:hover { display: block; float: none; background: none; }
#menu ul li.last a { float: none; display: block;  padding-right: 0; } 
#menu ul li.last {  padding-bottom: 10px }
#menu ul li.first  { display: none; }

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
	padding: 2px;
}
.ta2 td, .ta2 th{
	padding:5px 10px;
}

.ta3 {
	width:98%;
	margin: 10px 0;
}

/*スライドキャプション
---------------------------------------------------------------------------*/
.bx-wrapper {
	margin:0;
}

/* その他
--------------------------------------------------------------------------*/
#before img, #after img {
	width:100%;
}

dl.dlstyle02 {
	width:60%;
}

#contactbox .mailbox {
	float:none;
	margin:30px auto;
	width:60%;
}

#contactbox .telnobox {
	float:none;
	width:80%;
	margin:30px auto;
}