@charset "utf-8";

/* CSS Document */

/*--------------------------------------------

Site URL	:http://onlinelab.jp/
File Name	:common.css (http://onlinelab.jp/style/common.css)
Summery 	:EFfBOT[rXy[Wiv~AfUC|XgJ[hEtHgubNЉj
Created 	:2008-12-25
Copyright	:(c) Picturing Online, Inc. 

----------------------------------------------*/

/*--------------------------------------------------------------
@@@@@@@@@@@@@{ݒ
--------------------------------------------------------------*/
html {overflow-x:hidden;}

body {
	font-family: "Hiragino Kaku Gothic Pro","qMmpS Pro W3","Osaka","sans-serif";
	font-size: 12px;
	line-height: 1.4em;
	margin:0 auto;
	padding:0;
	color:#515151;
	background-image: url(../images/body_background.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-color:#fefefe;}

h1,h2,h3,p,ul,li {margin:0px;}

/*--------------------------------------------------------------
@@@@@@@@@@@@@N̐ݒ
--------------------------------------------------------------*/

a:link {color:#0066CC;text-decoration:underline;}
a:visited {color:#9900CC;text-decoration:underline;}
a:active {color:#FCA430;text-decoration:underline;}
a:hover {color:#FCA430;text-decoration:underline;}

/*--------------------------------------------------------------
@@@@@@@@@@{vfCAEgݒ
--------------------------------------------------------------*/

div#header {
	width:950px;
	height:80px;
	margin:0 auto;
}

div#container {
	width:950px;
	height:100%;
	margin:0 auto;
	padding:0px;
}

div#content {
	width:960;
	text-align:left;
	margin:auto;
	padding:0;
}

h1#siteLogo {
display:block;
margin:15px 0 0 50px;
_margin:7px 0 0 25px;
position:relative;
font-size:14px;
float:left;
}

h1#siteLogo span {
background:transparent url("../images/logo_bridalService.gif") no-repeat scroll left top;
display:block;
height:65px;
width:180px;
left:0;
top:0;
position:absolute;
}


div#header h1#siteLogo a{
display:block;
height:65px;
width:180px;
clear:both;

}

div#footer {
	clear:both;
	height:70px;
	width:950px;
	text-align:center;
	color:#515151;
	padding:30px 0 0 0;
	margin:10px 0 0 0;
	_margin:5px 0 0 0;
	background:url("../images/footer_background.png") no-repeat top;
	}

div#footer span {
	font-size:10px;
}

div#reguration {
	clear:both;
	height:16px;
	width:950px;
	text-align:center;
	color:#515151;
	font-size:11px;	
}

div#content div.innerWrap {
	clear:both;
	width:890px;
	margin:0 30px 10px 30px;
	padding:25px 0 20px 0;
	display:block;
	position:relative;
}

/* IE6pngߏ@back-ground */

* html div#footer {
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"
)
);
}


div.method {
	width:216px;
	margin:8px 6px 0 0;
	_margin:4px 3px 0 0;
	float:left;
	position:relative;
}

div.method p {
	font-size:11px;
	margin:0;
}

div.left {
	width:430px;
	margin:0 15px 0 0;
	_margin:0 10px 0 0;
	float:left;
	position:relative;
}



/*--------------------------------------------------------------
@@@@@@@@@@@@@irQ[V
--------------------------------------------------------------*/

div#navigation {
	height:30px;
	width:350px;
	margin:0px 10px 0 0;
	_margin:0 5px 0 0;
	padding:0;
	position:relative;
	text-align:right;
	float:right;
}

div#navigation ul li {
	display:block;
	float:left;
	height:30px;
	width:150px;
	padding:0 0 6px 0;
	_padding:0;
	background:url("../images/tab_navi.gif") no-repeat bottom right;
	line-height:3.8;
	_line-height:3;
	text-align:center;
	z-index:2;
	list-style:none;
}

div#navigation ul li.current {
	display:block;
	float:left;
	height:30px;
	width:150px;
	padding:0 0 6px 0;
	_padding:0;
	background:url("../images/tab_naviCurrent.gif") no-repeat bottom;
	line-height:3.8;
	_line-height:3;
	text-align:center;
}

div#navigation ul li a {
	text-decoration:none;
	color:#808080;
}

.floatLeft {float:left;}

div.order {
	width:500px;
	height:120px;
	margin:0px auto 0 auto;
	_margin:0px auto 0 auto;
	padding-top:30px;
	clear:both;
	text-align:center;
	background:url("../images/background_order.gif") no-repeat center;
}

/*--------------------------------------------------------------
@@@@@@@@@@@@@^O̐ݒ
--------------------------------------------------------------*/
h2{
	font-size:14px;
}

h3.reader  {
	font-size:14px;
	font-weight:bold;
	margin:60px 0 0 20px;
	width:400px;
}

h3.reader span {
	display:block;
	font-size:12px;
	font-weight:normal;
	border-top:1px solid #ccc;
	padding:10px 0;
}

p {margin:5px 0;}

dl {margin:0 0 1em 0;}

dt {
	float: left;
	width: 7em;
}

dd {
	margin:0 0 0 7em;
}


/*--------------------------------------------------------------
@@@@@@@@@@@@tHg ڍאݒ
--------------------------------------------------------------*/
.white {color:#fff;}
.red {color:#E50707;}
.blue {color:#5050E5;}
.orange {color:#FF9900;}
.dbrown {color:#665555;}
.big {font-size:14px;}
.xbig {font-size:16px;}
.small {font-size:10px;}

.image {margin:3px 3px 3px 0;}

/*--------------------------------------------------------------
@@@@@@@@@@@@C[W摜 ڍאݒ
--------------------------------------------------------------*/

img.method {
	border:1px solid #ccc;
	background-color:#fff;
	padding:2px;
}



img.sample {
	/*border:1px solid #ccc;*/
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0px;
}

img.left {
	margin:0 7px 7px 0;
	float:left;
}

img.right {
	margin:0 0 7px 7px;
	float:right;
	clear:both;
}

#lightbox-image {
border:1px solid #CCCCCC;
}

.clear{
	clear:both;
}