@charset "EUC-JP";

/* ==============================
	common
 ============================== */

/* == formatted ========== */

* {
	margin: 0; 
	padding: 0; 
}

img {
	border:0; 
	vertical-align:bottom;
}

html {
	overflow-y:scroll; 
	height:100%;
}

body {

	background:#000000 url(/common/line.gif) repeat-x 0 68px; 
	text-align:center; 
	width:100%; 
	height:100%; 
	color:#FFFFFF; 
	font:13px "", Osaka, Helvetica, Arial,sans-serif; 
	*font-size: small; 
	*font: x-small; 
	line-height:1.4;
}

table {
	font-size:inherit; 
	font:100%; 
	border-collapse:collapse; 
	border-spacing:0;
}







/* == layout ========== */

#wrapper {
	width:100%;
	position:relative; 
	min-height:100%; 
	text-align:left;
}

* html #wrapper {

	height:100%;

}

body> #wrapper {

	height:auto;

}









/* == style ========== */

a {
	color:#FFFFFF; 
	text-decoration:underline;
}

a:hover {
	color:#999999; 
	text-decoration:none;
}







/* ==============================

	elements

 ============================== */

.fL {
	float:left; 
	display:inline;
}

.fR {
	float:right; 
	display:inline;
}

.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



.txtRight {
	text-align: right;
}



.txtLeft {
	text-align: left;
}



.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.attention {
	font-size:77%; 
	color:#999999;
}





/* == clearfix ========== */

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: "."; 
	font-size: 0.1em; 
	line-height: 0; 
	display: block; 
	height: 0; 
	visibility: hidden; 
	clear: both;
}

/* \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display:block;
}





/******** margin ********/


/* top */
.mt0 {	margin-top: 0px;}
.mt10 {	margin-top: 10px;}
.mt15 {	margin-top: 15px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40 {	margin-top: 40px;}


/* right */
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}
.mr30 {	margin-right: 30px;}
.mr35 {	margin-right: 35px;}
.mr40 {	margin-right: 40px;}
.mr45 {	margin-right: 45px;}


/* left */
.ml10 {	margin-left:10px;}
.ml15 {	margin-left:15px;}
.ml20 {	margin-left:20px;}
.ml50 {	margin-left:50px;}
.ml70 {	margin-left:70px;}
.ml100 {	margin-left:100px;}


/* bottom */
.mb0 {	margin-bottom:0px;}
.mb10 {	margin-bottom:10px;}
.mb15 {	margin-bottom:15px;}
.mb20 {	margin-bottom:20px;}
.mb25 {	margin-bottom:25px;}
.mb30 {	margin-bottom:30px;}
.mb35 {	margin-bottom:35px;}
.mb40 {	margin-bottom:40px;}
.mb45 {	margin-bottom:45px;}
.mb50 {	margin-bottom:50px;}
.mb55 {	margin-bottom:55px;}
.mb60 {	margin-bottom:60px;}





/******** padding ********/


/* top */
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt30 {	padding-top: 30px;}


/* right */
.pr10 {	padding-right: 10px;}
.pr15 {	padding-right: 15px;}
.pr20 {	padding-right: 20px;}


/* left */
.pl10 {	padding-left:10px;}
.pl15 {	padding-left:15px;}
.pl20 {	padding-left:20px;}


/* bottom */

.pb10 {	padding-bottom:10px;}
.pb20 {	padding-bottom:20px;}
.pb30 {	padding-bottom:30px;}
.pb40 {	padding-bottom:40px;}


/* all */

.pa10 {	padding:10px;}
.pa20 {	padding:20px;}
.pa30 {	padding:30px;}
.pa40 {	padding:40px;}





/******** fontSize **********/

.fs10 {	font-size:77%; }
.fs11 {	font-size:85%; }
.fs12 {	font-size:93%; }
.fs13 {	font-size:100%; }
.fs14 {	font-size:108%; }
.fs15 {	font-size:116%; }
.fs16 {	font-size:123.1%; }




/******** width **********/

.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w330 {width:330px;}
.w350 {width:350px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w430 {width:430px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w700 {width:700px;}





/******** width **********/

.Lh12 {line-height:1.2em;}
.Lh13 {line-height:1.3em;}
.Lh14 {line-height:1.4em;}
.Lh15 {line-height:1.5em;}
.Lh16 {line-height:1.6em;}
.Lh17 {line-height:1.7em;}
.Lh18 {line-height:1.8em;}
.Lh19 {line-height:1.9em;}
.Lh20 {line-height:2em;}



/******** color **********/

.cLffff00{color:#ffff00;}
.cLffff99{color:#ffff99;}





/* ==============================

	layout

 ============================== */

 

/* ==Header ========== */

#header {

	width:880px; 

	margin-left:auto; 

	margin-right:auto; 

	margin-bottom:12px; 

	display:inline-block; 

	background: url(/common/header_bg.gif) 0px 68px no-repeat;

}

#header:after {

	content: "."; 

	font-size: 0.1em; 

	line-height: 0; 

	display: block; 

	height: 0; 

	visibility: hidden; 

	clear: both;

}

/* \*/

* html #header {

	height: 1%;

}

#header {

	display:block;

}





/* == logo == */

#header .logo {

	float: left; 

	margin-top:20px; 

	margin-bottom:12px;



}

#header .logo,

#header .logo a {

	display: block; 

	width:169px; 

	height:48px; 

}

#header .logo a {

	text-indent: -9999px;

	overflow: hidden;

	background: url(/common/header_logo.jpg) no-repeat;

} 





/* ==Header pop window ========== */



#headerPop {

	width:400px; 

	margin-left:auto; 

	margin-right:auto; 

	margin-bottom:12px; 

	display:inline-block; 

	background: url(/common/header_bg.gif) 0px 68px no-repeat;

}



#headerPop:after {

	content: "."; 

	font-size: 0.1em; 

	line-height: 0; 

	display: block; 

	height: 0; 

	visibility: hidden; 

	clear: both;

}

/* \*/

* html #headerPop {

	height: 1%;

}

#headerPop {

	display:block;

}



/* == logo pop window == */

#headerPop .logo {

	float: left; 

	margin-top:20px; 

	margin-bottom:12px;



}

#headerPop .logo,

#headerPop .logo a {

	display: block; 

	width:169px; 

	height:48px; 

}

#headerPop .logo a {

	text-indent: -9999px;

	overflow: hidden;

	background: url(/common/header_logo.jpg) no-repeat;

} 













/* == Banner == */

#header .headBTArea {

	float:right; 

	display:inline; 

	width:306px; 

	margin-top:20px; 

	margin-bottom:12px;

	text-align: right;

}

#header .headBTArea a {

	margin-right: 4px;

}









#header .gMenu {
	clear:both; 
	list-style:none; 
	/*padding-left: 193px;*/
}

#header .gMenu li {
	float:left;
}

#header .gMenu li, 
#header .gMenu li a {
	height: 16px;
	display: block;
}

#header .gMenu li a {
	text-indent: -9999px;
	overflow: hidden;
	background-position: no-repeat;
}


#header .gMenu li.home a {
	width: 138px;
	background: url(/common/menu_home.gif);
}

#header .gMenu li.photo a {
	width: 137px;
	background: url(/common/menu_photo.gif);
}

#header .gMenu li.plan a {
	width: 138px;
	background: url(/common/menu_plan.gif);
}

#header .gMenu li.guide a {

	width: 137px;

	background: url(/common/menu_guide.gif);

}

#header .gMenu li.contact a {

	width: 137px;

	background: url(/common/menu_contact.gif);

}




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



#mainTop {
	width:880px; 
	/*margin-top:-18px;*/
	margin-left:auto; 
	margin-right:auto; 
/*	padding-bottom:82px;*/
	padding-bottom:30px;
	/*position:relative;*/
}

#main {
	width:880px; 
	margin-left:auto; 
	margin-right:auto; 
/*	padding-bottom:82px;*/
	padding-bottom:30px;
}



#mainPop {

	width:400px; 

	margin-left:auto; 

	margin-right:auto; 

	padding-bottom:30px;

}







/* == h1 == */

#main h1 {

	padding-top:13px;

	margin-bottom:20px;

}



/* 1･ｫ･鬣・･ｳ･ﾆ･ﾄ･ｨ･・｢ */

#main #column1 {

	width:660px; 

	margin-left:auto; 

	margin-right:auto; 

	padding-bottom:82px;

}





/* page TOP */

#endNavi {

	text-align: right;

	margin-top: 20px;

}





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

#footer {

	color: #efefef;

/*	position:absolute;*/

	margin-top: 0px;

/*	bottom:0px;*/

	width:100%; 

	height:44px; 

	background:url(/common/line.gif) repeat-x left top;

}

*html #footer {

	left:0;

}

*:first-child+html #footer {

	left:0;

}

#footer .footerInner {

	width: 880px;

	margin: auto;

}





#footer ul {

	list-style:none; 

	text-align: left; 

	font-size:93%; 

	height:15px; 

	margin-top:16px;

	float: left;

}

#footer ul li {

	display:inline; 

	border-left:1px solid #999999; 

	padding-left:6px; 

	padding-right:2px;

}

#footer ul li.lastLink {

	padding-right:6px;

	border-right:1px solid #999999;

}

#footer ul li a {

	text-decoration: none;

}



#footer p {

	text-align:center; 

	font-size:77%; 

	margin-top:17px;

	float: right;

}







/* == footer pop window ========== */



#footer .footerInnerPop {

	width: 400px;

	margin: auto;

}







.hr {

	border: 1px solid #333;

	background: #111;

}

.hr hr{

	display: none;

}





.detailPic img{
margin:0 0 10px 0;
}


/************    sales Doc      **************/

.salesDoc{
/*display:none;*/
background:url(/img/sales_doc_bg_bk.gif) no-repeat;
height:40px;
}

.salesDoc ul{
list-style:none;
padding:7px 10px;
}

.salesDoc li{
float:right;
margin:0 0 0 15px;
display:block;
height:24px;
padding:2px 0 0 26px;
}

.salesDoc li.LinkPdf{
background:url(/img/icon_pdf_bk.gif) no-repeat;
}

.salesDoc li.LinkViewer{
background:url(/img/icon_book_bk.gif) no-repeat;
}




.BgStripe { 
background:url(/common/bg_stripe.gif);
}

/*light box area*/
#lightcolm
{
width:800px; 
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align:center;

}

.lightlink
{
	background: none repeat scroll 0 0 #5D5A42;
    font-size: 1.1em;
	width:300px;
	padding:20px 0;
}


/* ============ =============== */

#profile_box{margin:0px 0px 0px 0px; }




.content_area{margin:10px 0px 0px0px; padding:0px 0px 5px 0px;}

.content_area h2{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; background:none!important; border:none!important;}

.content_area ul{list-style-type:none;}
.content_area ul li{float:left; margin:5px;}
.box_indent{margin:0x 0px 0px 0px; padding:0px 0px 0px 5px;}



#rightDiv {
	text-align:right;
	float:right;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#leftDiv {
	float: left;
	width: 600px;
	margin:0px 10px 0px 0px;
	
}


.leftText1 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}




.leftText2 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.leftText3 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.leftText4 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.leftText5 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.leftText6 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.leftText7 {
	float: left;
	height: 30px;
	width:640px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}





.leftFontText {
	font-size: 12px;
	font-style: normal;
	color:#FFF;
	
}

.lightbox {
	
	height: 85px;
	width: 80px;
	margin:5px 5px 5px 10px;
}

.profilefont{
	font-weight:bold !important;
	color:#FFCC00 !important;
	font-size:32px !important;
	
	
	
}
.bgh4{background:none !important; padding:0px!important;}

.h4{
	background-image:url(../img/bg_h3.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px !important;
	font-size: 1.3em !important;
}
.ptextbar {
	color: #FFF;
	padding-top:10px;
	padding-left:30px;
	background-color: #000;
}



a:link img, a:visited img, a:hover img , a:active img{ border:none;}

.barstudio {
	float: left;
	width: 950px;
}
.barstudio h2{
background: none repeat scroll 0 0 #000000 !important;
    border-bottom: 2px dotted #FFCC00 !important;
    border-top: 2px dotted #FFCC00 !important;
    color: #FFFFFF !important;
    font-size: 1.6em !important;
    font-weight: bold !important;
    margin: 10px 0 20px !important;
    padding: 4px 5px 5px !important;
}
.hmargin{margin:0px !important; padding:0px !important }
.fL {
    display: inline;
    float: left;
}

.fR {
    display: inline;
    float: right;
}

.clearfix {
    display: block;
}




.lowerleftDiv1 {
	float: left;
	width: 200px;
	height:200px;
	background-color:#FFF;	
	margin:0px 10px 0px 0px;
	
}

.lowerleftDiv2 {
	float: left;
	width: 200px;
	height:200px;
	background-color:#FFF;
	margin:0px 10px 0px 0px;
	
}
#lowerrightDiv {
	float: right;
	width: 500px;
	height:200px;
	background-color:#FFF;
	margin:0px 10px 0px 0px;
	
}

.mt0{
	margin-top:0px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
/* margin top */

/* margin buttom */
.mb0{
	margin-bottom:0px;
}
.mb5{
	margin-bottom:5px;
}


/* margin buttom */

/* margin left*/
.ml0{
	margin-left:0px;
}
.ml2{
	margin-left:2px;
}

.ml3{
	margin-left:3px;
}

.ml4{
	margin-right:4px;
}

.ml5{
	margin-left:5px;
}

.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml30{
	margin-left:30px;ss
}
.ml40{
	margin-left:40px;
}
.ml90{
	margin-left:90px;
}
.ml219{
	margin-left:219px;
}

/* margin left*/


/* margin right */
.mr0{
	margin-right:0px;
}

.mr2{
	margin-left:2px;
}

.mr3{
	margin-left:3px;
}

.mr4{
	margin-right:4px;
}


.mr5{
	margin-right:5px;
}

.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
/* margin right */








/* padding */


.p20{
	padding:20px;
}








/* width */

.w150 {
    width: 150px;
}

.w160 {
    width: 160px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w280 {
    width: 280px;
}
.w295{width:295px;}

.w300 {
    width: 300px;
}

.w340 {
    width: 340px;
}

.w360 {
    width: 360px;
}

.w380 {
    width: 380px;
}

.w400 {
    width: 400px;
}

.w410 {
    width: 410px;
}

.w420 {
    width: 420px;
}

.w500 {
    width: 500px;
}

.w520 {
    width: 520px;
}

.w560 {
    width: 560px;
}

.w580 {
    width: 580px;
}

.w600 {
    width: 550px;
}

.w700 {
    width: 700px;
}
.w780 {
    width: 780px;
}
/* width */