/* CSS Document */
* {
	margin:0; padding:0;
	font-size:100%;
	line-height : 1.4em; 
}
BODY,TD {
  font-size: 12px;
  line-height: 170% ;
  color: #999999;
}
A:LINK{
  color: #000000;
  text-decoration: none;
}
A:VISITED{
  color: #000000;
  text-decoration: none;
}
A:HOVER,A:ACTIVE{
  color: #0000FF;
  text-decoration: underline;
}
.ss {
  font-size: 10px;
}
.circle
{
  list-style-type: circle;
}

}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  {padding-top:70px;}
html, input, textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.813em;
line-height:1.231em;
color:#000000;
}
input, select { vertical-align:middle; font-weight:normal;}
a {color:#0078C8; text-decoration: none;}
a:hover { color: #FB2255; text-decoration: none; }

a:active { color: #FB2255; text-decoration: none; }
p { 
margin-left : 6%; 
margin-right : 6%; 
line-height : 1.4em; 
color:#000000;
padding:20px 0px 30px 0;
} 
.navi{
 font-size : 8pt;
 padding-left: 25px;
 padding-bottom: 15px;
}
#wrapper p { 
margin-left : 3%; 
margin-right : 3%; 
} 
#menu3 p { 
margin-left : 3%; 
margin-right : 3%; 
} 
#menu3b p { 
margin-left : 3%; 
margin-right : 3%; 
} 
h1 {
font-weight: normal;
color: #8d8d8d;;
}
h2 { 
font-weight : normal; 
font-size : 12px; 
color: #8d8d8d;;
text-align:center;
margin-top: 0px;
margin-left : 0%; 
margin-right : 0%; 
line-height : 1.9em; 
} 
#top h3 { 
font-weight : normal; 
font-size : 13px; 
margin-left : 0%; 
margin-right : 0%; 
line-height : 1.5em; 
} 
#top-2 h3 { 
font-weight : normal; 
font-size : 13px; 
margin-left : 6%; 
margin-right : 6%; 
line-height : 1.5em; 
} 
h4 { 
font-weight : normal; 
font-size : 13px; 
margin-left : 0%; 
margin-right : 3%; 
line-height : 1.5em; 
} 
/* ============================= header ====================== */
.menu {height:80px;}
.menu ul {padding:33px 0 0 40px;}
.menu li {display:inline; background:url(images/menu-devider.gif) top right no-repeat; font-size:101%; line-height:1em; padding: 0 40px 0 37px;}
.menu li a {color:#f0f0f0; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.menu li a:hover {color:#308bb1;}
.menu .last {background:none; padding-right:0;}
.logo {padding:20px 0px 2px 0; text-align:center;}
/* ============================= footer ====================== */
#footer {color:#b7b7b7; font-size:0.923em; padding:24px 0px 20px 0;}
#page7 #footer {margin-left:22px;}
#footer a { color : #0078C8; text-decoration : underline; text-decoration: none;} 
#footer a:hover { color: #FB2255; text-decoration: none; }
#container {
 width:981px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
#wrapper {
 width:710px;
 float:left;
 margin-right:20px;
}
#footer {
 width:100%;
 clear:left;
color:#666666; font-size:0.923em; padding:5px 0px 0px 0;
}
#boxB {
 width:432px;
 float:right;
 margin-left:25px
}
#boxD {
 width:218px;
 float:left;
}
#boxC {
 width:227px;
 float:right;
}
/* ============================= 掲示板 ====================== */
#ichiran li{
padding: 10px 0;
float:left;
text-align:center;
width: 131px;
margin: 5px;
border-right: dotted 1px #C0C0C0;
border-bottom: dotted 1px #C0C0C0;
}
#ichiran-2 li{
padding: 10px 0;
float:left;
text-align:center;
width: 131px;
margin: 5px;
border-right: dotted 1px #C0C0C0;
border-bottom: dotted 1px #C0C0C0;
}
.line2 {
border-bottom:1px solid #DCDCDC; 
padding-bottom:10px; 
margin-bottom:20px;
padding-left : 10px; 
padding-right : 10px; 
}
.line2a {
border-bottom:1px solid #FFFFFF; 
padding-bottom:10px; 
margin-bottom:20px;
padding-left : 10px; 
padding-right : 10px; 
}
.line3 {
border-bottom:1px solid #FFFFFF; 
padding-bottom:10px; 
margin-bottom:0px; 
height: 101px;
background-image : url("images/bac.gif");
background-repeat : no-repeat; 
}
.links {float:right; margin:1px 0 0 10px;}
.col-1-1 {float:left;}
.col-1-1 {width:430px;}
/* ============================= サイドメニュー メール====================== */
#menu3 {
float: left;
width: 227px;
display: inline;
margin-left: 0px;
margin-top: 0px;
}
#menu3 h3 {
font-size: 101%;
border: 0px solid #666666;
text-align: center;
background: #f5f5f5 url(images/ber-9-2.gif) no-repeat bottom;
font-weight: normal;
color: #FFFFFF;
line-height: 33px;
height: 34px;
}
#menu3 .box3 ul.navmenu li a {
text-decoration: none;
display: block;
border-bottom: 1px dotted #999999;
background: url(images/ber-9-1-1.gif) no-repeat left center;
padding-left: 20px;
line-height: 30px;
color: #000000;
}
#menu3 .box3 ul.navmenu li a:hover {
	background: #bdbdbd url(images/ber-9-1.gif) no-repeat 0px center;
	color: #FFFFFF;
}
#menu3 .box3 {
	border: 1px solid #D3D3D3;
	padding: 5px;
	background: #f5f5f5;
	margin-bottom: 20px;
}
#menu3 p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
/* ============================= サイドメニュー ニュース====================== */
#menu3b {
float: left;
width: 227px;
display: inline;
margin-left: 0px;
margin-top: 13px;
}
#menu3b h3 {
font-size: 101%;
border: 0px solid #666666;
text-align: center;
background: #FFFFFF url(http://www.wems-design.com/blue_menu.gif) no-repeat bottom;
font-weight: normal;
color: #FFFFFF;
line-height: 33px;
height: 34px;
}
#menu3b .box3b ul.navmenu li a {
text-decoration: none;
display: block;
border-bottom: 1px dotted #999999;
background: url(images/ber-9-1-1.gif) no-repeat left center;
padding-left: 20px;
line-height: 30px;
color: #000000;
}
#menu3b .box3b ul.navmenu li a:hover {
background: #bdbdbd url(images/ber-9-1.gif) no-repeat 0px center;
color: #FFFFFF;
}
#menu3b .box3b {
border: 1px solid #D3D3D3;
padding: 5px;
background: #FFFFFF;
margin-bottom: 0px;
}
#menu3b p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
/* ============================= サイドメニュー リンク====================== */
#menu3c {
float: left;
width: 227px;
display: inline;
margin-left: 0px;
margin-top: 0px;
}
#menu3c h3 {
font-size: 101%;
border: 0px solid #666666;
text-align: center;
background: #FFFFFF url(http://www.wems-design.com/blue_menu.gif) no-repeat bottom;
font-weight: normal;
color: #FFFFFF;
line-height: 0px;
height: 0px;
}
#menu3c .box3c ul.navmenu li a {
text-decoration: none;
display: block;
border-bottom: 1px dotted #999999;
background: url(images/ber-9-1-1.gif) no-repeat left center;
padding-left: 0px;
line-height: 0px;
color: #000000;
}
#menu3c .box3c ul.navmenu li a:hover {
background: #bdbdbd url(images/ber-9-1.gif) no-repeat 0px center;
color: #FFFFFF;
}
#menu3c .box3c {
border: 1px solid #D3D3D3;
padding: 0px;
background: #FFFFFF;
margin-bottom: 0px;
}
#menu3c .box3c ul.navmenu li a:hover {
width: 227px;
background : #FFFFFF url(http://www.wems-design.com/menubg4.gif);
background-repeat : no-repeat; 
color: #FFFFFF;
}

/* ============================= サイドメニュー ====================== */
#menu3a {
float: left;
width: 227px;
margin-bottom: 20px;
margin-left: 0px;
margin-top: 0px;
}
#menu3a h3 {
font-size: 101%;
width: 227px;
border: 0px solid #666666;
text-align: center;
background: #FFFFFF url(http://www.wems-design.com/blue_menu.gif) no-repeat bottom;
font-weight: normal;
color: #FFFFFF;
line-height: 26px;
height: 31px;
}
#menu3a .box3a ul.navmenu li a {
text-decoration: none;
width: 227px;
display: block;
border-bottom: 0px dotted #999999;
background : #FFFFFF url(http://www.wems-design.com/menubg3.gif) ;
background-repeat : no-repeat; 
padding-left: 20px;
line-height: 25px;
color: #000000;
}
#menu3a .box3a ul.navmenu li a:hover {
width: 227px;
background : #FFFFFF url(http://www.wems-design.com/menubg4.gif);
background-repeat : no-repeat; 
color: #FFFFFF;
}
/* ============================= 新作情報 ====================== */
div,
div,
ul,li
 {
margin: 0;
padding: 0;
}
#newsozai .Box li
 {
padding-bottom: 0px;
}
#newsozai-2 .Box li
 {
padding-bottom: 0px;
}
img { border: none; }
.clearfix { display: block; }
.hide {
 display:none;
 visibility:hidden;
 }
#container-1a {
line-height: 100%;
font-size: 85%;
margin: 0 0px;  
text-align: left;
background: #FFFFFF;  
}
#container-1b {
line-height: 100%;
font-size: 85%;
margin: 0 0px;  
text-align: left;
background: #FFFFFF;  
}
#container-1c {
line-height: 100%;
font-size: 85%;
margin: 0 0px;  
text-align: left;
background: #FFFFFF;  
}
.globalMenu .gMenuBottom p {
padding-right: 3px;
}
#newsozai .newsBox {
display:block;
margin-bottom: 0px;
}
#newsozai .newsBox .side_header {
display:block;
width:100px;
height:19px;
position:relative;
margin-bottom:11px;
}
#newsozai .newsBox li img {
vertical-align: bottom;
}
#newsozai .newsBox li div.designImg,
#newsozai .newsBox li div.body {
float: left;
padding-bottom: 10px;
}
#newsozai .newsBox li a {
padding: 1px;
margin-right: 0px;
display: block;
}
#newsozai .newsBox li a:link {
background: #F5F5F5;
border: 0px solid #E3F4FF;
}
#newsozai .newsBox li a:visited{
background: #F5F5F5;
border: 0px solid #CCCCCC;
}
#newsozai .newsBox li a:hover{
background: #F5F5F5;
border: 0px solid #FB2255;
}
#newsozai .newsBox .body {
width: 145px;
}
#newsozai .newsBox p {
font-size: 10%;
line-height: 100%;
padding-bottom: 2px;
}
#newsozai-2 .newsBox {
display:block;
margin-bottom: 0px;
}
#newsozai-2 .newsBox .side_header {
display:block;
width:100px;
height:19px;
position:relative;
margin-bottom:11px;
}
#newsozai-2 .newsBox li img {
vertical-align: bottom;
}
#newsozai-2 .newsBox li div.designImg,
#newsozai-2 .newsBox li div.body {
float: left;
padding-bottom: 10px;
}
#newsozai-2 .newsBox li a {
padding: 1px;
margin-right: 0px;
display: block;
}
#newsozai-2 .newsBox li a:link{
background: #F5F5F5;
border: 0px solid #CCCCCC;
}
#newsozai-2 .newsBox li a:visited{
background: #F5F5F5;
border: 0px solid #CCCCCC;
}
#newsozai-2 .newsBox li a:hover{
background: #F5F5F5;
border: 0px solid #FB2255;
}
#newsozai-2 .newsBox .body {
width: 145px;
}
#newsozai-2 .newsBox p {
font-size: 8%;
line-height: 100%;
padding-bottom: 2px;
}







#newsozai-3 .newsBox {
display:block;
margin-bottom: 0px;
}
#newsozai-3 .newsBox .side_header {
display:block;
width:100px;
height:19px;
position:relative;
margin-bottom:11px;
}
#newsozai-3 .newsBox li img {
vertical-align: bottom;
}
#newsozai-3 .newsBox li div.designImg,
#newsozai-3 .newsBox li div.body {
float: left;
padding-bottom: 10px;
}
#newsozai-3 .newsBox li a {
padding: 1px;
margin-right: 0px;
display: block;
}
#newsozai-3 .newsBox li a:link{
background: #F5F5F5;
border: 0px solid #CCCCCC;
}
#newsozai-3 .newsBox li a:visited{
background: #F5F5F5;
border: 0px solid #CCCCCC;
}
#newsozai-3 .newsBox li a:hover{
background: #F5F5F5;
border: 0px solid #FB2255;
}
#newsozai-3 .newsBox .body {
width: 145px;
}
#newsozai-3 .newsBox p {
font-size: 8%;
line-height: 100%;
padding-bottom: 2px;
}
td { border:1px solid #D3D3D3; padding:0px; background:#FFFFFF; width:218px;} 
.clear  { padding:20px;}
/* ============================= 見出し ====================== */
h1 {
font-weight: normal;
color: #8d8d8d;;
}
#midashi h2 {
font-size: 20px;
line-height: 28px;
background:  url(images/page1-title3.gif) no-repeat;
height: 40px;
width: 536px;
padding-left: 35px;
color:#000000;
}
#midashi2 h2 {
font-size: 20px;
line-height: 28px;
background:  url(images/page1-title4.gif) no-repeat;
height: 40px;
width: 536px;
padding-left: 35px;
color:#000000;
}
#midashi3 h2 {
font-size: 20px;
line-height: 40px;
background:  url(images/bar-1.gif) no-repeat;
height: 40px;
width: 630px;
padding-left: 25px;
font-weight : bold; 
color:#000000;
}
#midashi5 h2 {
font-size: 27px;
line-height: 47px;
background:  url(images/bar-3.gif) no-repeat;
height: 113px;
width: 630px;
padding-left: 15px;
color:#000000;
}
#midashi5-2 h2 {
font-size: 27px;
line-height: 47px;
background:  url(images/bar-3-2.gif) no-repeat;
height: 113px;
width: 630px;
padding-left: 15px;
color:#000000;
}
#midashi5-3 h2 {
font-size: 27px;
line-height: 47px;
background:  url(images/bar-3-3.gif) no-repeat;
height: 113px;
width: 630px;
padding-left: 15px;
color:#000000;
}
#midashi05 h3 {
font-size: 11px;
line-height: 18px;
background:  url(images/top.gif) no-repeat;
height: 179px;
width: 395px;
padding-left: 100px;
color:#696969;
}
#midashi05-2 h2 {
font-size: 14px;
line-height: 18px;
background:  url(images/top-2-1.gif) no-repeat;
height: 179px;
width: 395px;
padding-left: 155px;
color:#9ACD32;
}
#midashi h3 {
font-size: 20px;
line-height: 28px;
background:  url(images/page1-title2.gif) no-repeat;
height: 40px;
width: 185px;
padding-left: 35px;
color:#000000;
}
#midashi4 h3 {
font-weight:bold; 
font-size: 17px;
line-height: 57px;
background: #ffffff url(images/bar-2.gif) no-repeat;
height: 45px;
width: 630px;
padding-left: 20px;
padding-top:13px;
}
#midashi4a h3 {
font-weight:bold; 
font-size: 17px;
line-height: 57px;
background: #ffffff url(images/bar-2a.gif) no-repeat;
height: 45px;
width: 630px;
padding-left: 20px;
padding-top:13px;
}
#midashi5 h3 {
font-size: 20px;
line-height: 28px;
background:  url(images/page1-title2.gif) no-repeat;
height: 40px;
width: 585px;
padding-left: 35px;
color:#000000;
}
#midashi6 h3 {
font-size: 20px;
line-height: 27px;
background:  url(images/top-bar-1.gif) no-repeat;
height: 40px;
width: 339px;
padding-left: 29px;
color:#000000;
}
#midashi9 h3 {
font-weight : normal; 
font-size: 12px;
line-height: 15px;
height: 30px;
color:#000000;
margin-left : 3%; 
margin-right : 3%; 
}
#midashi9-2 h3 {
font-weight : normal; 
font-size: 12px;
line-height: 15px;
height: 30px;
color:#000000;
margin-left : 3%; 
margin-right : 3%; 
}
#midashi9-3 h3 {
font-weight : normal; 
font-size: 12px;
line-height: 15px;
height: 30px;
color:#000000;
margin-left : 3%; 
margin-right : 3%; 
}
#midashi77 {
float:right;
width: 220px;
}
#midashi9-3 h3 {
font-weight : normal; 
font-size: 12px;
}
#midashi77 {
float:right;
width: 220px;
}
/* ============================= サブページ見出し ====================== */
#midashi-5-1 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-5-1aa.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-5-1-1 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-5-1ab.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#sakuhin-1 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-5-1.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-9-1 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-9-1.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-9-2 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-9-2.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-10-1 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-10-1.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-11-2 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-11-2.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-11-3 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-11-3.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-10-2 h2 {
font-size: 15px;
line-height: 28px;
background:  url(images/midashi-10-2.gif) no-repeat;
height: 142px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-1-1 h2 {
font-size: 15px;
line-height: 16px;
background:  url(images/midashi-1-1.gif) no-repeat;
height: 166px;
width: 630px;
text-align : left; 
color:#666666;
}
#midashi-2-1 h2 {
font-size: 11px;
line-height: 16px;
background:  url(images/midashi-2-1.gif) no-repeat;
height: 166px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-3-1 h2 {
font-size: 15px;
line-height: 16px;
background:  url(images/midashi-3-1.gif) no-repeat;
height: 166px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-4-1 h2 {
font-size: 15px;
line-height: 16px;
background:  url(images/midashi-4-1.gif) no-repeat;
height: 166px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-logo-1-1 h2 {
font-size: 15px;
line-height: 16px;
background:  url(images/logo-1-1.gif) no-repeat;
height: 283px;
width: 630px;
text-align : right; 
color:#C0C0C0;
}
#midashi-sponsor h2 {
font-size: 15px;
line-height: 16px;
background:  url(images/midashi-sponsor.gif) no-repeat;
height: 166px;
width: 630px;
text-align : right; 
color:#666666;
}
#midashi-sozai-27 h3 {
font-weight: normal;
font-size: 12px;
line-height: 155%;
background:  url(images/ber-14.gif) no-repeat;
width: 630px;
padding-left: 10px;
color:#FFFFFF;
}
/*----------------------------------------------*/
#CATEGORYAD .categories .sozai-ichiran{
display: block;
float: left;
width: 150px;
height: 57px;
line-height: 15px;
border-left: solid 1px #DCDCDC;
border-top: solid 0px #DCDCDC;
border-right: solid 1px #DCDCDC;
border-bottom: solid 1px #DCDCDC;
}
/* ------------------------------------------------- */
#CATEGORYAD .categories .iconless{
width: 426px;
margin: 5px 0 10px 0;
padding: 0 0 0 0;
}
#CATEGORYAD .categories .iconless .catModules{
height: 47px;
margin: 5px 0 10px 0;
padding: 0 0 0 0;
}
#CATEGORYAD .categories .iconless .catModules .sozai-ichiran{
background-image : url("images/bak-1.gif"); 
display: block;
float: left;
width: 132px;
height: 18px;
margin: 7px 0 0 7px;
padding: 0 0 0 0;
}
a.pdf1 { 
background-image : url("images/link-bg.gif"); 
background-repeat : repeat-x; 
background-repeat : no-repeat; 
background-position : left center; 
padding-left : 5px; 
margin: 0 0 0 5px;
} 
#CATEGORYAD .categories .iconless .catModules .sozai-ichiran a{
font-weight: bold;
}
#CATEGORYAD .categories .iconless .catModules .sozai-ichiran a:link,
#CATEGORYAD .categories .iconless .catModules .sozai-ichiran a:active,
#CATEGORYAD .categories .iconless .catModules .sozai-ichiran a:visited{
color: #888;
}
#CATEGORYAD .categories .iconless .catModules .sozai-ichiran a:hover{
color: #FB2255;
text-decoration: underline;
}
.line5 {
margin-bottom:12px; 
height: 40px;
background-image : url("images/seachibac.gif");
background-repeat : no-repeat; 
}
.back
 {
	margin: 0px;
	width: 432px;
	background-image: url(images/back-1.gif);
}
.back top {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: left;
	background-image: url(images/back-1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.back dd {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: left;
	background-image: url(images/back-3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.back dl {
	margin: 0px;
	background-image: url(images/back-2.gif);
	background-repeat: repeat-y;
}
.back2
 {
	margin: 0px;
	width: 630px;
}
.back2 dd {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: left;
	background-image: url(images/back-6.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.back2 dl {
	margin: 0px;
	background-image: url(images/back-5.gif);
	background-repeat: repeat-y;
}