@charset "utf-8";



/****************************************************************************
撮影の流れ
*****************************************************************************/
/* コンテンツエリア */
#cts_flow{

}
#cts_flow h2{
	margin: 24px 0 24px 20px;
	text-align: left;
}
#cts_flow h3{
	margin-bottom: 16px;
	text-align: left;
}
#cts_flow h4 img{
	margin-top: 16px;	
	text-align: center;	
}
#cts_flow .section{
	margin-left: 40px;
	margin-right: 40px;	
}
#cts_flow li.step  {
	clear:both;
	width: 820px;
	height :285px;
}
/* 3項目の場合*/
#cts_flow .block3{
	height:270px;
	background: url(../flow/images/flow_bg1.gif) no-repeat left top;	
}
/* 2項目の場合 */
#cts_flow .block2{
	height:300px;
	background: url(../flow/images/flow_bg2.gif) no-repeat left top;
}
#cts_flow .step li {
	float: left;
	width: 260px;
	text-align: center;
}
#cts_flow .step li.center{
	width: 300px;
}
#cts_flow .step li p{
	margin: 0 auto;
	width: 220px;
	text-align: left;
}

/****************************************************************************
メッセージ
*****************************************************************************/
/* コンテンツエリア */
#cts_message{

}
#cts_message #main_image  {	
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 860px;
	height: 0 !important;
	height /**/:370px;
	padding-top: 370px;	
	background: url(../message/images/message_main.jpg) no-repeat center 10px;
}
#cts_message .section{
	margin: 0 75px;
	text-align: left;
	font-size:13px;
}
#cts_message h3{
	margin-top:35px;
}
#cts_message p{
	line-height:1.7;
	margin-bottom:10px;
	
}


/****************************************************************************
よくある質問
*****************************************************************************/
/* コンテンツエリア */
#cts_qa{
	padding-top: 35px;
	text-align: left;
}
#cts_qa h2 {
	margin-top: 25px;
}
#cts_qa .section{
	padding-left: 40px;
	padding-right: 40px;
}
#cts_qa .lead p {
	margin-top: 16px;
	margin-bottom: 16px;
}

/* ページ内ナビ */
.pointnav a { color: #990000;}
.pointnav a:visited {color: #990000;}
.pointnav a:hover, #footer a:active {color: #990000;}
 
ul.pointnav {
	margin-bottom: 10px;
}
ul.pointnav li {
	border-right:1px solid #990000;
	display:inline;
	margin-right: 10px;
	padding-right: 12px;
	line-height: 1;		
}
ul.pointnav li.last {
	border-right:medium none;
}

/* カテゴリタイトル */
#cts_qa h3,
#cts_qa .title {
	clear:both;
	font-size: 18px;
    font-weight:bold;
	color: #990000;
}
#cts_qa h3 {
	position: relative;
	margin: 30px 0 15px;
	padding-bottom: 8px;
	background: url(../images/dot02.gif) left bottom repeat-x;
}
/* ページの先頭へボタン */
#cts_qa h3 .btn {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
}
#cts_qa dl{
	line-height:1.5;
}
#cts_qa dl dt{
    font-weight:bold;
}
#cts_qa dl dd{
	margin-bottom: 20px;
	padding-left: 1.8em;
}


/****************************************************************************
スタッフ紹介
*****************************************************************************/
/* コンテンツエリア */
#cts_staff{

}
#cts_staff #main_image  {
	margin: 0 auto;
	overflow: hidden;
	width: 820px;
	height: 0 !important;
	height /**/:419px;
	padding-top: 419px;
	background: url(../staff/images/staff_main.jpg) no-repeat center 25px;
}

#cts_staff ul#staff_list{
	color: #000000;
}
#cts_staff ul#staff_list li{
	clear:both;
	padding-top: 32px;
	padding-bottom: 34px;
	background: url(../images/stripe01.gif) left bottom repeat-x;
}
/*  */
#cts_staff ul#staff_list .wbox{
	float: left;
	width: 410px;
}
#cts_staff ul#staff_list .wbox2{
	float: right;
	width: 410px;
}
/* 顔写真 */
#cts_staff ul#staff_list h3 {
	padding-left: 16px;
}
#cts_staff ul#staff_list h3  img {
	float: left;
}
#cts_staff ul#staff_list h3 span {
	display: block;
}
/* プロフィール */
#cts_staff dl.profile {
	padding-top: 5px;
	line-height:1.6;
}
#cts_staff .profile dt {
	clear:left;
	float: left;
	width: 6em;
	text-align: right;
}
#cts_staff .profile dd {
	margin-left: 6em;
}
#cts_staff .profile .msg {
	margin-top: 1.5em;
}
#cts_staff .profile .date {
	padding-right:1em;
}
#cts_staff .profile .pd {
	padding-left:6.3em;
}

/* 店主から */
#cts_staff #owner {
	clear:both;
	margin-top: 35px;
}
#cts_staff #owner  h4,
#cts_staff #owner  p {
	line-height:1.6;
	margin-bottom: 20px;
}


/****************************************************************************
アクセス
*****************************************************************************/
/* コンテンツエリア */
#cts_access{

}
#cts_access #main_image  {	
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 860px;
	height: 0 !important;
	height /**/:255px;
	padding-top: 255px;	
	background: url(../access/images/map_main.jpg) no-repeat center 25px;
}
#cts_access h3{
	padding-bottom : 13px;
}
table.layout {
	margin: 30px 0; 
	border-collapse : collapse ;
	border-width : 1px 0 0 1px ;
	border-style : solid;
	border-color : #666666 ;	/* IE 6(Win)向け */
}

table.layout th {
	width : 10%;
	background: #E4E3E3;
	text-align:center;
}
table.layout th,table.layout td {
	border-width : 0 1px 1px 0 ;
	border-style : solid;
	padding : 1em;
	border-color : #666666 ;	/* IE 6(Win)向け */
	color : #666666;
}
table.layout td.map {
	width : 45%;
	text-align:center;
}
#cts_access table.layout td.access dl {
	padding : 1em 1em 0 1em;
}
#cts_access table.layout td.access dt {
	float: left;
	width: 12em;
	font-weight: bold;
}
#cts_access table.layout td.access dd {
	margin-left: 12em;
	margin-bottom: 1em;
}
#cts_access #recruit{

}
#cts_access #recruit dt {
	margin-top : 20px;
	font-weight: bold;
}
#cts_access #recruit dt dd {
	margin-bottom : 8px;
}


/****************************************************************************
撮影料金表
*****************************************************************************/
/* コンテンツエリア */
#cts_price{

}

/*  共通
---------------------------------------------*/
#cts_price h2  {
	margin-top: 20px;
	margin-bottom: 20px;
}
#cts_price .title {
	position: relative;
}
#cts_price .title span {
	position: absolute;
	display: block;
	top: 15px;
	right: 20px;
}
#cts_price #price1  {
	margin-right: 40px;
	margin-left: 40px;
	padding-bottom: 40px;
	text-align: left;
}
#cts_price .section  {
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 40px;
	text-align: left;
}
/* 料金メニュー */
#cts_price ul.price_menu {
	padding: 17px 0 10px 17px;
	font-size: 10px;
	line-height : 1.8;
	color:#000000;
}
#cts_price ul.price_menu em {
	font-weight: bold;
}

/*  Price1
---------------------------------------------*/
/* 基本料金 */
#cts_price .base {
	margin: 20px auto;
	width:820px;
	text-align: center;
	color: #000000;	
}
#cts_price .base dd {
	padding : 10px 0;
	background: #FAF3CF url(../price/images/price_rboxbtm820.gif) no-repeat left bottom;
}
#price1 dl {
	margin-bottom: 25px;
}

/* 1列に1個の場合に使用 */
#price1 .box1,#price1 #box1 {
	margin: 0px auto;
	width: 521px;
	height:190px;
	background: #D4E9EE url(../images/price_rboxbtm521.gif) no-repeat left bottom;
}

/* 1列に2個の場合に使用 */
#price1 .box2,
#price1 #box2 {
	width: 390px;
	height:225px;
	background: #D4E9EE url(../price/images/price_rboxbtm390.gif) no-repeat left bottom;	
}
#price1 .box2 .pic,
#price1 #box2 .pic {
	float: right;
}
#price1 .box2 .pic img,
#price1 #box2 .pic img  {
	margin-top: 10px;
	margin-right: 16px;
}

/* 1列に3個の場合に使用 */
#price1 .box3 {
	width: 258px;
	height: 330px;
	background: #D4E9EE url(../price/images/price_rboxbtm258.gif) no-repeat left bottom;
}
#cts_price dl.sp {
	margin-right: 23px;
}
#price1 .box3 ul {
	height:72px; 
}
#price1 .box3 .pic {
	text-align: center;
}

/* 画像がタイトル部にかかっている場合 */
#price1 #box1,
#price1 #box2 {
	position: relative;
}
#price1 #box1 .pic,
#price1 #box2 .pic {
	position: absolute;
	top: 0;
	rightt: 0;
}
/* +アイコン */
#cts_price .plus{
	clear:both;
	text-align: center;	
}
#cts_price .plus img {
	margin-bottom: 25px;
}
/* ボタン大 */
#cts_price .btn{
	clear:both;
	margin-bottom:20px;
	text-align: center;	
}

/*  プラン
---------------------------------------------*/
/* フローチャート */
#cts_price .chart{
	margin: 40px 0;
	text-align: center;	
}


/*  Price2
---------------------------------------------*/

#price2 .box {
	margin: 0px auto 25px;
	padding-bottom: 10px;
	width: 820px;
	background: #D4E9EE url(../price/images/price_boxbtm820.gif) no-repeat left bottom;
	text-align:left;
}

#price2 .box .pic {
	float:right;
}