@charset "utf-8";
/* ===================================================================
CSS information
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

 body.index,
 body.news,
 body.eye,
 body.watch,
 body.company,
 body.contact,
 body.access{
	background:url(../img/bg.gif) top repeat-x #fff;
	color:#333;
	font-size:smaller;
	}

body.wedding{
	background-color:#000;
	}
	
.wedding.index{
	background:url(../../wedding/top_img/bg_foot.jpg) 0 426px repeat-x #000;
	}
	
body.wedding.brand{	
	background: url(../../wedding/common/img/title_bg.jpg) 0 106px repeat-x #000;
	}
	
	


a:active{
	color:#333;
	}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.on{
	}
	
.btn{
	}
	
.fix{
}
	
.imgR {
	float: right;
	}
	
.company .imgR {
	padding-left:30px;
	_zoom:1;
	}

.imgL {
	float: left;
	}

.mgL10{margin-left:10px;}
.mgL20{margin-left:20px;}
.mgR10{margin-right:10px;}
.mgL20{margin-right:20px;}
.mgB15{margin:0 0 15px 0;}
.mgB23{margin:23px 0 0px 0;}

.clear{
	clear:both;
	}
	

	
.btn{
	clear:both;
	}
	
/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/


.index #container{
	width:953px;
	margin:0 auto;
	padding-bottom:65px
	}
	
.news #container,
.eye #container,
.watch #container,
.company #container,
.contact #container,
.access #container{
	width:950px;
	margin:0 auto;
	padding-bottom:100px;
	}
	
.wedding #container{
	width:950px;
	margin:0 auto;
	padding:0;
	}

#header{
	width:100%;
	height:34px;
	padding-top:21px;
	padding-bottom:15px;
	height:17px;
	margin:0 0 23px 0;
	}
	

#content{
	width:100%;
	}

.news #content,
.eye #content,
.watch #content,
.company #content,
.contact #content,
.access #content{
	padding-top:25px;
	}
	
	

.contact #main,
.access #main{
	padding-left:15px;
	width:935px;
	}

.company #main{
	width:948px;
	}

.news #main,
.eye #main,
.watch #main,
.wedding #main{
	width:700px;
	margin:auto;
}	
	
	

	
.index #footer,
.news #footer,
.eye #footer,
.watch #footer,
.company #footer,
.contact #footer,
.access	 #footer,
.wedding #footer{
	padding-top:30px;
	background-color:#000;
	height:290px;
	width:100%;
	clear:both;
	}
	


/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/

	
#header .logo{
	float:left;
	height:17px;
	width:337px;
	}
	

	
/*-----------  グローバルメニュー ----------*/


ul#gNav{
	float:left;
	width:594px;
	height:8px;
	padding-top:4px;
	padding-bottom:5px;
	}

ul#gNav li{
	float:left;
	height:8px;
	font-size:10px;
	position:relative;
	display:_inline;
	}

ul#gNav li a {
	background:no-repeat scroll 0 0;
	display:block;
	height:8px;
	padding-top:4px;
	padding-bottom:5px;
	overflow:hidden;
	text-indent:-9999px;
	}

/* hover, current */
ul#gNav li a:hover,
.news ul#gNav li.news  a,
.eye ul#gNav li.eye a,
.watch ul#gNav li.watch a,
.wedding ul#gNav li.wedding a,
.contact ul#gNav li.contact a,
.company ul#gNav li.company a,
.access ul#gNav li.access a{
	}
	
#gNav li.news a{background-image:url(../img/gnav-news.gif);width:32px;margin-right:37px;}
#gNav li.eye a{background-image:url(../img/gnav-eye.gif);width:54px;margin-right:37px;}
#gNav li.watch a{background-image:url(../img/gnav-watch.gif);width:41px;margin-right:37px;}
#gNav li.wedding a{background-image:url(../img/gnav-wedding.gif);width:88px;margin-right:37px;}
#gNav li.contact a{background-image:url(../img/gnav-contact.gif);width:55px;margin-right:37px;}
#gNav li.company a{background-image:url(../img/gnav-company.gif);width:58px;margin-right:37px;}
#gNav li.access a{background-image:url(../img/gnav-access.gif);width:44px;}


/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/


/*-----------  見出し ----------*/

.wedding h2,
.company h2,
.contact h2,
.access h2{
	padding-bottom:65px;
	}
	

h3{
	background:url(../img/bg-h3.gif) repeat-x bottom #fff;
	font-size:14px;
	padding-top:2px;
	padding-bottom:8px;
	padding-left:15px;
	font-weight:bold;
	}
	
	
.company h3{
	margin-bottom:40px;
	clear:both;
	}	

.contact h3,
.access h3{
	margin-bottom:35px;
	margin-left:-15px;
	_zoom:1;
	}
	
.contact #main h4{
	text-align:center;
	font-size:14px;
	margin-top:30px;
	color:#C00;
	}
	
/*-----------  ボックス ----------*/


.access .box1{
	padding-bottom:45px;
	}
	
.access .box2{
	clear:both;
	}

.company .box{
	padding-bottom:50px;
	margin-left:15px;
	}

.company .box1{
	padding-bottom:90px;
	margin-left:15px;
	}
	
.company .box2{
	width:100%;
	clear:both;
	}
	
	
.contact .box2{
	text-align:center;
	padding-top:30px;
	width:800px;
	}
	
#map1,
#map2{
	width:398px;
	height:298px;
	border:1px solid #ccc;
	}

/*-----------  カラム ----------*/

.company #main .col{
	float:left;
	position:relative;
	}
	
.company #main .two{
	padding:0 14px;
	_zoom:1;
	}
	
.company .box2 img{
	padding-bottom:7px;
	}

	

/*-----------  段落 ----------*/

.company p,
.contact p,
.access p{
	line-height:1.8;
	}
	

/*-----------  テーブル ----------*/


.contact table{
	margin-top:33px;
	}
	
.company table{
	float:left;
	width:500px;
	margin-top:23px;
	}	
	
.access table{	
	float:right;
	width:667px;
	}

.contact th,
.company th{
	background-color:#000;
	color:#fff;
	}
	
.contact th,
.company th{
	padding:5px 0px 5px 12px;
	border-bottom:1px solid #fff;
	text-align:left;
	font-weight:normal;
	}
	
.contact th{
	width:190px;
	}
	
.company th{
	width:124px;
	}	

.contact th,
.company th,
.contact td,
.company td{
	border-bottom:1px solid #fff;
	text-align:left;
	vertical-align:top;
	}
	
.contact td,
.company td{
	padding:5px 0px 5px 18px;
	}
	
/*-----------  フォーム ----------*/	

input.txt,
textarea.txt{
	width:490px;
	}
	
.contact span{
	color:#C00;
	}
	
	
/*----------------------------------------------------
	フッター
----------------------------------------------------*/

	
	
#footer .inner{
	width:962px;
	margin:0 auto;
	}
	
#footer .col{
	float:left;
	position:relative;
	border-left:1px solid #333;
	line-height:1.6;
	white-space:nowrap;
	text-indent:9px;
	}
	
#footer .one{
	width:126px;
	}
	
#footer .two{
	width:106px;
	padding-top:22px;
	}	
	
#footer .three{
	width:106px;
	_vertical-align:top;
	}		
	
#footer .four{
	width:141px;
	}	
	
#footer .five{
	width:130px;
	}		
	
	
#footer h5{
	padding-bottom:15px;
	}
	
#footer ul{
	width:100%;
	margin:0;
	padding:0;
	font-size:10px;
	color:#fff;
	}
	


#footer li{
	line-height:1.8;
	_margin:0;
	_padding:0;
	_line-height:1;
	font-weight:bold;
	}
	
#footer li a{
	display:block;
	color:#fff;
	text-decoration:none;
	}
	
#footer li a:hover{
	text-decoration:underline;
	}
	
#footer li a:visited{
	color:#fff;
	text-decoration:none;	
	}


#footer .copy{
	float:right;
	}
	

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/

.inner:after,
.box1:after,
.box2:after,
.box3:after,
#contents:after,
#main:after,
#container:after,
#footer:after,
#sub-footer:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
	}
.inner,
.box1,
.box2,
.box3,
#contents,
#main,
#container,
#footer,
#sub-footer{
	display:inline-block;
	min-height:1%;
	}

/* Hides from IE-mac \*/
* html #main,
* html #container,
* html #footer,
* html #sub-footer,
* html #contents,
* html .clearfix
* html .inner,
* html .box1,
* html .box2,
* html .box3,
* html #contents,
* html .clearfix{height:1%;}

.inner,
.box1,
.box2,
.box3,
#contents,
#main,
#container,
#footer,
#sub-footer,
.clearfix{display:block;}
/* End hide from IE-mac */
.access #contents #main .box1 {
	padding-bottom: 20px;
}