@charset "UTF-8";
/* CSS Document */

*{padding:0; margin:0; border:none;}

body {
	width: 742px;
	font-size : 12px ; 
	background-color:#FFF;
	background-image:url(../img/body_bg.gif);
	background-position:742px;
	background-repeat:repeat-y;
	margin: 0 ;  /*画面に配置*/
	padding: 0 ;
	}

ul#exhibitionMenu{width:160px; margin:10px 10px 10px 5px; float:left;}
ul#exhibitionMenu li{list-style:none; border-bottom:1px dotted #666; font-size:x-small;}
ul#exhibitionMenu li.title{list-style:none; padding:5px 0 3px 6px; font-weight:bold; border-bottom:3px double #336666; border-top:3px double #336666; font-size:medium;}
ul#exhibitionMenu li.txt{list-style:none; padding:5px 0 3px 0; font-weight:bold; border:none; font-size:small}
ul#exhibitionMenu a{display: block; outline:none; padding:3px 0; }
ul#exhibitionMenu li a:link{color:#555; text-decoration:none;}
ul#exhibitionMenu li a:visited{color:#555; text-decoration:none;}
ul#exhibitionMenu li a:hover{color:#336666; text-decoration:none; background:#F3FFEC;}
ul#exhibitionMenu li a:active{color:#336666; text-decoration:none; background:#F3FFEC;}

div#exhibitionBody{width:540px; margin:10px 10px 0 5px; float:left;}
div#exhibitionBody a{outline:none;}
div#exhibitionBody a:link{color:#336666; text-decoration:none;}
div#exhibitionBody a:visited{color:#336666; text-decoration:none;}
div#exhibitionBody a:hover{color:#f60; text-decoration:underline;}
div#exhibitionBody a:active{color:#f60; text-decoration:underline;}
div#exhibitionBody h1.title{font-size:medium; color:#333; font-weight:bold; border-bottom:1px dotted #666; margin:0; padding:3px 0 3px 20px;background:url(../img/icon/calendar.gif) 0 4px no-repeat;}
div#exhibitionBody h1.title2{font-size:medium; color:#333; font-weight:bold; border-bottom:1px dotted #666; margin:0; padding:3px 0 3px 20px;background:url(../img/icon/book_open.png) 0 4px no-repeat;}
div#exhibitionBody h1.title3{font-size:medium; color:#333; font-weight:bold; border-bottom:1px dotted #666; border-left:none; margin:0 0 10px 0; padding:3px 0 3px 20px;background:url(../img/icon/star_blue.gif) 0 4px no-repeat;}

div#exhibitionBody ul{margin:0 0 1em 0;}
div#exhibitionBody ul li{list-style:none; padding:2px 0; font-size:small;}
div#exhibitionBody .txt{font-size:small; line-height:1.5em; padding:5px; margin:0;}

div#exhibitionBody table#sample_order_by_column_table{width:540px; border-collapse:collapse; font-size:small; margin:0 0 10px 0;}
div#exhibitionBody table#sample_order_by_column_table th{cursor:pointer; text-decoration:underline;}
div#exhibitionBody table#sample_order_by_column_table .no{border:1px solid #666; padding:5px; text-align:center; background:#336666; color:#fff;}
div#exhibitionBody table#sample_order_by_column_table .user{width:410px; border:1px solid #666; padding:5px; text-align:left; font-weight:bold; background:#F3FFEC;}
div#exhibitionBody table#sample_order_by_column_table .userkana{text-align:right; font-weight:normal; width:100%; font-size:x-small}
div#exhibitionBody table#sample_order_by_column_table .detail{width:40px; border:1px solid #666; padding:5px; text-align:center; background:#F3FFEC;}

div#exhibitionBody .prod_top_title{width:530px; padding:5px; color:#fff; font-weight:bold; background:#336666; font-size:small; margin:10px 0 0 0;}
div#exhibitionBody .prod_top_title .koma{margin:2px 0 2px 1em; padding:2px; font-size:x-small; background:#f3ffec; color:#336666;}
div#exhibitionBody .prod_top_txt{width:528px; padding:5px; background:#F3FFEC;  border:1px solid #336666; font-size:small; margin:0 0 10px 0;}
div#exhibitionBody .prod_top_txt ul{margin:0 0 0 18px;}
div#exhibitionBody .prod_top_txt ul li{list-style:outside disc; padding:2px 0 0 0; font-size:small;}
div#exhibitionBody .prod_top_txt ul li.title{list-style:none; font-weight:bold; padding:2px 0; font-size:small; margin:0 0 0 -18px;}
div#exhibitionBody .prod_top_txt ul li.btmsp{list-style:outside disc; padding:2px 0 0 0; font-size:small;}

div#exhibitionBody .prod_title{margin:1em 0; padding:3px; color:#fff; text-align:center; font-weight:bold; font-size:medium; background:#a3d882;}

div#exhibitionBody .prod{border-bottom:1px dashed #666; clear:both; margin:0 auto 15px auto; padding:0 0 10px 0; font-size:small;}
div#exhibitionBody .prod_name{font-weight:bold; margin:0 0 5px 0; padding:5px; background:#A3D882; border:1px solid #336666; width:416px; float:left;}
div#exhibitionBody .prod_cate{color:#336666; padding:0 5px; font-weight:bold; float:left; width:438px; }
div#exhibitionBody .prod_txt{ width:438px; padding:5px;  float:left;}
div#exhibitionBody .prod_img{width:100px; margin:0 0 0 12px; float:right;}

div#exhibitionBody .exlist_name{font-weight:bold; margin:0 0 5px 0; padding:5px; background:#A3D882; border:1px solid #336666; width:316px; float:left;}
div#exhibitionBody .exlist_cate{color:#336666; padding:0 5px; font-weight:bold; float:left; width:318px; }
div#exhibitionBody .exlist_txt{ width:318px; padding:5px;  float:left;}
div#exhibitionBody .exlist_img{width:200px; margin:0 0 0 12px; float:right;}
div#exhibitionBody .exlist_otherinfo{border:1px solid #a3d882; margin:5px 0; padding:5px; font-size:x-small; float:left; width:315px;}

div#exhibitionBody .otherinfo{border:1px solid #a3d882; margin:5px 0; padding:5px; font-size:x-small;}
div#exhibitionBody .otherinfo2{margin:5px 0; padding:5px; font-size:x-small;}
div#exhibitionBody .title_s{color:#336666; font-weight:bold;}

/* メインメニュー ユーザ向けメニュー*/
.mainmenu {
	width : 100%;
	height : 21px;   /*高さを設定*/
	background-color : #bb9226; /*背景色設定*/
	background: url(../img/mainmenu_bar_off.gif) repeat-x 2px center;
	background-position : center top;  /*左上に配置*/
	padding : 0;
	margin : 0;
}
.mainmenu ul {
	 float : left ;  /*メニュー全体を右に揃える*/
	 list-style : none;  /*リストマークを消す*/
	 text-align : center ;  /*ボタン枠のテキストを左寄せ*/
	 padding : 0 ;
	 margin : 0;
}

.mainmenu li {
	/*width :123px;*/  /*リストの幅の設定 IE Hack*/
	float:left;  /*これで一列にリストを並ばせる*/
	padding : 0;
	margin : 0;
	font-weight : bold;
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	color : #FFF;
	line-height : 200%;  /*テキストの位置を調整*/
}

.mainmenu li a{
	font-size:95%;
	display:block;  /*リンク範囲をブロックに変更する*/
	/*width:100%;*/     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0 10px;
	margin : 0;
	background: url(../img/mainmenu_bar_off.gif) repeat-x 2px center;
	background-position : center top;  /*左上に配置*/
	text-decoration : none;  /*下線を表示しない*/  
	color : #FFF;
	line-height : 200%;  /*テキストの位置を調整*/
	}
	
.mainmenu li a:hover{
	font-size:95%;
	display:block;  /*リンク範囲をブロックに変更する*/
	/*width:100%;*/     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0 10px;
	margin : 0;
	background: url(../img/mainmenu_bar_on.gif) repeat-x 2px center;
	background-position : center top;  /*左上に配置*/
	text-decoration : none;  /*下線を表示しない*/  
	color : #FFF;
	line-height : 200%;  /*テキストの位置を調整*/
	}
	
	/*ヘッダ*/
#header {
	margin:0;
	padding : 0 ;
	width : 100% ; height: 100px ;
	background : #FFF ;
	}
	
	/*フッタ*/
#footer {
	width : 100% ; height : 100%  ;
	clear : both ;
	background : #FFF ;
	padding : 0 ;
	padding-top : 10px 
	}
#footer .credit{
	border-top : 1px solid #ccc ;
	text-align : center ;
	font-size : small ;
	background : #FFF ;
	}