@charset "utf-8";
/* 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;
	line-height: 1.5;
}  
table{  
    border-collapse: collapse; border-spacing:0;  
}  
fieldset, img{  
    border: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
    font-style: normal; font-weight:normal;  
}  
ol, ul{  
    list-style: none;  
}  
caption, th{  
    text-align: left;  
}  
h1, h2, h3, h4, h5, h6{  
    font-size:100%; font-weight:normal;  
}  
q:before, q:after{  
    content:”;  
}  
abbr, acronym{  
    border:0;  
}  
a{
	color: #0074ac;
}
a:hover{
	text-decoration: none;
}

/* ///////////////////////////////////////////

Font

////////////////////////////////////////////*/

body {
	font:12px/1.231 arial,helvetica,clean,sans-serif;
	color: #333;
	width: 100%;
}


select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}
button{
	border: none;
	background: none;
	margin: 10px 0 0 0;
}
table {
	font-size: inherit;
	font: 100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.bold{
	font-weight: bold;
}

/* ///////////////////////////////////////////

global style

////////////////////////////////////////////*/
 #siteID
,#headAdd
,#navigation ul
,#footdata
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#siteID a{
	display: block;
	position: absolute;
	z-index: 1;
	background:url(../images/siteID.jpg) no-repeat;
	width: 300px;
	height: 65px;
	left: 15px;
	top: 32px;
	
	text-indent: -3000px;
	overflow: hidden;
}
#ceiling{
	background: url(../images/border_head.jpg) repeat-x bottom #977E21;
	height: 75px;
}
#headAdd{
	text-align: right;
	padding-top: 16px;
}

#navigation{
	background:url(../images/bg_navigation.jpg)
}
#navigation li{
	float: left;
}
#navigation li a{
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 61px;
	
	text-indent: -3000px;
	overflow: hidden;
}
	#gn1 a{		background-position: 	0 0;}
	#gn2 a{		background-position: -150px 0;}
	#gn3 a{		background-position: -300px 0;}
	#gn4 a{		background-position: -450px 0;}
	#gn5 a{		background-position: -600px 0;}
	#gn6 a{		background-position: -750px 0;}
	#gn1 a:hover,#home #gn1 a	{	background-position: 	  0  -61px;}
	#gn2 a:hover,#salon #gn2 a	{	background-position: -150px  -61px;}
	#gn3 a:hover,#topics #gn3 a	{	background-position: -300px  -61px;}
	#gn4 a:hover,#item #gn4 a	{	background-position: -450px  -61px;}
	#gn5 a:hover,#voice #gn5 a	{	background-position: -600px  -61px;}
	#gn6 a:hover,#contact #gn6 a{	background-position: -750px  -61px;}

#mainimage{
  width: 100%;
	height: 320px;
	position: relative;
  text-align: center;
  background-image: url(../images/main_visual.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.subheadimage{
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	position: relative;
}
#subimageComp{	background-image: url(../images/subhead_comp.jpg);}
#subimageItem{	background-image: url(../images/subhead_item.jpg);}
#subimagePaT{	background-image: url(../images/subhead_pat.jpg);}
#subimageEngage{	background-image: url(../images/subhead_engage.jpg);}
#subimageMarriage{	background-image: url(../images/subhead_marriage.jpg);}
#subimageVoice{	background-image: url(../images/subhead_voice.jpg);}
#subimageTopics{	background-image: url(../images/subhead_topics.jpg);}
#subimageContact{	background-image: url(../images/subhead_contact.jpg);}

	#mainshadow{
		background:url(../images/home_shadow.png) repeat-x left top;
		height: 20x;
		position: absolute;
		width: 100%;
		
		text-indent: -3000px;
		overflow: hidden;
	}
	#mainshadow_b{
		background:url(../images/home_shadow_b.png) repeat-x;
		width: 100%;
		height: 20px;
		position: absolute;
		bottom: 0;
	}
#border_content{
	background:url(../images/border_bottom.jpg) repeat-x;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 20px;
	z-index: 1;
}
#contents{
	background: url(../images/bg_contents.jpg) repeat-x bottom #F8F4F1;
	width: 100%;
	
	position: relative;
*	position: inherit;
	margin: 0 auto;
	padding-bottom: 10px;
	z-index: 1;
}

/* ///////////////////////////////////////////

3column style

////////////////////////////////////////////*/
#column_3r{
	width: 884px;
	margin: 0 auto;
	padding-top: 22px;
}
#column_3r:after{
	content:url(../images/justy884.gif);
}

 .radius
,.radius_l
{	padding-top: 0;}

.radius{
	border: 1px solid #cdc9c4;
	background: #fff;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	width: 300px;
}
.radius_l{
	width: 611px;
}
 .radius_m
,.radius_l_m
{	position: relative;zoom: 1.0;}

.radius_m{
	height: 195px;
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 15px;
}
.overflownone{
	overflow: hidden;
}

.radius_l_m{
	border: 1px solid #cdc9c4;
	background: #fff;
	padding-bottom: 10px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
 .radius dl
,.radius_l dl{
	padding: 12px 10px 12px 20px;
	border-bottom: 1px solid #e2e2e2;
}
 .radius dl.last
,.radius_l dl.last{
	border-bottom: none;
}
 .radius_b
,.radius_l_b
{
	height: 6px;
	width: 100%;
	z-index: 1;
}
.radius_b{
	bottom: 5px;
}
.radius_l_b{
}
.radius_b{	background:url(../images/radius3_b.png) no-repeat bottom left;}
.radius_l_b{	background:url(../images/radius3_l_b.jpg) no-repeat bottom left;}

 .radius dl:after
,.radius_l dl:after{
	content:url(../images/justy300.gif);
}
 .radius dt
,.radius_l dt{
	width: 25%;
}
 .radius dd
,.radius_l dd{
	width: 73%;
}

 .temp_p
{
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/* ///////////////////////////////////////////

footer style

////////////////////////////////////////////*/
#footer{
	background: #BDBDBD;
	padding-bottom: 100px;
}
	#footdata{
	}
	#copyright{
		background:url(../images/copyright.jpg) no-repeat;
		height: 23px;
		border-bottom: 1px solid #969696;
		
		text-indent: -3000px;
		overflow: hidden;
	}
	
	#footseparate{
		padding-right: 10px;
		border-top: 1px solid #d0d0d0;
	}
	#footseparate:after{
		content:url(../images/justy746.gif);
	}
	#footseparate h2{
		background:url(../images/corpname.jpg) no-repeat;
		width: 196px;
		height: 23px;
		margin-bottom: 10px;
		
		text-indent: -3000px;
		overflow: hidden;
	}
	#footseparate address{
		color: #fff;
		padding: 0 10px;
	}
	
	.pagetop a{
		background:url(../images/pagetop.jpg) no-repeat;
		width: 116px;
		height: 25px;
		display: block;
		
		text-indent: -3000px;
		overflow: hidden;
	}
/* ///////////////////////////////////////////

common style

////////////////////////////////////////////*/
 #ceiling:after
,#navigation:after
/* clearfix */ {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* 均等 */
.justlayout {
	text-align: justify;
	text-justify: distribute-all-lines;
	zoom: 1;
	display: block;
}
.justlayout:after{
	line-height:0;
	visibility:hidden;
}

 .justlayout li
,.justlayout dt
,.justlayout dd{
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

 * html .justlayout li
,* html .justlayout dt
,* html .justlayout dd {
	display: inline;
	zoom: 1;
}

 *:first-child+html .justlayout li
,*:first-child+html .justlayout dt
,*:first-child+html .justlayout dd {
	display: inline;
	zoom: 1;
}

/* ///////////////////////////////////////////

common paramator style

////////////////////////////////////////////*/

.fs11{	font-size: 1.1em;}
.fs12{	font-size: 1.2em;}
.fs15{	font-size: 1.5em;}
.fs18{	font-size: 1.8em;}
.fs21{	font-size: 2.1em;}

.w1{	width: 125px;}
.w2{	width: 95px;}
.w3{	width: 370px;}
.block{	display: block;	}

/* margin padding */
.mt5{	margin-top: 5px!important;}
.mt10{	margin-top: 10px!important;}
.mt15{	margin-top: 15px!important;}
.mt20{	margin-top: 20px!important;}
.mt30{	margin-top: 30px!important;}
.mt40{	margin-top: 40px!important;}
.mt50{	margin-top: 50px!important;}

.mr5{	margin-right: 5px!important;}
.mr10{	margin-right: 10px!important;}
.mr20{	margin-right: 20px!important;}
.mr30{	margin-right: 30px!important;}
.mr40{	margin-right: 40px!important;}
.mr50{	margin-right: 50px!important;}

.mb5{	margin-bottom: 5px!important;}
.mb10{	margin-bottom: 10px!important;}
.mb20{	margin-bottom: 20px!important;}
.mb30{	margin-bottom: 30px!important;}
.mb40{	margin-bottom: 40px!important;}
.mb50{	margin-bottom: 50px!important;}

.ml5{	margin-left: 5px!important;}
.ml10{	margin-left: 10px!important;}
.ml20{	margin-left: 20px!important;}
.ml30{	margin-left: 30px!important;}
.ml40{	margin-left: 40px!important;}
.ml50{	margin-left: 50px!important;}



.pt5{	padding-top: 5px!important;}
.pt10{	padding-top: 10px!important;}
.pt20{	padding-top: 20px!important;}
.pt30{	padding-top: 30px!important;}
.pt40{	padding-top: 40px!important;}
.pt50{	padding-top: 50px!important;}

.pr5{	padding-right: 5px!important;}
.pr10{	padding-right: 10px!important;}
.pr20{	padding-right: 20px!important;}
.pr30{	padding-right: 30px!important;}
.pr40{	padding-right: 40px!important;}
.pr50{	padding-right: 50px!important;}

.pb5{	padding-bottom: 5px!important;}
.pb10{	padding-bottom: 10px!important;}
.pb20{	padding-bottom: 20px!important;}
.pb30{	padding-bottom: 30px!important;}
.pb40{	padding-bottom: 40px!important;}
.pb50{	padding-bottom: 50px!important;}

.pl5{	padding-left: 5px!important;}
.pl10{	padding-left: 10px!important;}
.pl20{	padding-left: 20px!important;}
.pl30{	padding-left: 30px!important;}
.pl40{	padding-left: 40px!important;}
.pl50{	padding-left: 50px!important;}

.txt_r{	text-align: right;}
.txt_c{	text-align: center;}


/* template layout */
.column{
	margin-left: 15px;
	margin-right: 15px;
}
.column:after{
	content:url(../images/justy580.gif);
}
.column_1{
	text-align: center;
	padding-bottom: 10px;
}
li.column_2{
	width: 285px;
}
li.column_2 p{
	padding: 5px;
}

.column_3 li{
	width: 190px;
}
.column_3 p{
	padding: 5px;
	padding-top: 0;
}
li.column_4{
	width: 140px;
}
li.column_4 p{
	padding: 5px;
}
li.column_5 img{
	display: block;
	margin-bottom: 10px;
}


/* form */
.form_address span{
	display: block;
	margin-top: 5px;
}

.frm1{
	width: 410px;
}

.submitarea{
	width: 250px;
	margin: 20px auto 10px;
}

.submitarea:after{	content:url(../images/justy300.gif);}

.cell .privacy1{
	padding: 0 50px 10px;
}