﻿@charset 'utf-8';

* {
	margin		: 0;
	padding		: 0;
}





body {
	text-align	: center;
	background-image: url(img/fair_03.jpg);
	background-repeat: repeat-x;

}

a img {
	border		: none;
}

ul li{
	list-style-type: none;
}


.clear{height:1%;}
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



.fl{
	float: left;
}

.fr{
	float: right;
}

/* ==firefoxでリンクエリアが左端まで選択されてしまう現象のおまじない== */

/*\*/ a { overflow: hidden;}/**/




/* ========== base layout ========== */

#wrap_a{
	background-color: #f5e4ec;
}



#wrap {
	margin		: 0 auto;	
	width: 800px;
	background-color: #fff;

}

p{
	font-size: 12px;
	color: #333;
	text-align: left;
	line-height: 1.8em;
}


#main {
	width: 800px;
	margin		: 0 auto;
}


.akogare{
	background-image: url(img/fair_09.gif) ;
	width: 780px;
	height: 214px;
	background-repeat: no-repeat;
	margin		: 0 auto;
	margin: 20px 0 0 10px;
}

.akogare p{
	padding: 60px 0 0 60px;
	font-size: 12px;
	color: #333;
	text-align: left;
}

.header{
	height: 429px;
	width: 800px;
	margin		: 0 auto;
	background-image: url(img/fair_02.jpg);
	background-repeat: no-repeat;
	/*padding:40px 0 20px 30px;*/
}

ul.head_navi{
	padding: 300px 0 0 550px;
}


.bridebox1{
	padding: 40px 0 10px 0;
	clear: both;
}


.bridebox2{
	padding: 40px 0 10px 0;
	clear: both;
}


.brideinner_l{
	width: 300px;
	padding: 0 75px 0 20px;
}

.brideinner_lbox{
	width: 380px;
}



.brideinner_l2{
	width: 395px;
}

.brideinner_l2 p{
	width: 395px;
	/*border: 1px solid #ccc;*/
	margin: 20px 0 0 0;
	clear: both;
}


.brideinner_r{
	width: 337px;
	margin: 0;
	padding: 0;
}

.brideinner_r2{
	width: 380px;
	padding: 0 0 0 20px;
}

.brideinner_r3{
	width: 300px;
	/*padding: 0 0 0 20px;*/
}

.brideinner_r2 p{
	width: 400px;
	/*border: 1px solid #ccc;*/
	margin: 20px 0 0 0;
	clear: both;	

}



/*================javascript利用bridal画像===================*/



#bridebox1{
	_width: 300px;
}

#bridebox3{
	_width: 300px;
}

#bridebox5{
	_width: 300px;
}
	
.mogibox1 img{
	float: left;
	padding: 5px 5px 0 0;
	_margin: 5px 5px 0 0;
	cursor: pointer;
}

.mogibox2 img{
	float: left;
	padding: 5px 5px 0 0;
	_margin: 5px 5px 0 0;
	cursor: pointer;
}

.mogibox3 img{
	float: left;
	padding: 5px 5px 0 0;
	_margin: 5px 5px 0 0;
	cursor: pointer;
}

.mogibox4 img{
	float: left;
	padding: 5px 5px 0 0;
	_margin: 5px 0 0 0;
	cursor: pointer;
}

.mogibox5 img{
	float: left;
	padding: 5px 5px 0 0;
	_margin: 5px 5px 0 0;
	cursor: pointer;
}



/*===================================================*/





.bridetext_fl{
	float: left;
	padding: 0 130px 0px 0;

}

.bridetext_fr{
	float: left;
	padding: 0px 150px 20px 0;

}

.bridetext_fl2{
	float: left;
	padding: 0 100px 10px 0;
	_margin: 0 85px 0 0;
}



.brideinner_r{
	padding: 0 0 0 20px;
}


.button_fr{
	padding: 100px 20px 10px 0;
	_margin	: 100px 20px 10px 0;
}


.button_fl{
	padding: 100px 0 10px 20px;
	_margin	: 100px 0 10px 20px;
}


.timesche{
	padding: 40px 0 20px 20px;
	_margin: 40px 0 20px 20px;
}


/*.staff_photo{
	padding: 0 10px 0 0;
}*/


ul.footer_navi{
	padding: 0 0 0 20px;
}

ul.footer_navi li{
	float: left;
	padding:50px 0 0 0;
}


#footer {
	padding-top:40px;
	clear		: both;
	font-size: 12px;
	color: #333;
}
