@charset "utf-8";

/* ==================================================
contents
================================================== */
/*main_visual*/
#tmp_top_slide {
	height:748px;
	background:url(/shared/teijyu/images/main/cnt_bg.jpg) left top repeat;
	padding-bottom:42px;
}
#tmp_top_slide #tmp_top_slide_cover {
	background:url(/shared/templates/teijyu_top/images/main_visual_cover.png) center top no-repeat;
	width:1200px;
	height:713px;
	margin:0 auto;
	position:absolute;
	z-index:500;
	left:0;
	right:0;
}
#tmp_top_slide .top_slide {
	width:1200px;
	height:713px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#tmp_top_slide .top_slide .wrap_gallery_cntrol {
	position:absolute;
	z-index:900;
	right:-7px;
	top:132px;
	width:80px;
}
#tmp_top_slide .top_slide .gallery_cntrol p {
	overflow:hidden;
}
#tmp_top_slide .top_slide .gallery_cntrol .start_btn {
	background:url(/shared/templates/teijyu_top/images/start_btn.png) left top no-repeat;
	width:74px;
	height:14px;
}
#tmp_top_slide .top_slide .gallery_cntrol .stop_btn {
	background:url(/shared/templates/teijyu_top/images/stop_btn.png) left top no-repeat;
	width:62px;
	height:14px;
}
#tmp_top_slide .top_slide .gallery_cntrol p a {
	display:block;
	text-indent:-9999px;
}
#tmp_top_slide .gallery_navi,
#tmp_top_slide .list_order {
	display:none;
}
#tmp_top_cnt01,
#tmp_top_cnt02 {
	background:url(/shared/teijyu/images/main/flag_bg.png) left top repeat-x;
	position:relative;
	clear:both;
	padding:76px 0 48px;
}
.cnt_bg {
	background:url(/shared/teijyu/images/main/cnt_bg.jpg) left top repeat;
	clear:both;
}
#tmp_top_cnt01 .top_cnt01 {
	width:1200px;
	margin:0 auto;
}
#tmp_top_cnt01 h2 {
	background:url(/shared/templates/teijyu_top/images/recommend_ttl.jpg) left top no-repeat;
	display:block;
	width:378px;
	height:108px;
	margin:0 auto 13px;
}
#tmp_top_cnt01 h2 span {
	display:block;
	text-indent:-9999px;
}
#tmp_top_cnt01 .cnt01_btn {
	float:right;
	width:206px;
	list-style:none;
	margin-top:-109px;
	text-align:center;
}
#tmp_top_cnt01 .cnt01_btn .rss_btn {
	background:url(/shared/teijyu/images/icon/rss_icon.jpg) center 15px no-repeat;
	border:4px solid #DCDCDC;
	border-radius:50px;
	width:78px;
	height:78px;
	float:left;
}
#tmp_top_cnt01 .cnt01_btn .list_btn {
	background:url(/shared/teijyu/images/icon/list_icon.jpg) center 15px no-repeat;
	border:4px solid #DCDCDC;
	border-radius:50px;
	width:78px;
	height:78px;
	float:right;
}
#tmp_top_cnt01 .cnt01_btn li a {
	display:block;
	padding:49px 10px 20px;
	text-decoration:none;
	color:#000000;
	background-color:transparent;
}
#tmp_top_cnt01 .recommend_img {
	clear:both;
	float:left;
	width:362px;
	height:375px;
	overflow:hidden;
	margin:0 24px 10px 0;
	position:relative;
}
#tmp_top_cnt01 .recommend_cover {
	width:362px;
	height:375px;
	background:url(/shared/templates/teijyu_top/images/recommend_img_cover.png) left top no-repeat;
	z-index:100;
	position:relative;
}
#tmp_top_cnt01 .recommend_img img {
	position:absolute;
	left:-50%;
	right:-50%;
	top:0;
	bottom:0;
	margin:auto;
	
}
#tmp_top_cnt01 .recommend_box {
	float:left;
	width:304px;
	margin:54px 0 10px;
}
#tmp_top_cnt01 .recommend_link_ttl {
	margin:0 0 18px;
}
#tmp_top_cnt01 .recommend_box p {
	font-size:114.2%;
}
#tmp_top_cnt01 .recommend_box p a {
	font-weight:bold;
}
#tmp_top_cnt01 .recommend_link {
	border:2px solid #C0C0C0;
	border-radius:8px;
	text-align:center;
	margin:14px 0 0;
}
#tmp_top_cnt01 .recommend_link a {
	padding:8px;
	display:block;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
}
#tmp_top_cnt01 .recommend_link span {
	background:url(/shared/teijyu/images/icon/link_icon.jpg) left center no-repeat;
	padding:5px 0 5px 32px;
}

#tmp_top_cnt01 .recommend_others {
	float:right;
	width:450px;
	margin:30px 0 10px;
}
#tmp_top_cnt01 .recommend_others .others_ttl {
	background:url(/shared/templates/teijyu_top/images/others_ttl.jpg) left top no-repeat;
	width:89px;
	height:23px;
	float:right;
}
#tmp_top_cnt01 .recommend_others .others_ttl span {
	position:relative;
	z-index:-1;
	overflow:hidden;
	width:89px;
	height:23px;
}
#tmp_top_cnt01 .recommend_others ul {
	padding:35px;
	border:5px dotted #C0C0C0;
	list-style:none;
	color:inherit;
	clear:both;
}
#tmp_top_cnt01 .recommend_others ul li {
	background:url(/shared/teijyu/images/icon/black_icon.jpg) left 0.3em no-repeat;
	padding-left:24px;
	margin-bottom:1.4em;
}
#tmp_top_photo {
	position:relative;
}
#tmp_top_cnt02 h2 {
	background:url(/shared/templates/teijyu_top/images/photo_slide_ttl.png) left top no-repeat;
	display:block;
	width:328px;
	height:202px;
	background-size:100% auto;
	margin:0 auto 60px;
	position:relative;
	overflow:hidden;
}
#tmp_top_cnt02 h2 span {
	display:block;
	text-indent:-9999px;
}
#tmp_top_cnt02 ul {
	width:874px;
	position:absolute;
	left:0;
	right:0;
	top:86px;
	margin:0 auto;
}
#tmp_top_cnt02 ul li {
	list-style:none;
}
#tmp_top_cnt02 .list_order {
	display:none;
}
#tmp_top_cnt02 .toukou {
	background:url(/shared/templates/teijyu_top/images/photo_toukou_bg.png) left top no-repeat;
	width:235px;
	height:201px;
	float:left;
}
#tmp_top_cnt02 .toukou a {
	display:block;
	padding:123px 20px 50px 83px;
	text-decoration:none;
	color:#000000;
	background-color:transparent;
	font-size:128.5%;
	font-weight:bold;
}
#tmp_top_cnt02 .photo_list {
	background:url(/shared/templates/teijyu_top/images/photo_list_bg.png) left top no-repeat;
	width:220px;
	height:151px;
	margin:50px 0 0;
	float:right;
}
#tmp_top_cnt02 .photo_list a {
	display:block;
	padding:73px 20px 50px 89px;
	text-decoration:none;
	color:#000000;
	background-color:transparent;
	font-size:128.5%;
	font-weight:bold;
}
#tmp_top_photo .top_photo {
	width:1065px;
	margin:0 auto;
}
#tmp_top_photo .touch_area {
	position:relative;
	z-index:700;
	left:-6px;
}
#tmp_top_photo .box_gallrey {
	width:340px;
	padding-right:15px;
}

#tmp_top_photo .box_gallrey .top_photo_box_cnt {
	margin:0;
}
#tmp_top_photo .top_photo_box_cnt {
	background-color:#FFFFFF;
	color:inherit;
	padding:8px;
	width:324px;
	height:100%;
	float:left;
	margin:0 15px 15px 0;
}
#tmp_top_photo .top_photo_box:nth-child(3n+1) {
	clear:both;
}
#tmp_top_photo .top_photo_box_cnt a {
	display:block;
	text-decoration:none;
	color:inherit;
}
#tmp_top_photo .top_photo_box_cnt img {
	max-width:100%;
	height:auto;
}
#tmp_top_photo .top_photo_box_cnt .top_photo_ttl{
	display:block;
	font-size:114.2%;
	font-weight:bold;
	margin:20px 16px 2px;
}
#tmp_top_photo .top_photo_box_cnt .top_photo_name {
	display:block;
	margin:0 16px 12px;
}
#tmp_top_photo .gallery_navi {
	width:1200px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:45%;
}
#tmp_top_photo .gallery_navi .prev_btn {
	background:url(/shared/teijyu/images/icon/slide_left_icon.png) left top no-repeat;
	width:62px;
	height:58px;
	float:left;
}
#tmp_top_photo .gallery_navi .next_btn {
	background:url(/shared/teijyu/images/icon/slide_right_icon.png) left top no-repeat;
	width:62px;
	height:58px;
	float:right;
}
#tmp_top_photo .gallery_navi p a {
	display:block;
	width:62px;
	height:58px;
}
#tmp_top_photo .gallery_navi p a span {
	position:relative;
	z-index:-1;
}
.no_javascript .no_js {
	display:none;
}
.pc_none {
	display:none;
}
.navi_none {
	display:none;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.clearfix:after,
#tmp_top_cnt01:after,
#tmp_top_cnt02:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html .clearfix {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html .clearfix {
	display:inline-block; /* 変更しない */
}
/* ==================================================
print
================================================== */
@media print {
/* for IE7.0 */
*:first-child+html #tmp_gnavi ul li span {
	visibility:hidden;
}
/* for IE6.0 */
* html #tmp_gnavi ul li span {
	visibility:hidden;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
#tmp_footer {
	text-align:left;
}
body {
zoom: 80%;
}
}


