/*------------------------------------------------------------------------
 基本
--------------------------------------------------------------------------*/


body{
	background: #0e2135 url("http://www.mesac.co.jp/images/back.gif") repeat top fixed;  
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#333333;
         font-size:75%;
	line-height:150%;  
	}


table,div,p,ol,ul,li,dl,dt,dd{
	font-weight:normal;
	font-style:normal;
	color:#333333;
	line-height:150%;  
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

.clear {	/* 回り込みの解除 */
	clear:both;
	zoom:1;
	}

.f-lef{		/* 左配置回り込み */
	float:left;
	padding-right:5px;
	}
	
.f-rig{		/* 右配置回り込み */
	float:right;
	padding-left:5px;
	}

.cen{		/* 真ん中寄せ */
	text-align:center;
	}

.rig{		/* 右寄せ */
	text-align:right;
	}


h1,h2,h3,h4,h5,h6{		/* 題名 */
	font-size:100%;
	line-height:150%;  
	margin:0px;
	padding:0px;
	}

em{		/* 重要 */
	color:#ff0000;
	font-style:normal;
	}

strong{		/* emより重要 */
	color:#ff0000;
	font-size:14px;
	}

hr{		/* 線 */
	border:1px solid #6CA6CD;
	height:1px;
	}

img {		/* イメージ線消し */
	border:0px;
}

.nonetxt{		/* 文字消し */
	display:none;
}

address{		/* アドレス */
	font-style:normal;
	}

.gotop{		/* ページの先頭へ移動 */
	clear:both;
	zoom:1;
	text-align:right;
	padding-top:20px;
}


.pan{		/* パンくずリンク */
	zoom:1;
	padding:0px 0px 20px 0px;
	text-align:right;
	}

a:link,
a:visited,
a:active{		/* リンク */
	color:#ee0000;
	text-decoration:underline;
	}
a:hover{		/* リンク */
	color:#ee0000;
	text-decoration:none;
	}


/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
#container{
	width:900px;
	text-align:left;
	padding:0px 30px;
	margin:0px;
	background:url("http://www.mesac.co.jp/images/bg_container.png") repeat-y top;
	}
* html #container {		/* IE6、他用 */	
         width:900px;
	text-align:left;
	padding:0px 30px;
	margin:0px;
	background:url("http://www.mesac.co.jp/images/bg_container.gif") repeat-y top;
}

#content{
	margin:20px 0px;
	}

#main {
	width:670px;
	float:right;
	}

#side {
	width:200px;
	float:left;
	}

#header{
	padding:0px;
	margin:0px;
	text-align:left;
	width:100%;
	}

#footer{
	clear:both;
	zoom:1;
	padding:0px;
	margin:0px;
	width:100%;
	height:80px;
	background: #ffffff url("http://www.mesac.co.jp/images/bg_footer.gif") no-repeat top;
	}



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

div#header h1{		/* HP題名 */
	padding-top:15px;
	padding-bottom:10px;
	float:left;
	font-size:18px;
	color:#333333;
	}

div#header h2{		/* HP説明 */
	padding-top:30px;
	padding-bottom:10px;
	float:right;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	}


div#header h1 a:link,
div#header h1 a:visited,
div#header h1 a:active,
div#header h1 a:hover{		/* HP題名リンク */
	color:#333333;
	text-decoration:none;
	}


/*------------------------------------------------------------------------
メイン
--------------------------------------------------------------------------*/

/* 題名-------------*/

div#main h3.entry-title{		/* エントリ 題名 */
	font-size:120%;
	line-height:30px; 
	margin-bottom:10px;
	color:#000000;  
	}
div#main h3.entry-title a:link,
div#main h3.entry-title a:visited,
div#main h3.entry-title a:active{		/* エントリ 題名リンク */
	color:#000000;
	text-decoration:underline;
	}
div#main h3.entry-title a:hover{		/* エントリ 題名リンク */
	color:#ff0000;
	text-decoration:none;
	}

div#main h3.main{		/* 題名 */
	font-size:110%;
	margin-bottom:10px;
	margin-top:38px;
	}

div#main h3.s1{		/* 題名 */
	font-size:110%;
	margin-bottom:10px;
	}

div#main h4.s1{		/* 題名 */
	font-size:100%;
	margin-bottom:10px;
         background-color:#104e8b;
	background: #f5f5f5 url("http://www.mesac.co.jp/images/h4_s1.gif") repeat-x bottom;
         padding:3px 3px 3px 5px;
         color:#333333;
         font-weight:bold;
         letter-spacing: 0.2em;
         border:1px solid #cccccc;
	}

div#main h5.s1{		/* 題名 */
	font-size:100%;
	margin-bottom:10px;
         border-left:3px solid #104e8b;
         padding:3px;         
	}
div#main h5.s2{		/* 題名 */
	font-size:100%;
	margin-bottom:10px;
         border-left:3px solid #104e8b;
         padding:0px 0px 0px 3px;         
	}
	
div#main h6.s1{		/* 題名 */
	font-size:100%;
	margin-bottom:10px;
	}

/* エントリ-------------*/

div#main div.entry-header{		/* エントリ ヘッダー */
	margin-bottom:5px;
}
div#main div.entry-body{		/* エントリ 枠 */
}
div#main div.entry-footer,		/* エントリ フッター*/
div#main div.trackback-footer,
div#main div.comment-footer,{		/* トラックバック日時 */
	border-bottom:1px dotted #104e8b;
	margin:10px 0px 20px 0px; 
	clear:both;
}



/* 範囲-------------*/
div#main div#trackbacks{		/* トラックバック */
	border:1px solid #6CA6CD;
	padding:10px;
	margin-bottom:20px;
	background-color:#f0f8ff;
}
div#main div#comment{		/* コメント詳細 */
        padding:0px;
	margin-bottom:5px;
	background-color:#F8F8FF;
}


div#main div#business-01{        /* 営業内容（部門紹介部分）*/
	background: #ffffff url("http://www.mesac.co.jp/images/bg_business-01.jpg") no-repeat top;
         width:100%;
         height:400px;
}


div#main div#history-line{        /* 会社沿革*/
	background: #ffffff url("http://www.mesac.co.jp/images/bt_history-line.gif") repeat-y;
height:100%;
}

div#main div.waku1{		/* 範囲 */
	padding:10px;
	background-color:#FFFFE0;
}


/* テーブル-------------*/


div#main table#s2 th{        /* s2（テーブル）*/
        width:100px;
        background-color:#f5f5f5;
        font-weight:normal; 
        padding:3px;
        vertical-align:top;
}
div#main table#s2 td{        /* s2（テーブル）*/
        padding:3px;
}


div#main table#s1{        /* s1（テーブル）*/
        border-collapse: collapse;
        border:1px solid #cccccc;
}
div#main table#s1 th.s1{        /* s1（テーブル）*/
        background-color:#f0f8ff;
        font-weight:normal; 
        padding:3px;
        text-align:center;
        border:1px solid #cccccc;
}
div#main table#s1 th.s2{        /* s1（テーブル）*/
        background-color:#f5f5f5;
        font-weight:normal; 
        padding:3px;
        border:1px solid #cccccc;
}
div#main table#s1 th.s3{        /* s1（テーブル）*/
        background-color:#f5f5f5;
        font-weight:normal; 
        padding:3px;
        border:1px solid #cccccc;
        text-align:center;
}
div#main table#s1 td{        /* s1（テーブル）*/
        background-color:#ffffff;
        padding:3px;
        border:1px solid #cccccc;
}
div#main table#s1 td.s1{        /* s1（テーブル）*/
        background-color:#ffffff;
        padding:3px;
        border:1px solid #cccccc;
        text-align:center;
}
div#main table#s1 td.s2{        /* s1（テーブル）*/
        background-color:#f5f5f5;
        padding:3px;
        border:1px solid #cccccc;
        text-align:center;
}

div#main table#form th{        /* form（テーブル）*/
        width:150px;
        background-color:#f5f5f5;
        font-weight:normal; 
        padding:3px;
        vertical-align:top;
}
div#main table#form td{        /* form（テーブル）*/
        padding:3px;
}




/* リスト-------------*/

div#main ul.s1{        /* リスト(文字1文字上げる) */
	text-indent: -1em; /* 文字1文字分上げる */
	margin-left: 1em;  /* 2文字分右に下げる */
	margin-bottom:20px;
}
div#main ul.s1 li{        /* リスト(文字1文字上げる) */
	margin-bottom:10px;
}

div#main dl.s2 dt{        /* リスト */
        color:#104e8b;
        font-weight:bold;
        padding:3px;
        border-bottom:1px solid #104e8b;
}
div#main dl.s2 dd{        /* リスト */
        height:100px;
        margin-bottom:20px;
        padding:3px;
}

div#main dl.s3 dt{        /* リスト */
        color:#104e8b;
        font-weight:bold;
        padding:3px;
        border-bottom:1px solid #104e8b;
}
div#main dl.s3 dd{        /* リスト */
        margin-bottom:20px;
        padding:3px;
}

div#main dl.s4 dt{        /* リスト */
        color:#104e8b;
        font-weight:bold;
}
div#main dl.s4 dd{        /* リスト */
        margin-bottom:10px;
}

div#main ul#error-check li{        /* リスト(メール送信エラー) */
        color:#ff0000;
        font-weight:bold;
}



div#main dl.s1 dt{        /* リスト */
float:left;
clear:both;
width:100px;
}


div#main dl#sitemap dt{        /* リスト（サイトマップ） */
margin-top:10px;
border-bottom:1px solid #6CA6CD;
float:left;
clear:both;
width:170px;
background: #ffffff url("http://www.mesac.co.jp/images/img_sitemap-yaji.gif") no-repeat left 2px;
padding-left:15px;
}

div#main dl#sitemap dd{        /* リスト（サイトマップ） */
padding-left:10px;
float:left;
width:170px;
}

div#main dl#sitemap ul{        /* リスト（サイトマップ） */
padding-left:25px;
}

div#main dl#sitemap a:link,
div#main dl#sitemap a:visited,
div#main dl#sitemap a:active{		/*リスト（サイトマップ）  リンク */
	color:#333333;
	text-decoration:none;
	}
div#main dl#sitemap a:hover{		/*リスト（サイトマップ）  リンク */
	color:#333333;
	text-decoration:none;
	}


/* 段落-------------*/

div#main p{   /* 文字1文字分下げない */
	margin-bottom:20px;
}

div#main p.s1{   /* 文字1文字分下げる */
	text-indent:1em;
	margin-bottom:20px;
}

div#main p.s2{   /* 文字1文字上げる */
	text-indent: -1em; /* 文字1文字分上げる */
	margin-left: 1em;  /* 2文字分右に下げる */
	margin-bottom:20px;
}


/*------------------------------------------------------------------------
サイド
--------------------------------------------------------------------------*/

div#side h3.s1{		/* 題名 */
	font-size:12px;
	color:#104e8b;
	}

div#side div.waku1{		/* 範囲 */
	border:1px solid #104e8b;
	padding:10px;
	background: #ffffff url("http://www.mesac.co.jp/images/bg_waku1.gif") repeat-y top;
}


div#side div.waku1 ul li{		/* リスト */
	padding-bottom:20px;
         clear:both;
}

div#side div.waku1 ul li img{		/* イメージ */
	float:left;
}

div#side div.waku1 ul li dl{		/* めにゅーテキスト */
         float:right;
         width:125px;
         margin-top:15px;
}

div#side div.waku1 ul li dt a:link,
div#side div.waku1 ul li dt a:visited,
div#side div.waku1 ul li dt a:active{		/* リンク */
	color:#104e8b;
	text-decoration:underline;
	font-weight:bold;
}
div#side div.waku1 ul li dt a:hover{		/* リンク */
	color:#104e8b;
	text-decoration:none;
	font-weight:bold;
}



div#side div.waku2{		/* 範囲 */
	border:1px solid #6CA6CD;
	padding:10px;
	margin-bottom:20px;
	background-color:#f0f8ff;
}


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

div#footer p#cop{		/* コピーライト */
	font-style:normal;
	padding:20px;
	text-align:right;
	color:#f5f5f5;
	}




div#footer a:link,
div#footer a:visited,
div#footer a:active,
div#footer a:hover{		/* テキストリンク */
	color:#f5f5f5;
	text-decoration:none;
	}