/* --------------------------------------------------

	SiteName : 佳長
	FileName : default.css
	
	== URL ======================================
	http://e-yoshinaga.com
	
-------------------------------------------------- */


/* 共通
================================================== */
html {
	height: 100%;
}
body {
	font-size: 12px;
	line-height: 20px;
	background: #5b3f45;
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #005281;
	height: 1px;
}
/* 見出しタグ
================================================== */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
}
h1 {
	font-size: 12px;
	font-weight: normal;
	color: #585858;
	margin: 0px;
}
/* 共通（リンク）
================================================== */
a {
	color: #005281;
	text-decoration: none;
}
a:hover {
	color: #005281;
	text-decoration: underline;
}
a img {
	border: none;
}
/* ヘッダートップ
================================================== */
#header_top_long {
	background: #fff url("../img/header_bg2.gif") top center repeat-x;
}
#header_top {
	width: 1100px;
	height: 120px;
	margin: 0px auto 0px;
	position: relative;
}
/* ヘッダー
================================================== */
#header_long {
	background: #F8F2E3 url("../img/header_bg2.jpg") top center repeat-x;
}
#header {
	width: 1100px;
	height: 155px;
	margin: 0px auto;
	position: relative;
}
.h1 {
	top: 5px;
	left: 0px;
	z-index: 1;
	margin: 0px;
	position: absolute;
}
.logo {
	top: 42px;
	left: 0px;
	z-index: 2;
	margin: 0px;
	position: absolute;
}
.ti_small5 {
	top: 56px;
	left: 880px;
	z-index: 8;
	margin: 0px;
	position: absolute;
}
/* コンテンツ
================================================== */
.con {
	width: 880px;
	margin: 0px auto;
}
.con_left {
	width: 430px;
	float: left;
}
.con_right {
	width: 430px;
	float: right;
}
/* wideslider
================================================== */
.wideslider {
	width: 100%;
	height: 424px;
	text-align: left;
	position: relative;
	background: #FFFFFF;
	overflow: hidden;/*background:#1e2a3b url("../img/wideslider_back0.gif") 50% 0 repeat-x;*/
}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: url(../img/prev.png) no-repeat right center;
}
.slider_next {
	background: url(../img/next.png) no-repeat left center;
}
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/* コンテンツ
================================================== */

#content_long {
	background: #FFFFFF;
}
#content {
	width: 1100px;
	margin: 0px auto;
	padding:0px 0px 30px 0px;
}
#top_con {
	width: 880px;
	padding: 0px;
	float: left;
}
#con_right {
	width: 200px;
	margin: 0px 0px 20px 0px;
	float: right;
}
/* フッター
================================================== */
.f_menu {
	width: 600px;
	height: 40px;
	background: #f4faff;
	color: #1774af;
	vertical-align: bottom;
	position: absolute;
	top: -85px;
	left: 255px;
	padding: 10px;
}
#footer_long {
	background: #E2E2E2 url("../img/footer_bg.gif") top center repeat-x;
	height: 100px;
}
#footer {
	color: #FFF;
	width: 1100px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
}
#footer_center {
	text-align:center;
	vertical-align: top;
	padding:15px 0px 0px 0px;
	margin-bottom: 35px;
}
.footer_center_txt {
	font-size: 12px;
	color: #FFFFFF;
}
.footer_left_txt a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer_left_txt a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer_left_txt a img {
	border: none;
}
#footer_right {
	float: right;
	vertical-align: top;
	margin-top: 25px;
	text-align: right;
}
#footer_pagetop {
	position: absolute;
	top: -17px;
	left: 890px;
}
/*================================================== */
/* 段落 */
p {
	margin: 0px 0px 0px;
}
/* サイズ */
.txt_b {
	font-weight: bold;
}
.txt_xlarge {
	font-size: 18px;
}
.txt_large {
	font-size: 16px;
	line-height: 1.4;
}
.txt_small {
	font-size: 90%;
	line-height: 1.4;
}
.txt_xsmall {
	font-size: 80%;
	line-height: 1.4;
}
/* 平方メートル */
.m2 {
	font-size: 70%;
	vertical-align: 3px;
}
/* 灰色 */
.txt_gray {
	color: #999;
}
.txt_gray_b {
	color: #999;
	font-weight: bold;
}
.txt_gray_small {
	color: #999;
	font-size: 90%;
}
/* 青色 */
.txt_blue {
	color: #005281;
}
.txt_blue_b {
	color: #276DA2;
	font-weight: bold;
}
.txt_blue_xsmall {
	color: #276DA2;
	font-size: 80%;
}
/* 赤色 */
.txt_red {
	color: #C00;
}
.txt_red_b {
	color: #C00;
	font-weight: bold;
}
.txt_red_large_b {
	color: #C00;
	font-size: 120%;
	font-weight: bold;
}
.txt_red_xsmall {
	color: #C00;
	font-size: 80%;
}
/* マージン
================================================== */
.m_l20 {
	margin-left: 20px;
}
.m_b00 {
	margin-bottom: 0px;
}
.m_b04 {
	margin-bottom: 4px;
}
.m_b05 {
	margin-bottom: 5px;
}
.m_b08 {
	margin-bottom: 8px;
}
.m_b10 {
	margin-bottom: 10px;
}
.m_b15 {
	margin-bottom: 15px;
}
.m_b20 {
	margin-bottom: 20px;
}
.m_b30 {
	margin-bottom: 30px;
}
.m_b40 {
	margin-bottom: 40px;
}
.m_b50 {
	margin-bottom: 50px;
}
.m_t05 {
	margin-top: 5px;
}
.m_t10 {
	margin-top: 10px;
}
.m_t15 {
	margin-top: 15px;
}
.m_t20 {
	margin-top: 20px;
}
.m_t25 {
	margin-top: 25px;
}
.m_t30 {
	margin-top: 30px;
}
.m_r05 {
	margin-right: 5px;
}
.m_r10 {
	margin-right: 10px;
}
.m_l10 {
	margin-left: 10px;
}
.m_all05 {
	margin: 5px auto;
}
.m_all10 {
	margin: 10px auto;
}
.m_all15 {
	margin: 15px auto;
}
.m_all50 {
	margin: 50px auto;
}
.m_t08b05 {
	margin: 8px auto 5px;
}
.m_l10b07 {
	margin: 0px 0px 7px 10px;
}
.m_t5b5 {
	margin: 5px auto 5px;
}
.m_t10b10 {
	margin: 10px auto 10px;
}
.m_t10b20 {
	margin: 10px auto 20px;
}
.m_t10b30 {
	margin: 10px auto 30px;
}
.m_t10b40 {
	margin: 10px auto 40px;
}
.m_t20b10 {
	margin: 20px auto 10px;
}
.m_t20b05 {
	margin: 20px auto 05px;
}