@charset "UTF-8";
/*********************************************************************
共通アンカーリンク
*********************************************************************/
#contents-area a:link {color: #405392;text-decoration: underline;}
#contents-area a:visited {color: #5075B1;text-decoration: underline;}
#contents-area a:hover,#contents-area a:active {color: #86abc8;text-decoration: none;}
#main-contents .page-top a:link{color:#333333;text-decoration:none;}
#main-contents .page-top a:hover{color:#333333;text-decoration:underline;}
#main-contents .page-top a:visited{color:#333333;text-decoration:none;}
/*********************************************************************
PC STYLE
*********************************************************************/
#main-contents {
	width: 700px;
	padding: 0 0 15px 10px;
	float: left;
}
/*******************************
パラグラフ
********************************/
#main-contents .info-txt-box{
	font-size: 93%;
	line-height: 1.3;
	padding: 0 0 2% 0;
}

/*******************************
フォトリスト
********************************/
#main-contents .photo-box{
}
#main-contents .photo-box h3{
	font-size:131%;
	font-weight:bold;
	padding:0 0 0.5em 0.75%;
}
#main-contents .photo-box ul{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding:0 0 0.5em 0;
}
#main-contents .photo-box ul li{
	width:23.5%;
	padding:0 0.75% 1.5%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#main-contents .photo-box ul li img{
	width:100%;
	height:auto;
	vertical-align:top;
}


/*******************************
サブメニュー
********************************/
#sub-contents {
	float: right;
	margin: 0 5px 0 0;
}
/*******************************
ページTOPに戻るボタン
********************************/
#main-contents .page-top {
	width: 140px;
	font-size: 93%;
	display: block;
	padding: 6px 0 6px 15px;
	margin: 10px 0 0;
	float: right;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border: 3px;
	-moz-border-top: 3px;
	background-image: url(/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
	}
/*********************************************************************
Smart Phone Style
*********************************************************************/
@media print,screen and (max-width: 499px) {
#main-contents {
	width: 96%;
	margin:3% 2% 3%;
	padding:0;
	float:none;
}
/*******************************
パラグラフ
********************************/
#main-contents .info-txt-box{
	font-size:85%;
	line-height:1.3;
	padding:0 0 0.75em 0;
}

/*******************************
サブメニュー
********************************/
#sub-contents {
	display:none;
}
/*******************************
ページTOPに戻るボタン
********************************/
#main-contents .page-top{
	width: 100%; /* 調整 */
	margin: 0 auto;
	padding:0;
	float:none;
	clear: both;
	text-align: center;
	font-size: 93%;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/image/product/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.page-top a{
	display:block;
	padding: 9px 2% 8px;
}
}
/*********************************************************************
Tablet Style
*********************************************************************/
@media print,screen and (min-width: 500px) and (max-width: 799px) {
#main-contents {
	width: 98%;
	margin:2% 1% 3%;
	padding:0;
	float:none;
}
/*******************************
パラグラフ
********************************/
#main-contents .info-txt-box{
	font-size:85%;
	line-height:1.3;
	padding:0 0 0.75em 0;
}

/*******************************
サブメニュー
********************************/
#sub-contents {
	display:none;
}
/*******************************
ページTOPに戻るボタン
********************************/
#main-contents .page-top{
	width: 100%; /* 調整 */
	margin: 0;
	padding:0;
	float:none;
	clear: both;
	text-align: center;
	font-size: 93%;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/image/product/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.page-top a{
	display:block;
	padding: 9px 2% 8px;
}

}