@charset "UTF-8";

@import "base.css";

@import "fonts.css";



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

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

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

/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/

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

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

/*                                                                          */

/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */

/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */

/*                                                                          */

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



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

/*                           Common-Setting                                 */

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



/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {

	font-size: 120%;

}

	

h1 {} /* Header内で設定 */

h2 { line-height: .1; }

h3 {}

h4 {}



a { color: #f41; }

a:hover,

a:active { color: #f96; text-decoration: none; }

a:visited {

}



ul {

}

li {

}



dl {

}

dt {

}

dd {

}



table {

}



th,

td {

}

th {

}

td {

}



p { margin: 0 0 1em; }



.section { padding: .5em 1em 1em; }

.section .section { padding: .5em .5em 1em; }



.image_l { float: left; margin: 0 8px 8px 0; }

.image_r { float: right; margin: 0 0 8px 16px; }



.case {

	margin: 10px 20px;

	background: url(../images/arrow_h.jpg) center center no-repeat;

}

.case-narrow {

	margin: 10px 40px;

	background: url(../images/arrow_h.jpg) center center no-repeat;

}

.case-noimg { margin: 10px 20px; }



ul.totop {

	clear: both;

	padding-bottom: 20px;

}

ul.totop li {

	float: right;

	list-style: none;

}

ul.totop li a {

	display: block;

	width: 100px;

	height: 20px;

	background: url(../images/to_top.jpg) 0 0 no-repeat;

	text-indent: -9999em;

	outline: none;

}

ul.totop li a:hover { background-position: bottom; }



#main p { margin: 5px; 

		  line-height:22px;

		  font-size:12px;}

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

/*                            Container                                     */

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



html {

	background: none;

	height:100%;

}



body {

  background: url(../images/body_bg.jpg) top;

	color: #333;

	text-align: center;

	height:100%;

	

}



#bgimg {

    background: url(../images/body_hd_bg.png) 0 0 repeat-x;

    height:520px;

    width:auto;

    }



#bg_naka_img {

    background: url(../images/naka_hd_bg.png) 0 0 repeat-x;

    height:520px;

    width:auto;

    }



#wrapper {

	position:relative;

	width: 850px;

	margin: 0 auto;

    background: url(../images/wrapper_bg.jpg) top repeat-y;

    min-height: 100%;

    height:auto;

    }

    

#wrapper_pre {

	width: 850px;

	margin: 0 auto;

    background: url(../images/pre.jpg) top no-repeat;

    height:auto;

    }



#container {

	width: 850px;

	margin: 0 auto;

	padding-bottom:50px;

	}

	

#main {

	width: 640px;

	margin: 0 auto;

	text-align: left;

  float: right;

  

}





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

/*                               Header                                     */

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



#header {

	width: 850px;

	height: auto;

	margin: 0 auto;

	text-align: left;

  background: url(../images/header_bg.jpg) 0 0 no-repeat;

}



#index_header {

	width: 850px;

	height: 300px;

	margin: 0;

  background: url(../images/main_bg.jpg) 0 0 no-repeat;

}



#naka_header {

	width: 850px;

	height: 150px;

	margin: 0;

  background: url(../images/naka_main_bg.jpg) 0 0 no-repeat;

}

#studio_header {
	width: 850px;
	height: 150px;
	margin: 0;
  background: url(../images/studio_main_bg.jpg) 0 0 no-repeat;
}

#company_header {
	width: 850px;
	height: 150px;
	margin: 0;
  background: url(../images/company_main_bg.jpg) 0 0 no-repeat;
}

#header .header_text {

	height: 20px;

	line-height: 20px;

	text-indent: 1em;

	background: #333;

	color: #fff;

	margin: 0;

	font-size: 90%;

}

#header h1 { float: left; }

#header h1 a {

  display: block;

	width: 250px;

	height: 108px;

  background: url(../images/h1.jpg) 0 0 no-repeat;

	text-indent: -9999em;

}

#header #header02 {

	float: right;

	padding-top: 10px;

}

#header #header02 a {

	display: block;

	width: 150px;

	height: 40px;

  background: url(../images/header_link.jpg) 0 0 no-repeat;

	text-indent: -9999em;

	outline: none;

}

#header #header02 a:hover { background-position: bottom; }

#cam {
	background: url(../images/img_cam02.jpg) 0 0 no-repeat;
	width:830px;
	height:804px;
	}

#cam a {
	display:block;
	position:relative;
	left:443px;
	top:670px;
	width:377px;
	height:132px;
	}

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

/*                              Footer                                      */

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



#footer {
	clear: both;
	text-align: center;
    background: url(../images/footer_bg.jpg) bottom repeat-x;
    padding:5px;
    margin: 0;
}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer address {

	{ margin: 8px 1em; }

}





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

/*                             gnavi                                  */

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



#gnavi {

}

#gnavi ul {

	margin: 0;

}

#gnavi ul li {

	display: block;

	float: left;

	width: 170px;

	height: 40px;

	list-style: none;

}

#gnavi ul li a {

	display: block;

	width: 170px;

	height: 40px;

	text-align: left;

	text-indent: -9999em;

	background: url(../images/gnavi.jpg) 0 0 no-repeat;

}



#gnavi ul li.gnavi01 a { background-position: 0 0; }

#gnavi ul li.gnavi02 a { background-position: -170px 0; }

#gnavi ul li.gnavi03 a { background-position: -340px 0; }

#gnavi ul li.gnavi04 a { background-position: -510px 0; }

#gnavi ul li.gnavi05 a { background-position: -680px 0; }



#gnavi ul li.gnavi01 a:hover { background-position: 0 -40px; }

#gnavi ul li.gnavi02 a:hover { background-position: -170px -40px; }

#gnavi ul li.gnavi03 a:hover { background-position: -340px -40px; }

#gnavi ul li.gnavi04 a:hover { background-position: -510px -40px; }

#gnavi ul li.gnavi05 a:hover { background-position: -680px -40px; }





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

/*                            Navigation                                    */

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



#navi {

	float: left;

	width: 200px;

	text-align: center;

}



#navi dl,

#navi ul {

	margin: 0 0 10px;

	text-align: left;

}



#navi dl dt,

#navi dl dd,

#navi ul li { list-style: none; margin: 0; }



#navi dl dt { text-indent: -9999em; }



#navi dl dd a,

#navi ul li a {

	display: block;

	text-indent: -9999em;

	background: url(../images/navi.jpg) 0 0 no-repeat;

    }



#navi ul li.nav01 a { background-position: 0 0; no-repeat; height:40px;}

#navi ul li.nav02 a { background-position: 0 -40px; no-repeat; height:30px;}



#navi ul li.nav01 a:hover { background-position: -180px 0; }

#navi ul li.nav02 a:hover { background-position: -180px -40px; }



#navi #navi_navi {

	margin: 10px 0 0 15px;

	height: auto;

}

#navi #navi_navi li {

	margin: 0;

	width: 180px;

	text-indent: -9999em;

	background: url(../images/navi.jpg) 0 0 no-repeat;

}

#navi #navi_navi li a {

	display: block;

	width: 180px;

	text-indent: -9999em;

	outline: none;

	background: url(../images/navi.jpg) 0 0 no-repeat;

}



#navi #navi_navi li.navi00  { background-position: 0 0; height: 40px;}

#navi #navi_navi li.navi01 a { background-position: 0 -40px; height: 30px;}

#navi #navi_navi li.navi02 a { background-position: 0 -70px; height: 30px;}

#navi #navi_navi li.navi03 a { background-position: 0 -100px; height: 30px;}

#navi #navi_navi li.navi04 a { background-position: 0 -130px; height: 30px;}

#navi #navi_navi li.navi05  { background-position: 0 -160px; height: 40px;}

#navi #navi_navi li.navi06 a { background-position: 0 -200px; height: 30px;}

#navi #navi_navi li.navi07 a { background-position: 0 -230px; height: 30px;}

#navi #navi_navi li.navi08 a { background-position: 0 -260px; height: 30px;}

#navi #navi_navi li.navi09 a { background-position: 0 -290px; height: 30px;}

#navi #navi_navi li.navi10 a{ background-position: 0 -320px; height: 40px;}

#navi #navi_navi li.navi11 a { background-position: 0 -360px; height: 30px;}

#navi #navi_navi li.navi12 a { background-position: 0 -390px; height: 30px;}

#navi #navi_navi li.navi13 a { background-position: 0 -420px; height: 30px;}

#navi #navi_navi li.navi14 a { background-position: 0 -450px; height: 30px;}

#navi #navi_navi li.navi15 a { background-position: 0 -480px; height: 40px;}

#navi #navi_navi li.navi16 a { background-position: 0 -520px; height: 30px;}

#navi #navi_navi li.navi17 a { background-position: 0 -550px; height: 30px;}

#navi #navi_navi li.navi18 a { background-position: 0 -580px; height: 30px;}

#navi #navi_navi li.navi19 a { background-position: 0 -610px; height: 40px;}

#navi #navi_navi li.navi20 a { background-position: 0 -650px; height: 50px;}

#navi #navi_navi li.navi21 a { background-position: 0 -700px; height: 50px;}

#navi #navi_navi li.navi22 a { background-position: 0 -750px; height: 50px;}



#navi #navi_navi li.navi01 a:hover { background-position: -180px -40px; height: 30px;}

#navi #navi_navi li.navi02 a:hover { background-position: -180px -70px; height: 30px;}

#navi #navi_navi li.navi03 a:hover { background-position: -180px -100px; height: 30px;}

#navi #navi_navi li.navi04 a:hover { background-position: -180px -130px; height: 30px;}

#navi #navi_navi li.navi06 a:hover { background-position: -180px -200px; height: 30px;}

#navi #navi_navi li.navi07 a:hover { background-position: -180px -230px; height: 30px;}

#navi #navi_navi li.navi08 a:hover { background-position: -180px -260px; height: 30px;}

#navi #navi_navi li.navi09 a:hover { background-position: -180px -290px; height: 30px;}


#navi #navi_navi li.navi11 a:hover { background-position: -180px -360px; height: 30px;}

#navi #navi_navi li.navi12 a:hover { background-position: -180px -390px; height: 30px;}

#navi #navi_navi li.navi13 a:hover { background-position: -180px -420px; height: 30px;}

#navi #navi_navi li.navi14 a:hover { background-position: -180px -450px; height: 30px;}

#navi #navi_navi li.navi16 a:hover { background-position: -180px -520px; height: 30px;}

#navi #navi_navi li.navi17 a:hover { background-position: -180px -550px; height: 30px;}

#navi #navi_navi li.navi18 a:hover { background-position: -180px -580px; height: 30px;}

#navi #navi_navi li.navi20 a:hover { background-position: -180px -650px; height: 50px;}

#navi #navi_navi li.navi21 a:hover { background-position: -180px -700px; height: 50px;}

#navi #navi_navi li.navi22 a:hover { background-position: -180px -750px; height: 50px;}





#navi #navi_banner {

	margin: 10px 0 0 15px;

}

#navi #navi_banner li {

	margin-bottom: 5px;

}

#navi #navi_banner li a {

	display: block;

	width: 180px;

	text-indent: -9999em;

	outline: none;

	background: url(../images/navi_banner.jpg) 0 0 no-repeat;

}



#navi #navi_banner li.banner01 a { background-position: 0 0; height: 120px;}

#navi #navi_banner li.banner02 a { background-position: 0 -129px; height:111px;}





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

/*                             Contents                                     */

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



/* index

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



#index h3#h3-01 { background: url(../images/index_h3-01.jpg) 0 0 no-repeat; }



.contents {

	width:620px;

	margin: 10px 15px 0 0;

	clear:both;

	}



.contents_co {

	width:620px;

	margin-top:5px;

	clear:both;

	}



.contents_co table{

	width:620px;

	margin-top:5px;

	}



.contents_co table th{

	border: 0px;

	padding:0;

	margin:0;

	border: 1px #666666 solid;

	background-color:#FFF8FC;

	padding:3px;

	}



.contents05 table{

	width:620px;

	margin-top:5px;

	}



.contents05 table th{

	border: 0px;

	padding:0;

	margin:0;

	border: 1px #666666 solid;

	background-color:#fff8da;

	padding:3px;

	}



.step {

	width:600px;

	margin:5px;

	height:auto;

	float:left;

	}



.step2 {

	width:300px;

	margin-right:10px;

	float:left;

	}



.bar {

	width:600px;

	background: url(../images/bar01.jpg) no-repeat;;

	padding: 8px 0 0 8px;

	height: 30px;

	color:#532c01;

	font-weight:bold;
	font-size:14px;

	}



.bar2 {

	width:300px;

	background: url(../images/bar01.jpg) no-repeat;;

	padding: 8px 0 0 8px;

	height: 30px;

	color:#532c01;

	font-weight:bold;

	}



.mtitle00 {

	background: url(../images/title_index.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}

	

.mtitle00a {

	background: url(../images/title_index02.jpg);

	width:620px;

	height:90px;

	text-indent: -9999em;

	}



.mtitle01 {

	background: url(../images/title_6month.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}

.mtitle02 {

	background: url(../images/title_3month.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}
	

.mtitle03 {

	background: url(../images/title_1month.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}

.mtitle04 {

	background: url(../images/title_1day.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}

.mtitle_co {

	background: url(../images/title_company.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}

	

.mtitle_su {

	background: url(../images/title_studio.jpg);

	width:620px;

	height:55px;

	text-indent: -9999em;

	}

	

#stitle0101 {

	background: url(../images/stitle_0101.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

	

#stitle0102 {

	background: url(../images/stitle_0102.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

	

#stitle0103 {

	background: url(../images/stitle_0103.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

	

#stitle0104 {

	background: url(../images/stitle_0104.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

	

#stitle0201 {

	background: url(../images/stitle_0201.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

#stitle0202 {

	background: url(../images/stitle_0202.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}
	

#stitle0203 {

	background: url(../images/stitle_0203.jpg);

	width:620px;

	height:40px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

.icon01 {

	background: url(../images/navi01.jpg) no-repeat;

	width:620px;

	height:30px;

	text-indent: -9999em;

	margin-bottom:5px;

	}

	

.step .option_r {

	float:right;

	display:block;

	margin:0;

	width:285px;

	height:auto;

	padding:5px;

	font-size:10px;

	border: 1px #666666 dashed;

	}

	

.step .option_l {

	float:left;

	display:block;

	margin:0;

	width:.285px;

	height:auto;

	padding:5px;

	font-size:10px;

	border: 1px #666666 dashed;

	}

.step .option {

	float:left;

	display:block;

	margin:0;

	width:580px;

	height:auto;

	padding:5px;

	font-size:10px;

	border: 1px #666666 dashed;

	}

.step2 .option_l {

	float:left;

	display:block;

	margin:0;

	width:285px;

	height:auto;

	padding:5px;

	font-size:10px;

	border: 1px #666666 dashed;

	}

	

#pre {

	width:900px;

	height:600px;

	text-align:center;

	}