@charset "shift_jis";
/* CSS Document */

/*
ファイル名：
概要：このcssファイルはhttp://www.andpeace.jp/のレイアウト設定を記述しています
*/


/*テキストのスタイル設定*/

body{
	margin:0 auto;
	background-image:url(../images/bg.jpg);
	text-align:center;
	color:#333;
}


.px9 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 9px;
}

.px10 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
}

.px12 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
}

.px12h18 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 18px;
}
.px12h18a {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 15px;
}
.px12h22 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 22px;
}
.px14h22 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	line-height:1.5em;
}

.px14h18 {
	font-size: 14px;
	line-height:1.3em;
}


.px14 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
}

.px16 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16px;
	line-height:20px;
}

/*レイアウトに関するスタイル*/

.container{
	width:855px;
	margin:15px auto 0;
	background-image:url(../images/bg_right.jpg);
	background-position:right top;
	background-repeat:repeat-y;
	text-align:left;
	
}

.header{
	width:850px;
	height:75px;
	background-image:url(../images/bg_gr.jpg);
	margin:0;
}

.logo{
	margin:5px 5px 2px;
}




.cont-area{
	width:850px;
	padding:5px 0 10px;
	background-color:#FFF;
	text-align:center;
}

.info-area{
	width:555px;
	border-top:solid 1px #74B293;
	border-bottom:solid 1px #74B293;
	padding:5px 0;
	margin-top:10px;
	text-align:left;
}

.info-1{
	width:555px;
	height:auto;
	background-image:url(../images/tt_info.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
}

.info-1 p{
	margin-left:160px;
	text-align:left;
}


.box_link{
	width:270px;
	text-align:right;
	margin-bottom:8px;
}

.box_link p{
	margin:5px;
}

#link1{
	background-color:#FCF465;
	background-image:url(../images/t_link1.gif);
	background-position:10px 5px;
	background-repeat:no-repeat;
}

#link2{
	background-color:#BFE173;
	background-image:url(../images/t_link2.gif);
	background-position:10px 5px;
	background-repeat:no-repeat;
}

#link3{
	background-color:#BE92CD;
	background-image:url(../images/t_link3.gif);
	background-position:10px 5px;
	background-repeat:no-repeat;
}

#link4{
	background-color:#FFB295;
	background-image:url(../images/t_link4.gif);
	background-position:10px 5px;
	background-repeat:no-repeat;
}



.navi_area{
	height:auto;
	margin-bottom:10px;
}

.navi_area a{
	margin-bottom:3px;
	text-align:left;
}

.navi_area a p{
	margin:5px;
}

.navi_area a:link{
	width:250px;
	border:solid 1px #ADD9AC;
	background-color:#FFF;
	text-decoration:none;
	display:block;
	color:#030;
}

.navi_area a:visited{
	width:250px;
	border:solid 1px #ADD9AC;
	background-color:#FFF;
	text-decoration:none;
	display:block;
	color:#030;
}

.navi_area a:hover{
	width:250px;
	border:solid 1px #75B974;
	background-color:#ADD9AC;
	text-decoration:none;
	display:block;
	color:#030;
}

.link-area{
	text-align:left;
	margin-top:30px;
}

.link-area img{
	margin-bottom:10px;
}

.book-area{
	width:248px;
	border:solid 1px #999;
	background-color:#FFFFE6;
	margin-bottom:10px;
	padding:10px 0 5px;
}

#ul_dot{
	border-bottom:dotted 1px #999;
	margin:2px auto 0;
	padding-bottom:1px;
}

.back-home{
	display:block;
	width:555px;
	text-align:right;
	font-size:12px;
	margin-top:10px;
}

.footer{
	width:850px;
	height:auto;
	background-image:url(../images/bg_gr.jpg);
	margin:0;
	color:#FFF;
}

.footer p{
	margin:5px;
}

/*サイトマップに関するスタイル*/

.sitemap_wrap{
	width:555px;
	margin:15px 0;
	text-align:center;
}

.sitemap_wrap h2{
	margin:3px auto 8px;
}

.sitemap_wrap p{
	text-align:left;
	color:#000;
	padding:12px 0 5px;
	margin-left:30px;
}

.sitemap_wrap ul li{
	text-align:left;
	color:#000;
	padding:12px 0 5px;
	list-style-type:disc;
	margin-left:50px;
}


/*リンクに関するスタイル*/

.link_wrap{
	width:555px;
	margin:15px 0;
	text-align:center;
}

.link_wrap h2{
	margin:3px auto 8px;
}

.link_wrap p{
	text-align:left;
	color:#000;
	padding:15px 0 0;
	margin-left:30px;
}

.link_wrap ul li{
	text-align:left;
	color:#000;
	padding:5px 0;
	list-style-type:disc;
	margin-left:50px;
}



/*位置調整に関するスタイル*/

.txt-l{
	text-align:left;
}

.mar-center{
	margin:0 auto;
}

.mar_l10{
	margin-left:10px;
}

.mar_btm5{
	margin-bottom:5px;
}

.mar_btm30{
	margin-bottom:30px;
}


/*テキストの色に関するスタイル*/

#wh{
	color:#FFF;
}

#gra{
	color:#666;
}

#blu_1{
	color:#03C;
}

#grn{
	color:#117B46;
}

#ora{
	color:#F90;
}

#blk{
	color:#000;
}

#bro{
	color:#983D08;
}

#here{
	border:solid 1px #75B974;
	background-color:#ADD9AC;
}