@charset "sjis";

body.Main{ 
	background-color : #ffffff;
	background-image : url(images/asahaikei.gif);
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
}
/* Aタグの属性(基本) */
A:link   { color : #ffffff;	 }
A:visited{ color : #cccccc;	 }
A:hover  { color : #999999;	 }
A:active  { color : #999999;	 }

/* Aタグの属性(toppage) */
A:link.toppage   { color : #ff3333;	 }
A:visited.toppage{ color : #ff6666;	 }
A:hover.toppage  { color : #ff9999;	 }
A:active.toppage { color : #ff9999;	 }

/* Aタグの属性(linkpage) */
A:link.linkpage   { color : #000000;	 }
A:visited.linkpage{ color : #333333;	 }
A:hover.linkpage  { color : #666666;	 }
A:active.linkpage { color : #666666;	 }

/*****************************************/
/* モリ工芸のWebサイト全体のスタイル定義 */
/*****************************************/

/* ヘッダーを幅いっぱいにする為のボックス*/
#headerbg {
	background-image: url("images/headerbg.png");
	width:100%;
	background-repeat: repeat-x;
	min-width:900px;
}
/* ヘッダー*/
#header {
	width: 760px;
	height:145px;
	margin-right: auto;
	margin-left: auto;
}
/* ヘッダロゴDiv */
#headerlogo{
	width : 300px;
	text-align:left;
    margin-left:auto;
    margin-right:auto;
    margin-top : 15px;
	float : left;
}
/* ヘッダ文言Div */
#headerstr{
	width : 380px;
	text-align:right;
    margin-left:auto;
    margin-right:auto;
    margin-top : 15px;
	float : right;
}
/* メニュー画像を囲むDiv */
#menuimages{
	width : 765px;
	text-align:center;
	padding-top:5px;
	float : left;
    clear : both;
}
#menuimages ul{
    list-style-type: none;
	margin:0;
	padding:0;
}
#menuimages li{
	float: left; 
	margin:0;
	padding:0;
}
ul#menu {
	margin:0px;
	padding: 0px;
}
ul#menu li {
	display: inline;
}
.clear { clear:both; }  

/* コンテンツDiv */
#contents{
    /*border-width:1px;*/
    /*border-style:solid;*/
    width:760px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;	// 上の要素との位置
    text-align:left;
    font-size : 10pt;
    font-family : 'メイリオ';
}
/* フッターを幅いっぱいにする為のボックス*/
#footerbg {
	background-image: url("images/footerbg.png");
	width:100%;
	min-width:900px;
	background-repeat: repeat-x;
	text-align:center;	
}
/* フッター*/
#footer  {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;	

}
table.Header {
	  border-collapse : collapse;
}
/* 書式ベース(日本語) */
font.Base{ 
       color : #333333;
	   font-size : 10pt;
	   font-family : 'メイリオ';
	  }
/* 書式(リンクヘッダ) */
font.LinkHeader{ color : #333333;
	   font-size : 12pt;
	   font-family : 'メイリオ';
	   font-weight: bold;
	  }
/* リンクテーブルセル内のフォント */
td.link{
	font-size: 10pt;
	font-family : 'メイリオ';
}

/* フッタテーブルセル内のフォント */
td.Footer{
      font-family : 'メイリオ';
      font-size: 10pt;
      height: 60px;
}
img { 
	margin: 0; 
 	padding: 0;
 	border: 0; 
 	font-weight: normal; 
 	font-style: normal; 
 	font-size: 100%; 
 	line-height: 1; 
 	font-family: inherit; 
 	text-align: left; 
}
/* 左に配置するDivのUtil */
div.left{
    /*border-width:1px;*/
    /*border-style:solid;*/
    float: left;
    clear: right;
}
/* 右に配置するDivのUtil */
div.right{
    /*border-width:1px;*/
    /*border-style:solid;*/
    float: right;
}

/***************************/
/* Topページのスタイル定義 */
/***************************/

/* 新着情報DIV */
#newinfo{
    /*border-width:1px;*/
    /*border-style:solid;*/
    width:370px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    float:left;
}
/* お知らせDIV */
#notify{
    /*border-width:1px;*/
    /*border-style:solid;*/
    width:370px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    float:right;
}
/* 新着情報コンテンツDIV */
#newinfocont{
    /*border-width:1px;*/
    /*border-style:solid;*/
    width:370px;
    height: 200px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    float:left;
    overflow-y: auto;
    /*background-color: #ffffff;*/
}
/* お知らせコンテンツDIV */
#notifycont{
    /*border-width:1px;*/
    /*border-style:solid;*/
    width:370px;
    height: 200px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    float:right;
    overflow-y: auto;
    /*background-color: #ffffff;*/
}
/* リンクバナーDiv */
#linkbanners{
	/*border-width:1px;*/
    /*border-style:solid;*/
    width:760px;
    height:125px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    margin-top:300px;	// 上の要素との位置
    float: left;
}
/* 住所Div */
#address{
	/*border-width:1px;*/
    /*border-style:solid;*/
    width:760px;
    height:60px;
    text-align:right;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;	// 上の要素との位置
    float: left;
}
/* 新着情報のフォント */
span.newinfo{
	font-size : 10pt;
	font-family : 'メイリオ';
}

/************************/
/* モリ工芸紹介page関連 */
/************************/

/* 幸雄紹介画像 */
div.yukio{

    width:310px;
    height:200px;
    text-align:right;
    float: left;
}
/* 幸雄紹介文 */
div.introduction_yukio{

    width:310px;
    height:150px;
    text-align:left;
    float: left;
    clear:both;
}
/* モリ工芸紹介文 */
div.introduction{

    width:440px;
    height:120px;
    text-align:left;
    float: left;

}
/* モリ工芸紹介画像 */
div.introduction_image{

    width:440px;
    height:180px;
    text-align:left;
	margin-top:50px;
    float: left;
    clear:both;
}
/* 見出しの親画像 */
div.lineheader{
    width:760px;
    height:83px;
    margin-top:20px;
    margin-bottom:25px;
    text-align:left;
    clear:both;
}
/* 見出し */
div.line{

    width:760px;
    height:40px;
    margin-top:10px;
    clear:both;
}
/* 画像グループ */
div.imagegroupbox{

    width:760px;
    height:200px;
    margin-top:20px;
    margin-left:15px;
    clear:both;
}
/* 画像 */
div.imagebox{
    margin-right:20px;
    width:230px;
    float:left;
}
/* 画像拡大カーソル */
.loupe{
	cursor : url('images/icon/loupe.ico'),default; 
}

/******************/
/*スライドショー用*/
/******************/
#slideshow {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
/* 最初の1枚目はここに指定 */
.content { background: url("images/slideshow/slide_01.jpg"); }
.content h1 {
	font-size: 40px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center;
	margin-top: 180px;
	color: #ffffff;
	line-height: 50px;  
}
.content h3 {
	text-align: center; 
	font-size: 22px; 
	color: #ffffff; 
}
/******************/
/*lightbox用      */
/******************/
#lightbox {
	background-color: #eeeeee;
	padding: 10px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
#lightboxCaption {
	color: #333;
	background-color: #eeeeee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000000;
	filter: Alpha(opacity=50);
}