@charset "Shift_JIS";
/* CSS Document */

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,scode,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul {	list-style:none; padding:0; margin:0;}
caption,th { textron-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/*------------------------------------------------------
TYPOGRAPHY*/

.fL { float : left; display: block;}
.fR { float : right; display: block;}
.tL { text-align:left;}
.tR { text-align:right;}
.txt01 {font-size:0.85em;}  /*renders 11px */ 
.txt02 { color:#9E891F;} /*renders 13px */  
.txt03 {font-size:1.12em;} 
.txt04 {font-size:1.15em; font-weight:bold;}
.txt05 {font-size:0.85em; color:#9E891F;}
a{ /*color:#09C;*/ color:#649FA6; text-decoration:none; outline:none;}
a:hover{color:#FF9900; text-decoration:underline; outline:none;}
a.transparent:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*//font-family || type mono //*/
.typeMono{ font-family:monospace;}

/**//* for blog *//**/
.alignCenter{ text-align: center; display: block; margin:0 auto;}
.alignRight{ text-align: right; display: block; margin:0 auto;}
.alignLeft{ text-align: left; display: block; margin:0 auto;}

.txtBold{ font-weight: bold; letter-spacing:0.02em;}

a.txtUnder{ text-decoration: underline;}
a.txtUnder:hover{ text-decoration: underline;}

.txtColGold{ color:#D9D4C5;}
.txtColRed{ color:#900;}
.txtColGreen{ color:#990;}
.txtColBlue{ color:#069;}

.imageCenter{
	display: block!important;
	margin:0 auto!important;
}

/*------------------------------------------------------
UTILITY */
.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mT0{ margin-top:  0px; display: block;}
.mT5{ margin-top:  5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mL5{ margin-left:    5px; display: block;}
.mL10{margin-left:	 10px; display: block;}
.mL15{margin-left:	 15px; display: block;}
.mL20{margin-left:	 20px; display: block;}
.mL30{margin-left:	 30px; display: block;}
.mR5{ margin-right:  5px;  display: block;}
.mR10{margin-right:  10px; display: block;}
.mR15{margin-right:  15px; display: block;}
.mR20{margin-right:  20px; display: block;}
.mR30{margin-right:  30px; display: block;}
.pB5{ padding-bottom:5px;  display: block;}
.pB10{padding-bottom:10px; display: block;}
.pB15{padding-bottom:15px; display: block;}
.pB20{padding-bottom:20px; display: block;}
.pB30{padding-bottom:30px; display: block;}
.pT5{padding-top:     5px; display: block;}
.pT10{padding-top:   10px; display: block;}
.pT15{padding-top:   15px; display: block;}
.pT20{padding-top:   20px; display: block;}
.pT30{padding-top:   30px; display: block;}
.pR5{padding-right:   5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}

.clear{ display: block; clear:both;}

.imgFrame{
	padding:2px solid #ccc;
	border:1px solid #ccc;
	display:block;
}

.imgFrame2{
	padding:2px solid #ccc;
	background:#ccc;
	display: block;
}

.liImg01{
	padding-left:10px;
	background:url(../img/list_img01.gif) no-repeat left 0.8em;
}

/*------------------------------------------------------*/
/*//clearFix Coponents//*/
div.clearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.clearFix { display: inline-block;}
div.clearFix { zoom: 100%;}

/*// lockStep//*/
* html body dl.lockStep dd div{
   display:inline-block;
}

dl.lockStep {
/*   border-bottom:1px solid #ccc;*/
}

dl.lockStep dt {
   float:left;
   width:5.8em;
}

dl.lockStep dd {
   margin-left:5.8em;
}

/*//1px border//*/
div.border{
	width:100%;
	height:1px;
	background-color:#000;
	overflow:hidden;
}

/*//1px indent//*/
.indent{
	text-indent:1em;
}


/*//  borderBox //*/
.borderBox {
	padding:14px 13px;
	border:3px solid #ccc;
	background:url(../img/slope.gif) repeat;
}

/*---------------------------------------------------------------*/

body{	
	font-size: 12px; 
	*font-size: 75%; 
	_font-size: 75%	;
	color:#444;
	background:url(../img/ceremony/white_rose/bg.jpg) #221a25 repeat-x center 0;
	text-align:center;
	line-height:1.8em;
	font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif, Osaka,"‚l‚r ‚oƒSƒVƒbƒN";
}

div#alpha{
	padding:40px 0;
	width:100%;
	margin:0 auto;
	text-align: center;
	background:url(../img/ceremony/white_rose/bg_gradient2.jpg) no-repeat -25px -30px;
	border-bottom:none;
	border-top:none;
}

div#mainContents{
	background:#231815;
	padding:45px 30px;
	border:1px solid #454545;
}

div#g900{
	text-align: left;
	margin: 0 auto;
	width:740px;
}

h2{
	padding-bottom:0;
	margin-bottom:7px;
	height: 20px;
}

strong.chJp{
	display: block;
	margin-bottom:15px;
}

strong#wrLogo{
	display: block;
	float: right;
	margin-bottom:10px;
}

div#tsubomi{
	float: left;
	background:url(../img/ceremony/white_rose/img01.gif) no-repeat right 0;
	width:100%;
	padding-bottom:30px;
}


div#g900 em{
	font-style: italic;
	color: #fff;
	display: block;
	line-height:1.5em;
	margin-bottom:0.6em;
}

div#g900 span{
	color: #fff;
	display: block;
	line-height:1.6em;
	margin-bottom:0.6em;
}

/*--------------------------------------------------*/

div.conceptBox{
	width:200px;
/*	border:1px solid #ccc;*/
	float: left;
	text-align: center;
	display: inline;
}

	div.conceptBox h3{
		margin-bottom:10px;
	}
	
	div.conceptBox strong{
		margin-bottom:13px;
		display: block;
	}

	div#box1,div#box2,div#box3,div#box4,div#box5,div#box6{
		border:1px solid #565656;
		height:160px;
	}
	
	div#box1,div#box2,div#box3{ padding:15px 12px 0px 12px;}
	
	div#box4,div#box5,div#box6{ padding:35px 12px 5px 12px;}
			
	div#box1{ border-left:none; border-top:none;}
	div#box2{ border-left:none; border-right:none; border-top:none;}
	div#box3{ border-right:none; border-top:none;}
	div#box4{ border-left:none; border-bottom:none; border-top:none;}
	div#box5{ border:none;}
	div#box6{ border-right:none; border-top:none; border-bottom:none;}


/*--------------------------------------------------*/

div#designerBox{
	margin-top:20px;
	border:1px solid #565656;
	height:103px;
}

	div#desinerTxtBox{
		float: left;
		width:406px;
	}
	
	div#desinerTxtBox h4{
		background:#2f2725;
		padding:7px 0px 0px 12px;
		width:394px;
		border-bottom:1px solid #565656;
	}

	*div#desinerTxtBox h4{
		padding:7px 0px 4px 12px;
	}
	
	
	div#desinerTxtBox span{
		padding:7px 0 0 12px;
		display: block;
		line-height:1.8em;
	}


	div#desinerTxtBox span em{ font-style:normal;}

	html*div#desinerTxtBox span em { font-size:0.84em; }


/*--------------------------------------------------*/
p#storyMap{
	margin:25px 0 45px 0;
}

p#designer{
	margin-top:45px;
}

/*--------------------------------------------------*/


div#footer{ margin:45px 0 15px;}

div#footer ul{
	width:100%;
	border-bottom:1px solid #666;
	padding-bottom:6px;
	margin-bottom:6px;
}
div#footer ul li{
	float: left;
	margin-right:7px;
	display: inline
}

div#footer ul li img{
	vertical-align: bottom;
}

div#footer address{
	float: left;
}
	div#footer address img{
		vertical-align: top;
	}

div#footer p{
	float: right;
}