@charset "utf-8";

/* 【photoページ】
----------------------------------------------------------------*/


#bphoto {
width:100%;
height:100%;
margin,padding:0;	
text-align:center;
}


#bphoto #wrap{
width:100%;
margin:0 auto;
overflow: hidden;
	
	}

/*ヘッダー
---------------------------------------------------------------*/

/*HOMEのみロゴがh1*/

#header{
width:875px;
height:100px;
margin:0 auto;
position:relative;
}

#bphoto #logo {
position:absolute;
top:0;
left:0px;	
}

#bphoto #searchbox {
position: relative;
width: 198px; 
height: 20px;
background: url(/parts/kensaku_bg.gif) no-repeat;
position:absolute;
top:0;
left:660px;	
}


/*ヘッダーナビ
---------------------------------------------------------------*/
#bphoto #navi {
position:absolute;
top:0;
right:17px;
}

/*グローバルナビ*/
#navi ul {
clear:both;
width:555px;
position:absolute;
top:28px;
right:0;
list-style-type:none;
}
#navi li {
display:inline;
}
#navi li a {
display:block;
width:111px;
height:42px;
float:left;
background:url(/navi/gnavi.gif) left top;
text-indent:-10000px;
overflow:hidden;
}

#navi li.n1 a       { background-position:0px   0px; }
#navi li.n2 a       { background-position:443px 0px; }
#navi li.n3 a       { background-position:332px 0px; }
#navi li.n4 a       { background-position:221px 0px; }
#navi li.n5 a       { background-position:110px 0px; }
#navi li.n1 a:hover { background-position:0px   42px; }
#navi li.n2 a:hover { background-position:443px 42px; }
#navi li.n3 a:hover { background-position:332px 42px; }
#navi li.n4 a:hover { background-position:221px 42px; }
#navi li.n5 a:hover { background-position:110px 42px; }



/*ヘッダーナビ*/
#navi ul.hnavi {
width:252px;
height:20px;
top:0;
right:198px;
}
#navi ul.hnavi li a {
display:block;
height:20px;
background:url(/navi/hnavi.gif) left top;
text-indent:-10000px;
overflow:hidden;
}

#navi .hnavi li.n1 a { width:50px; background-position:0px   0px; }
#navi .hnavi li.n2 a { width:62px; background-position:202px 0px; }
#navi .hnavi li.n3 a { width:81px; background-position:141px 0px; }
#navi .hnavi li.n4 a { width:59px; background-position:60px  0px; }
#navi .hnavi li.n1 a:hover       { background-position:0px   20px; }
#navi .hnavi li.n2 a:hover       { background-position:202px 20px; }
#navi .hnavi li.n3 a:hover       { background-position:141px 20px; }
#navi .hnavi li.n4 a:hover       { background-position:60px  20px; }




/*コンテンツ
---------------------------------------------------------------*/

#album{
width:100%;
margin:0 auto;
overflow: hidden;
}

#album_top{
width:100%;
height:150px;
margin,padding:0;
background:url(parts/album_top.gif) no-repeat top center;
overflow: hidden;
}

#album_middle{
width:100%;
height:auto;
margin,padding:0;
background:url(parts/album_middle.gif) repeat-y top center;
overflow: hidden;
}

#album_bottom{
width:100%;
height:266px;
margin,padding:0;
background:url(parts/album_bottom.gif) no-repeat top center;
overflow: hidden;
}

#photo_con{
width:990px;
height:auto;
margin:0 auto;
}

.photo_box{
width:400px;
height:300px;
margin:20px 45px 30px 45px;
float:left;
text-align:left;
background:url(parts/h2back-trans.png) no-repeat top left;
}

*html .photo_box{
width:400px;
height:300px;
margin:20px 45px 30px 30px;
float:left;
text-align:left;
background:url(parts/h2back-trans.png) no-repeat top left;
}

.photo_box h2{
font-size:14px;
color:#666;
margin-top:5px;
text-indent:40px;
}

.photo_box .comment{
width:390px;
margin:15px 0;
font-size:11px;
color:#666;
}

.photo_box .photo{
margin:0 10px 10px 0;
}

*html .photo_box .photo{
margin:0 5px 10px 0;
}


/* pagelink */
#pagelink{
margin:0 auto;
width:900px;
text-align:right;

}

#pagelink ul{
margin-top:10px;
width:900px;
}


#pagelink ul li {
display:inline;
padding:0 3px 0 8px;
border-left:1px solid #999;
font-size:11px;
line-height:24px;
list-style:none;
}

#pagelink ul li.fst {
padding-left:0;
border-left:0;
}


/*フッター
---------------------------------------------------------------*/

#bphoto #footerarea{	
clear:both;
width:100%;
background:url(/parts/footer_bg.gif) left top repeat-x;
text-align:center;
	}
	
#footer {
padding:18px 0;
line-height:1.2;
position:relative;
width:840px;
margin:0 auto;
}


/*fmenu2*/
#fmenu2 ul{
margin-top:10px;
margin-bottom:40px;
width:840px;
}

#fmenu2 ul li {
display:inline;
padding:0 3px 0 8px;
border-left:1px solid #999;
font-size:11px;
line-height:24px;
}

*html #fmenu2 ul li {
display:inline;
padding:0 2px 0 4px;
border-left:1px solid #999;
font-size:10pt;
line-height:24px;
}

#fmenu2 ul li.fst {
padding-left:0;
border-left:0;
}


address {
width:380px;
}