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

	SiteName : 有斐軒
	FileName : style.css
	
	== URL ======================================
	http://www.	
	
-------------------------------------------------- */


/* 共通
================================================== */
html {
height:100%;
}

body {
	font-size:80%;
	line-height:1.3;
	letter-spacing:0.1em;
	color:#333;
	background: #FFF url("../img/back.gif") repeat;
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

#page {
	width:1000px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	background:#FFF;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {min-height: 1px;}

/* 見出しタグ
================================================== */
h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
}

h1 {
	width:980px;
	height:17px;
	line-height:17px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	margin:0px auto;
	padding:3px 10px;
	color:#9E0B0F;
	background:#DBC27D;
}

strong {color:#CA384B;}

h3 {
	font-size:120%;
	padding:0px;
	font-weight: bold;
	color:#1A5CB6;
	}


/* 共通（リンク）
================================================== */
a {color:#005336;text-decoration:none;}

a:hover {color:#999;text-decoration:underline;}

a img {border:none;}


/* 共通（ヘッダー）
================================================== */
	
#header {
	width:1000px;
	height:112px;
	margin:0px;
	padding:0px;
	background:url("../img/title_bg.gif") no-repeat;
	position:relative;
	}
	
	#header #yoyaku {
		position:absolute;
		top:68px;
		left:812px;
		}
.submenu {
  background: #EEE1A8;
  border: 1px solid #804000;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  top:0px;
  left:188px;
  width:150px;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #804000;
}

.submenu a:hover {
  background: #804000;
  color: #FFF;
}

#logo {
	padding:13px 0px 0px 10px;
	}


/* 共通メニュー
================================================== */
#menu {
	width:1000px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
	
	#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
	#menu ul li {
	float: left;
	margin-right:2px;
	margin-top:5px;
	}
	
	#menu ul li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	}
	
		#menu ul li.menu1 a {
		background: url("../img/menu1.gif") left top no-repeat;
		width:112px;
		height:40px;
		margin-left:10px;
		}
		
		#menu ul li.menu2 a {
		background: url("../img/menu2.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu ul li.menu3 a {
		background: url("../img/menu3.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu ul li.menu4 a {
		background: url("../img/menu4.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu ul li.menu5 a {
		background: url("../img/menu5.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu ul li.menu6 a {
		background: url("../img/menu6.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu ul li.menu7 a {
		background: url("../img/menu7.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu ul li.menu8 a {
		background: url("../img/menu8.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
	
	#menu ul li a:hover {
	background-position: right top;
	}


/* 共通（フッター）
================================================== */
#footer {
	width:980px;
	height:120px;
	padding:20px 10px 10px 10px;
	margin-top:0px;
	font-size:12px;
	background:#9D0B0E;
	position:relative;
	}
	
	#footer p {
	margin:0px 0px 5px 0px;
	}
	
.txt_copy {font-size:10px; color:#CCCCCC;}

#footer #footer_left {
	width:300px;
	position:absolute;
	top:55px;
	left:10px;
	color:#FFF;
	}

#footer #footer_right {
	width:300px;
	position:absolute;
	top:55px;
	left:490px;
	color:#FFF;
	}

/* 共通フッターメニュー
================================================== */
#footer #menu2 {
	width:820px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#9D0B0E;
	position:absolute;
	top:0px;
	left:0px;
	}
	
	#menu2 ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
	#menu2 ul li {
	float: left;
	margin-right:2px;
	margin-top:5px;
	}
	
	#menu2 ul li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	}
	
		#menu2 ul li.menu1 a {
		background: url("../img/menu1.gif") left top no-repeat;
		width:112px;
		height:40px;
		margin-left:10px;
		}
		
		#menu2 ul li.menu2 a {
		background: url("../img/menu2.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu2 ul li.menu3 a {
		background: url("../img/menu3.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu2 ul li.menu4 a {
		background: url("../img/menu4.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu2 ul li.menu5 a {
		background: url("../img/menu5.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu2 ul li.menu6 a {
		background: url("../img/menu6.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu2 ul li.menu7 a {
		background: url("../img/menu7.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
		#menu2 ul li.menu8 a {
		background: url("../img/menu8.gif") left top no-repeat;
		width:112px;
		height:40px;
		}
		
	
	#menu2 ul li a:hover {
	background-position: right top;
	}

/* 共通（ヘッダープルダウンメニュー）
================================================== */
#footer #pulldown-menu {
    margin:0px;
    padding:0px;
    width:176px;
    height:36px;
    position:absolute;
    top:5px;
    left: 812px;
    z-index: 1000;
    }

ul.main{
    margin:0px;
    padding:0px;
    width:100%;
    position:relative;
    list-style:none;
    }

.main li.off{
    position:relative;
    float:left;
    height:36px;
    width:176px;
    overflow:hidden;
    z-index: 1;}

.main li.on{
    float:left;
    overflow:hidden;
    background:#EEE1A8;
	border: 1px solid #804000;
    z-index: 1;
	}

.main a{
    display:block;
    text-decoration:none;}

ul.sub{
    margin:0px;
    padding:0px;
    position:relative;
    list-style:none;
    text-align:left;
    z-index: 2;
	font-size:11px;
    }

.sub li{
    margin:0px;
    padding:0px;
    position: relative;
    width:176px;
    z-index: 3;
    }

.sub a{
    display:block;}

.sub a:link,
.sub a:visited {
    margin:0px;
    padding:3px 3px 3px 8px;
    color:#804000;
    }

.sub a:hover,
.sub a:active {
    margin:0px;
    padding:3px 3px 3px 8px;
    color: #FFF;
    background: #804000;
    text-decoration:none;
	}




/* トップページ
================================================== */
#fla {z-index: 1;}
#top_main {
	width:1000px;
	}
#top_left {
	width:575px;
	float:left;
	margin:10px 0px 0px 0px;
	padding-left:10px;
	}

#top_right {
	width:395px;
	float:right;
	margin:10px 0px 0px 0px;
	padding-right:10px;
	}

.top_link_left {
	float:left;
	margin-bottom:10px;
	}
	
.top_link_right{
	float:right;
	}	


/* ニューウィンドウ情報（新着情報の詳細）
================================================== */
#news_window {
	width:500px;
	margin:0px auto;
	background:#FFF;
	}
	
	#news_window h3 {
	margin:20px 0px 10px 20px;
	text-align:left;
	letter-spacing:0.2px;
	color:#7B523; font-size:12px; font-weight:bold;
	}
	
	#news_window .text {
	margin:10px 20px 10px 20px;
	text-align:left;
	letter-spacing:0.2px;
	}



.news {
	width:560px;
	margin-top:5px;
	}
.news img {
	float:left;
	margin-right:5px;
	}
	
/* セカンドページ
================================================== */
#second {
	background: #FFF url("../img/back2.gif") repeat;
	}

/* マージン
================================================== */
.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_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_t10b20 {margin:10px auto 20px;}
.m_t10b30 {margin:10px auto 30px;}
.m_t10b40 {margin:10px auto 40px;}