@charset "utf-8";

@import url("common.css");


#contents_outer {
	margin-top:0;
	background-image:url(../images/sub/contents_outer_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#f9f9f9;
	padding-top:13px;
}
#crumb{
	width:898px;
	margin:0 auto;
	line-height:26px;
	font-size:0.84em;
}
#crumb,
#crumb a {
	color:#8b8b8b;
}
#contents {
	width:903px;
	margin:0 auto;
	background-image:url(../images/sub/contents_bg_mid.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
}
#contents_wrapper {
	background-image:url(../images/sub/contents_bg_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:13px;
}
#contents_left {
	width:618px;
	float:left;
	padding-top:4px;
}
#contents_right {
	width:250px;
	float:right;
}






#lnv {
	width:250px;
	background-image:url(../images/right_box_mid.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	margin:0 auto 7px;
}

#lnv .inner {
	background-image:url(../images/right_box_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
#lnv .inner2 {
	background-image:url(../images/right_box_btm.jpg);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:9px 8px;
}
#lnv li {
	background-image:url(../images/sub/lnv_li_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	border-bottom:1px solid #cccccc;
}
#lnv li a{
	display:block;
	background-image:url(../images/sub/icon_lnv.jpg);
	background-position:12px 50%;
	background-repeat:no-repeat;
	padding:14px 14px 14px 40px;
	zoom:1;
	font-size:1.07em;
	color:#444444;
	text-decoration:none;
}
#lnv ul .hv{
	text-decoration:underline;
	background-image:url(../images/sub/icon_lnv_hv.jpg);
}
#lnv ul .selected{
	font-weight:bold;
	background-image:url(../images/sub/icon_lnv_hv.jpg);
}
#lnv li .small{
	font-size:0.85em;
}



/* インデックス		
--------------------------------------------------- */
#index_list li {
	width:309px;
	float:left;
	margin-bottom:20px;
}
#index_list li.wide {
	/*width:309px;
	float:left;*/
	width:618px;
	margin-bottom:20px;
}
#index_list h2  {
	display:block;
	background-image:url(../images/sub/hd_narrow.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:56px;
	position:relative;
}
#index_list h2 a {
	text-decoration:none;
}
#index_list h2 a img {
	position:absolute;
	top:15px;
	left:15px;
}

#index_list li.wide h2 {
	display:block;
	background-image:url(../images/sub/hd_wide.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:56px;
	text-decoration:none;
}

#index_list h3 {
	display:block;
	margin:0 8px 3px;
	padding:0 4px 7px;
	background-image:url(../images/dotted_h_line.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	color:#111111;
	text-decoration:none;
	font-weight:normal;
}
#index_list #ceremony h3 {
	text-align:right;
}
#index_list .img {
	text-align:center;
	margin:0 0 6px;
}
#index_list .body {
	line-height:1.5;
	margin:0 8px 8px;
	padding:0 4px;
}
#index_list .ft {
	text-align:right;
	margin:0 8px;
}
#index_list .ft a {
	background-image:url(../images/icon_goto.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:18px;
	line-height:14px;
}
#index_list .ft a.multil {
	display:block;
	float:right;
	background-position:0 0;
}

/* タイトル		
--------------------------------------------------- */
#title_img {
	text-align:center;
	margin-bottom:20px;
}



/* ページダウン
--------------------------------------------------- */
#pagedown  {
	margin:0 9px;
	background-image:url(/matrix/images/pagedown_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:3px;
}
#pagedown .clearfix {
	background-image:url(/matrix/images/pagedown_bg.jpg);
	background-position:100% 0;
	background-repeat:no-repeat;
	padding:12px 16px 13px;
}
#pagedown li {
	float:left;
	border-right:1px solid #cccccc;
	margin-right:18px;
}
#pagedown a {
	background-image:url(../images/icon_pagedown.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:18px;
	margin-right:22px;
	line-height:14px;
}

/* コンテンツ
--------------------------------------------------- */
.top_section {
	margin:0 12px 12px;
	line-height:1.7;
}



.section_hd_wide {
	background-image:url(../images/sub/hd_wide.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:56px;
	color:#111111;
	position:relative;
}
.section_hd_wide img {
	position:absolute;
	top:15px;
	left:16px;
}
.section_hd2 {
	clear:both;
	margin:0 13px 40px;
	padding:8px 6px;
	margin:0 8px 15px;
	background-image:url(../images/dotted_h_line.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	line-height:1.2;
	font-weight:normal;
	color:#111111;
	font-size:1.23em;
}

.section {
	clear:both;
}
.section_top_text {
	margin:4px 12px 20px;
	line-height:1.7;
}
p.section_top_text2 {
	padding:0 12px 8px;
	line-height:1.7;
}
h4.section_top_text2 {
	padding:0 12px 8px;
	line-height:1.7;
	font-size:1.24em;
}

.section .section_inner {
	clear:both;
	margin:0 8px 40px;
}
.section .section_inner_wo_img {
	clear:both;
	margin:0 13px 40px;
}
.section_inner p,
.section .section_inner_wo_img p{
	margin:0 0 15px;
	line-height:1.7;
}
.section_inner_right {
	/*margin-left:316px;*/
	float:right;
	width:286px
}
.left_img_box {/*　複数写真 float left*/
	float:left;
	width:301px;
}
.left_img_box img {
	float:left;
}

.section_inner_right_ml252 {margin-left:252px;}
.section_inner_right_ml298 {margin-left:298px;}


.detail_hd,
.caption_hd {
	padding:0 0 6px;
}
.detail_text,
.caption_text {
	color:#a0a0a0;
	font-size:0.92em;
	line-height:1.5;
	padding-left:5px;
	padding-right:10px;
}

.detail_text2 {
	font-size:0.92em;
	line-height:1.5;
	padding-left:5px;
	padding-right:10px;
}

.mid_page_top {
	text-align:right;
	margin-right:-7px;
}
.mid_page_top a{
	padding:0 15px;
}













/* ボトムrelated
--------------------------------------------------- */
#ft_related {
	clear:both;
	width:602px;
	margin:0 auto;
	background-image:url(/matrix/images/info_mid.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
#ft_related_inner {
	clear:both;
	width:602px;
	margin:0 auto;
	background-image:url(/matrix/images/info_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:62px;
}
#ft_related2 {
	clear:both;
	position:relative;
	width:866px;
	margin:0 auto;
	background-image:url(../images/201010/ft_related2_mid.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
}
#ft_related2_inner {
	background-image:url(../images/201010/ft_related2_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:62px;
}
#ft_related2_inner2 {
	background-image:url(../images/201010/ft_related2_btm.jpg);
	background-position:0 100%;
	background-repeat:no-repeat;
	position:relative;
	zoom:1;
}




#ft_related2 #btm_prompt_img {
	position:absolute;
	left:10px;
	bottom:10px;
}
#ft_related2 #ft_r2_right {
	margin-left:269px;
}




#ft_related ul,
#ft_r2_right ul {
	width:560px;
	margin:0 auto;
}
#ft_related li,
#ft_r2_right li {
	clear:both;
	padding:12px 8px 12px;
	background-image:url(../images/dotted_h_line.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}
#ft_related ul span,
#ft_r2_right ul span {
	display:block;
}


#ft_related .img,
#ft_r2_right .img {
	float:left;
	width:90px;
	text-align:center;
	
	
	
}
#ft_related .img a,
#ft_r2_right .img a{
	display:block;
	background-color:#fafafa;
}

#ft_related .fr_right,
#ft_r2_right .fr_right {
	margin-left:120px;
}


#ft_related  .category,
#ft_r2_right .category{
	width:10em;
	font-size:12px;
	line-height:1.5;
	margin-bottom:5px;
}


#ft_related  ul .category a,
#ft_r2_right  ul .category a{
	display:block;
	background-color:#ededed;
	border:1px solid #ededed;
	padding-left:5px;
	color:#555555;
	text-decoration:none;
}
#ft_related  ul .category  a:hover,
#ft_r2_right ul .category  a:hover{
	background-color:#ffffff;
}

#ft_related .ft,
#ft_r2_right .ft {
	text-align:right;
	padding: 8px 20px  13px ;
}
#ft_related .ft {
	background-image:url(/matrix/images/info_btm.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
}
#ft_related .ft a,
#ft_r2_right .ft a {
	display:inline-block;
}



#ft_related .title,
#ft_r2_right .title{
	font-size:1.07em;
}







/* プラン
--------------------------------------------------- */

.plan_hd2 {
	clear:both;
	margin:0 8px 13px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:33px 0 0 0;
}
#plan1 {background-image:url(/production/matrix/images/plan_num1.gif);}
#plan2 {background-image:url(/production/matrix/images/plan_num2.gif);}
#plan3 {background-image:url(/production/matrix/images/plan_num3.gif);}
#plan4 {background-image:url(/production/matrix/images/plan_num4.gif);}
#plan5 {background-image:url(/production/matrix/images/plan_num5.gif);}
#plan6 {background-image:url(/production/matrix/images/plan_num6.gif);}
#plan7 {background-image:url(/production/matrix/images/plan_num7.gif);}
.plan_hd2 h3{
	padding:8px 3px;
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	line-height:1.2;
	font-weight:bold;
	color:#111111;
	font-size:1.23em;
}

#other_plans {
	clear:both;
	border:1px solid #e8e8e8;
	margin:0 8px 40px;
	padding:3px;
}
#other_plans_inner {
	background-color:#fafafa;
	padding:15px;
}
#other_plans table {
	background-color:#ffffff;
	border:1px solid #ffffff;
}
#other_plans th {
	background-color:#e5e5e5;
	text-align:left;
	padding:7px;
	color:#111111;
}
#other_plans td {
	background-color:#f8f8f8;
	padding:7px;
	width:45%;
	line-height:1.6;
}

.price {
	font-size:1.38em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}






/* オプション
--------------------------------------------------- */
#options {
	width:602px;
	margin:0 auto;
}
.option_section {
	clear:both;
	margin:0 0 20px; 
}
.option_section h3  {
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 75%;
	background-repeat:repeat-x;
	padding:0 0 5px;
	margin:0 0 3px;
}

.option_section li {
	float:left;
}

.option_section p {
	color:#a0a0a0;
	font-size:0.92em;
	line-height:1.3 !important;
	background-image:url(/matrix/images/icon_capition_up.jpg);
	background-position:0 3px;
	background-repeat:no-repeat;
	margin:6px 3px 0 !important;
	padding:0 4px 0 11px;
	width:179px;
}







/* エントリー
--------------------------------------------------- */
#page_cat {
	font-weight:normal;
	font-size:1.23em;
	margin:0 8px 15px;
	padding:0 5px 10px;
	border-bottom:2px solid #888;
}

.entry_box {
	clear:both;
	margin:0 12px 50px;
	padding-top:20px;
}

.entry_box .hd_info {
	border-bottom:2px solid #cccccc;
	padding:0 5px 5px;
}
.entry_box .date,
.entry_box .date_right{
	color:#cccccc;
	font-weight:bold;
	font-family:Arial;
}
.entry_box .date{float:left;}
.entry_box .date_right{float:right;}
.entry_box .category{
	float:right;
	background-image:url(/matrix/images/front/news_hd_category.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:70px;
}
.entry_box .title{
	font-size:17px;
	font-weight:bold;
	padding:8px 5px 10px;
	color:#000000;
	background-image:url(/news/matrix/images/entry_title_bg.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}
.entry_box .title a,
.entry_box .title span{
	display:block;
	color:#000000;
	border-left:8px solid #89B4C4;
	padding:2px 10px;
}
.entry_box .body,
.entry_box .extended {
	clear:both;
	font-size:14px;
	line-height:1.6;
	padding:13px 5px 13px;
}


.entry_box .body p,
.entry_box .extended p {
	padding:0 0 13px;
}


.entry_box .body .enb_left_img {
	float:left;
}
.entry_box .body .enb_right_text {
	margin-left:280px;
}




.entry_box .ft {
	clear:both;
	padding:7px 5px 6px;
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
.entry_box .ft a {
	background-image:url(/matrix/images/icon_goto.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:18px;
	line-height:14px;
	
}



/*　paginate
===================================================*/
#paginate {
	clear:both;
	width:603px;
	margin:0 auto;
	text-align:center;
	padding:30px 0;
	background-image:url(/matrix/images/separator.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

#paginate a,
#paginate span {
	display: inline-block;
	display: -moz-inline-box;
	border:1px solid #ececec;
	line-height:2.0;
	padding:0 0.7em;
	margin-right:2px;
	zoom:1;
}
#paginate a:hover {
	border:1px solid color:#33a1b5;
	background-color:#33a1b5;
	color:#ffffff;
}

#paginate .current_page {
	background-color: #ececec;
}


/*　blog_entry_ft
===================================================*/
#blog_entry_ft {
	background-image:url(/matrix/images/separator.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:center;
	padding:30px 0;
}
#bef_before,
#bef_wo_before {
	padding:0 7px 0 0;
}
#bef_index {
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	padding:0 7px;
}
#bef_next,
#bef_wo_next {
	padding: 0 0 0 7px;
}

#bef_wo_before,
#bef_wo_next {
	color:#999999;
}





/*　201008追記
===================================================*/
.imgs_layout2 li{
	float:left;
}
.imgs_layout2_ft {
	background-image:url(../images/separator.jpg);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:10px 5px 20px;
	margin:0 0 10px;
}
.imgs_layout2_ft dl {
	clear:both;
	background-image:url(../images/dotted_v_line.gif);
	background-position:110px 0;
	background-repeat:repeat-y;
	padding:3px 5px;
}
.caption2 {
	clear:both;
	margin:0 0 8px;
}
.detail2 {
	clear:both;
}
.caption2 dt,
.detail2 dt{
	float:left;
	width:93px;
}
.caption2 dd,
.detail2 dd{
	float:right;
	width:460px;
	color:#a0a0a0;
	font-size:0.92em;
	line-height:1.5;
}
.imgs_layout2_txt {
	clear:both;
	padding:0 8px 0;
}