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

update:2009/3/19
----------------------------------------------- */

/*
===== CONTENTS =====

	1: universal reset 
	2: layout
	3: parts
		: header
		: navi
		: main
		: sub
		: footer
	
====================
*/

/* 1: universal reset
----------------------------------------------- */

*{
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-style:solid;
	border-width:0px;
	border-color:#ccc;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6{line-height:1.5;}
div,p,li,dt,dd{line-height:1.7;}
th,td{ line-height:1.8; text-align:left; font-weight:normal; vertical-align:top;}
img{border-width:0px; vertical-align:bottom;}

a{color:#10236f;outline:none;text-decoration: underline;}
a:hover{}

option{padding-right:10px;}


/* ie6-png */
* html .png{
behavior: expression(this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",this.style.behavior = "none"));}
* html .png-repeat{
behavior: expression(this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",this.style.behavior = "none"));}
.png-img{ behavior: expression(IEPNGFIX.fix(this));}


/* 2: layout
----------------------------------------------- */


html,
body,
#container{height:100%;}
#container{
    min-height: 100%;
}
body > #container {
    height: auto;
}

body{
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro",Verdana,Arial,Helvetica,"Osaka","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	text-align:center;
	color:#10236f;
	font-size: 75%;
	padding:0px 0;
}
html>/**/body {font-size: 12px;}

#container{
	margin:0px auto;
	text-align:left;
	width:972px;
	background:url(../img/common/container.jpg) repeat-y;
}

#header{
	position:relative;
	background-image:url(../img/common/header.jpg);
	height:96px;
}
#home-p #header{
	background-image:url(../img/home/header.jpg);
}

.party-site #header{background-image:url(../img/common/header-party.jpg);}

#navi{
	width:972px;
	background-image:url(../img/common/navi.jpg);
	display: inline-block;
	margin-bottom:30px;
}
#navi:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

#navi2{
	width:972px;
	background-image:url(../img/common/navi2.jpg);
	display: inline-block;
	margin-bottom:30px;
}
#navi2:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

#contents{
	display: inline-block;
	width:857px;
	margin-left:49px;
	padding-bottom:20px;
}
#contents:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

#contents-wide{
	width:874px;
	margin-left:49px;
	padding-bottom:20px;
}

#main,
#sub{display:inline;}

#main{
	width:560px;
	float: right;
}

#sub{
	width:230px;
	float: left;
}

#footer{
	background-image:url(../img/common/footer.jpg);
	text-indent:-9000px;
	height:25px;
	overflow:hidden;
}

/* 3: parts
----------------------------------------------- */

/*
===== header =====
*/

#logo{
	position:absolute;
	top:10px;
	left:14px;
	width:149px;
}

#logo a{
	display:block;
	text-indent:-9000px;
	height:83px;
	background-image:url(../img/common/logo.jpg);
}

#h-form{
	position:absolute;
	left:588px;
	top:55px;
}
#h-form a{
	background-image:url(../img/common/h-form.jpg);
	width:94px;
	height:34px;
	text-indent:-9000px;
	display:block;
}
#h-form a:hover{background-position:bottom;}


/*----- header-navi -----*/

#h-navi{
	position:absolute;
	left:689px;
	top:5px;
	background-image:url(../img/common/h-navi.jpg);
	width:271px;
	height:49px;
}

#h-navi li{position:absolute;}
#hn1{left:2px; top:17px;}
#hn2{left:153px; top:5px;}
#hn3{left:153px; top:27px;}

#h-navi a{
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	height:19px;
}

#hn1 a{
	background-image:url(../img/common/h-navi-sougou.jpg);
	background-position:0px -38px;
	width:112px;
}
#hn2 a,
#hn3 a{
	width:114px;
}

#hn2 a{ background-image:url(../img/common/h-navi-wedding.jpg);}
#hn3 a{ background-image:url(../img/common/h-navi-enseki.jpg);}

.party-site #hn1 a,
.wedding-site #hn1 a{background-position:left top;}

#h-navi a:hover{background-position:center;}

#hn1 a:hover{ background-position:0px -38px;}

.party-site #hn1 a:hover,
.wedding-site #hn1 a:hover{background-position: center;}


.wedding-site #hn2 a,
.wedding-site #hn2 a:hover{background-position:0px -38px;}

.party-site #hn3 a,
.party-site #hn3 a:hover{background-position:0px -38px;}


/*----- header-navi2 -----*/

#h-navi2{
	position:absolute;
	left:824px;
	top:54px;
	width:133px;
}

#h-navi2 li{
	position:absolute;
	top:0px;
}
#hn2-1{left:0px;}
#hn2-2{left:73px;}

#h-navi2 a{
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	background-image:url(../img/common/empty.gif);
	height:17px;
}
#hn2-1 a{width:73px;}
#hn2-2 a{width:60px;}


/*
===== navi =====
*/

#navi li{float: left;}

#navi a{
	display:block;
	text-indent:-9000px;
	height:27px;
	background-image:url(../img/common/navi.jpg);
}

#n1 a{ margin-left:33px; width:64px; background-position:-33px 0px;}
#n2 a{ width:94px; background-position:-97px 0px;}
#n3 a{ width:94px; background-position:-191px 0px;}
#n4 a{ width:94px; background-position:-285px 0px;}
#n5 a{ width:89px; background-position:-379px 0px;}
#n6 a{ width:165px; background-position:-468px 0px;}
#n7 a{ width:107px; background-position:-633px 0px;}
#n8 a{ width:199px; background-position:-740px 0px;}

#home-p #n1 a{ background-position:-33px -54px;}
#company-p #n2 a{ background-position:-97px -54px;}
#recruit-p #n3 a{ background-position:-191px -54px;}
#concept-p #n4 a{ background-position:-285px -54px;}
#access-p #n5 a{ background-position:-379px -54px;}
.info-p #n6 a{ background-position:-468px -54px;}
#pacha-p #n7 a{ background-position:-633px -54px;}
#rucira-p #n8 a{ background-position:-740px -54px;}

#n1 a:hover{ background-position:-33px -27px;}
#n2 a:hover{ background-position:-97px -27px;}
#n3 a:hover{ background-position:-191px -27px;}
#n4 a:hover{ background-position:-285px -27px;}
#n5 a:hover{ background-position:-379px -27px;}
#n6 a:hover{ background-position:-468px -27px;}
#n7 a:hover{ background-position:-633px -27px;}
#n8 a:hover{ background-position:-740px -27px;}


/*
===== navi2 =====
*/

#navi2 li{float: left;}

#navi2 a{
	display:block;
	text-indent:-9000px;
	height:27px;
	background-image:url(../img/common/navi2.jpg);
}

#n2-1 a{ margin-left:33px; width:64px; background-position:-33px 0px;}
#n2-2 a{ width:114px; background-position:-97px 0px;}
#n2-3 a{ width:117px; background-position:-211px 0px;}
#n2-4 a{ width:119px; background-position:-323px 0px;}
#n2-5 a{ width:214px; background-position:-447px 0px;}
#n2-6 a{ width:92px; background-position:-661px 0px;}
#n2-7 a{ width:91px; background-position:-753px 0px;}
#n2-8 a{ width:95px; background-position:-844px 0px;}


#home-p #n2-1 a,#n2-1 a:hover{ background-position:-33px -27px;}
#n2-2 a:hover{ background-position:-97px -27px;}
#n2-3 a:hover{ background-position:-211px -27px;}
#pacha-p #n2-4 a,#n2-4 a:hover{ background-position:-323px -27px;}
#rucira-p #n2-5 a,#n2-5 a:hover{ background-position:-447px -27px;}
#school-p #n2-6 a,#n2-6 a:hover{ background-position:-661px -27px;}
#access-p #n2-7 a,#n2-7 a:hover{ background-position:-753px -27px;}
#company-p #n2-8 a,#n2-8 a:hover{ background-position:-844px -27px;}


/*
===== main =====
*/

/* title */

.h1{}
.h2{
	font-size:130%;
	color:#888;
	border-bottom:1px solid #c4c4c4;
	margin-bottom:15px;
	padding-bottom:3px;

}
.h2-2{
	font-size:120%;
	color:#888;

}
.h3{}
.h4{}

/* text */

.p{margin-bottom:15px;}
.pp{margin-bottom:25px;}

.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}

.big{font-size:120%;}
.small{font-size:90%;}

.red{color:#ed4123;}
.red2{color:#cc0000;}
.gray{color:#333;}

.ja{font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka;}
.keyword{position:absolute; left:-9000px; top:-9000px;}

/* pagetop */

.pagetop{text-align:right;margin:15px 0;}
.pagetop a{padding-left:10px;background:url(../img/common/pagetop.jpg) left no-repeat;}

/* list */

.indent{text-indent:-1em; margin-left:1em;}
.indent2{text-indent:-1.2em; margin-left:1.2em;}

/* dl */

.dl dd{margin-bottom:15px;}

/* table */

.table th{padding-right:25px;}
.table td{padding-bottom:20px; padding-right:5px;}

.nowrap{white-space:nowrap;}


/* div */

.block{margin-bottom:35px;}


/* case */

.case{display: inline-block;}
.case:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
.case .left{float:left; display:inline;}
.case .right{float:right; display:inline;}



/*
===== sub =====
*/

#sub h1{margin-bottom:10px;}

#sub .menu li{margin-bottom:5px;}

/*
===== footer =====
*/

#footer ul{
	position:absolute;
	top:px;
	right:px;
}


#footer li{
	display:inline;
}

#footer #copyright{

}

