@charset "UTF-8";



/*デフォルトリセット */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
	line-height: 1;
	-webkit-text-size-adjust: none;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}


/*基本設定 */

body {
	font-size: 0.8em;
	color: #4E4E4E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
	line-height: 1.2em;
}


* html body {     
    background: url(null) fixed;     
} 



/* リンク */
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #336699;
	text-decoration: underline;
}
.img-stit {
	margin-bottom: 48px;
}
a:active {
	text-decoration: none;
}

a{ outline: none; }


/* clearfix */

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.float-clear {
	font-size: 0px;
	color: #FFF;
	clear: both;
}

#header {
	background-color: #2A2A2A;
	width: 100%;
	position: fixed;
	z-index: 9999;
	height: 102px;
}

#header .contents {
	width: 950px;
	margin-right: auto;
	margin-left: auto;

}
#header .logo {
	height: 46px;
	width: 950px;
	padding-top: 8px;
	text-align: center;
}

/* globalmenu */

#gmenu {
	background-color: #292929;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 108px;
}
.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	z-index:9999;
}


#gnavi-a{
	width: 950px;
	padding: 0;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 30px;
}




#footer {
	background-color: #B5B6BB;
	width: 100%;
	padding-top: 18px;
	padding-bottom: 18px;
}

#footer .contents {
	width: 734px;
	height: 152px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imgs/common/logo-footer.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 216px;
	font-size: 0.7em;
	color: #FFF;
}
#footer .navi {
	width: 734px;
	margin-top: 0px;
}


/* サイトナビ */ 
ul#sitenavi{
	font-size: 1.2em;
	margin-right: auto;
	margin-left: 0px;
} 

ul#sitenavi li{ 	
	display:inline; 	
	margin-right:0.3em;
 	padding-right:0.3em; 	
	border-right:1px solid #FFF; 
} 

ul#sitenavi li#liMenu08{ 
	padding-right:0.3em; 
	border-right:0px solid #FFF; 
}
.copy {
	
	width: 745px;
	margin-top: 12px;
}


.img-ico {
	margin-right: 12px;
	margin-top: 2px;
}



/* リンク */
#footer a:link {
	color: #FFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer a:active {
	text-decoration: none;
}


#contents {
	width: 950px;
     min-height: 100%;	
	 margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	padding-bottom: 36px;
	padding-top: 12px;
}



/* ページトップ */ 

#pagetop {

	position: fixed;

	bottom: 50px;

	right: 50px;

}

#pagetop a {
	background-image: url(../imgs/common/ptop.png);
	color: #fff;
	padding: 40px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-repeat: no-repeat;
}

#pagetop a:hover {

	background-image: url(../imgs/common/ptop.png);
	background-repeat: no-repeat;

}


#header a:hover img
{
opacity:0.6;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #2A2A2A;
}


#footer a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #B5B6BB;
}
 a:hover img
{
opacity:0.5;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #FFF;
}


/* コンテンツ */
#contents-r {
	float: right;
	width: 720px;	
}

#side {
	width: 200px;
	float: left;
	margin-right: 30px;	
	
}



#img2, #img3, #img4, #img5, #img6, #img7 {
display:none;
}




#gaiyo {
	float: right;
	width: 300px;
	
}

/* テ－ブル 　基本*/

.td-s {
	width: 500px;
	padding: 0;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	float: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


/* ▼　インデント */
.td-s th,
.td-s td {
	padding:8px;
	vertical-align:top;
}
/* ▼　左の枠 */
.td-s th{
	text-align: left;
	font-weight: normal;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #999999;
	border-bottom-color: #999999;	
}
/* ▼　右の枠さ */
.td-s td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


#spacer {
	height: 102px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/******* wideslider用CSS *******/

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background-color: #fff;
	background-image: url(../imgs/common/ws-p.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.slider_next {
	background-color: #fff;
	background-image: url(../imgs/common/ws-n.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.pagination {
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
	position: absolute;
	z-index: 200;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background-color: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}




#tel {
	background-image: url(../imgs/common/s-tel.png);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	height: 140px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}

.article-2 {
	float: left;
	width: 450px;
	margin-right: 50px;
	margin-bottom: 36px;
}


.article-2r {
	float: left;
	width: 450px;
	margin-bottom: 36px;
}



.article {
	padding: 12px;
	width: 694px;
	margin-bottom: 36px;
	background-position: top;
	border: 1px solid #CCCCCC;
	clear: both;
	overflow: hidden;
	background-color: #FBFBFB;
}

.img-l {
	float: left;
	margin-right: 18px;
}


/* =======================================
	ページ背景の設定
======================================= */
#wrapper1 {
	background-image: url(../imgs/index/bg.jpg);
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;	
}


#wrappersd {
	background-image: url(../imgs/sundry/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}

#wrapperce {
	background-image: url(../imgs/ceremony/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}

#wrapperwe {
	background-image: url(../imgs/wedding/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}

#wrappergf {
	background-image: url(../imgs/gift/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}

#wrapperfw {
	background-image: url(../imgs/flower/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}


.p-title {
	margin-top: 12px;
	margin-bottom: 48px;
}


.box-a {
	width: 950px;
	margin-bottom: 60px;
	clear: both;
	overflow: hidden;
}
.b-text-a {
	width: 627px;
	margin-left: 316px;
}
#main-s {
	height: 608px;
	width: 950px;
	margin-bottom: 8px;
}

.menu-sl {
	display: block;
	float: left;
	width: 160px;
	margin-right: 18px;
	
}

.menu-s {
	display: block;
	float: left;
	width: 160px;
	margin-right: 19px;
	margin-left: 19px;
}

.menu-sr {
	display: block;
	float: left;
	width: 160px;
	margin-left: 18px;
}


.cell-a {
	width: 950px;
	margin-bottom: 12px;
	clear: both;
	overflow: hidden;
}

#news-b {
	width: 555px;
	margin-left: 38px;
	float: right;
}




#news img{
	min-height:108px;
}

/* added for news */

#tc-news {
	height: auto;
}

#photo-root {
	float: right;
	margin: 10px;
	margin-top: 0;
}

#photo-root img a {
	border: 0;
}


#news-root dl {
	margin:0;
	margin-left: 8px;
	padding:5px 0;
}


#news-root dt {
	margin: 0;
	padding: 0;
}

#news-root dd	{
	margin-top: -22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 90px;
}

#news-root dt
{
	margin-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	width: 90px;
}
#news-root dd {
	margin-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 310px;
}



/* == utility == */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



#w-new {
	background-image: url(../imgs/index/bg-news.png);
	background-repeat: no-repeat;
	width: 88px;
	margin-bottom: 6px;
	padding-top: 16px;
	padding-left: 462px;
	height: 20px;
}
#map {
	float: left;
	width: 600px;
	margin-right: 20px;
}
#root {
	float: left;
	width: 250px;
}
#contact {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.box-gf {
	display: block;
	float: left;
	width: 198px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}
#gift-gallery {
	width: 936px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	clear: both;
	overflow: hidden;
}


/* テ－ブル 　基本*/

.td-r {
	width: 680px;
	padding: 0;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#recruit {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}


/* ▼　インデント */
.td-r th,
.td-r td {
	padding:8px;
	vertical-align:top;
}
/* ▼　左の枠 */
.td-r th{
	text-align: left;
	font-weight: normal;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #999999;
	border-bottom-color: #999999;	
}
/* ▼　右の枠さ */
.td-r td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


