﻿
/*  wrapper  ----------------------- */
div#wrapper{
width:802px;
margin:0 auto;
padding:20px 0;
position:relative;
}

/*  header  ----------------------- */
div#header{
width:802px;
height:118px;
background:url(../img/header_back.gif) no-repeat top left;
position:relative;
}

h1#head{
position:absolute;top:30px;left:20px;
background-image:none;
z-index:1;
}

img#logo{
position:absolute;top:30px;left:17px;
z-index:2;
}

/*  header2  ----------------------- */
div#header2{
width:802px;
height:118px;
background:url(../img/header_back.gif) no-repeat top left;
position:relative;
}

	/*  headernavi  ----------------------- */
	ul#headernavi{
	position:absolute;top:50px;right:7px;
	}
	
		ul#headernavi li{
		float:left;
		}
		
		ul#headernavi li img{
		vertical-align:-3px;
		margin-right:4px;
		}
		
		ul#headernavi li a{
		padding-right:8px;
		}


/*  contents  ----------------------- */
div#contents{
width:802px;
background:url(../img/contents_back.gif) repeat-y top left;
}

	/*  left_contents  ----------------------- */
	div#left_contents{
	float:left;
	width:507px;
	padding:48px 0 20px 0;
	background:url(../img/left_contents_back.gif) no-repeat top left;
	position:relative;
	}
	
	div#left_contents div{
	margin:0px 15px 15px 26px;
	position:relative;
	}
	
	h2.h2_type1{
	height:25px;
	}
	
	ul.co_list,dl.co_list{
	margin-top:5px;
	}
	
	ul.co_list li,dl.co_list dd{
	padding:3px 0 3px 0;
	background:url(../img/hasen_x.gif) repeat-x bottom left;
	}
	
	dl.co_list dt{
	padding:3px 0 3px 0;
	position:absolute;
	}
	
	dl.co_list dt span.orenge{
	font-weight:bold;
	}
		
	dl.co_list dd{
	padding-left:67px;
	}
		
	img.h2_img{
	position:absolute;top:0;left:0;
	}
	
		/*  メニュー menu1  ----------------------- */
		dl#menu1{
		margin:25px 0 0 26px;
		}
		
		dl#menu1 dd{
		float:left;
		margin:10px 8px 20px 0;
		padding-left:10px;
		}
		
			dl#menu1 dd#m1_ddtenki{
			float:right;
			margin:10px 0px 20px 0;
			padding:0 30px 0 0;
			}
		
		/*  メニュー menu2  ----------------------- */
		dl#menu2{
		clear:both;
		float:left;
		width:272px;
		background:url(../img/hasen_y.gif) repeat-y top right;
		}
		dl#menu2 dt{
		margin:0 12px 7px 26px;
		}
		
		dl#menu2 dd{
		margin:0 27px 0 36px;
		padding:3px 0 4px 0;
		background:url(../img/hasen_x.gif) repeat-x bottom right;
		}
		
		dl#menu2 dd a{
		display:block;
		}
		
		/*  メニュー menu3  ----------------------- */
		dl#menu3{
		float:left;
		width:220px;
		}
		
		dl#menu3 dt{
		margin:0 0px 7px 12px;
		}
		
		dl#menu3 dd{
		margin:0 0px 5px 24px;
		line-height:150%;
		}
		
		dl#menu3 dd#fireimg{
		padding-top:10px;
		}
	
		/*  ナビ top_navi  ----------------------- */
		ul#top_navi{
		width:518px;
		position:absolute;top:4px;left:11px;
		}
		
		ul#top_navi li{
		float:left;
		height:29px;
		margin-right:1px;
		}
		
		ul#top_navi li.nomargin{
		margin-right:0px;
		}
	
	/*  right_contents  ----------------------- */
	div#right_contents{
	float:right;
	width:295px;
	background:url(../img/right_contents_back.gif) no-repeat top left;
	}
	
		/* kankougide */
		div#kankougide{
		width:294px;
		height:315px;
		background:url(../img/kankougide_back.gif) no-repeat bottom left;
		}
		
		div#kankougide p{
		width:232px;
		margin:6px 0 6px 35px;
		}
		
		/* multilung */
		ul#multi{
		margin:6px 0 0 35px;
		}
		
			ul#multi li{
			float:left;
			height:13px;
			line-height:1;
			padding:0 5px;
			border-left:1px solid #2b6bcc;
			}
			
			ul#multi li.li_head{
			border:none;
			padding-left:0;
			}
						
	
	/*  footer  ----------------------- */
	div#footer{
	clear:both;
	width:802px;
	height:192px;
	text-align:center;
	background:url(../img/footer_back.gif) no-repeat top left;
	position:relative;
	}
	
	ul#fn_top{
	padding-top:20px;
	}
	
	ul.footer_navi{
	margin-bottom:10px;
	}
	
	ul.footer_navi li{
	display:inline;
	text-align:center;
	padding:0 5px 0 6px;
	background:url(../img/spacer_blue.gif) repeat-y top right;
	}
		ul.footer_navi li.fn_bold{
		color:#0033dd;
		font-weight:bold;
		}
		ul.footer_navi li.fn_last{
		background-image:none;
		}
		
	ul.footer_navi_simbol{
	margin-bottom:15px;
	}
	
	ul.footer_navi_simbol li{
	display:inline;
	text-align:center;
	padding:0 5px 0 6px;
	}
		
		ul.footer_navi_simbol img{
		margin-right:2px;
		vertical-align:-4px;
		}
		
	p#footer_bottom{
	width:750px;
	margin:0 auto;
	padding:15px 0;
	background:url(../img/hasen_x.gif) repeat-x top left;
	}
	
	p#copyright{
	color:#fff;
	width:802px;
	position:absolute;bottom:4px;left:0;
	}
		
		
/* ///////////////////////////////////////////////////////////////////

　2009.02.21 フォトコンテスト入賞作品ページ追加

/////////////////////////////////////////////////////////////////// */	

/* ▼以後、共通で使用できるもの */

	/* contbox_1-------------------- */
	div.contbox_1{
	width:800px;
	background:#fff;
	}
	
	/* sub_footer1 ---------------------*/
	div#sub_footer1{
	width:800px;
	text-align:center;
	padding:45px 0 75px;
	background:#fff url("../img/sub/sub_footer1.gif") no-repeat left bottom;
	}
	
	/* bottom ---------------------*/
	.btn{cursor:pointer;}


/* ▼フォトコンテスト入賞作品ページで使用 */
/* head_btn---------------------- */
#headbtn{
position:absolute;
top:283px;left:158px;
}

/* table#pcon-------------------- */
table#pcon{
width:600px;
margin:20px 0 10px 100px;
font-size:1.05em;
}
 	table#pcon th,table#pcon td{
	padding-bottom:10px;
	}
 	table#pcon th{
	width:90px;
	font-weight:bold;
	text-indent:20px;
	text-align:left;
	vertical-align:top;
	background:url("../img/cap/cap_15.gif") no-repeat left top;
	}
	
	table#pcon dt{
	position:absolute;
	padding-bottom:3px;
	}
	table#pcon dd{
	padding:0 0 3px 145px;
	}

/* dl#sakuhin------------------ */	
dl#sakuhin{
width:720px;
margin:0 0 0 40px;
}
	dl#sakuhin dt{
	position:absolute;
	width:290px;
	padding-top:60px;
	}
	
	dl#sakuhin dd{
	padding-top:30px;
	padding-left:290px;
	border-bottom:2px solid #bfc6ee;
	}
	
	dl#sakuhin dd div{
	width:130px;
	padding-bottom:18px;
	text-align:center;
	}
		dl#sakuhin dd div.sigleSakuhin{padding-bottom:0;}
		dl#sakuhin dd a{outline:none;}
		dl#sakuhin dd img{margin-bottom:5px;}
	
	table.sakuhin_list td{
	width:130px;
	padding-right:20px;
	text-align:center;
	vertical-align:top;
	}
		
		
		
		
		









