@charset "Shift_JIS";

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

	基本設定

=======================================*/
body {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
}

body {
line-height:1.5;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border-top:0px none -moz-use-text-color; border-bottom:0px none -moz-use-text-color; margin:0; padding:0; background:url('none') 0 0; -moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
font-size:100%;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
vertical-align:baseline
}


body {   
    padding: 0px 0px 300px;
    text-align: center;
    background-image: url('http://ms-matsunami.co.jp/image/common/background.jpg');
    border-right:1px solid #808080;  
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;  
	border-left:1px solid #808080;  
                  
}

/* ----------　ページ全体　------------- */

#container {
	margin-bottom:5px;
	margin-top:5px;
	z-index:0;
}

#container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:800px;
	border:1px solid #ddd;
	background-color: #fff;
}

.module {
	display:block;
}

/* ----------　ヘッダー　------------- */

#header {
   height:50px;
   margin-bottom:5px;
   position:relative;
}

    
#logo {
    float:none;
	width:200px;
	height:44px;
	padding: 0px 0px 0px 20px;
	position:absolute;
	top:10px;
	left:0px;

}

#mylogo {
    text-align: left;
}

#bk1 {
	   background:url(http://ms-matsunami.co.jp/image/common/HOME-gray.gif);
	   background-repeat:no-repeat;
}
#bk2 {
		background:url(http://ms-matsunami.co.jp/image/common/NEWS-gray.gif);
		background-repeat:no-repeat;
}
#bk3 {
		background:url(http://ms-matsunami.co.jp/image/common/ALBUM-gray.gif);
  		background-repeat:no-repeat;
}
#bk4 {
		background:url(http://ms-matsunami.co.jp/image/common/ABOUT-gray.gif);
  		background-repeat:no-repeat;
}

#bk11 {
	   background:url(http://ms-matsunami.co.jp/image/common/HOME.gif);
	   background-repeat:no-repeat;
}
#bk22 {
		background:url(http://ms-matsunami.co.jp/image/common/NEWS.gif);
		background-repeat:no-repeat;
}
#bk33 {
		background:url(http://ms-matsunami.co.jp/image/common/ALBUM.gif);
  		background-repeat:no-repeat;
}
#bk44 {
		background:url(http://ms-matsunami.co.jp/image/common/ABOUT.gif);
  		background-repeat:no-repeat;
}

/* ----------　メニュー部　------------- */

#menubar {
	/*float:right;*/
	height: 33px;     /* -- #menu pの高さ「17」＋#menu pのpadding上下値をたした値「14」＝「31」 -- */
	margin: 0px 0px 0px 0px;
	position:absolute;
	left:270px;
	top:15px;
	overflow: hidden;
    width: 100%;
}

#menubar ul {
	margin: 0px;
	padding: 0px;
	height: 33px;
}

#menubar li {
	list-style-type: none;
	float:left;
	width: 115px;
	height: 33px;
	margin: 0px; 
	padding: 0px 0px 0px 1px;
} 

#menubar li a {
	display:block;
	height: 100%;
	text-indent:-9999px;
	text-decoration:none;
} 

#menubar li a:focus{
/*\*/
	overflow: hidden;
/**/
}
#menubar li a:hover{
	background:none !important;
}



#menuline p {
    color: #fff;
	background-color: #666;
	font-size: 2px;
	height: 1px;
	margin: 7px 0px 0px 0px;
	padding: 1px;
	clear: both;
}
	

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

	リスト

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

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
   	margin: 0px; 
	padding: 0px;
} 

ol li{
	margin: 0 0 0 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1em;
}


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

	段落・水平線・イメージ

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

p {
	margin: 0.1em 0 0.5em;
}

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dashed; /* 線種 */
	border-color: #666; /* 線色 */
	height: 1px; /* IE用 高さ */
}

img {
	border: none;
}


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

	レイアウト設定

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

/* ----------　トップライン　------------- */
#topline span {
	font-size: 1px;
	height: 10px;
	width: 115px;
	margin: 0px;
	padding: 0px;
	float:left;
}


/* ----------　メイン 左ナビ部　------------- */

#layerleft {
   
    margin: 0px 0px 0px 10px;
	width: 250px;
    float:left;
    overflow-x:auto;
    overflow-y:auto;
		
}

#new_layerleft {
   
    margin: 10px 0px 0px 10px;
	width: 250px;
	height:650px;
    float:left;
    overflow-x:auto;
    overflow-y:auto;
		
}

#new_photo_left{
	float:left;
}

#new_photo_right{
	float:right;
}

#new_layerright{
	float:right;
	margin: 10px 10px 0px 10px;
	width: 500px;
}

#about_layerright{
	float:right;
	margin: 10px 10px 0px 10px;
	width: 280px;
}

.navi {
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow: hidden; 
	
}

.navi ul { 
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}

.navi li { 
	padding : 0;
	margin: 0;
	width: 150px;
	float: left; 
}

.navi a {
	display:block; 
	border-right:7px solid #808080;  
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;  
	border-left:7px solid #808080;  
	background-color: #fff;
	font-size: medium;
	padding:0.1em 0 0.2em 0.5em;
	text-decoration:none;
	color: #808080;
	width:8em; 
	height: 10px;
	margin: 10px 10px 10px 5px;
	text-align: left;
	height:1.5em;
}

.navi a:hover {
	display:block; 
	border-right:7px solid #B66B21; 
	border-top:1px solid #fff;  
	border-bottom:1px solid #fff;  
	border-left:7px solid #B66B21;
	background-color: #fff;
	font-size: medium;
	padding:0.1em 0 0.2em 0.5em;
	text-decoration:none;
	color: #B66B21;
	width:8em;
	height: 10px;
	margin: 10px 10px 10px 5px;
	text-align: left;
	height:1.5em;
}

.title {
	display:block; 
	border-right:7px solid #808080;  
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;  
	border-left:7px solid #808080;  
	background-color: #fff;
	font-size: medium;
	padding:0.1em 0 0.2em 0.5em;
	margin: 10px 0px 10px 5px;
	text-decoration:none;
	color: #808080;
	width:8em; 
	height: 10px;
	margin: 10px 0px 10px 5px;
	text-align: left;
	height:1.5em;
}

.nbut {
	width: 140px;
	margin: 5px 0; 
	padding: 4px 0 2px 10px;
	background-color: #eee;
	border: 1px solid #c5c5c5;
}

.nbox {
	width: 150px;
	margin: 5px 0px; 
	border: 1px solid #c5c5c5;
}

.ntit {
	padding: 4px 0 2px 10px;
	margin: 0px; 
	color: #fff;
	background-color: #666;
	border-bottom: 1px solid #c5c5c5;
}

.ntxt {
	padding: 5px 5px 0px 5px;
}

#newitem {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 5px;
	width: 235px;
	text-align: left;
    overflow-x:hidden;
    overflow-y:hidden;
	
}
/* ----------　メイン 記事部　------------- */

#kizi {
    float:left;
	width:500px;
}

#kiziAbout {
	padding: 10px  0px 0px 10px;
    float:left;
	width: 480px;
}


/* ----------　フッター　------------- */

#footer {
	color: #fff;
	background-color: #666;
	font-size: 10px;
	margin:  5px 0 0 0;
	padding: 5px 0; 
	/* border: 1px solid #c5c5c5; */
	width: 100%;
	clear: both;

}