@charset "utf-8";
/*
Theme Name: スターマムブリッジ
Theme URI: http://www.s-m-b.jp/
Description:スターマムブリッジのオリジナルテーマ
Author: PONO
Author URI: http://pono-web.com/
*/



/*-------------------------------------------------------

	[1] commonElementsSetting  
	[2] layoutSetting
	[3] headerSetting
	[4] sidebarSetting
	[5] pageNaviSetting
	[6] footerSetting
	[7] hackSetting
	
	[8] TOPpageSetting
	[9] contentsSetting : concept
	                    : nagare
						: staff
						: service
						: access
						: company
						: post

-------------------------------------------------------*/



/*-------------------------------------------------------
 commonElementsSetting
-------------------------------------------------------*/
*{
margin: 0;
padding: 0;
}

html{
height:100%;
}

body {
/* モダンブラウザのフォントサイズを12pxに設定 */ 
font-size: 12px; line-height: 1.5;
color: #333333;
}

/*
IEでフォントサイズを可変させるために％指定
ブラウザのデフォルトフォントサイズが16pxと前提
*/
/*IE6*/
body{_font-size: 75%; line-height: 1.6; /* 12px */ }

/*IE7*/
*+html body{font-size: 75%; line-height: 1.6; /* 12px */ }

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; }

img {
border: 0;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */






ul,
li,
dl {
list-style-type: none;
}

hr {
display: none;
}

.dn {
display: none;
}

/*: forTxtLinkSetting ::::::::::::::::::::::::::::::::*/
a {
text-decoration:none;
}

a:link,
a:visited,
a:active {
color: #635254;
}

a:hover {
color: #A58A8B;
}

/*: flote ::::::::::::::::::::::::::::::::::::::::::::*/
.left {
float: left;
}

.right {
float: right;
}

/*: h2 :::::::::::::::::::::::::::::::::::::::::::::::*/
div#contents h2 {
background: url("http://www.s-m-b.jp/common/img/ttl_back.gif") top left no-repeat;
height: 57px;
padding-top: 16px;
margin-bottom: 10px;
}


/*-----------------------------------------------------
 layoutSetting
------------------------------------------------------*/
body {
text-align: center;
background: url("http://www.s-m-b.jp/common/img/back.jpg") repeat top center;
}

div#header,
div#container,
div#footer,
div#copyright {
margin: 0 auto;
width: 820px;
text-align: left;
}

/*: container ::::::::::::::::::::::::::::::::::::::::*/
div#container {
background: #FFFFFF;
text-align: left;
height:100%;
}

/*: header :::::::::::::::::::::::::::::::::::::::::::*/
div#header {
height: 98px;
background: url("http://www.s-m-b.jp/common/img/head_back.gif") no-repeat;
}

/*: main :::::::::::::::::::::::::::::::::::::::::::::*/
div#main {
margin-bottom: 20px;
width: 820px;
}

/*: contents :::::::::::::::::::::::::::::::::::::::::*/
div#contents {
width:610px;
float:right;
padding-bottom:50px;
}

/*: footer :::::::::::::::::::::::::::::::::::::::::::*/
div#footer {
clear: both;
}


/*-----------------------------------------------------
 headerSetting
------------------------------------------------------*/
div#header {
position:relative;
}

/*: LOGO :::::::::::::::::::::::::::::::::::::::::::::*/
div#header h1 {
float: left;
text-indent: -9999px;
display: inline;
margin: 4px 0 0 0;
font-size: 0;	/* forWinIE */
line-height: 0;	/* forWinIE */
}

div#header h1,
div#header h1 a {
width: 320px;
height: 115px;
display: block;
line-height: 0;	/* forWinIE */
text-decoration: none;	/* forWinNN */
background: url("http://www.s-m-b.jp/common/img/logo.gif") no-repeat;
float: left;
}

/*: NAVIGATION :::::::::::::::::::::::::::::::::::::::*/
div#header ul {
height: 12px;
width: 340px;
top: 50px;
left: 480px;
position: absolute;
text-indent: -9999px;
}

div#header ul li a {
background: url("http://www.s-m-b.jp/common/img/navi_sub.gif") no-repeat;
text-decoration: none;
display: block;
height: 12px;
text-indent: -9999px;
overflow:hidden;
outline:none;
}

div#header ul li.access,
div#header ul li.access a{
background-position: 0px 0px;
width: 67px;
float: left;
}

div#header ul li.access a:hover,
div#header ul li.access a#over{
background-position: 0 -12px;
}

div#header ul li.contact,
div#header ul li.contact a{
background-position: -67px 0px;
width: 103px;
float: left;
}

div#header ul li.contact a:hover,
div#header ul li.contact a#over{
background-position: -67px -12px;
}

div#header ul li.link,
div#header ul li.link a{
background-position: -170px 0;
width: 68px;
float: left;
}

div#header ul li.link a:hover,
div#header ul li.link a#over{
background-position: -170px -12px;
}

div#header ul li.policy,
div#header ul li.policy a{
background-position: -238px 0;
width: 102px;
float: left;
}

div#header ul li.policy a:hover,
div#header ul li.policy a#over{
background-position: -238px -12px;
}


/*-----------------------------------------------------
 sidebarSetting
------------------------------------------------------*/
div#sideMenu{
width:198px;
float:left;
padding-bottom:50px;
padding-top: 28px;
background: url("http://www.s-m-b.jp/common/img/side_bar_up.jpg") top left no-repeat;
}

div#sideMenu div#sideMenuIn {
background: url("http://www.s-m-b.jp/common/img/side_bar_bak.jpg") repeat-y;
}

div#sideMenu div#sideMenuIn dl {
padding: 0px 15px 10px 15px;
}

div#sideMenu div#sideMenuIn dl dd {
border-bottom: #DACABE solid 1px;
background: url("http://www.s-m-b.jp/common/img/side_navi_icon.gif") left no-repeat;
padding:3px 0 3px 10px;
}

div#sideMenu div#sideMenuIn dl.bottom {
background: url("http://www.s-m-b.jp/common/img/side_bar_down.jpg") bottom left no-repeat;
padding-bottom: 43px;
}

div#sideMenu div#sideMenuIn ul {
padding: 0px 15px 10px 15px;
}

div#sideMenu div#sideMenuIn ul li {
border-bottom: #DACABE solid 1px;
background: url("http://www.s-m-b.jp/common/img/side_navi_icon.gif") left no-repeat;
padding:3px 0 3px 10px;
}

div#sideMenu div#sideMenuIn ul.bottom {
background: url("http://www.s-m-b.jp/common/img/side_bar_down.jpg") bottom left no-repeat;
padding-bottom: 43px;
}


/*-----------------------------------------------------
 pageNaviSetting
------------------------------------------------------*/
div#pageNavi {
clear: both;
width: 820px;
height: 21px;
margin-bottom: 15px;
padding-top: 5px;
position: relative;
}

*:first-child+html div#pageNavi {
clear: both;
width: 820px;
height: 21px;
margin-bottom: 15px;
padding-top: 5px;
position: relative;
margin-top: 20px;
}

div#pageNavi p {
font-size:10px;
}

div#pageNavi p.top {
position: absolute;
top: 0;
left: 737px;
}


/*-----------------------------------------------------
 footerSetting
------------------------------------------------------*/
div#footer {
background: url("http://www.s-m-b.jp/common/img/foot_ill.gif") no-repeat scroll left top transparent;
/* border-top: #C0B797 solid 1px; */
font-size: 0.86em;
padding-top: 80px;
/* padding-top: 5px; */
margin-top: 15px;
height:90px;
}

div#footer address {
float: right;
font-style: normal;
}

/*: pagetop ::::::::::::::::::::::::::::::::::::::::::*/
div#pagetop {
float: right;
position: fixed !important;
position:absolute;
_right:expression(this.style.filter = '', '0');
right: 0;
bottom: 2%;
width: 27px;
height: 27px;
z-index: 100px;
}


/*-----------------------------------------------------
 hackSetting
------------------------------------------------------*/
clearfix.:after {	/* for new Browser */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {	/* for IE */
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */


/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*-----------------------------------------------------
 TOPpageSetting
------------------------------------------------------*/
p.topPic {
margin: 10px auto 10px auto;
}

/*: reform :::::::::::::::::::::::::::::::::::::::::::*/
div.TOPreform {
background: url("http://www.s-m-b.jp/img/top/reform_bk.jpg") top left repeat-y;
}

div#contents div.TOPreform h2 {
background: none;
margin: 0 0 0 0;
padding: 0;
}

div.TOPreform p.pic {
float: left;
margin: 10px 0 15px 24px;
_margin: 10px 0 15px 12px;
}

div.TOPreform div.rightSide {
float: right;
width: 330px;
margin-top: 10px;
margin-right: 20px;
_margin-right: 10px;
}

div.TOPreform div.rightSide h3 {
border-bottom: #D1BF99 solid 1px;
margin-bottom: 2px;
}

div.TOPreform div.rightSide p.btn {
text-align: right;
}

div.TOPreform table {
clear: both;
width: 566px;
margin: 0 auto 0 24px;
border-top: #D1BF99 solid 1px;
}

div.TOPreform table td {
width: 141px;
padding-top: 15px;
}

div.TOPreform table td dl dt {
float: left;
margin-right: 5px;
}

div.TOPreform table td dl dd {
font-size: .9em;
}


div.TOPreform div.foot {
background: url("http://www.s-m-b.jp/img/top/reform_foot.jpg") no-repeat;
height: 11px;
margin-top: 10px;
}

div.TOPsekou {
width: 566px;
height: 410px;
margin: 0 auto 0 24px;
}

div.TOPsekou h2 {
	margin-bottom:0px;
}


div.TOPsekou div{
clear:both;
}

div.TOPsekou dl {
width: 182px;
/** width: 150px;*//* forWinIE */
padding-left: 5px;
padding-bottom: 5px;
margin-top:-13px;
float: left;
text-align: center;
font-size: .83em;
display: block;
}


div.TOPsekou dl dt {
margin-bottom: 5px;
}

div.TOPsekou dd {
margin-bottom: 20px;
}






/*: second :::::::::::::::::::::::::::::::::::::::::::*/
div.TOPsecond {
border-top: #D1BF99 solid 1px;
padding-top: 10px;
margin-top: 10px;
}

div.TOPsecond {
float: left;
width: 290px;
}

div.leftSide {
float: left;
width: 600px;
}

div.TOPsecond div.rightSide {
float: right;
width: 290px;
background: url("http://www.s-m-b.jp/img/top/line.gif") top left repeat-y;
padding-left: 13px;
}

div.TOPsecond h3 {
margin-bottom: 5px;
}

div.TOPsecond dl dt {
float: left;
margin-right: 10px;
}

div.TOPsecond dl dd.btn {
text-align:right;
}

/*: company ::::::::::::::::::::::::::::::::::::::::::*/
div.TOPcompany {
margin-top: 10px;
}

div#contents div.TOPcompany h2 {
background: none;
/*margin: 0 0 0 15px;
padding: 8px 0 0 0;*/
height: auto;
}

div.TOPcompany div.leftSide {
width: 310px;
margin-right: 50px;
float: left;
}

div.TOPcompany div.leftSide dl {
border-bottom: #D1BF99 solid 1px;
height: 51px;
padding-left: 132px;
margin-top: 10px;
}

div.TOPcompany div.leftSide dl.staff {
background: url("http://www.s-m-b.jp/img/top/pic_staff.jpg") bottom left no-repeat;
}

div.TOPcompany div.leftSide dl.outline {
background: url("http://www.s-m-b.jp/img/top/pic_outline.jpg") bottom left no-repeat;
}




div.TOPcompany table {
clear: both;
width: 600px;
margin: 0;
padding-bottom:10px;
_padding-bottom:100px;/* forWinIE */
border-bottom: #D1BF99 solid 1px;
}

div.TOPcompany table td {
width: 141px;
padding-top: 15px;
}

div.TOPcompany table td dl dt {
float: left;
margin-right: 5px;
}

div.TOPcompany table td dl dd {
font-size: .9em;
}




/*-----------------------------------------------------
 contentsSetting
------------------------------------------------------*/
/*-----------------------------------------------------
 conceptSetting
------------------------------------------------------*/
div.concept h3 {
background: url("http://www.s-m-b.jp/common/img/h3_line.gif") bottom left repeat-x;
padding-bottom: 2px;
margin-top: 15px;
}

div.concept h4 {
clear: both;
margin-top: 15px;
}

div.concept p.pic {
margin-top: 10px;
}

div.concept p.name {
text-align:right;
}

/*-----------------------------------------------------
 nagareSetting
------------------------------------------------------*/
div.nagare dl {
margin-bottom: 5px;
}

div.nagare dl.over {
border-bottom:solid 1px #D1BF99;
margin-bottom:10px;
}

div.nagare dl.under {
border-top:solid 1px #D1BF99;
margin-top:10px;
padding-top:20px;
}

div.nagare dl dt {
color:#C30;	
}

div.nagare dd {
margin:10px 0 10px 0;
padding-left: 20px;
}

div.nagare p {
text-align:center;
}


/*-----------------------------------------------------
 staffSetting
------------------------------------------------------*/
div.staff h4 {
margin-bottom: 30px;
}

div.staff dl {
margin-bottom: 20px;
clear:both;
}

div.staff dl.shira {
margin-top:60px;
}

div.staff dt {
float:right;
margin:0 0 0 10px;
}

div.staff dd {
margin-top:10px;
}

div.staff dd.name {
color:#C60;
font-size:13px;
}

div.staff div#staffall{
border-top:solid 1px #1B3B73;
margin-top:50px;
}

div.staff div#staffleft {
float:left;
margin:20px 0;
width:300px;
}

div.staff div#staffleft p {
float:left;
margin-right:10px;
}

div.staff div#staffright {
float:right;
margin:20px 0;
width:310px;
}

div.staff div#staffright p {
float:left;
margin-right:10px;
}


/*-----------------------------------------------------
 serviceSetting
------------------------------------------------------*/
div.service h4 {
clear: both;
margin-top: 15px;
}


/*-----------------------------------------------------
 accessSetting
------------------------------------------------------*/
div.access h4 {
margin:15px 0 30px 100px;
}

div.access p {
text-align:center;
}


/*-----------------------------------------------------
 companySetting
------------------------------------------------------*/
div.company h3 {
background: url("http://www.s-m-b.jp/common/img/h3_line.gif") bottom left repeat-x;
padding-bottom: 2px;
margin-top: 15px;
}

div.company h4 {
clear: both;
margin-top: 15px;
}

div.company h4 {
clear: both;
margin-top: 15px;
margin-bottom:15px;
}

div.company p {
margin-bottom:7px;
}

table#company{
clear:both;
width:610px;
margin:10px auto;
border:1px solid #ccc;
border-collapse:collapse;
}

table#company td{
border:1px solid #ccc;
padding:10px;
}

/*-----------------------------------------------------
 fabricSetting
------------------------------------------------------*/
div.fabric dl {
margin-bottom:15px;
background: url("http://www.s-m-b.jp/img_fabric/line.gif") bottom left no-repeat;
padding-bottom:7px;
clear:both;
}

div.fabric dt {
float:left;
margin:0 10px 0 0;
}

div.fabric dd {
margin:0px 0 7px 0;
padding-left: 172px;
}

div.fabric dd.fabtxt {
margin:0px 0 60px 0;
padding-left: 172px;
}

div.fabric p {
margin:0px 0 15px 0;
}


/*-----------------------------------------------------
 linkSetting
------------------------------------------------------*/
div.link {
	background: url("http://www.s-m-b.jp/img/links/back.gif") top right no-repeat;
}

div.link dl {
margin-bottom:15px;
clear:both;
}

div.link dt {
float:left;
margin:5px 10px 0 0;
}

div.link dd {
margin:0px 0 7px 0;
padding-left: 10px;
}



/*-----------------------------------------------------
 postSetting
------------------------------------------------------*/
div.post {
margin-bottom: 30px;
}

div.post h3 {
background: url("http://www.s-m-b.jp/common/img/h3_bk.gif") top left no-repeat;
padding: 8px 5px 5px 15px;
color: #663300;
font-size:  1.2em;
font-weight: normal;
height: 32px;
margin-bottom: 10px;
}

div.postnavi {
background: url("http://www.s-m-b.jp/common/img/dot_line.gif") top left repeat-x;
text-align: center;
padding-top: 10px;
margin-top: 10px;
}

/*-----------------------------------------------------
 blogSetting
------------------------------------------------------*/
div.postBlog {
margin-bottom: 30px;
}

div.postBlog h3 {
background: url("http://www.s-m-b.jp/common/img/dot_line.gif") bottom left repeat-x;
color: #663300;
font-size:  1.2em;
font-weight: normal;
height: 32px;
padding-top: 8px;
margin-bottom: 5px;
}

div.postBlog p.postdata {
color: #663300;
text-align: right;
margin-bottom: 5px;
}

div.postBlog div.pagenavi {
text-align: center;
}