@charset "UTF-8";

/* Basic Elements ---------------------------------------- */

body {
margin: 0px;
padding: 0px 0px 20px 0px;
background:#F6F3EC;
font-family:'ＭＳ Ｐゴシック',Osaka;
color:#666;
}

img{ border:0px; }

h1,h2,h3,h4,p {
margin:0px;
padding:0px;
font-weight:normal;
}

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


input, textarea, select {
font-size:12px;
font-family:'ＭＳ Ｐゴシック',Osaka;
}


/* Escape Error in Floating Block ---------------------- */

.esc:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0px;
}
* html .esc { display: inline-table;}
/* no ie mac \*/
* html .esc { height: 1%; }
.esc { display: block; }
/* */


/* Layout ------------------------------------------------ */

#container {
background: url(http://www.matsu-akira.com/images/bg.gif) repeat-y;
width:766px;
margin-left:auto;
margin-right:auto;
}

#container-inner {
width:746px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-top:10px;
}

#pagebody{ width:746px; }

#pagebody-inner {
width:734px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}

#pagebody-inner2 {
width:741px;
margin-left: auto;
margin-right: 0px;
padding-bottom: 30px;
}

#rightmenu, #contents{ float:left; }
#contents{ width:560px; }
#rightmenu{ width:181px; }


/* Header------------------------------------------------- */

#header {
background: url(http://www.matsu-akira.com/images/bg_header.gif) repeat-x;
height:35px;
}

#header-inner{
width:785px;
margin-left:auto;
margin-right:auto;
}

#header-header,
#header-letter{
float:left;
}

#header-header {
padding-top:5px;
padding-left:20px;
margin:0px;
font-size:14px;
width:575px;
}


#header-letter{
width:170px;
height:27px;
background:url(http://www.matsu-akira.com/images/bg_letter.gif) no-repeat;
}

#header-letter img{ vertical-align:top; }

#letter-txt{
margin:8px 12px 0px 9px;
}

#letter_btn1{ margin:4px 5px 0px 0px; }
#letter_btn2{ margin:4px 4px 0px 0px; }
#letter_btn3{ margin-top: 4px; }


/* Menu -------------------------------------------------- */

#menu {
border-bottom:5px solid #BB9B5C;
margin:0px 0px 1px 0px;
padding:0px;
width:745px;
}

#menu img { vertical-align: bottom; }

#menu-item1, #menu-item2, #menu-item3, #menu-item4,#menu-item5 ,#menu-item6,#menu-item7 {
list-style-type: none;
float:left;
}

#menu-item1, #menu-item2, #menu-item3, #menu-item4, #menu-item5,#menu-item6{
margin-right:2px;
}

#menu-item1{ width:100px; }
#menu-item2{ width:118px; }
#menu-item3,#menu-item4,#menu-item5,#menu-item6,#menu-item7{ width:103px; }

/* .menu-item1{ margin-right:2px; }
.menu-item2{ margin-right:3px; } */


/* Footer------------------------------------------------- */

#footer {
background: url(http://www.matsu-akira.com/images/line_footer.gif) no-repeat;
padding:5px 0px 32px 0px;
}

#copy, #footer-lnk{ float:right; }

#footer-lnk { 
width: 473px;
text-align:right; 
font-size:11px;
}

#footer-lnk img { margin-left: 5px; margin-right: 5px; }

#copy{ width: 273px; }

#footer-footer{
background: url(http://www.matsu-akira.com/images/bg_footer.gif) no-repeat;
height: 11px;
width:766px;
margin-left:auto;
margin-right: auto;
font-size: 0px; line-height: 0px;
}


/* Contents ---------------------------------------------- */

#topimage{ margin-bottom:10px; }

#contents-header {
margin-bottom: 15px;
margin-left: 5px;
}

.contents-container {
background: url(http://www.matsu-akira.com/images/bg_content_blog.gif) no-repeat;
width:508px;
padding:11px 12px 8px 11px;
margin-left: 14px;
}

.contents-footer {
background: url(http://www.matsu-akira.com/images/bg_content_blog_footer.gif) no-repeat;
height:7px;
margin-left: 14px;
margin-bottom: 10px;
font-size: 0px; line-height: 0px;
}

.contents-sbheader {
background: url(http://www.matsu-akira.com/images/bg_sbheader2.gif) no-repeat 100% 0px;
height: 28px;
padding-right:6px;
margin-bottom: 10px;
}

.contents-sbheader-inner {
background: url(http://www.matsu-akira.com/images/bg_sbheader1.gif) no-repeat;
height: 20px;
font-weight: bold;
padding-top: 8px;
padding-left: 10px;
}


/*新規見出し応援メッセージ*/
.contents-sbheader-inner_header_s{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_header_s.gif) no-repeat left bottom;
	height: 5px;
}


.contents-sbheader-inner_bg_s{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_bg_s.gif) no-repeat left top;
	padding:2px 8px;
	font-weight:bold;
}

.contents-sbheader-inner_footer_s{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_footer_s.gif) no-repeat left top;
	height: 5px;
	margin-bottom: 10px;
}


/*新規見出し実績・輝きのとき・PHOTO*/
.contents-sbheader-inner_header_l{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_header_l.gif) no-repeat left bottom;
	height: 5px;
}


.contents-sbheader-inner_bg_l{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_bg_l.gif) no-repeat left top;
	padding:2px 10px;
	font-weight:bold;
}

.contents-sbheader-inner_footer_l{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_footer_l.gif) no-repeat left top;
	height: 5px;
	margin-bottom: 10px;
}

/*新規見出しキッパリビデオ*/
.contents-sbheader-inner_header_ss{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_header_ss.gif) no-repeat left bottom;
	height: 5px;
}


.contents-sbheader-inner_bg_ss{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_bg_ss.gif) no-repeat left top;
	padding:2px 10px;
	font-weight:bold;
}

.contents-sbheader-inner_footer_ss{
	background: url(http://www.matsu-akira.com/images/bg_sbheader1_footer_ss.gif) no-repeat left top;
	height: 5px;
	margin-bottom: 10px;
}

/* Contents Basic Text Styles  */

#bright-description p,
.profile1-body p,
.profile2-body p,
.video-body p,
.message-body p,
.photo-content p{
line-height: 1.4 ;
}

/* profile01 */

#profile-description{
margin-bottom: 15px;
margin-left:15px;
}

.profile1-body p { 
padding-left: 7px;
}
.profile1-line {
background: url(http://www.matsu-akira.com/images/dot2.gif) repeat-x 0px 50%;
height: 25px;
line-height: 0;
font-size: 0;
}

.profile1-footer {
background: url(http://www.matsu-akira.com/images/bg_content_blog_footer.gif) no-repeat;
height:7px;
margin-left: 14px;
margin-bottom: 32px;
font-size: 0px; line-height: 0px;
}

/* profile02 */

.profile2-body p { 
padding-bottom: 15px; 
padding-left: 10px;
}


/* Bright ------------------------------------------------ */

/* bright01 ------------------------------------ */

#bright-top-left,
#bright-top-right{
float: left;
width:256px;
}

#bright-top-left h2,
#bright-top-right h2{
margin-bottom:15px;
}

#bright-top-left{ margin-right:24px; }

.bright-top-container{
height:150px;
background: url(http://www.matsu-akira.com/images/dot2.gif) repeat-x 0px 100%;
margin-bottom:7px;
}

.bright-top-thumb,
.bright-top-content{
float:right;
}

.bright-top-thumb{ width:88px; padding-left:1px; }
.bright-top-thumb img{ border:1px solid #9F9F9F; }

.bright-top-content{ width:167px; }

.bright-top-content h3{
background: url(http://www.matsu-akira.com/images/arrow_square.gif) no-repeat;
font-weight:bold;
padding-left:16px;
margin-bottom:7px;
}

.bright-top-content p{
font-size:11px ;
margin-left: 3px;
}


#bright-container{ margin-bottom: 15px; }

#bright-description p{ margin-bottom:8px; }

.bright-thumb{
width:80px; 
background: #f0f0f0; 
padding: 10px; 
margin-right:15px; 
float: left;
}

.bright-thumb img{ border:1px solid #9F9F9F; }

.bright-content { width:388px; float:left; }

/* Message */

.message-thumb { float: left; width: 115px; }
.message-content { float: left; width: 393px; }
.message-body p { margin-bottom: 5px; }

/* Video */

.video-wmv { float:left; width:165px; }
.video-content { float:left; width:343px; }

.video-body p { margin-bottom: 10px; }

.video-footer {
background: url(http://www.matsu-akira.com/images/bg_wmv1.gif) no-repeat;
font-size: 11px;
padding:9px 0px 2px 0px;
margin-top: 15px;
}

.video-footer a { color: #315CA3; }
.video-footer img { float:left; margin-left: 9px; }

.video-footer span { 
display: block; 
width:117px; 
float:left; 
padding-top:3px;
margin-left: 3px;
}

.video-footer-footer {
background: url(http://www.matsu-akira.com/images/bg_wmv2.gif) no-repeat;
height: 3px;
font-size:0px;line-height:0px;
}


/* Photo */

.photo-content img{
float:left;
margin:0px 15px 15px 0px;
}

/* Right Menu -------------------------------------------- */

#rightmenu-content {
background: url(http://www.matsu-akira.com/images/bg_menu.gif) no-repeat center bottom;
width: 181px;
margin-bottom: 10px;
}

#rightmenu-content ul {
padding: 10px 10px 10px 33px;
margin: 0px;
margin-bottom: 10px;
}

#rightmenu-content li {
list-style-image: url(http://www.matsu-akira.com/images/arrow.gif);
margin-bottom:2px;
}

#rightmenu-wmv {
background: url(http://www.matsu-akira.com/images/bg_wmv_menu1.gif) no-repeat;
margin-top: 4px;
padding-top: 7px;
padding-bottom: 5px;
}

#rightmenu-wmv-footer {
background: url(http://www.matsu-akira.com/images/bg_wmv_menu2.gif) no-repeat;
height: 3px;
font-size: 0px; line-height: 0px;
}

#rightmenu-wmv-bnr {
text-align:center; 
margin-bottom: 5px; 
}

#rightmenu-wmv-body {
font-size: 10px; 
margin: 0px 15px;
}



/* index.html--------------------------------------------- */

#top-left,#top-right{ float:left; }

#top-left{ width:515px; }
#top-right{ width:231px; }

#top-blog-container{
background: url(http://www.matsu-akira.com/images/bg_top_blog.gif) no-repeat 0px 100%;
width:469px;
padding:5px 15px 5px 13px;
margin-bottom:10px;
}

#top-blog-sbheader{ margin-bottom: 10px; }

.top-blog-content{ padding:1px 0px; }

.top-blog-content h4, .top-blog-content p{
float: left;
}

.top-blog-content h4{
width:85px; 
padding-left:10px; 
padding-top:2px; 
}

.top-blog-content-body{ 
width:284px; 
padding-top:2px;
 }

.top-blog-content-btn{ width:90px; }

#top-news-container{
background: url(http://www.matsu-akira.com/images/bg_top_news_container1.gif) no-repeat;
width:479px;
padding:10px 6px 10px 10px;
}

#top-news-container-bottom{
height: 4px;
background: url(http://www.matsu-akira.com/images/bg_top_news_container2.gif) no-repeat;
}

#top-news-container-inner{
background: url(http://www.matsu-akira.com/images/bg_top_news1.gif) no-repeat;
width: 451px;
padding:10px 16px 13px 12px;
}

#top-news-container-inner-bottom{
height: 5px;
background: url(http://www.matsu-akira.com/images/bg_top_news2.gif) no-repeat;
}

#top-news-header{ margin-bottom:8px; }

.top-news{ padding:1px 0px; width:450px; }

.top-news h3, .top-news p,
.top-news-lnk h3, .top-news-lnk p{
float: left;
}

.top-news h3{ width:80px; padding-left:10px; }
.top-news p{ width:360px; }

.top-news-lnk{
background: url(http://www.matsu-akira.com/images/dot1.gif) repeat-x 0px 100%;
padding-bottom:5px;
margin:4px 0px 0px 3px;
width:469px;
}

.top-news-lnk h3{ width: 152px; }
.top-news-lnk p{ width: 317px; }

#top-video-content{
background: url(http://www.matsu-akira.com/images/bg_top_video.gif) no-repeat 0px 100%;
padding:5px 0px 10px 0px;
}

#top-video{ text-align: center; }

#top-video-body{
font-size: 11px;
background: #EFDFC2;
margin:4px 12px 4px 11px;
padding:2px 4px;
}

#top-video-footer{
text-align:right;
margin-right:12px;
font-size: 0px; line-height: 0px;
}

#top-wmv{ margin-top: 4px; width: 231px; }
#top-wmv-bnr,#top-wmv-body{ float: left; display:block; }
#top-wmv-bnr{ width:95px; }
#top-wmv-body{ width:136px;font-size:10px; }

#top-bnr{ text-align: right; margin-top:20px; }


/* policy.html ------------------------------------------- */

#policy-header{ margin-bottom: 20px; }

.policy-sbheader{
background: url(http://www.matsu-akira.com/images/bg_sbheader1.gif) no-repeat;
font-size: 14px;
font-weight: bold;
height:21px;
padding-top: 7px;
padding-left: 10px;
margin-bottom: 10px;
margin-left: 9px;
}

.policy-body{
margin-left: 19px;
margin-bottom: 25px;
width: 707px;
line-height: 1.4;
}


/* office.html ------------------------------------------- */

#office-header{ margin-bottom:10px; }

#office-content,#office-map{ float: right; }

#office-content{ width:349px; padding-top:3px; }
#office-map{ width:370px; padding-left:15px; }

.office-sbheader{ margin-bottom: 5px; }
.office-body{ margin-left:15px; padding-bottom:15px; }
.office-body p{ margin-bottom:13px; line-height: 1.3; }


/* inquiry.html ------------------------------------------ */

#inquiry-header{
margin-bottom:15px;
}

#inquiry-description{
margin-bottom:20px;
margin-left:5px;
line-height: 1.3;
}

#inquiry-description strong{
font-weight:normal;
color:#C63113;
}

#inquiry-content{
border: 1px solid #DCDCDC;
width:713px;
margin-bottom:15px;
}

.inquiry-sbheader{
width:135px;
background: #F5F5F5;
padding:10px;
border: 1px solid #fff;
vertical-align: top;
}

.inquiry-sbheader strong{
font-size:10px;
font-weight:normal;
color:#C63113;
}

.inquiry-item{
width:542px;
background: url(http://www.matsu-akira.com/images/bg_item_inquiry.gif) repeat-y;
padding:6px 0px 6px 14px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

.inquiry-item input{ width:290px; }
.inquiry-item textarea{ height:80px; width:520px; }

.inquiry-line{
height:1px;
background:#dcdcdc;
}

#inquiry-sbmit{
text-align: center;
}


.r_bt{
	margin:5px 0;
	text-align:right;
	padding:3px 5px 3px 0;
}

#bt_area{
	margin-bottom:10px;
}


#error{
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	line-height:50px;
	text-align:center;
	width:300px;
	height:50px;
	background-color:#ff0000;
	margin:0 auto;
}