@charset "utf-8";


@import url("/matrix/css/sub.css");




/* レポート　リスト(/production/index)
--------------------------------------------------- */
#wl_list {
	clear:both;
}
#wl_list_hd {
	display:block;
	background-image:url(/matrix/images/sub/hd_wide.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:56px;
	text-decoration:none;
	position:relative;
}
#wl_list_hd h2 {
	position:absolute;
	top:15px;
	left:15px;
}

#wl_list_hd .gotolist {
	position:absolute;
	top:17px;
	right:18px;
}
#wl_list_hd .rss {
	position:absolute;
	top:19px;
	left:508px;
}



#wl_list li{
	clear:both;
	margin:0 13px 10px;
	padding:10px 0 20px;
	background-image:url(/matrix/images/separator.jpg);
	background-position:50% 100%;
	background-repeat:no-repeat;
}

#wl_list .img{
	float:left;
	width:166px;
	text-align:center;
	border:1px solid #dcdcdc;
}
#wl_list .img a{
	display:block;
	border:3px solid #ffffff;
	background-color:#fafafa;
}
#wl_list .img img{
}

.wl_list_inner_right {
	margin-left:189px;
}

#wl_list .date{
	padding:0 0 8px;
}
#wl_list h3 {
	font-size:1.23em;
	padding:0 0 12px;
	line-height:1.2;
}
#wl_list .body {
	padding:0 0 19px;
	line-height:1.4;
}


#wl_list li .ft {
	text-align:right;
	padding:14px 3px 0;
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
#wl_list li .ft a {
	background-image:url(/matrix/images/icon_goto.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:18px;
	line-height:14px;
}




/* レポート　リスト(/report/index)
--------------------------------------------------- */
#wl_list_gallery ul {
	margin-left:20px;
	margin-bottom:40px;
}



#wl_list_gallery li {
	float:left;
	width:280px;
	margin-right:16px;
	margin-bottom:16px;
	background-image:url(/production/matrix/images/gallary_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:3px;
	
}


#wl_list_gallery li .img {
	display:table;
	height:206px;
	vertical-align:middle;
	margin:0 0 8px;
}

#wl_list_gallery .img a {
	display:table-cell;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	width:280px;
}
#wl_list_gallery .img img {
	border:2px solid #ffffff;
}




*+html #wl_list_gallery li .img {
	line-height:206px;
	text-align:center;
	vertical-align:text-top;
	zoom:1;
}
* html #wl_list_gallery li .img {
	line-height:206px;
	text-align:center;
	vertical-align:text-top;
	zoom:1;
}
* #wl_list_gallery .img img {
	display:inline;
	vertical-align:middle;
	zoom:1;
}
* html #wl_list_gallery .img span {
	display:inline-block;
}






#wl_list_gallery .title {
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	padding: 6px 3px;
}
#wl_list_gallery .title span{
	display:block;
}
#wl_list_gallery .title a {
	color:#555555;
	font-size:12px;
	font-weight:bold;
}
#wl_list_gallery .date {
	text-align:right;
	font-size:11px;
	padding:0 3px 6px;
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}




/* レポートバックナンバー
--------------------------------------------------- */
.right_box {
	width:250px;
	background-image:url(/matrix/images/right_box_mid.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	margin:0 auto 10px;
}

.right_box_inner {
	background-image:url(/matrix/images/right_box_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:4px 0 0;
}
.right_box_inner2 {
	background-image:url(/matrix/images/right_box_btm.jpg);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:11px 12px 16px;
}


#wr_hd {
	background-image:url(/production/matrix/images/archives_hd.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:43px 4px 13px;
	font-size:0.92em;
}











/* プランナー
--------------------------------------------------- */
#planner_section_hd2 {
	padding:8px 0;
	margin:0 8px 15px;
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	line-height:1.2;
	font-weight:normal;
	color:#111111;
	text-align:right;
}
#planners li{
	clear:both;
	margin:0 8px 20px;
	padding:10px 0 9px;
	background-image:url(/matrix/images/separator.jpg);
	background-position:50% 100%;
	background-repeat:no-repeat;
}

#planners .planners_li_right {
	margin-left:255px;
	line-height:1.7;
}
#planners .body{
	padding:0 0 7px;
}
#planners .body p{
	padding:0 0 12px;
}
#planners .ft {
	padding:8px 0;
	background-image:url(/matrix/images/dotted_h_line.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	text-align:right;
	color:#111111;
}








/* オプション
--------------------------------------------------- */
#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.5;
	background-image:url(/matrix/images/icon_capition_up.jpg);
	background-position:0 3px;
	background-repeat:no-repeat;
	margin:2px 3px 0;
	padding:0 4px 0 11px;
	width:179px;
}



/* 
--------------------------------------------------- */
#one_col {
	border:1px solid #e5e5e5;
	width:864px;
	margin:4px auto 0;
}




/* menu
--------------------------------------------------- */
#menu_tab {
	background-image:url(../images/201008/menu_abst.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	height:68px;
	padding-top:114px;
	padding-left:4px;
}
#menu_tab li {
	float:left;
	cursor:pointer;
}


.menu_box_outer {
	margin:0 4px 4px;
	background-image:url(../images/201110/box_bg.jpg);
	background-position:0 100%;
	background-repeat:no-repeat;
	height:360px;
}
#section3 .menu_box_outer {
	height:500px;
}

.menu_box {
	clear:both;
	padding:20px 20px 0;
}
.menu_box li {
	clear:both;
	height:321px;
	overflow:visible;
}
.menu_box .imgL_all {
	float:left;
	width:555px;
	height: 310px;
	padding-top:5px;
	overflow:hidden;
}
.menu_box .textR_all {
	float:right;
	width:227px;
}
.menu_box .textR_all h2 {
	font-weight:normal;
	font-size:1.5em;
	padding:12px 0 12px;
	margin:0 0 12px;
	background-image:url(../images/201008/border_dot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}
.textR_all p{
	font-size:11px;
	color:#888888;
}
.menu_box .imgL {
	float:left;
	width:481px;
	height: 310px;
	padding-top:5px;
	overflow:hidden;
}
.menu_box .imgT3 ,
.menu_box .imgT2_1{
}
.menu_box .imgT3 p,
.menu_box .imgT2_1 p{
	float:left;
}
.menu_box .imgT3 p{
	width:272px;
}
.menu_box .imgT2_1 .sectionL{
	width:582px;
}

.menu_box .imgT2_1 .sectionL p{
	width:291px;
	float:left;
}
.menu_box .img_box {
	display:block;
	height:238px;
}
.menu_box .text_box {
	display:block;
	padding:3px 0 0;
	font-size:11px;
	color:#888888;
}
.menu_box .textR{
	float:right;
	width:301px;
}
.menu_box .hdT {
	font-weight:normal;
	font-size:1.5em;
	padding:0 0 12px;
	margin:0 0 12px;
	background-image:url(../images/201008/border_dot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}
.menu_box .hdT .hdTsub {
	font-size:12px;
	padding-left:8px;
}
.menu_box .textR h2 {
	font-weight:normal;
	font-size:1.5em;
	padding:12px 0 12px;
	margin:0 0 12px;
	background-image:url(../images/201008/border_dot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}
.menu_box .textR p {
	font-size:11px;
	color:#888888;
}

.menu_box .textB {
	clear:both;
}
.menu_box .sectionL {
	float:left;
	width:581px;
}
.menu_box .sectionR {
	float:right;
	width:221px;
}
.gradeup {
	font-weight:bold;
	color:#998638;
}
.thumbs {
	border-top:1px solid #e4e4e4;
	margin:0 4px 12px;
	text-align:center;
}
.thumbs li{
	display:-moz-inline-box;
	display: inline-block; 
	/display:inline;
	/zoom:1;
	margin:0 2px;
	cursor:pointer;
	padding-top:10px;
	background-position:50% 0;
	background-repeat:no-repeat;
}
.thumbs li span{
	display:block;
	height:71px;
	width:71px;
	overflow:hidden;
}
.thumbs li{
	background-image:none;
}
.thumbs li.hv{
	background-image:url(../images/201008/d_pointing_arrow.gif);
}
#menu_ft {
	border-top:1px solid #e4e4e4;
	padding:20px 20px;
	position:relative;
}
#menu_option {
	background-color:#f3f0e7;
	padding:17px 50px;
	margin:5px 5px 10px;
}
#menu_optionL {
	float:left;
	width:543px;
}
#menu_optionL ul {
	clear:both;
}
#menu_option li {
	height:145px;
}
#menu_optionL li {
	float:left;
	width:181px;
}
#menu_option li p{
	padding:3px 0 0;
	font-size:11px;
	color:#888888;
}
#menu_optionR {
	float:right;
	width:178px;
}
#menu_option dt {
	padding:0 0 7px;
}
#menu_ft_note {
	line-height:1.4;
	padding-left:4px;
	margin:0 0 8px;
}
#menu_ft_link {
	line-height:1.7;
	padding-left:4px;
	margin:0 0 50px;
}








/* プラン
----------------------------------------------*/
.plan_hd3 {
	background-color:#ecf6cc;
	padding:8px 13px 8px 29px;
	background-image:url(/access/matrix/images/uruoi/green_cle.jpg);
	background-position:10px 50%;
	background-repeat:no-repeat;
	margin:0 0 12px;
	line-height:1.3;
	font-size:1.23em;
	font-weight:normal;
}
.plan_catch {
	font-size:1.23em;
}
#p1b_option {
	clear:both;
	padding:20px 0 0;
}
#p1b_option h4 {
	padding:0 0 4px;
	font-size:1.16em;
	border-bottom:1px dotted #cccccc;
	margin:0 0 8px;
}
#p1b_option dl {
	width:48%;
}
#p1b_option dl.left {
	float:left;
}
#p1b_option dl.right{
	float:right;
}
#p1b_option dt {
	font-size:1.16em;
	padding:0 0 8px;
	font-weight:bold;
}



#plan2_box dl {
	width:48%;
}
#plan2_box dl.left {
	float:left;
}
#plan2_box dl.right {
	float:right;
}

#plan2_box dt {
	font-size:1.16em;
	padding:0 0 8px;
	border-bottom:1px dotted #cccccc;
	margin:0 0 8px;
	font-weight:bold;
}
.lined_s_inner {
	border-left:1px solid #dbd5ba;
	padding-bottom:0 !important;
}
.plan_table {
	clear:both;
	width:592px;
	margin:0 auto;
	padding:1px;
	border:1px solid #e5e5e5;
}
.plan_table table{
	width:100%
}
.plan_table th {
	padding:6px;
	background-color:#f3f0e7;
}
.plan_table td {
	padding:6px;
	background-color:#fcfaf3;
}
.plan_ft_note {
	padding:8px 4px 0;
}
.plan_ft_note li {
	padding-bottom:5px;
	font-size:12px;
}
.plan_h4 {
	float:left;
	width:120px;
	font-size:1.23em;
	padding:14px;
	font-weight:normal;
	border-top:1px solid #dbd5ba;
}
.plan_h4_r{
	float:right;
	width:420px;
}
.plan_table2{
	margin:0 auto;
	padding:1px;
	border:1px solid #e5e5e5;
}
.plan_table2 table{
	width:100%
}
.plan_table2 th {
	padding:6px;
	background-color:#f3f0e7;
	width:65%;
}
.plan_table2 td {
	padding:6px;
	background-color:#fcfaf3;
}



/* common
----------------------------------------------*/
.price {
	font-family:Arial;
	font-size:1.5em;
	color:#998638;
	padding:8px 0 0;
}





.section3_img {
	float:left;
	padding-left:55px;
}
.section3 {
}
.menu_box .sectionR2 {
	float:right;
	width:340px;
	padding-right:55px;
	padding-top:12px;
}
.menu_box .sectionR2 h2 {
	font-weight:normal;
	font-size:1.5em;
	padding:12px 0 12px;
	margin:0 0 12px;
	background-image:url(../images/201008/border_dot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}
.menu_box .sectionR2 p{
	font-size:11px;
	color:#888888;
}