@charset "utf-8";
/* CSS Document */

/*-------------------------------
	トップページ
---------------------------------*/
.top .d_ban {
	width : 690px ;
	padding : 5px ;
	border : 1px #D1D7E4 solid ;
	background : #fff ;
	box-sizing:border-box;
}

.top .d_ban > div {
	backgorund : #333 ;
}

.top .info {
	width : 260px ;
	border : 1px #D1D7E4 solid ;
	background : #fff ;
	padding : 5px ;
	box-sizing : border-box ;
	height : 292px ;
	overflow : auto ;
	font-size : 12px ;
}

.top .info h2 {
	background : url("../img/top_info_title.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
	width : 100% ;
}

.top .info ul {
	height : 242px ;
	overflow: auto ;
}

.top .info li {
	padding: 10px 10px 5px 15px;
	margin: 0 0 0 10px;
	border-bottom : 1px dotted #ddd ;
	background : url(../img/icon_arr_1.png) left 50% no-repeat ;
	
}

.top .info li .date {
	color : #BBBBBF ;
	font-size : 11px ;
}

.top .topics {
	width : 46% ;
	float : left ;
	border : 1px #D1D7E4 solid ;
	background : #fff ;
	padding : 5px ;
	font-size : 12px ;
}

.top .topics > p {
	background : #284F7B ;
	color : #fff ;
	margin : 5px ;
	padding : 2px ;
	font-size : 12px ;
}

.top .topics ul {
	overflow: auto ;
	overflow-x : hidden ;
}

.top .topics li {
	padding-top : 10px ;
	border: 1px solid #ddd ;
}

.top .topics li .date {
	padding-left : 10px ;
	position: relative;
	left: 10px;
	margin-right : -10px ;
}

.top .topics li .title {
	padding-left : 10px ;
	padding-bottom : 5px ;
}

.top .topics li:nth-child(even) {
	background : #EFEFEF ;
}

.top .topics .title {
	color : #284F7B ;
	cursor : pointer ;
}

.top .topics h2 {
	background : url("../img/top_topics_title.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
}

.top .topics a {
	color : #284F7B ;
}

.top .topics .date {
	background: url(../img/icon_arr_1.png) left 50% no-repeat;
	padding-left : 10px ;
	font-size : 10px ;
}

.top .topics .date a {
	color : #000 ;
}

.top .topics .txt {
	font-size : 11px ;
	background : #ffffe5 ;
	padding : 10px ;
	line-height: 1.5 ;
	font-size : 13px ;
}

.top .new_blog {
	width : 48% ;
	float : right ;
	border : 1px #D1D7E4 solid ;
	background : #fff ;
	padding : 5px ;
	height : 560px ;
	overflow: auto ;
}

.top .new_blog > p {
	background : #B7173D ;
	color : #fff ;
	margin : 5px ;
	padding : 2px ;
	font-size : 12px ;
}

.top .new_blog h2 {
	background : url("../img/top_photoblog_title.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
}

.top .new_blog .cf .left:last-child {
	margin-left : 10px ;
	font-size : 12px ;
}

.top .new_blog .date {
	font-size:  10px ;
}

.top .new_blog a {
	color : #284F7B ;
}

.top .new_blog li {
	padding : 10px 0 ;
	margin : 10px 0 ;
	border-bottom : 1px dotted #ddd ;
}

.top .new_blog .name a {
	color : #B7173D ;
}

.top .new_blog .shop_name a {
	font-size : 10px ;
	color : #666 ;
}

.top .new_blog ul {
	height : 500px ;
	overflow: auto ;
}

.top .soku .align_right,
.top .pinup .align_right,
.top .new .align_right,
.top .no1 .align_right {
	margin : 10px 0 ;
}

.top .soku {
	border : 1px #D1D7E4 solid ;
	background : #fff ;
	padding : 5px ;
	box-sizing : border-box ;	
	margin : 10px 0 ;
}

.top .soku h2 {
	background : url("../img/top_gal_title_0.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
}

.top .soku marquee,
.top .pinup marquee,
.top .new marquee,
.top .no1 marquee {
	color: #61601a;
	background: #feffcc;
	border-bottom: 1px solid #CCC;
}

.top .soku li {
	width : 128px ;
	padding : 3px ;
	margin : 0 2px ;
	box-sizing:border-box;
	border : 1px #D1D7E4 solid ;
	float : left ;
	text-align: center ;
}

.top .soku .name a,
.top .pinup .name a,
.top .new .name a,
.top .no1 .name a {
	color : #284F7B ;
}

.top .soku .shop_name,
.top .pinup .shop_name,
.top .new .shop_name,
.top .no1 .shop_name {
	font-size : 11px ;
}

.top .soku .shop_name a,
.top .pinup .shop_name a,
.top .new .shop_name a,
.top .no1 .shop_name a {
	color : #000 ;
}

.top .soku .time,
.top .pinup .time,
.top .new .time,
.top .no1 .time {
	border-bottom: 1px solid #DDD ;
	border-top : 1px solid #DDD ;
	margin : 5px 0 ;
	color : #A7A7A7 ;
	font-size : 12px ;
	padding : 3px 0 ;
}

.top .soku .more a,
.top .pinup .more a,
.top .new .more a,
.top .no1 .more a {
	border : 1px solid #ddd ;
	padding : 3px 10px ;
	border-radius : 5px ;
	text-decoration: none ;
	color : #284F7B ;
}

.top .soku .more,
.top .pinup .more,
.top .new .more,
.top .no1 .more {
	padding : 10px 0 5px 0 ;
}


.top .pinup,
.top .new,
.top .no1 {
	border : 1px #D1D7E4 solid ;
	background : #fff ;
	padding : 5px ;
	box-sizing : border-box ;	
	margin : 10px 0 ;
}

.top .pinup li,
.top .new li,
.top .no1 li {
	width : 128px ;
	padding : 3px ;
	margin : 5px 2px ;
	box-sizing:border-box;
	border : 1px #D1D7E4 solid ;
	float : left ;
	text-align: center ; 
	border-radius : 4px ;
}

.top .pinup h2 {
	background : url("../img/top_gal_title_1.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
}

.top .new h2 {
	background : url("../img/top_gal_title_2.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
}

.top .no1 h2 {
	background : url("../img/top_gal_title_3.png") no-repeat ;
	height : 27px ;
	text-indent: -9999px ;
}

.top .middle_ban {
	margin : 10px 0 ;
}

.top .middle_ban li {
	margin : 5px 0 ;
}

.top .slide p:last-child {
	background : #333333 ;
	color : #fff ;
	text-align: center ;
	padding : 10px 0 ;
}

.top .more a:hover {
	background  : #284F7B ;
	color : #fff ;
	border : 1px #3686C5 solid ;
}

.top .slide a:hover {
	opacity : 1 !important;
}

.top .slide img:hover {
	opacity : 1 !important;
}

.top .icon {
	margin-bottom : 2px ;
	line-height: 1 ;
	min-height : 15px ;
}

.make_space {
	height : 60px ;
	padding-bottom : 5px ;
	border-bottom : 1px #ccc solid ;
}