@charset "utf-8";
/*######################################################################
c2007 Turning Point 
layout CSS
######################################################################*/
/*
------------------------------------------------------------------------------
Global Top
------------------------------------------------------------------------------*/
div#all{
width:800px;
margin:0 auto;
margin-top:25px;
background:url(../image/background.jpg);
border:#333333 solid 1px;
text-align:left;
}
div#logo{
width:400px;
height:90px;
float:left;
}
h1{
width:400px;
height:90px;
text-indent:-10000px;
margin-left:10px;
background:url(../image/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

div#header{
width:750px;
height:90px;
background:url(../image/headerback.png);
border-bottom:1px dotted #CCCCCC;
}
div#navigation{
width:750px;
margin:0 0 0 0;
border-bottom:1px dotted #CCCCCC;
}

div#content{
width:720px;
margin:auto;
}
div#topflash{
width:720px;
margin:auto;
margin-top:20px;
margin-bottom:15px;
z-index:1;
}

div#content-left{
width:510px;
float:left;
}
div#content-right{
width:200px;
float:left;
margin-left:10px;
}
div#content-right img{
margin-left:10px;
}
div#break-footer{
clear:both;
}
h2{
width:500px;
height:25px;
text-indent:-10000px;}
h2#top-info{
width:500px;
height:25px;
background:url(../image/oshirase.png) top left no-repeat;
}
.top-info{
width:500px;
border-bottom:1px dotted #CCCCCC;
}
.head-info p{
width:500px;
line-height:2;
text-indent:1em;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px dotted #CCCCCC;
}
.top-info p{
line-height:2;
text-indent:1em;
padding-top:5px;
padding-bottom:5px;
}

div#content-right ul.top-rightlist{
width:200px;
margin-bottom:5px;
margin-top:5px;
}
div#content-right ul li{
list-style:none;
padding-left:5px;
line-height:1.5;
}
div#content-right ul li.list,
div#content-right ul li.list-last{
list-style:none;
margin-left:15px;
background:url(../image/arrow.png) no-repeat 0 50%;
}
div#content-right ul li.listtop{
font-weight:bold;
font-size:14px;
}
div#content-right ul li.list{
text-indent:1em;
}
div#content-right ul li.list-last{
text-indent:1em;
padding-bottom:5px;
}
div#footer{
width:720px;
margin:0 auto;
margin-top:40px;
border-top:1px dotted #CCCCCC;
}
/*
------------------------------------------------------------------------------
news-index
------------------------------------------------------------------------------*/
div.paragraph h5{
font-size:14px;
margin-bottom:5px;
}
div#content h5.formargin{
margin-top:10px;
}
div.paragraph{
width:650px;
margin:auto;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:2px dotted #CCCCCC;
}
table#news{
width:600px;
margin:0;
padding:0;
}
/*
------------------------------------------------------------------------------
product-index
------------------------------------------------------------------------------*/
div#content-product{
width:700px;
margin:auto;
margin-top:10px;
}
div#product-left{
width:480px;
margin-left:10px;
float:left;
}
div#product-right{
width:180px;
float:left;
margin-left:10px;
margin-top:5px;
}
div#products{
width:480px;
margin-top:5px;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px #CCCCCC dotted;
}
div#products-photo{
width:240px;
float:left;
padding-top:5px;
margin-right:5px;
}

div#products ul li{
margin-top:5px;
list-style:none;
}
div#product-list{
background-color:#222222;
color:#CCCCCC;
font-size:14px;
text-align:center;
}
div#product-right ul li{
list-style:none;
margin-top:5px;
margin-left:5px;
}
/*
------------------------------------------------------------------------------
company-index
------------------------------------------------------------------------------*/
div#companynavi{
width:750px;
background-color:#222222;
}
div#companynavi ul{
margin-left:200px;
text-align:center;
padding-left:5px;
}
div#companynavi ul li{
color:#fefefe;
width:80px;
padding:3px 5px 3px 5px;
display:block;
list-style:none;
float:left;
white-space:nowrap;
background:url(../image/arrow.png) no-repeat 0 50%;
}
table#license{margin:0 auto;}
table#license ul li{
list-style:none;
}
div#companynavi ul a:hover{
background-color:#00AEEF;
color:#FFFFFF;
}
table{
width:650px;
margin:auto;
margin-top:25px;
border:0;
padding:0;
}
table tr th,
table tr td{
padding:5px;
}
table tr{border-bottom:1px dotted #CCCCCC;}
table tr th{
width:100px;
color:#00AEEF;
}
table tr td{line-height:1.5;}
table tr td ul li{margin-left:1em;}
div#philosophy-body{
width:680px;
margin:auto;
margin-top:10px;
}
div#philosophy-photo{
width:210px;
padding:5px;
float:left;
}
p.underphoto{
width:210px;
text-align:center;
color:#00AEEF;
}
div#philosophy-body p.formargin{
margin-top:10px;
}
div#prize{
width:680px;
margin-top:20px;
border-top:1px dotted #CCCCCC;
}
h5#mcpc{
width:300px;
margin:0 auto;
margin-top:5px;
margin-bottom:5px;
font-size:14px;
}
div#prize-photo1{
width:320px;
float:left;
margin-left:5px;
}
div#prize-photo2{
width:320px;
float:right;
margin-right:5px;
}
div#access-body{
width:600px;
margin:auto;
margin-top:10px;
}
div#address-left{
width:240px;
float:left;
margin:10px 0 10px 0px;
}

div#address-right{
width:320px;
float:left;
margin:10px 0 10px 10px;
}
div#map-body{
width:680px;
margin:auto;
margin-top:10px;
}
div#map-pic{
width:600px;
margin:auto;
margin-top:10px;
}
/*
------------------------------------------------------------------------------
recruit-index
------------------------------------------------------------------------------*/
table tr td ul li.no-list{list-style:none;}
table#recruit{
width:650px;
margin:auto;
margin-top:25px;
border:0;
padding:0;
}
table#recruit tr th,
table#recruit tr td{
padding:5px;
}
table#recruit tr{border-bottom:1px dotted #CCCCCC;}
table#recruit tr th{
width:100px;
color:#00AEEF;
}
table#recruit tr td{line-height:1.5;}
table#recruit tr td ul li{margin-left:1em;}
/*
------------------------------------------------------------------------------
business-index
------------------------------------------------------------------------------*/
div#gissystem{
width:680px;
margin:auto;
margin-top:15px;
padding-bottom:5px;
border-bottom:1px dotted #CCCCCC;
}
div#gissystem h5{
font-size:14px;
margin:5px 0 5px 0;
}
div#gissystem ul li{
margin-left:25px;
}
ul li.open{
margin-top:10px;
}
div#exact{
width:680px;
margin:auto;
margin-top:15px;
padding-bottom:5px;
border-bottom:1px dotted #CCCCCC;
}
div#exact img{
margin-top:5px;
}
div#mact{
width:680px;
margin:auto;
margin-top:10px;
border-bottom:1px dotted #CCCCCC;
}
div#mact img{
margin-top:5px;
}
p.hoka-indent{
margin-left:250px;
}
/*
------------------------------------------------------------------------------
sitemap-index
------------------------------------------------------------------------------*/
div#content-sitemap{
width:680px;
margin:auto;
margin-top:10px;
}
ul#linkList li,
ul#linkList li ul li,
ul#linkList li ul li ul li,
ul#linkList li ul li ul li ul li{
font-weight:normal;
line-height:1.5;
list-style-type:none;
}
ul#linkList ul{
background:url(../image/sitemap/first-item.gif) repeat-y scroll 20px 0 ;
margin-bottom:1em;
padding-top:0.5em;
}
ul#linkList ul li{
background:url(../image/sitemap/all-item.gif) no-repeat scroll 20px 0.7em;
margin:0.5em 0pt;
padding-left:45px;
}
ul#linkList ul li#lastitem{
background:url(../image/sitemap/last-item.gif) no-repeat scroll 20px 0.7em;
}
div#spacer{
width:700px;
height:50px;
}
/*
------------------------------------------------------------------------------
mail-form
------------------------------------------------------------------------------*/
body#mail{
background-color:#FFFFFF;
}
div#mailbody{
width:400px;
text-align:left;
background-color:#FFFFFF;
}
div#mail-form{
width:650px;
margin:auto;
padding-left:5px;
text-align:left;
}
div#formpart{
border-left:1px solid #333333;
border-right:1px solid #333333;
}
input:hover,
textarea:hover{
background-color:#0099FF;
}
div#qtitle{
font-size:12px;
color:#333333;
padding:5px;
}
div#button{
width:120px;
margin:auto;
margin-top:10px;
}
div#textarea{
border-bottom:1px dotted #CCCCCC;
padding:5px;
}