/*nav menu*/



nav#menu ul { overflow:hidden;

    margin:0;

    padding:0;

    text-align:center;

    color:black;

    background-color: white;

    -webkit-transition:max-height 0.4s;

    -ms-transition:max-height 0.4s;

    -moz-transition:max-height 0.4s;

    -o-transition:max-height 0.4s;

}

    



nav#menu ul li {

	float: left;

	line-height: 1.6;

	margin-right: 5px;

	margin-bottom: 5px;

	width: 120px;

    display:inline-block;

}

nav#menu ul li.last {

	margin-right: 0px;

}

nav#menu ul li a {

	color: #555;		

	padding: 10px 0px;	

	text-decoration: none;

	display: block;

	text-align: center;

	-webkit-transition: 0.5s;

	transition: 0.5s;			

	background-color: #fff;

    border: 1px solid #ccc;

	font-size: 12px;

	font-weight: bold;	

		



}



nav#menu ul li a:hover {

	color: #333;			

	background: #fff000;	

}



/*English text for nav*/



nav#menu ul li a span {

	font-size: 9px;

	display: block;

	font-weight: normal;	

	letter-spacing: 0.2em;	

    color: #999;

}

nav#menu ul li a span:hover {

	color: #333;			

	

}







#navig {

	color: #244323;

	line-height:60%;

	letter-spacing:0.1em;

	text-decoration: none;

	display:block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #F0F0F0;

	background-color: #E0B69E;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	background-image: url(../image/green.gif);

	background-repeat: no-repeat;

	background-position: 5px center;

	margin-bottom: 1px;

	padding-top: 5px;

	padding-right: 6px;

	padding-bottom: 8px;

	padding-left: 20px;

	margin-top: 8px;

}

#bo1 a {

	color: #FFFFFF;

	line-height:14px;

	letter-spacing:0.1em;

	text-decoration: none;

	display:block;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding-top: 3px;

	padding-right: 6px;

	padding-bottom: 3px;

	padding-left: 0px;

}

#bo1 a:hover {

	color:#FFFFFF;

	background-color: #FF9999;

}

#bo2 a {

	color: #FFFFFF;

	line-height:14px;

	letter-spacing:0.1em;

	text-decoration: none;

	display:block;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding-top: 3px;

	padding-right: 6px;

	padding-bottom: 3px;

	padding-left: 0px;

}

#bo2 a:hover {

	color:#FFFFFF;

	background-color: #FF9999;

}

#bo3 a {

	color: #FFFFFF;

	line-height:14px;

	letter-spacing:0.1em;

	text-decoration: none;

	display:block;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding-top: 3px;

	padding-right: 6px;

	padding-bottom: 3px;

	padding-left: 0px;

}

#bo3 a:hover {

	color:#FFFFFF;

	background-color: #FF9999;

}

#bo4 a {

	color: #FFFFFF;

	line-height:14px;

	letter-spacing:0.1em;

	text-decoration: none;

	display:block;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding-top: 3px;

	padding-right: 6px;

	padding-bottom: 3px;

	padding-left: 0px;

}

#bo4 a:hover {

	color:#FFFFFF;

	background-color: #FF9999;

}

#compo5437 img {

	margin-top: 20px;

	margin-bottom: 30px;

	margin-left: 10px;

}

#compo5438 {

	margin-top: 25px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#compo5439 img {

	margin-top: 20px;

	margin-bottom: 5px;

	margin-left: 10px;

}

.blogbody {
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #9A6A5F;
	border-right-color: #9A6A5F;
	border-bottom-color: #9A6A5F;
	border-left-color: #9A6A5F;
	margin-bottom: 50px;

}

#designer{

	font-size: 80%;

	color: #CCCCCC;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	line-height: 100%;

	position: absolute;

	top: 175px;

	width: 520px;

	text-align: right;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	padding-top: 5px;

}

.cap{

	font-size: 80%;

}

#uma1{

	font-size: 120%;

	color: #FF6633;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

#uma2{

	color: #CC6600;

	font-family: Arial, Helvetica, sans-serif;

}

#uma3{

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	color: #6666FF;

	text-align: center;

	margin-top: 10px;

}

#pimg{

}

#pimg img{

	margin: 0px;

}

#pimgw{

	width: 62px;

	float: left;

}

#pimgw2{

	width: 350px;

	float: left;

}

#pimgw2b{

	width: 310px;

	float: left;

}

#pimgw3{

	width: 145px;

	height: 500px;

	display: block;

	float: left;

	font-size: 110%;

	color: #B29996;

}

#pimgw3b{

	width: 145px;

	height: 465px;

	display: block;

	float: left;

	font-size: 130%;

	color: #B29996;

	padding-top: 25px;

	line-height: 150%;

}

#pimgt{

	width: 62px;

	float: left;

	font-size: 8px;

	margin-bottom: 10px;

	margin-top: 2px;

	color: #999999;

	line-height: 100%;

}

#pimgw4{

	width: 195px;

	height: 500px;

	display: block;

	float: left;

}

#pimgw5{

	width: 195px;

	height: 250px;

	display: block;

	float: left;

}

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

  サイトマップ用　tt　20070425 を改良。国文祭WS用

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

.sen1 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen1.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

.sen2 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen2.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

.sen3 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen3.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

.sen4 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen4.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

.sen5 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen5.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

.sen6 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen6.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

.sen7 {

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #FFCC99;

	padding-top: 3px;

	padding-bottom: 5px;

	padding-left: 20px;

	color: #666666;

	background-image: url(../image/sen7.gif);

	background-repeat: no-repeat;

	background-position: 0px;

}

#ki {

	margin-top: 0px;

	margin-bottom: 0px;

	background-image: url(../image/ore.gif);

	background-repeat: no-repeat;

	background-position: 0px;

	font-weight: normal;

	font-size: 100%;

	padding-left: 10px;

	color: #FF6600;

}

.lf {

	margin-top: 5px;

	margin-right: 2%;

	margin-bottom: 40px;

	margin-left: 0px;

	width: 48%;

	float: left;

	font-size: 90%;

}

.lf a {

	color:#336633;

	text-decoration: none;

	background-image:url(../image/list2a.gif);

	background-repeat:no-repeat;

	padding-left:15px;

	background-position: 2px;

	display: block;

}

.lf a:hover {

	color: #5189FF;

	text-decoration: underline;

	background-image: url(../image/list2b.gif);

}

.rt {

	margin-top: 5px;

	margin-right: 2%;

	margin-bottom: 40px;

	margin-left: 0px;

	width: 48%;

	float: right;

	font-size: 90%;

}

.rt a {

	color:#336633;

	text-decoration: none;

	background-image:url(../image/list2a.gif);

	background-repeat:no-repeat;

	padding-left:15px;

	background-position: 2px;

	display: block;

}

.rt a:hover {

	color: #5189FF;

	text-decoration: underline;

	background-image: url(../image/list2b.gif);

}

.m1 {

	margin-top: 20px;

	margin-bottom: -5px;

	padding-left:0px;

	font-size: 130%;

	background-image: none;

	color: #78A5D1;

	font-weight: bold;

}

.m2 {

	margin-top: 15px;

	margin-bottom: 2px;

}

.m2 a {

	text-decoration: none;

	padding-left:0px;

	font-size: 105%;

	font-weight: bold;

	background-image: none;

	margin-top: 20px;

}

.m2 a:hover {

	color: #6699FF;

}

.m2r {

	margin-top: 15px;

	margin-bottom: 2px;

}

.m2r a {

	text-decoration: none;

	padding-left:0px;

	font-size: 105%;

	font-weight: bold;

	background-image: none;

	margin-top: 20px;

}

.m2r a:hover {

	color: #6699FF;

}

.side-body2 a {

}

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

  以上サイトマップ用

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







/* CSS Document */



/*以下ギャラリーcss*/

/* フォントサイズ・行間 */



body {

text-align: center;

 font-family: Arial, Helvetica, sans-serif;

 background:#FFF;

 margin:0;

 font-size:0.9em;

 line-height:140%;

}



/* ページ上「ギャラリー」の緑バナー（class="category-banner"とする） */



.category-banner {

 margin-bottom:10px;

}



/*「展覧会」等の記事タイトル画像 */



#content .sidetitle {

 color:#000;

 margin-top:10px;

 font-weight:bold;

 text-align:left;

}



#content .sidetitle-body {

 padding:0px;

}







/*「山田花子油絵展」等の左側表題（class="item2"とする） */



.item2 {

 color:#336633;

 margin:0;

}



/* 左側表題へのaタグへの指定（・の付く表示方法） */



.item2 a {

 background-image:url("../image/list.gif");

 background-repeat:no-repeat;

 padding-left:15px;

}



/* 右側の開催期間の指定（class="date2"とする） */



.date2 {

 text-align:left;

 color:#666666;

 margin-left:10px;

}

/*以上ギャラリーcss*/





#sidebar-G {

	font-weight:normal;

	width:160px;

	float:left;

	margin:0;

	border-top:8px solid #004712;

	background-color: #EDF2E3;

}



#left-menu-list-G {

 margin:0px 0px 10px 0px;

 width:160px;

}



#footer-G {

 clear:both;

 width:160px;

}



#namazu {

 margin-top: 10px;

 margin-left: 10px;

 margin-bottom: 20px;

 text-align: left;

 font-size:85%;

}

/*以上ギャラリーcss take 竹内実験*/





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

  art museum css

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



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

  Basic layout style

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

body {

	font-family: Arial, Helvetica, sans-serif;

	background:#FFF;

	font-size:0.9em;

	line-height:140%;

	margin-top: 5px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 5px;

}



#header {

 font-family:arial, Helvetica;

 width:780px;

 height:200px;

 margin:0px;

}



#banner {

 font-family:arial, Helvetica;

 margin:0px;

 width:770px;

}



#container {

 width:770px;

 background:#FFF;

 margin:0;

 text-align:left;

}



#main {

 margin:0;

}



#main-body {

 padding-top:17px;

}



#wrapper {

	padding:0;

	float:left;

	background:#FFF;

	background-image:url("../image/sidebar.gif");

	background-repeat:repeat-y;

	margin-top: 20px;

}



#sidebar {

	font-weight:normal;

	width:272px;

	float: left;

	font-size: 85%;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

}



#sidebar-body {

	padding-bottom:50px;

}



#content {

	width:448px;

	background:#FFF;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 30px;

	float: left;

}



#content-body {

	padding:0;

	width:450px;

	margin-bottom: 50px;

}



#links {

 display:none;

}



#footer {

 clear:both;

 width:770px;

}



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

  Navi style

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

.top-navi {

 display:none;

}



.bottom-navi {

 color:#336633;

 text-align:center;

 margin-top:10px;

 margin-bottom:10px;

 width:100%;

}



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

   Simple tag style

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

a {

 color:#336633;

}



img {

 border: none;

}



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

   Header Style

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

.description {

 color:#FFF;

 margin-left: 20px;

 font-family:sans-serif;

 font-weight:bold;

}



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

   Banner style

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

#banner {

 margin:0px;

 padding:0px;

}



#banner-menu-list {

 margin:0px;

 padding:0px;

}



#banner-title {

 margin:0px;

 padding:0px;

}



#banner .blog {

 margin:0px;

 padding:0px;

}



#banner .blogbody {

 padding:0px;

 margin:0px;

}



#banner .title {

 padding:0px;

 margin:0px;

}



#banner .text {

 padding:0px;

 margin:0px;

}



#banner .text a {

 margin:0px;

 padding:0px;

}



#banner-end {

 clear:both;

}



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

   Category pages Style

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

.category-banner {

 margin:0 0 10px 0;

}



.category-corner {

 margin-top:10px;

}



.banner-title {

 margin-top:10px;

}



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

   Content style

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

#content .blog {

 margin:0px 0px 30px 0px;

}



#content .blog-body {

 font-weight:normal;

 margin:0px;

 background:#FFF;

}



#content .title {

 margin:0px 0px 0px 0px;

}



#content .title-body {

 padding:0px;

}



#content .text {

}



#content .text-body {

}



#content .side a:hover {

}



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

   Article style

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

.date {

	clear:left;

	color:#999999;

	margin-top:0px;

	margin-bottom:0px;

	text-align: right;

	font-size: 70%;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 5px;

}



.title {

	font-weight:bold;

	color:#000000;

	margin:0;

	padding-top: 15px;

	padding-right: 1px;

	padding-bottom: 5px;

	padding-left: 5px;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}



.title a {

	border:none;

	color:#666666;

}



.title2 {

 font-weight:bold;

 color:#336633;

 margin:0;

 padding:5px 10px 5px 0px;

 background:#fff;

 border-bottom:1px dotted #333333;

}

.text {

	color:#000;

	margin-top:5px;

	font-size: 105%;

	line-height: 140%;

}

.text img {

	margin-top: 3px;

	margin-right: 10px;

	margin-bottom: 3px;

	margin-left: 0px;

}

.text-body {

 padding:5px 10px 0px 10px;

}

.text a {

 color:#CC6699;

}

.text a:hover{

	color:#6666FF;

	text-decoration: underline;

}

.posted {

	font-color: #666666;

	text-align: right;

	margin-top:0px;

	margin-bottom:5px;

	padding:0px 15px 3px 0px;

	font-size: 80%;

}

.posted a {

 color:#CCCCCC;

 text-decoration: underline;

}



#main-article .title {

 margin:0px 0px 0px 5px;

 color: #000;

 background-color: transparent;

}



#main-article .text {

 color:#000;

}



#main-article {

}



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

  Sidebar style

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

.sidetitle {
	color:#547E54;
	font-weight:bold;
	font-weight:bold;
	width:262px;
	text-align:left;
	margin-left: 8px;
	font-size: 110%;
	border-top-width: 4px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-bottom: 10px;

}



.sidetitle-body {

 padding-top:5px;

}



.side {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 50px;

	margin-left: 10px;

}





.side-body a {

}



.side a {
	color:#666666;
	text-decoration: none;

}

.side a:hover{

	color:#336633;

	text-decoration: underline;

	background-color: #FFFFFF;

}

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

  Content side style

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

#content .side {

}



#content .sidetitle {

 color:#000;

 font-weight:normal;

 margin:10px 0px 0px 0px;

 font-weight:bold;

 text-align:left;

}



#content .sidetitle-body {

 padding:5px;

}



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

  Left menu style

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

.left-menu {

 margin:0px 0px 5px 0px;

}



#left-menu-list {

 margin:0px 0px 10px 0px;

 width:190px;

}



#left-menu-list2 {

 padding:21px 0px 0px 10px;

}



#category-left-menu-list2 {

 margin:30px 0px 0px 10px;

}



#menu-title {

 display:none;

}



#side-title {

 margin-left:10px;

}



#info {

 margin-top: 30px;

 margin-left: 10px;

 text-align: left;

 font-size:85%;

}



#info a {

 text-decoration: none;

}



#info a:hover {

 text-decoration: underline;

}



#address {

	margin-top: 20px;

	margin-left: 10px;

	text-align: left;

	font-size:85%;

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #004712;

	padding-top: 5px;

	margin-right: 5px;

	line-height: 150%;

}



#menu-list a {

 color:#FFF;

 background-color:#FF9900;

 display:block;

 text-align:center;

 text-decoration:none;

 font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;

 font-weight:bold;

}



#content .side a {

 text-decoration: none;

}



#content .side a:hover {

 text-decoration: underline;

}



.menu-item {

 margin:0;

}



.search-banner {

 display:inline;

 width:161px;

 padding:5px;

}



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

  Corner style

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

.corner-title {

 margin:0px 0px -10px 10px;

 padding:10px 0px 0px 0px;

}



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

  Footer style

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

#copyright {

 margin:0;

 color: #FFF;

 text-align: center;

 font-size:90%;

 border-width: 1px;

 border-top-style: solid;

 border-bottom-style: solid;

 background-color:#F19863;

}





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

  h tag style

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

h1 {

 margin:0px;

 padding:0px;

 font-weight:bolder;

}



h1 a {

 color:#FFF;

 font-family:arial, Helvetica;

 text-decoration: none;

 font-family:sans-serif;

 font-weight:bolder;

}



h2 {

 padding: 0px;

 font-weight:bold;

 text-align:left;

 font-family:arial, Helvetica;

 color:#000;

}



h3 {

	padding: 0px;

	font-weight:bold;

	font-size:110%;

	color: #999999;

}



h3 a {

	color:#999999;

	text-decoration: none;

}

h4 {

	color:#6666FF;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #6666FF;

	margin-right: 350px;

	margin-left: 5px;

	margin-bottom: 0px;

}



.fv {

	background-color: #FFC;

	margin-left: 5px;

	padding: 10px;

	border: 1px solid #39F;

	margin-top: 10px;

}



.fv a {

	color:#FF3300;

	text-decoration: none;

	font-size: 140%;

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

	font-weight: normal;

}



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

  Defaut component style

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

.syndicate {

 margin-top:15px;

 text-align:center;

 width:100%;

 margin-bottom:20px;

}



.navi {

}



.continues {

 margin-top:10px;

}



.event-content-summary {

 margin-top:2px;

 margin-bottom:2px;

}



table ,tr ,td {

 font-size:100%;

}



#eventdate {

 display:inline;

 margin-top:0px;

 margin-bottom:10px;

 padding:0px;

}



.item {

 float:left;

 width:100px;

 margin:0;

 color:#666600;

}



#eventall {

 margin-left:101px;

 text-align:left;

}



.event-start-date {

 margin-left:15px;

 font-family:sans-serif;

 font-weight:bold;

 font-size:120%;

 line-height:200%;

}



.event-end-date {

 font-family:sans-serif;

 margin-top:0px;

 font-weight:bold;

 font-size:120%;

 line-height:200%;

}



.event-period-date {

 font-family:sans-serif;

 margin-top:0px;

 font-weight:bold;

 font-size:120%;

 line-height:200%;

}



.event-period-time {

 text-align:left;

}



.event-close-date {

 text-align:left;

}



.event-place-name {

 text-align:left;

}



.event-place-address {

 text-align:left;

}



.event-place-tel {

 text-align:left;

}



.event-place-fax {

 text-align:left;

}



.event-instructor {

 text-align:left;

}



.event-promoter {

 text-align:left;

}



.event-target {

 text-align:left;

}



.event-fee {

 text-align:left;

}



.event-capacity {

 text-align:left;

}



.event-application-way {

 text-align:left;

}



.event-application-start {

 text-align:left;

}



.event-application-end {

 text-align:left;

}



.event-application-to {

 text-align:left;

}



.event-application-tel {

 text-align:left;

}



.event-web-title {



 text-align:left;

}



.event-web-url {

 text-align:left;

}



.event-web-url a {

 text-align:left;

}



.event-content {

 display:block;

 text-align:left;

 margin-left:0px;

 color:#3265FF;

}



.event-application-note {

 text-align:left;

}

 





.handle { width:100%;

    color: black;

    background-color:#fff;

  

    padding: 10px 20px;

    box-sizing: border-box;

    border:1px solid #ccc;

    cursor: pointer;

    display:none;

   font-weight: bold;

    overflow:hidden;

    position:relative;

  

  



}



.handle:hover{ background: #ccc;



}





.handle img{ 

   

    overflow:hidden;

     text-align: left;

      box-sizing: border-box;

      padding : 2px;

    position:absolute;

}













/* For mobile devices */

    @media only screen and (max-width: 767px) {

        

 

body {

	font-family: Arial, Helvetica, sans-serif;

	background:#FFF;

	font-size:0.9em;

	line-height:140%;

	margin-top: 5px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 5px;

}



#header {

 font-family:arial, Helvetica;

 width:100%;

 height:auto;

 margin:0px;

}



#banner {

 font-family:arial, Helvetica;

 margin:0px;

 width:100%;

}

        

.logo  {width:100%;}

        

.logo img {width:645px;}



 #container {

	width: auto;

	margin-right: 6px;

	margin-left: 3px;

}

#main {

 margin:0;

}



#main-body {

 padding-top:17px;

}



#wrapper {

	padding:0;

 clear:both;

	background:#FFF;

	background-image:url("../image/sidebar.gif");

	background-repeat:repeat-y;

	margin-top: 20px;

}



#sidebar {

	font-weight:normal;

	width:100%;

	 clear:both;

	font-size: 85%;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

}



#sidebar-body {

	padding-bottom:0px;

}



#content {

	width:98.5%;

	background:#FFF;

	margin:0 auto;

	 clear:both;



}



#content-body {

	padding:0;

	width:100%;

	margin-bottom: 50px;

}



#links {

 display:none;

}



#footer {

 clear:both;

 width:100%;

}

nav#menu ul li {

	margin-right: 0;

	margin-bottom: 5px;

	width: 49%;

}



nav#menu ul li:nth-child(odd) {

	margin-right:1%;

	width: 50%;

}



nav#menu ul li:last-child a {

	margin-bottom: 10px;

}



nav#menu ul li a span {

	font-size: 9px;

	display: block;

	font-weight: normal;	

	letter-spacing: 0.2em;	

}

.handle {width:100%;

    color: #333;

    background-color:#fff;

    text-align: left;

    padding: 10px 10px;

    box-sizing: border-box;

    cursor: pointer;

    display:none;

}

        

}











@media only screen and (max-width: 340px) {





.logo img {width:150%;



}

    

   

    #header {height:auto;

    

    }

    

    #content {

	width:100%;

	background:#FFF;

	margin:0 auto;

	 clear:both;



}

    #sidebar { margin-bottom:-20px;

    }

    

   





}