* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
body {
background: #eeeeee;
font-family: Verdana, "MS Pゴシック", 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;
}
/*
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;
}
/*
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;
}
/* HOMEサイドメニュー スタッフ募集 */
/*#side #side-job{
border:1px solid #ccc;
margin:20px auto;
box-sizing:border-box;
border-radius:4px;
}
#side #side-job h2 a{
background:#E36626;
color:#fff;
font-size:26px;
letter-spacing:0.15em;
padding:0.15em 0.25em;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-sizing:border-box;
display:block;
text-decoration:none;
}
#side #side-job p{
font-size:12px;
margin:0.5em 0.25em 0.25em 0.5em;;
}
#side #side-job ul{
margin:1em 0.5em 0;
}
#side #side-job li a{
background:#FCEDE4;
font-size:13px;
display:block;
width:100%;
margin:0.75em auto;
position:relative;
padding:0.75em;
box-sizing:border-box;
text-decoration:none;
border:1px solid #ccc;
border-radius:3px;
}
#side #side-job li a:after{
font-family:'FontAwesome';
content:"\f101";
color:#E36626;
position:absolute;
right:0.15em;
top:25%;
}
#side #side-job a:hover{
opacity:0.8;
}*/
div#bikou{
margin-top:20px;
}
#bikou #guca a {
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: transparent url("../../img/submenu_topic1.jpg") no-repeat left top;
width: 175px;
height: 90px;
}
#bikou #blog a {
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: transparent url("../../img/kagublog.jpg") no-repeat left top;
width: 175px;
height: 65px;
}
#bikou #menu span {
display: none;
}
/*
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, "MSゴシック", 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 */
#main #orderTable div#new {
background-image: url(../../img/new_catalog2015.jpg);
background-repeat: no-repeat;
background-position: left 75px;
min-height:385px;
}
#main #orderTable div#new ul{
margin:0 0 20px 130px;
}
#main #orderTable div#new ul li a span.new{
background:rgba(184,61,63,1.00);
color:#fff;
font-size:11px;
margin-right:3px;
padding:1px 2px;
border-radius:2px;
}
#main #orderTable div#new ul li a:hover span.new{
text-decoration:none;
}
#main #orderTable div#new li,
#main ul.oderpdf li{
background-image:url(../../img/list_um.gif);
background-repeat:no-repeat;
background-position: -3px center;
padding-left:8px;
line-height:2;
}
#main #orderTable div#new li a,
a.pdf,
#main ul.oderpdf li a{
background-image: url("../../img/icon_pdf.gif");
background-repeat: no-repeat;
background-position: right center;
padding-right: 15px;
}
/*
catalog(HOME)
----------------------------------------------------------- */
#catalogLeft{
float:left;
width:135px;
}
#catalogRight{
float:right;
width:245px;
margin-bottom:15px;
}
#catalogLeft #catalogImage{
border: 1px solid #ddd;
margin-bottom:7px;
}
#catalogLeft li{
margin:5px 0 0 11px
}
#catalogLeft li img {
box-shadow: 1px 1px 2px #bbb;
}
#catalog .ordersheet{
border:1px dotted #aaa;
padding:2px 2px 5px 2px;;
clear:both;
}
#catalog .ordersheet h4{
font-size:13px;
background:#ddd;
padding:0.2em 0.75em;
}
#catalog .ordersheet h5{
border:1px solid #85a83e;
border-left:5px solid #85a83e;
font-size:13px;
padding:2px 5px;
display:inline-block;
font-weight:bold;
margin:10px 0 0 3px;
}
#main ul.oderpdf li{
margin:0 0 0 10px;
}
#main ul.oderpdf li.col2{
float:left;
width:100px;
}
#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;
margin:auto;
text-decoration:none;
width:260px;
line-height:2;
border-radius:5px;
box-shadow: 1px 1px 3px #999999;
}
*/
#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;
}
#submenu p#guca a {
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: transparent url("../../img/submenu_topic1.jpg") no-repeat left top;
width: 175px;
height: 90px;
}
#submenu p#blog a {
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: transparent url("../../img/kagublog.jpg") no-repeat left top;
width: 175px;
height: 65px;
}
#submenu span {
display: none;
}
/* オーダーテーブル umネットーワーク 作品例*/
#submenu #order-table,
#submenu #um,
#submenu #work {
border:#CCCCCC solid 1px;
padding:5px;
margin-bottom:20px;
}
#submenu #order-table h2,
#submenu #um h2,
#submenu #work h2{
font-family: Verdana, "MSゴシック", 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 #um li,#submenu #work 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 #um 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 #um p,#submenu #work p{
margin: 5px 0 0 0;
padding: 5px 0 0 0;
background-image: url(../../img/line_news.gif);
background-repeat: repeat-x;
}
#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. [
----------------------------------------------------------- */
/* 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}