@charset "UTF-8";
/*==================================================
-- : 目次
================================================== 
▼全体で使用しているスタイル
-- : Common Style
-- : Home Style
-- : clearfix


※
このスタイルシートは全体のトップにのみ使用しています。
また、全体のトップにはbase.cssは読み込まれていないので
全体のトップ用のCommon Styleがここに書いてあります。
*/
/*==================================================
-- : Common Style
================================================== */

body{
	color:#333;
	/*	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ 明朝","MS Mincho","ＭＳ Ｐ明朝","MS PMincho",serif;*//*明朝体にする時はこれ*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link,
a:visited{
color:#333;
text-decoration:none;
}
a:hover{
color:#aaa;
text-decoration:none;
}
/*マウスオーバー時の画像透明度設定
全部のリンク画像にかかってもいい場合はこちらを使用*/
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-ms-filter: "alpha( opacity=70 )";
}

div,p,dd,li,.textBlock{
text-align:justify;
text-justify:inter-ideograph;
}

.left{display:inline;float:left;}
.right{display:inline;float:right;}

.nobg{background:none !important;}/*どうしてもここだけ背景消したい、って時に使用*/
.nomargin{margin:0 !important;}/*どうしてもここだけマージンなくしたい、って時に使用*/
.nopadding{padding:0 !important;}/*どうしてもここだけパディングなくしたい、って時に使用*/
.noborder{border:none !important;}/*どうしてもここだけボーターなくしたい、って時に使用*/

/*==================================================
-- : Home Style
================================================== */
#wrapper{
	min-width:1000px;
	margin:0 auto;
}


#home #photoLeft{
	width:302px;
	float:left;
}
#home #photoRight{
	width:302px;
	float:right;
}

#home #photoLeft ul li,
#home #photoRight ul li{
	position:relative;
}

#home #photoLeft ul li{
	float:left;
	display:inline;
	margin-left:1px;
	margin-top:1px;
}

#home #photoRight ul li{
	float:left;
	display:inline;
	margin-right:1px;
	margin-top:1px;
}
#home #photoLeft ul li a,
#home #photoRight ul li a{
	position:relative;
	display:block;
}
#home #photoLeft ul li a:hover,
#home #photoRight ul li a:hover{
	color:#333;
}

#home #photoLeft ul li a:hover img,
#home #photoRight ul li a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-ms-filter: "alpha( opacity=100 )";
}
#home ul li a img.photo{
	border-radius:10px;
	behavior: url("/common/css/PIE.htc");
}

#home #photoLeft ul li,
#home #photoLeft ul li a
#home #photoRight ul li,
#home #photoRight ul li a{
	width:150px;
	height:150px;
}
#home #photoLeft ul li.phLarge,
#home #photoLeft ul li.phLarge a
#home #photoRight ul li.phLarge,
#home #photoRight ul li.phLarge a{
	width:301px;
	height:301px;
}


#home #photoLeft ul li span,
#home #photoRight ul li span{
	display:block;
}
#home #photoLeft ul li span.photoInfo,
#home #photoRight ul li span.photoInfo{
	width:138px;
	height:138px;
	position:absolute;
	left:6px;
	top:6px;
	background:url(/common/images/home_ph_bg_s.png) 0 0 no-repeat;
	z-index:90;
	display:none;
	font-size:85%;
	line-height:1.5;
}
#home #photoLeft ul li.phLarge span.photoInfo,
#home #photoRight ul li.phLarge span.photoInfo{
	width:289px;
	height:289px;
	background:url(/common/images/home_ph_bg_l.png) 0 0 no-repeat;
}

#home #photoLeft ul li span.place,
#home #photoRight ul li span.place,
#home #photoLeft ul li span.title,
#home #photoRight ul li span.title,
#home #photoLeft ul li span.comment,
#home #photoRight ul li span.comment{
	margin:0 13px 0 14px;
	padding:0 0 3px 0;
}

#home #photoLeft ul li span.place,
#home #photoRight ul li span.place{
	padding-top:14px;
}

#home #photoLeft ul li span.title,
#home #photoRight ul li span.title{
	font-weight:bold;
}


#home #photoLeft ul li.phLarge span.place,
#home #photoRight ul li.phLarge span.place,
#home #photoLeft ul li.phLarge span.title,
#home #photoRight ul li.phLarge span.title,
#home #photoLeft ul li.phLarge span.comment,
#home #photoRight ul li.phLarge span.comment{
	margin:0 89px 0 89px;
}

#home #photoLeft ul li.phLarge span.place,
#home #photoRight ul li.phLarge span.place{
	padding-top:90px;
}

#home #homeMain{
	width:320px;
	margin:0 auto;
	text-align:center;
}
#home #homeMain h1{
	padding:54px 0 34px;
}
#home #homeMain h2{
	padding:0 0 32px;
}
#home #homeMain #mainNavi{
	padding:0 0 15px;
	overflow:hidden;
}
#home #homeMain #btmNavi{
	padding:10px 0;
	overflow:hidden;
}




#home #footerTop{
	padding:0 5px;
	background:#000;
	border-top:1px solid #fff;
}
#home #footerTop a:link,
#home #footerTop a:visited{
	color:#fff;
	text-decoration:none;
}
#home #footerTop a:hover{
	text-decoration:underline;
}
#home #footerTop p{
	float:left;
	color:#fff;
	padding:35px 0 0;
	font-size:77%;
}
#home #footerTop ul{
	float:right;
}
#home #footerTop ul li{
	float:left;
	display:inline;
}

#home #footerBtm{
	padding:10px;
}
#home #footerBtm p#copyright{
	font-size:93%;
}

/*==================================================
-- : clearfix
================================================== */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}












/*==================================================
10px → font-size:77%;
11px → font-size:85%;
12px → font-size:93%;
13px → font-size:100%;
14px → font-size:108%;
15px → font-size:116%;
16px → font-size:123.1%;
17px → font-size:131%;
18px → font-size:138.5%;
19px → font-size:146.5%;
20px → font-size:153.9%;
21px → font-size:161.6%;
22px → font-size:167%;
23px → font-size:174%;
24px → font-size:182%;
25px → font-size:189%;
26px → font-size:197%;
*/




​