@charset"UTF-8";

body {
background: #ffffff;
margin: 0px;
padding: 0px;
font-size: 1em;
font-family: 'Hiragino Kaku Gothic Pro','Osaka',sans-serif;
}

#main {
width: 768px;
margin: 15px auto 0px;
}

#header {
width: 760px;
margin: auto;
}

p, a, img, ul, li, h1 {
border: 0px;
margin: 0px;
padding: 0px;
}

a {
text-decoration:underline;
}

table {
table-layout:fixed;
}


/*---------------------------------------
                  TOP
-----------------------------------------*/

h1 {
width: 130px;
text-align: right;
float: left;
}

.header-content {
width: 630px;
margin: 40px 0px 0px;
float: right;
}

.header-content p {
width: 132px;
text-align: right;
float: right;
}

#sub-nav {
margin-bottom:13px;
float: right;
font-size:0.7em;
}

#sub-nav li{
width:70px;
height:auto;
margin:0 0 3px 0;
padding:1px 0 0 15px;
list-style-type:none;
background:url(img/list-icon.gif) no-repeat left;
color:#666666;
float:left;
}

/* IE6,IE7用 */
*+html #sub-nav li {
width:70px;
height:auto;
margin:0 0 3px 0;
padding:1px 0 0 15px;
list-style-type:none;
background:url(img/list-icon.gif) no-repeat left;
font-size:0.8em;
color:#666666;
float:left;
}
* html #sub-nav li {
width:70px;
height:auto;
margin:0 0 3px 0;
padding:1px 0 0 15px;
list-style-type:none;
background:url(img/list-icon.gif) no-repeat left;
font-size:0.8em;
color:#666666;
float:left;
}
/* ここまで */


#global-nav-area {
width: 630px;
float: left;
}

#global-nav {
float: right;
}

#global-nav li {
list-style-type: none;
border-right: 1px solid #a3a3a3;
display: block;
float: left;
}

#global-nav li span {
font-size: 0.75em;
font-weight: bold;
margin: 0px 18px 0px;
}

#global-nav-area2 {
width: 630px;
float: left;
}

#global-nav2 {
float: right;
}

#global-nav2 li {
list-style-type: none;
border-right: 1px solid #a3a3a3;
display: block;
float: left;
}

#global-nav2 li span {
font-size: 0.75em;
font-weight: bold;
margin: 0px 18px 0px;
}

/* IE6,IE7用 */
*+html #global-nav2 li span {
font-size: 0.75em;
font-weight: bold;
margin: 0px 18px 0px;
}
* html #global-nav2 li span {
font-size: 0.7em;
font-weight: bold;
margin: 0px 18px 0px;
}
/* ここまで */


#footer {
width: 768px;
border-bottom: 1px solid #d4d4d4;
overflow: hidden;
clear: both;
}

.copyright {
width: 768px;
border-top: 3px solid #f8f8f8;
padding: 10px 5px 10px;
text-align: left;
font-size: 0.65em;
color: #999999;
clear: both;
}

/*---------------------------------------
                container
-----------------------------------------*/

#container {
width:700px;
margin:15px 0 !important;
margin:15px 0 0;
clear:both;
}

#container-top {
width:768px;
height:8px;
background:url(none) no-repeat;
}

#container-middle {
width:768px;
background:url(none) repeat-y;
}

#container-bottom {
width:768px;
margin-top:0px;
padding-top:0px;
height:8px;
background:url(none) no-repeat;
}

#contentbox {
width:700px;
margin:0 auto;
padding:26px 0;
}

.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

.clearfix{
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*---------------------------------------
                sidemenu
-----------------------------------------*/

#sidemenu {
background: url(img/sidemenu-body.gif) repeat-y;
width: 166px;
margin-bottom:24px;
float:left;
line-height:1.55em;
color:#666666;
}

#sidemenu a {
color:#666666;
}

.sidemenu-bottom {
width: 166px;
margin: 0px;
}

.sidemenu-bottom {
background: url(img/sidemenu-bottom.gif) no-repeat left bottom;
width: 166px;
}

#sidemenu ul {
background: url(img/sidemenu-top.gif) no-repeat left top;
width: 166px;
padding: 8px 0px 8px;
font-size:0.85em;
font-weight: bold;
list-style-type: none;
}

.first {
width: 157px;
margin: auto;
padding: 5px 0px 0px;
}

.sidemenu-list {
width: 157px;
margin: auto;
padding: 5px 0px 0px;
}

.last {
width: 157px;
margin: auto;
padding: 5px 0px 0px;
}

.normal {
width: 157px;
margin: auto;
padding: 5px 0px 0px;
}

#sidemenu li img {
margin: 0px 9px 0px 13px;
}

.sidemenu_li_01 {
background:url(img/dot-icon02.gif) no-repeat top left;
margin: 0px 0px 0px 13px;
padding:0px 0px 0px 20px;
display:block;
}

.sidemenu_li_02 {
background:url(img/dot-icon01.gif) no-repeat top left;
margin: 0px 0px 0px 13px;
padding:0px 0px 0px 20px;
display:block;
}

#sidemenu p {
font-size: 0.85em;
margin: 0px 0px 3px 36px;
line-height:1.5em;
}

/*---------------------------------------
                main-area
-----------------------------------------*/

.main-area {
width:488px;
margin:0 auto 30px;
}

/* IE6,IE7用 */
*+html .main-area {
width:488px;
margin:0 auto;
}
* html .main-area {
width:488px;
margin:0 auto;
}
/* ここまで */

.main-area p {
font-size:0.8em;
line-height:1.6;
}

/* 1column */
.content-title {
margin:0 auto 15px;
padding-top:20px;
text-align:center;
}

/* 2column */
.contents-title {
margin:0 auto 15px;
text-align:center;
}
 
.sub-title {
margin:0;
padding:0;
margin:0 0 5px 7px;
font-size:1.1em;
color:#666666;
}

.sub-title-02 {
width:auto;
height:auto;
margin:17px 0 10px auto;
padding:1px 0 0 0px;
display:block;
font-size:0.8em;
color:#666666;
}

/* product関連ページ用 */
.line {
margin:26px auto;
}

.link {
width:auto;
height:auto;
margin:23px 0 10px 0;
margin-left:auto;
margin-right:0;
display:block;
text-align:right;
}

.link a {
width:auto;
height:auto;
padding-left:9px;
background:url(img/list-icon02.gif) no-repeat left center;
display:inline-block;
text-align:right;
font-size:0.95em !important;
font-size:0.8em;
}

.link2 {
width:auto;
height:auto;
margin:5px 0 0px 0;
margin-left:auto;
margin-right:0;
display:block;
text-align:right;
}

.link2 a {
width:auto;
height:auto;
padding-left:9px;
background:url(img/list-icon02.gif) no-repeat left center;
display:inline-block;
text-align:right;
font-size:0.9em;
}

/*  IE6用ハック */
* html .font-style-04 {
margin-top:10px;
}

/*  IE7用ハック */
*:first-child+html .font-style-04 {
margin-top:10px;
font-size:0.7em;
}

/*---------------------------------------
                  content
-----------------------------------------*/

#contents {
width:518px;
margin:0;
float:right;
}

.profile {
width:488px;
padding-bottom:5px;
background:url(img/line_contents.gif) no-repeat bottom;
}

.list {
margin:0px;
padding:10px 5px;
background:url(img/line_contents.gif) no-repeat bottom;
}

.day {
padding:0px;
margin:0px;
font-weight:bold;
color:#999999;
}

.entery {
padding:0px;
margin:0px;
list-style-image:url(img/list-icon02.gif);
}

#copyrightD {
margin-right:5px;
float:right;
font-size:0.7em;
color:#666666;
}

/*---------------------------------------
                font-style
-----------------------------------------*/

.font-style-01 {
color:#666666;
}

.font-style-02 {
padding-left:3px;
font-size:0.75em;
font-weight:bold;
color:#999999;
}

.font-style-03 {
margin:10px 0 5px;
}

.font-style-05 {
font-size:0.9em;
color:#999999;
}

.font-style-05 p {
color:#999999;
}

#font-style-06 {
color:#333333;
}

#font-style-06 p {
color:#333333;
}

.font-style-07 {

}

/*---------------------------------------
                  index
-----------------------------------------*/

#index-area {
width:736px;
margin:5px auto 0px auto;
overflow:hidden;
}

#icms {
width:738px;
background:url(img/icms.jpg) right bottom no-repeat;
margin:10px 0px 0px 17px;
text-align:left;
clear:both;
}

#icms p {
margin:3px auto;
font-size:0.75em;
}

#news,#product,#materials {
float:left;
}

#news {
width:212px;
margin-bottom:-1000px;
padding-bottom:1000px;
padding-right:25px;
background:url(img/line_top02.gif) repeat-y right;
}

.topix {
width:auto;
height:auto;
margin:0 0 3px 0;
padding:1px 0 0 10px;
background:url(img/list-icon.gif) no-repeat left;
font-size:0.85em;
color:#666666;
}

.news-data {
width:auto;
height:auto;
padding-left:9px;
background:url(img/list-icon02.gif) no-repeat left center;
display:inline-block;
font-size:0.75em;
font-weight:bold;
color:#999999;
}

.news-entry {
padding-left:7px;
font-size:0.75em;
color:#666666;
}

#news p {
margin:5px auto;
font-size:0.75em;
color:#666666;
}

#product {
width:212px;
margin-bottom:-1000px;
padding-bottom:1000px;
margin-left:25px;
padding-right:25px;
background:url(img/line_top02.gif) repeat-y right;
}

#product p {
margin:5px auto;
font-size:0.75em;
color:#666666;
}

#materials {
margin-bottom:-1000px;
padding-bottom:1000px;
width:212px;
margin-left:25px;
color:#666666;
}

#materials p {
margin:3px auto;
font-size:0.75em;
}

.link-index {
margin:0 0 15px 0;
text-align:right;
font-size:0.8em;
}

.link-index a {
width:auto;
height:auto;
padding-left:9px;
background:url(img/list-icon02.gif) no-repeat left center;
display:inline-block;
text-align:right;
font-size:0.9em;
color:#666666;
}

/*---------------------------------------
                 aboutsite
-----------------------------------------*/

.about li {
margin-left:20px;
font-size:0.95em;
}

.line-about-01 {
margin:0 0 10px 0;
background:url(img/line_about.gif) no-repeat bottom;
border-left:#333333 solid 5px;
}

.line-about-02 {
margin-left:2px;
padding:5px 0 1px;
border-left:#333333 solid 1px;
}

#about-list {
font-size:0.75em;
color:#666666;
}

.about span {
font-size:0.8em;
}

#text-about {
padding:5px;
color:#333333;
}

/*---------------------------------------
                 board
-----------------------------------------*/

.main-area strong {
font-size:0.75em;
font-weight:normal;
color:#666666;
}

.name {
margin:3px 0;
font-size:0.9em;
font-weight:normal;
}

/*---------------------------------------
               history/news
-----------------------------------------*/

.entry-title {
height:auto;
margin:0;
padding-left:9px;
background:url(img/list-icon02.gif) no-repeat left center;
display:inline-block;
font-size:0.75em;
color:#000000;
}

.news-link {
margin:10px 0;
padding:0;
font-size:0.85em;
}

.news-link a {
color:#666666;
}

.list-entry {
margin-left:11px;
font-size:0.8em !important;
font-size:0.75em;
list-style-type:none;
color:#333333;
}

.line-history {
margin:5px auto;
}

.float {
margin-left:10px;
float:right;
}

/*---------------------------------------
                   idea
-----------------------------------------*/

#idea-titele p {
line-height:1.5;
}

#sign {
margin-bottom:30px;
font-size:0.7em;
text-align:right;
float:right;
}

#sign-name1 {
margin:0;
color:#666666;
}

#sign-name2 {
margin:0 0 0 0;
}

/* IE6,IE7用 */
*+html #sign-name1 {
margin-bottom:0px;
font-size:1.0em;
}
* html #sign-name1 {
margin-bottom:0px;
font-size:1.0em;
}
/* ここまで */

/* IE6,IE7用 */
*+html #sign-name2 {
margin-bottom:0px;
font-size:1.0em;
}
* html #sign-name2 {
margin-bottom:0px;
font-size:1.0em;
}
/* ここまで */

/* IE6,IE7用 */
*+html #sign {
margin-bottom:0px;
float:right;
}
* html #sign {
margin-bottom:0px;
float:right;
}
/* ここまで */

#sign h3 {
font-size:0.7em;
color:#666666;
}

/*---------------------------------------
                 contact
-----------------------------------------*/

.text-color {
color:#FF0000;
}

#form-area {
padding-bottom:30px;
padding-left:45px;
font-size:0.75em;
font-weight:bold;
text-align:left;
}

#text-form {
margin:30px 0 30px 0;
padding-left:5px;
font-size:1.15em;
color:#666666;
}

#form {
margin:0 0 30px 5px;
}

#form-confirmation {
width:540px;
margin-left:5px;
text-align:right;
}

.inputContact {
width:355px;
}

textarea {
width:355px;
}

/*---------------------------------------
                middleware
-----------------------------------------*/

#lifelog-text {
clear:both;
}

#lifelog-1 {
margin:0 10px;
float:left;
}

#lifelog-2 {
margin:0 0 0 20px;
float:left;
}

/*---------------------------------------
               privacypolicy
-----------------------------------------*/

#list-privacy {
margin-left:10px;
font-size:0.8em;
}

/*---------------------------------------
                  profile
-----------------------------------------*/

.item {
margin:0 0 5px 0;
font-size:0.90em;
}

.profile-title {
margin:0 0 5px 0;
font-size:0.85em;
line-height:1.4;
}

.list-profile {
font-size:0.85em;
list-style-type:none;
line-height:1.4;
}

.profile-mail {
margin:5px 0 5px 10px;
font-size:0.85em;
line-height:1.4;
}

.list-profile {
font-size:0.8em !important;
font-size:0.75em;
list-style-type:none;
}

/*---------------------------------------
                  recruit
-----------------------------------------*/

.text-recruit,#title-recruit,#text-recruit03,
.points-area {
color:#666666;
}

.text-recruit {
padding-left:62px;
font-size:0.8em !important;
font-size:0.7em;
}

#title-recruit {
margin:40px 0 5px 0;
padding-left:5px;
font-size:1.05em;
font-weight:normal;
}

#text-recruit03 {
padding:15px 0 30px 45px;
font-size:0.7em;
}

*+html #text-recruit03 {
padding:15px 0 30px 45px;
font-size:0.6em;
}

.points-area {
padding-left:45px;
font-size:small;
text-align:left;
font-size:0.8em !important;
font-size:0.7em;
}

.points-area ul {
color:#999999;
}

.points-list-style {
list-style-type:decimal;
padding-left:20px;
}

.points-list-style02 {
padding-left:15px;
}

.points-list-style03 {
list-style-type:none;
}

/*---------------------------------------
                sitemap
-----------------------------------------*/

#site-map {
width:518px;
margin-left:12px !important;
margin-left:0px;
}

/* IE6,IE7用 */
*+html .site-map {
width:518px;
}
* html .site-map {
width:518px;
margin-left:12px;
}
/* ここまで */

.site-list {
width:161px;
float:left;
padding:0 9px 27px 0;
}

.site-list02 {
width:150px;
clear:both;
padding:20px 9px 30px 0;
}

/* IE6,IE7用 */
*+html .site-list02 {
width:150px;
clear:both;
padding:20px 9px 0 0;
}
* html .site-list02 {
width:150px;
clear:both;
padding:20px 9px 0 0;
}
/* ここまで */

.site-list-title {
margin:0;
padding-left:10px;
background:url(img/list-icon.gif) top left no-repeat;
font-size:0.9em;
color:#666666;
}

.site-list-mark,.site-list-mark03 {
font-size:0.9em;
line-height:1.7;
}

.site-list-mark {
padding-left:20px;
list-style-image:url(img/list-icon02.gif);
}

.site-list-mark02 {
margin-bottom:5px;
padding-left:27px;
font-size:0.9em;
line-height:1.7;
}

.mark {
margin-left:7px;
padding-left:10px;
background:url(img/list-icon02.gif) left no-repeat;
font-size:0.75em;
}

/*---------------------------------------
              press
-----------------------------------------*/
#press {
color:#666666;
}

.th03 {
float:left;
}

#center {
background:url(img/line_contents.gif) no-repeat bottom center;
padding:20px 0px;
font-weight:bold;
text-align:center;
}

#left {
background:url(img/line_contents.gif) no-repeat bottom center;
padding-bottom:10px;
}

#press a:link {
text-decoration: underline;
color:#666666;
}

#press a:visited {
text-decoration: underline;
color:#666666;
}

#press a:active {
text-decoration:underline;
color:#333333;
}

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

/*---------------------------------------
                  link
-----------------------------------------*/

a:link {
color:#333333;
}

a:visited {
color:#333333;
}

a:active {
color:#666666;
}

a:hover {
color:#666666;
}

#sub-nav a:link {
color:#999999;
}

#sub-nav a:visited {
color:#999999;
}

#sub-nav a:active {
color:#cccccc;
}

#sub-nav a:hover {
color:#cccccc;
}

#sub-nav2 a:link {
color:#999999;
}

#sub-nav2 a:visited {
color:#999999;
}

#sub-nav2 a:active {
color:#cccccc;
}

#sub-nav2 a:hover {
color:#cccccc;
}

#footer a:link {
color:#999999;
}

#footer a:visited {
color:#999999;
}

#footer a:active {
color:#cccccc;
}

#footer a:hover {
color:#cccccc;
}

.link-index a:link {
text-decoration: underline; 
color:#666666;
}

.link-index a:visited {
text-decoration: underline; 
color:#666666;
}

.link-index a:active {
text-decoration:underline;
color:#999999;
}

.link-index a:hover {
text-decoration:underline;
color:#999999;
}

.font-style-05 a:link {
text-decoration: underline; 
color:#999999;
}

.font-style-05 a:visited {
text-decoration: underline; 
color:#999999;
}

.font-style-05 a:active {
text-decoration:underline;
color:#666666;
}

.font-style-05 a:hover {
text-decoration:underline;
color:#666666;
}

#font-style-06 a:link {
color:#ff0000;
}

#font-style-06 a:visited { 
color:#ff0000;
}

#font-style-06 a:active {
color:#666666;
}

.font-style-07 a:link {
text-decoration: underline; 
color:#666666;
}

.font-style-07 a:visited {
text-decoration: underline; 
color:#666666;
}

.font-style-07 a:active {
text-decoration:underline;
color:#999999;
}

.font-style-07 a:hover {
text-decoration:underline;
color:#999999;
}

.link a:link {
text-decoration: underline; 
color:#666666;
}

.link a:visited {
text-decoration: underline; 
color:#666666;
}

.link a:active {
text-decoration:underline;
color:#999999;
}

.link a:hover {
text-decoration:underline;
color:#999999;
}

.link2 a:link {
text-decoration: underline; 
color:#666666;
}

.link2 a:visited {
text-decoration: underline; 
color:#666666;
}

.link2 a:active {
text-decoration:underline;
color:#999999;
}

.link2 a:hover {
text-decoration:underline;
color:#999999;
}

.news-data a:link {
text-decoration:underline; 
color:#999999;
}

.news-data a:visited {
text-decoration:underline; 
color:#999999;
}

.news-data a:active {
text-decoration:underline;
color:#CCCCCC;
}

.news-data a:hover {
text-decoration:underline;
color:#CCCCCC;
}

#site-map a:link {
text-decoration: underline; 
color:#666666;
}

#site-map a:visited {
text-decoration: underline;
color:#666666;
}

#site-map a:active {
text-decoration:underline;
color:#999999;
}

#site-map a:hover {
text-decoration:underline;
color:#999999;
}

#text-recruit03 a:link {
text-decoration: underline; 
color:#666666;
}

#text-recruit03 a:visited {
text-decoration: underline;
color:#666666;
}

#text-recruit03 a:active {
text-decoration:underline;
color:#999999;
}

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

#global-nav a:link {
text-decoration:underline;
color:#333333;
}

#global-nav a:visited {
text-decoration:underline;
color:#333333;
}

#global-nav a:active {
text-decoration:underline;
color:#666666;
}

#global-nav a:hover {
text-decoration:underline;
color:#666666;
}

#th01 a:link {
text-decoration:underline;
color:#666666;
}

#th01 a:visited {
text-decoration:underline;
color:#666666;
}

#th01 a:active {
text-decoration:underline;
color:#333333;
}

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