* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	background: #eeeeee;
	font-family: Verdana,"ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;
	color: #424242;
  -webkit-text-size-adjust: 100%;
}

h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p,li {
	line-height: 160%;
}
p {
	margin: 0 0 1em 0;
}
li {
	list-style-type: none;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

/*

 Link Color [

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

a:link {
	color: #666633;
}

a:visited {
	color: #666633;
}

a:hover {
	color: #ff9900;
	text-decoration: underline;
}

a:active {
	color: #666633;
}

a:hover img{
  opacity: 0.8;
}



/*

 container [

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

#container {

	width: 800px;

	margin: 0 auto;

	background: #FFF;

	border-left: 1px solid #d6d6d6;

	border-right: 1px solid #d6d6d6;

}
#container::after{
	content:"";
	display: block;
	clear: both;
}



/*

 header [

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

#header {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	background-image: url(../../img/bg_head.gif);

	background-position: left top;

	background-repeat: repeat-x;

	background-color: #ffffff;

	width: 800px;

}



#header p {

	margin: 0 0 0 20px;

	padding: 0 0 0 0;

	font-size: 0.75em;

	color: #fff;

}



#header #headerLogo {

	margin: 20px 0 0 20px;

	padding: 0 0 0 0;

	width: 205px;

	height: 22px;

	background-image: url(../../img/usami_logo.gif);

	background-position: left top;

	background-repeat: no-repeat;

}



#header #headerLogo a {

	display: block;

	width: 205px;

	height: 22px;

}



#header #headerLogo span {

	display: none;

}





#headNavi li {

	margin: 27px 20px 0 0;

	padding: 0 0 0 0;

	float: right;

	height: 16px;

	text-transform: uppercase;

}

#headNavi li#link {

	margin-right: 0;

}

#headNavi li a {

	padding-left: 16px;

	color: #8c8c8c;

}



#headNavi li#contact a {

	background: url(../../img/icon_contact.gif) no-repeat left center;

}

#headNavi li#sitemap a {

	background: url(../../img/icon_sitemap.gif) no-repeat left center;

	padding-right: 2px;

}





/*

 topicpath [

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

#topicpath {

	margin: 30px 20px 0 20px;

	padding: 0 0 0 0;

	background-image: url(../../img/bg_topicpath.gif);

	background-position: left top;

	background-repeat: repeat-x;

	height: 16px;

	width: 760px;

}



#topicPath_01 {

	margin: 0 0;

}

#topicPath_01 li {

	display: inline;

	line-height: 110%;

	list-style-type: none;

}

#topicPath_01 li a {

	padding-right: 10px;

	background: url(../../img/topicpath.gif) no-repeat right center;

}

#topicPath_01 span {

	background: url(../../img/icon_topicpath.gif) no-repeat left center;

	padding-left: 16px;

}





/*

 wall [

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

#wall {

	margin: 20px 35px 30px 35px;

	padding: 0 0 0 0;

	background-image: url(../../img/bg_wall.gif);

	background-position: left top;

	width: 730px;

	height: 100px;

}



/*

 all_content [

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

#all_content {

	width: 800px;

	float: left;

}





/*

 content [

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

#content {

	float: left;

	width: 590px;

}







/*

 sidemenu [

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

div#side{

	width: 175px;

	padding: 0 0 0 20px;

	float: left;

	font-size:0.8em;

}

#menu {



	height: 277px;

	background: url(../../img/bg_menu2.gif) no-repeat;

	background-position: right top;

	margin: 0 0 0 0;

}



#side span {

	display: none;

}



#menu ul {

	padding: 18px 0 0 0;

}

#menu li {

	display: inline;

	list-style-type: none;
	line-height: inherit;
}




/*

 main [

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

#main {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	float: right;

	width: 380px;

}





#main h2{

background:#85a83e;

color:#fff;

padding:5px 7px 0;

font-size:1.25em;

font-weight:bold;

border-bottom:3px #ccc solid;

letter-spacing: 0.1em;

}



/* #main h3{
	padding:5px 0 5px 0;
	font-family: Verdana, "ＭＳゴシック", sans-serif;
	font-size:1.2em;
	word-spacing: normal;
	letter-spacing: 0.1em;
	font-weight: bold;
	background: url(../../img/line_news.gif) repeat-x bottom;
} */



/* Order table */



/* 
 */


/*
 移転（HOME）
----------------------------------------------------------- */
#iten p{
	text-align: center;
	margin-bottom: .25em;
}
#iten .iten-text01{
	font-size: 18px;
	margin-top: .5em;
}
#iten .iten-text01 > span{
	font-weight: bold;
}
#iten .iten-text02{
	font-size: 1.05em;
}
#iten .iten-text03{
	font-size: 26px;
	color: #F09261;
	font-weight: bold;
	margin-top: .25em;
}
#iten .iten-text03 a{
	color: inherit;
	text-decoration: inherit;
}
#iten ruby rt{
	font-weight: normal;
	margin-bottom: -.1em;
}
#iten .btn01{
	margin:.5em auto;
	font-size: 1.2em;
}


#catalog .backno{
 border:1px solid #85a83e;
 clear:both;
 margin:10px 50px 30px;
 background:#F0F5E7;
}

#catalog .backno ul li{
  width:33.3%;
  text-align:center;
  margin:0 0 5px 0;
  float:left;
}


#catalog .backno ul li.vol1{
  clear:both;
  float:none;
  width:100%;
}
#catalog .more-backno{
  text-align:center;
}
#catalog .backno ul li:after{
  content:" ≫";
  font-size:10px;
  color:#85a83e;
  font-weight:bold;
}


#catalog .more-backno a{
 font-weight:bold;
 background:#85a83e url(../../img/icon_more.gif) no-repeat right center;
 color:#fff;
 display:block;
 text-decoration:none;
 width:auto;
 line-height:2;
 margin:2px;
}

#catalog .more-backno a:hover{
  opacity:0.9;
}



/*

 topics [

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

#topics h2 {

	margin: 20px 0 0 0;

	padding: 0 0 0 0;

	width: 200px;

	height: 20px;

	background-image: url(../../img/icon_blog.gif);

	background-position: left top;

	background-repeat: no-repeat;

}



#topics span {

	display: none;

}



#topics p {

	margin: 10px 0;

	padding: 10px 0;

	background-image: url(../../img/line_news.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



#news dt{

	margin: 5px 0 0 0;

	padding: 5px 0 0 0;

}

#news dd{

	margin: 5px 2px;

	background-image:url(../../img/list_um.gif);

	background-repeat:no-repeat;

	background-position: left top;

	padding-left:10px;

}







/*

 submenu [

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

#submenu {

	float: left;

	width: 175px;

	padding: 0 20px 0 15px;

	font-size: 0.80em;

}
#side #links{
	margin-top: 20px;
}
#side #links li{
	margin-bottom: 5px;
}

/* シェルシェ通信 */
#submenu #chercher-news,
#submenu #um,
#submenu #order-table,
#submenu #work {
	border:#CCCCCC solid 1px;
	padding:5px;
	margin-bottom:20px;
}
#submenu #order-table h2,
#submenu #chercher-news h2,
#submenu #um h2,
#submenu #work h2{
	font-family: Verdana, "ＭＳゴシック", sans-serif;
	background-image: url(../../img/bg_topicpath.gif);
	background-repeat: repeat-x;
	background-position: left;
	margin-bottom:5px;
	font-size:1.3em;
	word-spacing: normal;
	letter-spacing: 0.1em;
	font-weight: bold;
}



#submenu #chercher-news ul li{
	background-image:url(../../img/list_um.gif);
	background-repeat:no-repeat;
	font-size:1.3em;
	background-position: left center;
	/*padding-left:10px;*/
  padding:.1em 0 .1em 10px
}
#submenu #chercher-news ul li a,
a.pdf{
   background-image: url("../../img/icon_pdf.gif");
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 16px;
   margin-right: 3px;
}

#submenu #work p.workImage img{

	box-shadow: 1px 1px 3px #999999;

	margin-top:-5px;

}



#submenu p{
	margin: 5px 0 0;
	padding: 5px 0 0;
}

#submenu figure{
	margin:5px auto;
}

#submenu #work p.workImage{

	background:none;

	text-align:center;

	margin-bottom:5px;

}

p#backNo,
p.backNo{
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
}



/* リロードお願い文 */
.reload{
  margin:30px 20px 0;
  clear:both;
  font-size:12px;
  text-align:center;
  background:#F9F9F9;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
}
.reload p{
  margin:5px;
}
.reload span{
  font-weight:bold;
}

/*

 footer [

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

#footer {

	clear: both;

	margin: 0 20px 0 20px;

	padding: 20px 0 20px 0;

	width: 760px;

}



#footer p.count {

	text-align: left;

	margin: 0 0 -20px 20px;

	padding: 0 0 0 0;

}



#footer address {

	text-align: right;

	padding: 0 6px 0 0;

	font-style: normal;

	font-size: 75%;

	border-right: 5px solid #e0e0e0;

}



#line {

	margin: 20px 0;

	padding: 0 0 0 0;

	background-image: url(../../img/bg_footer.gif);

	background-position: left top;

	background-repeat: repeat-x;

	height: 1px;

	width: 760px;

}



/*

 etc. [

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

/* ボタン */
.btn01{
	background:#5F4C3F;
	color: #fff!important;
	border: 1px solid;
	padding:.25em 2em .25em 2.5em;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	text-decoration: none;
	border-radius: 1rem;
}
.btn01::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(45deg);
}
.btn01:hover{
	text-decoration: none;
}

/* clearfix */

.clearfix:after{

	content:".";

	display:block;

	visibility:hidden;

	height:0;

	clear:both;

}

.clearfix{

	zoom:1

}


.clear{
 clear:both
}

.mt10{margin-top:10px}
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px!important}

.align-center{
	text-align: center;;
}