@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	2009.05.20　oseki　更新日：
 * ---------------------------------------------------------------- */

noscript {
	font-size: 100%;
	font-weight: nomal;
	color: #F00;
	top: 50px;
	right: 50px;
	position: absolute;
}

/* ---------------------------------------------------------------- *
	■ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */
body {
	background: url(../common_img/bg.gif) repeat left top;
}
#wrapper {
	position:relative;
	width: 950px;
	margin: 0px auto;
}
#container:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
#container {
	width: 870px;
	text-align: left;
	margin: 0px auto;
	display:inline-block;
	min-height:1%;  /* for IE 7 and MacIE5.5*/
	background: #FFF url(../common_img/bg_top.gif) no-repeat top;
}
/* Hides from IE-mac \*/
*html #container {height: 1%;}
#container {display: block;}
/* for ie5,6*/


/* ---------------------------------------------------------------- *
	■メインメニューの設定です
 * ---------------------------------------------------------------- */
#menu {
	margin: 230px 0 0 -20px;
	width: 220px;
	height: 360px;
	background: url(../common_img/bg_menu02.png) no-repeat;
	padding: 50px 0 20px 0;
}
#menu li {
	display: inline;
}
#menu li a {
	display: block;
}

.menu_bg01 {
	position: absolute;
	top: 230px;
	left: 0;
	background: url(../common_img/bg_menu.png) no-repeat;
	height: 430px;
	width: 300px;
	z-index: -1;
}
.menu_bg03 {
	position: absolute;
	top: 230px;
	left: 260px;
	background: url(../common_img/bg_menu03.png) no-repeat;
	height: 430px;
	width: 40px;
}

/* ---------------------------------------------------------------- *
	■サブメニューの設定です
 * ---------------------------------------------------------------- */
#sub_menu {
	margin: 0 0 20px 0;
	display: block;
}
#sub_menu li {
	display: inline;
	position: relative;
	width: 188px;
	height: 24px;
}
#sub_menu li span {
	position: absolute;
	width: 155px;
	height: 40px;
	top: -50px;
	left: 120px;
	background: url(../common_img/icon_rdy.gif) no-repeat;
}
#sub_menu li span { /top: -40px;} /* for ie6,7 */
html>/**/body #sub_menu li span { top /*\**/: -65px\9;}/* for ie8 */
/* ---------------------------------------------------------------- *
	■サイドカラム部分の設定です
 * ---------------------------------------------------------------- */
#column_left {
	display: inline;
	float: left;
	width: 200px;
	background: url(../common_img/bg_left_column.gif) repeat-y right top;
	padding-left: 20px;
}
#info_area {
	width: 178px;
	margin: 0px 10px 20px;
	background: url(../common_img/bg_info_middle.gif) repeat-y;
	font-size: 86%; /*12px指定*/
}
#info_area h3 {
	height: 55px;
	width: 178px;
	background: url(../common_img/bg_info_title.gif) no-repeat top;
}
#info_area h3 img {
	margin-top: 25px;
	margin-left: 10px;
}
#info_area p {
	padding: 0px 10px 15px;
	background: url(../common_img/bg_info_bottom.gif) no-repeat bottom;
	margin-bottom:0;
	font-size: 84%; /*10px指定*/
	line-height: 1.4;
}
#info_area dl {
	margin: 5px 10px 0px;
}
#info_area dl dt {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
	display: block;
	width: 5em;
	margin-bottom: 0.3em;
	padding: 0 0.5em;
	text-align: center;
	color: #c3543f;
	background-color: #Ffefec;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#info_area dl dd {
	margin-left: 0;
	margin-bottom: 0.5em;
	line-height: 1.4;
	color: #ffffff;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#column_right {
	display: inline;
	float: right;
	width: 650px;
}
#maincontents {
	margin-top: 96px;
	background: url(../common_img/bg_right_column.gif) repeat-y left top;
	padding: 194px 40px 50px;
}
/* ---------------------------------------------------------------- *
	更新コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents:after, .contents2:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
.contents, .contents2 {
	display:inline-block;
	min-height:1%;
	margin-bottom: 20px;
}
/* Hides from IE-mac \*/
*html .contents, *html .contents2 {height: 1%;}
.contents, .contents2 {display: block;}
/* for ie5,6*/

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#pagebottom a img {
	float: right;
}
#footer {
	position: relative;
	padding: 30px 30px 10px 20px;
	color: #231815;
	background: #fdebee;
	width: 820px;
	margin: 0px auto;
	height: 85px;
}
#footer img {
	position: absolute;
	top: 10px;
	left: 20px;
}
#footer address {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align: right;
}

/* ---------------------------------------------------------------- *
	更新エリアの画像の設定
 * ---------------------------------------------------------------- */
	

/* ---------------------------------------------------------------- *
	画像の設定です
 * ---------------------------------------------------------------- */
.fig_r {
	float: right;
	margin: 0px 0px 1em 20px;
	border: 1px solid #584026;
} 
.fig_l {
	float: left;
	margin: 0px 20px 1em 0px;
	border: 1px solid #584026;
} 
/*テキストありの場合*/
.imgbox_left {
	float:left;
	padding:1em 20px 1em 0; 
	border: 1px solid #584026;
}
.imgbox_right {
	float:right;
	padding:1em 0 1em 20px; 
	border: 1px solid #584026;
}
p.photoimage img {
	padding: 4px;
	border: 1px solid #584026;
	margin-top: 0.5em;
}