@charset "utf-8";

@import url("default.css");


html {
overflow-y: scroll;
}

body {
font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color: #333;
background: #fff;
}

a:link    { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover   { color: #333; text-decoration: underline; }


.ac { text-align: center; }
.ar { text-align: right; }



/*
------------------------------
#page
------------------------------ */

#page {
width: 950px;
margin: 0 auto;
}


/*
------------------------------
#header
------------------------------ */

#header {
position: relative;
margin: 0 0 20px 0;
padding: 20px 0 0 0;
}

#header h1{
margin: 0 0 0 10px;
}

ul#header-menu {
position: absolute;
height: 48px;
top: 20px;
left: 335px;
}

ul#header-menu li {
float: left;
margin: 0 0 0 10px;
}

ul#header-nav {
position: absolute;
height: 28px;
top: 35px;
left: 654px;
}

ul#header-nav li.model-prev {
float: left;
}

ul#header-nav li.model-next {
float: right;
}



/*
------------------------------
#home
------------------------------ */

#home #page{
width: 960px;
}

#home #header {
position: relative;
}

#home #header ul#header-menu {
position: absolute;
top: 20px;
left: 345px;
}

#home-upper {
overflow: hidden;
margin: 0 0 10px 0;
}

#home-model-index {
float: left;
width: 424px;
padding: 0 20px 0 0;
background: url(../img/ttl-home-model-index.gif) top right no-repeat;
}

#home-model-index p {
width: 403px;
height: 303px;
padding: 9px;
border: 1px solid #ECEADD;
}

#home-featured {
float: right;
width: 485px;
padding: 0 0 0 20px;
background: url(../img/ttl-home-news.gif) top left no-repeat;
}

#home-featured-inner {
width: 465px;
padding: 9px;
border: 1px solid #ECEADD;
}

dl#home-featured-info {
overflow: hidden;
height: 14px;
margin: 0;
padding: 9px 0 0 0;
}

dl#home-featured-info dt,
dl#home-featured-info dd {
float: left;
font-size: 12px;
line-height: 14px;
}

dl#home-featured-info dt {
margin: 0 24px 0 0;
padding: 0;
}

dl#home-featured-info dd {
margin: 0 12px 0 0;
padding: 0;
}


#home-lower {
overflow: hidden;
margin: 0 0 10px 0;
}

#home-infomation {
float: left;
width: 440px;
}

#home-newface {
width: 424px;
margin: 0 0 10px 0;
padding: 0 20px 0 0;
background: url(../img/ttl-home-newface.gif) top right no-repeat;
}

#home-newface ul {
overflow: hidden;
padding: 9px 4px 9px 4px;
border: 1px solid #ECEADD;
}

#home-newface ul li {
float: left;
width: 196px;
padding: 0 5px 0 5px;
font-size: 12px;
line-height: 18px;
text-align: center;
}

#home-blog{
float: left;
width: 150px;
padding: 0 0 0 10px;
}

#home-blog h3{
margin: 0 0 10px 0;
}

#home-blog ul{
float:left;
width:66px;
}

#home-blog ul li{
font-size:11px;
line-height:18px;
}

#home-wanted{
float: right;
width: 270px;
}

#home-wanted h3{
margin: 0 0 10px 0;
}

#home-wanted p{
margin: 0 0 18px 0;
font-size:11px;
line-height:18px;
}

#home-news {
float: right;
overflow: auto;
width: 465px;
height: 310px;
padding: 9px;
border: 1px solid #ECEADD;
}


#home-news h3{
margin-bottom:14px;
}

.home-news-contents{
margin:0 0 6px 0;
height:80px;
border-bottom:1px solid #d9d9d9;
}

img.home-news-image{
display:block;
float:right;
margin-bottom:6px;
}

.home-news-contents-inner{
float:left;
width:300px;
}

.home-news-contents h4,
.home-news-contents p,
.home-news-contents dl dt,
.home-news-contents dl dd{
font-size:11px;
line-height:20px;
}

.home-news-contents p{
margin-left:36px;
}

.home-news-contents dl dt{
float:left;
width:46px;
padding-left:36px;
}

.home-news-contents dl dd{
float:right;
width:215px;
}


.home-news-contents dl:after,
.home-news-contents:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



/*
------------------------------
#webpage
------------------------------ */

#webpage ul#header-menu {
position: absolute;
left: 345px;
}

h2#page-title{
margin: 0 0 18px 0;
text-align: center;
font-size: 18px;
line-height: 24px;
}

#page-contents{
padding: 5px 19px 7px 19px;
border: 1px solid #ECEADD;
}

#page-contents h3{
margin: 14px 0 14px 0;
font-size: 14px;
line-height: 21px;
}

#page-contents h4{
margin: 12px 0 12px 0;
font-size: 12px;
line-height: 18px;
}

#page-contents p{
margin: 0 0 12px 0;
font-size: 12px;
line-height: 18px;
}

#page-contents ul{
margin: 0 0 12px 24px;
}

#page-contents ul li{
list-style-type: disc;
margin: 0 0 6px 0;
font-size: 12px;
line-height: 18px;
}



/*
------------------------------
#main
------------------------------ */


/* #model-list
------------------------------ */


#model-list ul {
overflow: hidden;
}

#model-list ul li {
float: left;
width: 188px;
height: 291px;
font-size: 12px;
line-height: 16px;
text-align: center;
border: 1px solid #ECEADD;
}

#model-list ul li a img {
display: block;
width: 170px;
height: 232px;
margin: 0 0 7px 0;
padding: 9px;
background: #fff;
}

#model-list ul li a img:hover {
background: #ECEADD;
}




/* #model-info
------------------------------ */

#model-info {
width: 948px;
height: 548px;
margin: 0 0 10px 0;
border: 1px solid #ECEADD;
}

#model-info-inner {
float:left;
width: 163px;
padding: 0 0 0 9px;
}

#model-photo {
float: right;
width: 756px;
padding: 9px 9px 9px 0;
}

#model-name {
margin: 0 0 235px 0;
padding: 40px 0 0 0;
}

h2#model-name-full {
margin: 0 0 18px 0;
font-size: 24px;
line-height: 30px;
letter-spacing: 2px;
font-weight: normal;
text-align: center;
}

h2#model-name-full span {
margin: 0 0 18px 0;
font-size: 20px;
line-height: 30px;
letter-spacing: 0;
font-weight: normal;
text-align: center;
}

p#model-name-eng {
font-size: 12px;
line-height: 14px;
text-align: center;
}

dl#model-spec {
margin: 0 0 20px 40px;
}

dl#model-spec dt {
float: left;
margin: 0 0 8px 0;
width: 56px;
font-size: 12px;
line-height: 14px;
}

dl#model-spec dd {
margin: 0 0 8px 0;
font-size: 12px;
line-height: 14px;
}

ul#model-data {
}

ul#model-data li {
margin: 0 0 8px 0;
text-align: center;
}


/* #model-portofolio
------------------------------ */

#model-portfolio {
overflow: hidden;
margin: 0 0 10px 0;
}

#model-portfolio h3 {
float: left;
width: 170px;
height: 273px;
padding: 9px;
border: 1px solid #ECEADD;
}

#model-portfolio ol {
float: right;
width: 760px;
}

#model-portfolio ol li {
float: left;
width: 188px;
height: 291px;
font-size: 12px;
line-height: 16px;
border: 1px solid #ECEADD;
}

#model-portfolio ol li a {
display: block;
width: 170px;
height: 232px;
padding: 9px;
background: #fff;
}

#model-portfolio ol li a:hover {
background: #ECEADD;
}

#model-portfolio ol li span.model-phono-no {
display: block;
width: 170px;
padding: 9px;
}


/* #model-lower-nav
------------------------------ */

#model-lower-nav {
overflow: hidden;
width: 750px;
height: 28px;
padding: 0 0 0 200px;
}

#model-lower-nav p {
float: left;
width: 170px;
}

#model-lower-nav ul {
float: right;
width: 300px;
}

#model-lower-nav ul li.model-prev {
float: left;
}

#model-lower-nav ul li.model-next {
float: right;
}

/*
------------------------------
   #footer
------------------------------ */

#footer {
clear: both;
padding: 20px 0 40px 0;
}

ul#footer-info {
margin: 0 0 10px 0;
padding: 15px 0 10px 0;
text-align: center;
border: 1px solid #EEECE0;
}

ul#footer-info li {
display: inline;
margin: 0 5px 0 5px;
}

#copyright {
padding: 20px 0 15px 0;
text-align: center;
border-top: 10px solid #D0CFC3;
border-bottom: 25px solid #D0CFC3;
}

#footer-logo {
margin: 0 0 10px 0;
}