/*--------------------------------------
         body & wrapper
----------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/index_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #F1F1F2;
	
}

#wrapper{
	width:801px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	color: #333333;
	line-height: 1.8em;
}
/*--------------------------------------
       link
----------------------------------------*/
a{
	color: #0066CC;
	text-decoration:underline;
}
a:hover{
	color: #0099FF;
	text-decoration: none;
}
/*--------------------------------------
         header
----------------------------------------*/
#header{
	width:780px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:10px;	
}
#header #header_left{
	float:left;
}
#header #header_right{
	float:right;
	width:235px;
}
#header #header_right #header_r_bottom{
	width:235px;
	height:23px;
	background-image: url(../images/index_sarch_bg.gif);
	background-repeat: no-repeat;
	background-position: center;	
}
#sub_header{
	width:770px;
	margin-right:15px;
	margin-left:15px;
	margin-top:5px;
}
#sub_header #sub_header_left{
	float:left;
	margin-top:10px;
}
#sub_header #sub_header_right{
	float:right;
	width:235px;
}
#sub_header #sub_header_right #sub_header_r_bottom{
	width:235px;
	height:23px;
	background-image: url(../images/index_sarch_bg.gif);
	background-repeat: no-repeat;
	background-position: center;	
}
/*--------------------------------------
         navi
----------------------------------------*/
#navi{
	width:800px;
	margin-top:8px;
}
#navi div.navi_block{
	margin:0;
	float:left;
	width:200px;
}
/*--------------------------------------
         cover
----------------------------------------*/
#cover{
	width:800px;
}
/*--------------------------------------
         content
----------------------------------------*/
#content{
	width:800px;
}
#content #content_left{
	width:589px;
	float:left;
}
#news{
	width:558px;
	margin-left:auto;
	margin-right:auto;
}
#news #news_bar{
	margin-top:10px;
	background-image: url(../images/index_news_bar.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 558px;	
}
#news #news_bar #news_btn{
	width:72px;
	float:right;
	margin-top:3px;
	margin-right:15px;
}
#news div.info{
	width:540px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#news div.info div.info_date{
	float:left;
	width:95px;
}
#news div.info div.info_content{
	float:right;
	width:445px;
}
#info_bottom{
	background-image: url(../images/index_news_unbar.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:558ppx;
	height:14px;
	margin-top:10px;
	margin-bottom:10px;
}
#content_right{
	width:210px;
	float:right;
	margin-right:1px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-image: url(../images/index_side_bg.gif);
	background-repeat: repeat-y;
}
/*--------------------------------------
       お知らせ用リンク
---------------------------------------*/
div.info a{
	color: #DA2128;
	text-decoration:underline;
}
div.info a:hover{
	color: #FF3366;
	text-decoration: none;
}

/*--------------------------------------
       sub_content
---------------------------------------*/
#sub_content{
	width:800px;
	background-image: url(../images/sub_content_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
#sub_content #sub_content_left{
	width:174px;
	float:left;
}
#sub_content #sub_content_right{
	width:626px;
	float:right;
}
#sub_content_right #sub_navi{
	width:620px;
	height:29px;
	background-color: #F1F1F2;
	padding-top:5px;
	padding-left:5px;
}
#sub_content_right #content_top{
	width:625px;
	margin-top:18px;
}
#sub_content_right div.content_block{
	width:570px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:20px;
}
/*--------------------------------------
       祈念館について
---------------------------------------*/
#about{
	margin-top:10px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height: 2.5em;
	font-size: 1.1em;
}
/*--------------------------------------
        list（遺影・手記の募集）
---------------------------------------*/
ul{
	list-style: none;
	margin:0 0 20px;
	padding: 0 0 1em;
	font-size:12px;
}
li.rec_navi{
	line-height:1.6em;
	margin-bottom:10px;
	padding: 6px 0 0 46px;
	background:url(../recruitment/images/mark_olive.gif) no-repeat 2.5em 0.7em;
}
li.navi_a{
	line-height:1.6em;
	margin:0;
	padding: 6px 0 0px 46px;
	color: #DA2128;	
}

li.mark01{
	line-height:1.6em;
	margin:0;
	padding: 6px 0 0px 46px;
	background:url(../recruitment/images/mark_01.gif) no-repeat 2.5em 0.7em;
}
li.mark02{
	line-height:1.6em;
	margin:0;
	padding: 6px 0 0px 46px;
	background:url(../recruitment/images/mark_02.gif) no-repeat 2.5em 0.7em;
}

li.mark03{
	line-height:1.6em;
	margin:0;
	padding: 6px 0 0px 46px;
	background:url(../recruitment/images/mark_03.gif) no-repeat 2.5em 0.7em;
}
/*--------------------------------------
        ピースネット
---------------------------------------*/
#p_left{
	width:420px;
	float:left;
}
#p_right{
	width:110px;
	float:right;
}
div.p_block{
	width:420px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	padding-bottom: 5px;
	padding-top:5px;
	border-bottom-color: #20C1E2;
}
div.p_block_2{
	margin-left:20px;
	margin-bottom:10px;
}
/*--------------------------------------
        平和へのメッセージ
---------------------------------------*/
#message_block{
	width:570px;
	margin:10px 0px 20px 30px;
	line-height:50px;
}
#message_block img{
	margin-right:15px;
	margin-bottom:15px;
	padding:2px;
	vertical-align:bottom;
	border:0;
}


/*--------------------------------------
        ダウンロードのページ
---------------------------------------*/
div.dl_left{
	width:244px;
	float:left;
}
div.dl_right{
	width:280px;
	float:right;
}
div.dl_block{
	margin-top:10px;
}

/*--------------------------------------
        トップへ戻る
---------------------------------------*/
div.back_top{
	width:570px;
	text-align: right;
	margin-left:30px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
/*--------------------------------------
        footer
---------------------------------------*/
#footer{
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 39px;
	width: 799px;
}
#footer_left{
	margin-left:15px;
	margin-top:2px;
	float:left;
	color:#FFFFFF;
}
#footer_right{
	margin-right:15px;
	margin-top:2px;
	float:right;
	color:#FFFFFF;
}
#footer_bottom{
	width:770px;
	margin-left:15px;
	margin-right:15px;
	padding-top:5px;
}
#footer_bottom a{
	color:#3399FF;
	text-decoration:underline;
}
#footer_bottom a:hover{
	text-decoration:none;
}

#sub_footer{
	width:796px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/sub_footer_bg.gif);
	background-repeat: repeat-x;	
}



/*--------------------------------------
        class
---------------------------------------*/
font.red{
	color: #DA2128;	
}
font.blue{
	color: #0071BC;
}
font.gray{
	color:#999999;
	font-size:10px;
}
font.f14{
	font-size:14px;
	color: #7E6F6C;
}
.style1 {
	font-size: 16px;
	font-weight: bold;
}
.p_10{
	padding-bottom:10px;
}
.p_5{
	padding-bottom:3px;
}
.p_8right{
	padding-right:8px;
}


/*--------------------------------------
       検索
---------------------------------------*/
#s_form{
	font-size:10px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
#s_btn{
	font-size:10px;
	background-image: url(../images/index_sarch_btn.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 42px;
	border-width:0px;
}

/*--------------------------------------
        回り込み防止
---------------------------------------*/
hr{
	clear:both;
	visibility:hidden;
}