/*************index*************** 

 * 1. import
 * 2. font
 * 3. reset
 * 4. PC・スマホ各設定
 
 ********************************/
 
/********************************
 * 1. import
 ********************************/
/*@import "reset.css";
@import "util.css";*/


/********************************
 * 2. font
 ********************************/
a {
	color: #333;
	text-decoration: none; }
a:visited {color: #333; }
a:hover {color: #54C3F1; }
a:active {color: #54C3F1; }

/* Font-Size */
.f10{font-size:10px; line-height:14px;}
.f11{font-size:11px; line-height:15px;}
.f12{font-size:12px; line-height:16px;}
.f13{font-size:13px; line-height:17px;}
.f14{font-size:14px; line-height:18px;}


/********************************
 * 3. reset
 ********************************/
img{
	max-width: 100%;
	height: auto; }
#pop_BG {
	width: 100%;
	background: url(../images/kage.png) repeat-x top; }

#slides{
    margin: 0 auto; }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.main_movie {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden; }
.main_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%; }


/********************************
 * 4. PC・スマホ各設定
 ********************************/
/* cap */
.cap {
	font-size: 10px;
	line-height: 1.2em;
	color: #909294;
	text-align: left;
	padding-bottom: 3%; }
.cap_index {
	font-size: 10px;
	line-height: 1.2em;
	color: #909294;
	text-align: left; }


/* ダイワヘッダー */
#headerArea .areaInner #siteLogo {
	width: 384px;
	height: 32px; }
#headerArea_sp {
	display: none;  }

/* ダイワFooter_Navi */

#footerNavArea .pagetop {
	width: 177px;
	height: 45px; }

#footerArea .areaInner .groupLogo {
	width: 80px;
	height: 68px; }


/* Header */
#gHeaderArea {
	width: 100%;
	height: 65px;
	background: url(../images/h_bg.gif) repeat-x top;
	border-bottom: solid 1px #000; }
#gHeader {
	width: 1112px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px; }

#conWrapper {
	width: 100%;
	padding: 0;
	margin: 0; }


/* btnArea */
#btnArea {
	width: 1112px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 15px 0; }
#btnArea ul {
	width: 1107px;
	margin: 0 auto; }
#btnArea li {
	float: left;
	margin: 0 2px; }


/* mainContent */
#mainContent {
	width: 1112px;
	margin: 0 auto; }
#mainContent_pop {
	width: 720px;
	margin: 0 auto; }


/*footerBtn*/
.ftrBtn {
	text-align: center;
	margin-bottom: 20px; }
.copyright_sp {
	display: none; }
#fBtnArea {
	display: none; }


/* index */
#mainImgArea {
	width: 100%;
	min-height: 771px; }
#mainImgArea_liquid {
	position: relative;
	z-index: -1000; }
#mainImgArea_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 771px;
	overflow: hidden;
	z-index: -1000; }
#mainImgArea_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#mainImgArea #mainImg {
	position: relative;
	width: 1112px;
	height: 771px;
	margin: 0 auto; }
#mainImgArea #mainImg .top_title {
	text-align: left;
	padding: 3% 0 0 2%; }
#mainImgArea #mainImg .top_title img {
	width: 100%;
	height: auto;
	max-width: 524px;
	max-height: 197px; }
#mainImgArea #mainImg .top_txt {
	text-align: left;
	padding: 22% 0 0 0.5%;
	margin-bottom: 8px; }
#mainImgArea #mainImg .top_txt img {
	width: 100%;
	height: auto;
	max-width: 474px;
	max-height: 100px; }
#mainImgArea #mainImg .top_cap {
	position: absolute;
	top: 545px;
	right: 0;
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }

#menuArea {
	padding: 10px 0 0; }
#menuArea .menu1 {
	width: 1110px;
	margin: 0 auto 6px; }
#menuArea .menu2 {
	display: block;
	width: 1104px;
	margin: 0 auto; }
#menuArea .menu2_sp {
	display: none; }
#menuArea .btn_part {
	float: left;
	width: 364px;
	margin: 0 3px; }
#menuArea .btnMovie {
	float: left; }
#menuArea .btnPhoto {
	float: right; }

#footArea {
	padding: 20px 0 50px; }
#footArea .tokutenArea {
	background: #F0EBD9;
	padding: 10px; }
#footArea .t_tokuten {
	float: left;
	width: 196px;
	padding: 15px 0 0 10px; }
#footArea .linkBtn_1 {
	float: left;
	margin-right: 10px; }
#footArea .linkBtn_2 {
	float: left; }

#capArea {
	width: 100%; }


/* 下層ページ共通 */
#part_txtArea {
	width: 100%; }
#txtkage {
	width: 100%;
	background: url(../images/kage.png) repeat-x top;
	padding: 40px 0 40px; }
#txtkage_last {
	width: 100%;
	background: url(../images/kage.png) repeat-x top;
	padding: 40px 0 40px; }


/*------- part1 -------*/
/* part1_p1 */
#mainImgArea_p1 {
	width: 100%;
	min-height: 720px; }
#mainImgArea_p1_liquid {
	position: relative;
	z-index: -1000; }
#mainImgArea_p1_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 720px;
	overflow: hidden;
	z-index: -1000; }
#mainImgArea_p1_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#mainImgArea_p1 #mainImg {
	position: relative;
	width: 1112px;
	height: 720px;
	margin: 0 auto; }
#mainImgArea_p1 #mainImg .top_title {
	text-align: left;
	padding: 41% 0 0 1%; }
#mainImgArea_p1 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 400px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#mainImgArea_p1 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part1_p1 .subImg {
	float: right;
	width: 430px; }
.part1_p1 .txtArea_p1 {
	float: left;
	width: 640px; }
.part1_p1 .txtArea_p1 .title {
	text-align: left;
	margin-bottom: 15px; }
.part1_p1 .txtArea_p1 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 20px; }

 /* part1_p2 */
#part1_ImgArea_p2 {
	width: 100%;
	min-height: 670px; }
#part1_ImgArea_p2_liquid {
	position: relative;
	z-index: -1000; }
#part1_ImgArea_p2_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 670px;
	overflow: hidden;
	z-index: -1000; }
#part1_ImgArea_p2_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#part1_ImgArea_p2 #mainImg {
	position: relative;
	width: 1112px;
	height: 670px;
	margin: 0 auto; }
#part1_ImgArea_p2 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 480px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#part1_ImgArea_p2 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part1_p2 .subImg {
	float: right;
	width: 430px; }
.part1_p2 .txtArea_p2 {
	float: left;
	width: 640px; }
.part1_p2 .txtArea_p2 .title {
	text-align: left;
	margin-bottom: 15px; }
.part1_p2 .txtArea_p2 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 40px; }

 /* part1_p3 */
#part1_ImgArea_p3 {
	width: 100%;
	min-height: 670px; }
#part1_ImgArea_p3_liquid {
	position: relative;
	z-index: -1000; }
#part1_ImgArea_p3_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 670px;
	overflow: hidden;
	z-index: -1000; }
#part1_ImgArea_p3_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#part1_ImgArea_p3 #mainImg {
	position: relative;
	width: 1112px;
	height: 670px;
	margin: 0 auto; }
#part1_ImgArea_p3 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 640px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#part1_ImgArea_p3 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part1_p3 .subImg {
	float: right;
	width: 430px; }
.part1_p3 .txtArea_p3 {
	float: left;
	width: 640px; }
.part1_p3 .txtArea_p3 .title {
	text-align: left;
	margin-bottom: 15px; }
.part1_p3 .txtArea_p3 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 40px; }


/*------- part2 -------*/
 /* part2_p1 */
#mainImgArea_p2 {
	width: 100%;
	min-height: 720px; }
#mainImgArea_p2_liquid {
	position: relative;
	z-index: -1000; }
#mainImgArea_p2_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 720px;
	overflow: hidden;
	z-index: -1000; }
#mainImgArea_p2_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#mainImgArea_p2 #mainImg {
	position: relative;
	width: 1112px;
	height: 720px;
	margin: 0 auto; }
#mainImgArea_p2 #mainImg .top_title {
	text-align: left;
	padding: 3% 0 0 1%; }
#mainImgArea_p2 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 360px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#mainImgArea_p2 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part2_p1 .subImg {
	float: right;
	width: 430px; }
.part2_p1 .txtArea_p1 {
	float: left;
	width: 640px; }
.part2_p1 .txtArea_p1 .title {
	text-align: left;
	margin-bottom: 15px; }
.part2_p1 .txtArea_p1 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 20px; }

 /* part2_p2 */
#part2_ImgArea_p2 {
	width: 100%;
	min-height: 670px; }
#part2_ImgArea_p2_liquid {
	position: relative;
	z-index: -1000; }
#part2_ImgArea_p2_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 670px;
	overflow: hidden;
	z-index: -1000; }
#part2_ImgArea_p2_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#part2_ImgArea_p2 #mainImg {
	position: relative;
	width: 1112px;
	height: 670px;
	margin: 0 auto; }
#part2_ImgArea_p2 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 470px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#part2_ImgArea_p2 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part2_p2 .subImg {
	float: right;
	width: 430px; }
.part2_p2 .txtArea_p2 {
	float: left;
	width: 640px; }
.part2_p2 .txtArea_p2 .title {
	text-align: left;
	margin-bottom: 15px; }
.part2_p2 .txtArea_p2 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 20px; }

 /* part2_p3 */
#part2_ImgArea_p3 {
	width: 100%;
	min-height: 670px; }
#part2_ImgArea_p3_liquid {
	position: relative;
	z-index: -1000; }
#part2_ImgArea_p3_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 670px;
	overflow: hidden;
	z-index: -1000; }
#part2_ImgArea_p3_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#part2_ImgArea_p3 #mainImg {
	position: relative;
	width: 1112px;
	height: 670px;
	margin: 0 auto; }
#part2_ImgArea_p3 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 480px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#part2_ImgArea_p3 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part2_p3 .subImg {
	float: right;
	width: 430px; }
.part2_p3 .txtArea_p3 {
	float: left;
	width: 640px; }
.part2_p3 .txtArea_p3 .title {
	text-align: left;
	margin-bottom: 15px; }
.part2_p3 .txtArea_p3 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 40px; }


/*------- part3 -------*/
 /* part3_p1 */
#mainImgArea_p3 {
	width: 100%;
	min-height: 720px; }
#mainImgArea_p3_liquid {
	position: relative;
	z-index: -1000; }
#mainImgArea_p3_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 720px;
	overflow: hidden;
	z-index: -1000; }
#mainImgArea_p3_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#mainImgArea_p3 #mainImg {
	position: relative;
	width: 1112px;
	height: 720px;
	margin: 0 auto; }
#mainImgArea_p3 #mainImg .top_title {
	text-align: left;
	padding: 3% 0 0 1%; }
#mainImgArea_p3 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 550px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#mainImgArea_p3 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part3_p1 .subImg {
	float: right;
	width: 430px; }
.part3_p1 .txtArea_p1 {
	float: left;
	width: 640px; }
.part3_p1 .txtArea_p1 .title {
	text-align: left;
	margin-bottom: 15px; }
.part3_p1 .txtArea_p1 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 40px; }

 /* part3_p2 */
#part3_ImgArea_p2 {
	width: 100%;
	min-height: 670px; }
#part3_ImgArea_p2_liquid {
	position: relative;
	z-index: -1000; }
#part3_ImgArea_p2_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 670px;
	overflow: hidden;
	z-index: -1000; }
#part3_ImgArea_p2_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#part3_ImgArea_p2 #mainImg {
	position: relative;
	width: 1112px;
	height: 670px;
	margin: 0 auto; }
#part3_ImgArea_p2 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 520px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#part3_ImgArea_p2 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part3_p2 .subImg {
	float: right;
	width: 430px; }
.part3_p2 .txtArea_p2 {
	float: left;
	width: 640px; }
.part3_p2 .txtArea_p2 .title {
	text-align: left;
	margin-bottom: 15px; }
.part3_p2 .txtArea_p2 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 40px; }

 /* part3_p3 */
#part3_ImgArea_p3 {
	width: 100%;
	min-height: 670px; }
#part3_ImgArea_p3_liquid {
	position: relative;
	z-index: -1000; }
#part3_ImgArea_p3_liquid div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 670px;
	overflow: hidden;
	z-index: -1000; }
#part3_ImgArea_p3_liquid img {
	width: 100%;
	height: auto;
	min-width: 1300px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }
#part3_ImgArea_p3 #mainImg {
	position: relative;
	width: 1112px;
	height: 670px;
	margin: 0 auto; }
#part3_ImgArea_p3 #mainImg .txt_cap {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 320px;
	background: url(../images/cap_bg.png);
	padding: 0.7%; }
#part3_ImgArea_p3 #mainImg .txt_cap p {
	font-size: 110%;
	line-height: 1.4em;
	color: #FFF;
	text-align: right; }
.part3_p3 .subImg {
	float: right;
	width: 430px; }
.part3_p3 .txtArea_p3 {
	float: left;
	width: 640px; }
.part3_p3 .txtArea_p3 .title {
	text-align: left;
	margin-bottom: 15px; }
.part3_p3 .txtArea_p3 p {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 40px; }


/*---------- popup ----------*/
#headerArea_pop {
	width: 92%;
	background: #FFF url(../images/headerArea_bg_01_w.gif) left bottom repeat-x;
	padding: 3% 4%;
	border-bottom: 2px solid #000; }
#headerArea_pop #siteLogo_sp {
	text-align: left; }

#gHeader_pop {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px; }
#titleArea_pop {
	width: 720px;
	margin-left: auto;
	margin-right: auto; }
#titleArea_pop .pageTitle {
	text-align: center;
	padding: 15px 0; }

#mainImg_popArea {
	width: 720px;
	margin: 0 auto;
	text-align: center; }
#mainContent_pop .cap {
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	padding-top: 30px; }
#fArea {
	width: 100%; }
.btn_close {
	text-align: center; }
.copyright_pop {
	font-size: 90%;
	text-align: center;
	padding: 3% 0; }


/*---------- ぶらっと、街角写真館 ----------*/
.conWrapper_photo {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #000; }

#con_photo {
	width: 820px;
	margin: 0 auto;
	padding: 20px 0 0; }

#gHeader_photo {
	width: 750px;
	margin-left: auto;
	margin-right: auto; }
#gHeader_photo h1 {
	margin-bottom: 15px;
	text-align: left; }
#gHeader_photo .photo_txt {
	margin-bottom: 15px;
	text-align: left; }

#photo_mainArea {
	width: 750px;
	margin: 0 auto; }
.photo_mainContent {
	margin-bottom: 10px; }
#photo_mainArea li {
	float: left;
	margin-right: 7px; }
#photo_mainArea li.last {
	float: left;
	margin-right: 0px; }

#con_photo .nextback {
	position: relative;
	z-index: 100;
	width: 820px;
	margin-left: auto;
	margin-right: auto; }
#con_photo .back,
#con_photo .next{
	position: absolute;
	top: 330px;}
#con_photo .back {
	left: 0px; }
#con_photo .next {
	right: 0px; }