/* CSS Document */

/*html{background:#000;}*/
*{
	margin:0px;
	padding:0px;
}

body{
line-height:1.6;
color:#333;
font-family: "メイリオ", Meiryo, "adobe-garamond-pro" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "ＭＳ Ｐゴシック" , serif;
margin: 0;
padding: 0;
}

body#index{
	overflow:hidden;
}

#contents{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:0;
	background:#aaa url(../img/bg_all.gif) repeat-y;
}


/*--- ヘッダー ---*/
#hd{
	border-bottom: 1px solid #999;
}

#hd h1{
	float: left;
	width: 506px;
	padding: 0 0 0 20px;
}


/*--- メニュー ---*/
#hd ul{
	float: right;
	padding: 74px 20px 0 0;
}

#hd li{
	height: 35px;
	float: left;
	margin: 0 0 0 40px;
	text-indent: -9999px;
	overflow: hidden;
}

#hd li a{
	display: block;
	height: 35px;
}
#hd li.n1 a{width: 72px; background: url(../img/n1.gif) no-repeat 0 -35px;}
#hd li.n2 a{width: 59px; background: url(../img/n2.gif) no-repeat 0 -35px;}
#hd li.n3 a{width: 65px; background: url(../img/n3.gif) no-repeat 0 -35px;}

#hd li a:hover{ background-position: 0 0;}

#hd li.n1_crr{width: 72px; background: url(../img/n1.gif) no-repeat 0 0;}
#hd li.n2_crr{width: 59px; background: url(../img/n2.gif) no-repeat 0 0;}
#hd li.n3_crr{width: 65px; background: url(../img/n3.gif) no-repeat 0 0;}



/*--- メイン　JS画像部分 ---*/
#hold,#private{
	width:960px;
	margin:0 auto;
	border-bottom: 1px solid #999;
	padding: 50px 20px;
}


#hold li{
	float:left;
	width:477px;
	height:477px;
	position:relative;
	z-index:1;
	margin:0 0 0 2px;
}

#private li{
	float:left;
	width:477px;
	height:200px;
	position:relative;
	z-index:1;
	margin:0 0 2px 2px;
}


#hold li a{
	display:block;
}


#private li a{
	display:block;
}

#hold li img{
	display:none;
	width:477px;
	height:477px;
}

#private li img{
	display:none;
	width:477px;
	height:200px;
}

#photo{
	display:block;
	width:960px;
	position:absolute;
	left:50%;
	margin-left:-480px;
}

#photo li{
	width:960px;
	height:640px;
	margin:0 auto;
}

#photo li.ho{
	width:510px;
	height:640px;
	margin:0 auto;
}

#photo li.ho_two{
	width:510px;
	height:640px;
	margin:0 auto 20px;
}


#photo li.sq{
	width:640px;
	height:640px;
	margin:0 auto 20px;
}

#photo li.h611{
	height:611px;
}
#photo li.h672{
	height:672px;
}
#photo li.h321{
	height:321px;
}
#photo li.h300{
	height:300px;
}
#photo li.h746{
	height:746px;
}

#photo li.w427{
	width:427px;
	height:640px;
	margin:0 auto
}

#photo li img{
	display:none;
}



/*--- アバウトページ ---*/
#about{
	border-bottom: 1px solid #999;
	padding: 100px 0px;	
}

#about .a_cnts1{
	width: 286px;
	height: 286px;
	float:left;
	margin: 0 8px 0 0;
	padding:20px;
	border: 1px solid #999;
	background: #fff;
}

#about p.st1{
	margin:0 0 20px;
	font-weight: bold;
}
#about p.st2{
	margin:0 0 15px;
}
#about p span{
	margin-left:4.5em;
}

#about .a_cnts2{
	width: 326px;
	height: 326px;
	float:left;
	margin: 0 8px 0 0;
	border: 1px solid #999;
	background: #fff;
}
#about .a_cnts2 p{
	margin: 1px;
}

#about .a_cnts3{
	width: 326px;
	height: 326px;
	float:left;
	margin: 0;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
}
#about p.st3{
	margin: 130px 0 20px;
	font-weight: bold;
}

#about .a_cnts4{
	width: 326px;
	height: 326px;
	float:left;
	margin: 0;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
}



/*--- メイン　下層ページ　画像部分 ---*/
#image{
	border-bottom: 1px solid #999;
	padding: 50px 20px 10px;	
}

#image p{
	margin: 0 0 30px 0;
	text-align: center;
}

/*--- 下層ページ　ページ送り ---*/
#image ul{
	width: 158px;
	margin: 0 auto;
}

#image li{
	float:left;
	width: 26px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 40px;
}
#image li.pg3{
	margin-right: 0;
}

#image li a{
	display: block;
	width: 26px;
	height: 44px;
}
#image li.pg1 a{background: url(../img/page_pr.gif) no-repeat 0 -44px;}
#image li.pg2 a{background: url(../img/page_li.gif) no-repeat 0 -44px;}
#image li.pg3 a{background: url(../img/page_ne.gif) no-repeat 0 -44px; margin-right: 0;}

#image li a:hover{ background-position: 0 0;}

#image li.n1_crr{width: 72px; background: url(../img/n1.gif) no-repeat 0 0;}
#image li.n2_crr{width: 59px; background: url(../img/n2.gif) no-repeat 0 0;}
#image li.n3_crr{width: 65px; background: url(../img/n3.gif) no-repeat 0 0;}


/*modal*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:20000;
  background:#FFF;
  display:none;
}



/*--- フッター ---*/
#ft{
	padding: 0 20px;
	border-bottom: 1px solid #999;
}

#ft .l_box{
	float: left;
	font-size: 10px;
	margin: 20px 0 0 6px;
	padding: 0;
}

#ft .l_box p.spt{color: #aaa;}

#ft .ft_logo{
	float: right;
}



/*link*/
a:link{text-decoration:none; color:#999}
a:visited{text-decoration:none; color:#999}
a:hover{text-decoration:underline; color:#333}
a:active{text-decoration:underline; color:#333}



/*====clearfix======*/

/* for modern brouser */
.cl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.cl {
        display: inline-block;
}

* html .cl{ zoom: 1; } /* IE6 */
*:first-child+html .cl{ zoom: 1; } /* IE7 */

/* Hides from IE-mac \*/
* html .cl {
        height: 1%;
}
.cl {
        display: block;
}
/* End hide from IE-mac */
/*==========*/