/***********************************************/
/* html tag styles                             */
/***********************************************/

body {
	padding: 0;
	margin: 0;
	font-size: 80%;
	font-family:'ＭＳ Ｐゴシック', Osaka, Verdana, Arial, Helvetica, sans-serif;
	background:#666 url(../img/bg1.gif) repeat-x;
	color:#CCC;   
}

* {
    margin:0;
    padding:0;
}

img{
    border:0;
}

p {
	margin: 0 0 1.16em 0;
}


a:link {
	color: #6999C9;
}
a:visited {
	color: #ee5a00;
}
a:active {
	color: #eeae00;
}
a:hover {
	color: #eeae00;
}


h1 {
    color: #fff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

h2{
    color:#FFF;
    font-size:12px;
    margin:5px 0 5px 5px;
    width:400px;
}

h3{
	font-size: 100%;
	padding: 1.2em 0 1em 0;
}

h4{
	padding: 5px 0 5px 0;
}

/***** table style ***************************/ 

th,td{
    padding:0;
    vertical-align:top;
}

caption{
    font-weight:bold;
}

table {border-collapse:collapse;}


/***** list style ***************************/ 

ul,li {
    list-style-type: none;
}

.flyl{
    float:left;
}

.flyr{
    float:right;
}

.clear{
    clear:both;
}

/***********************************************/
/* Layout divs                                 */
/***********************************************/

#container{
    margin:0 auto;
    width:800px;
    background-color:#545454;
}

#header {
    width:800px;
    height:105px;
    background: url(../img/headbg.jpg) no-repeat;
    font-size:12px;
    line-height:15px;
    display:none;
    display:none;
}

#breadcrumb {
    clear:both;
    background:#444 url(../img/breadbg.jpg) repeat-x;
    border-top: #ABABAB solid 1px;
    border-bottom: #ABABAB solid 1px;
    padding:3px 0 3px 15px;
    height:15px;
}

#breadcrumb a{
    color:#EEE;
}

#footer {
    clear:both;
    padding:12px 0 0 10px;
    border-top: #ABABAB 1px solid;
    border-bottom: #ABABAB 1px solid;
    color: #c3c3c3;
    background:#666 url(../img/footerbg.gif) ;
    height:35px;
    display:none;
}

#leftcol {
	width: 200px;
    height:100%;
    float:left;
    display:none;
}

#content {
	background-color: #444;
    float:left;
    width: 596px;
    line-height: 1.4em;
}


#logo {
	margin:40px 0 0 16px;
}

#headline {
    position:relative;
    top:-16px;
    left:310px;
    width:350px;
}


#lang {
    width:80px;
    font-weight:bold;
    font-size: 12px;
    float:right;
    margin-top:15px;
}

#lang a:link {
	color: #fff;
}
#lang a:visited {
	color: #ee5a00;
}
#lang a:active {
	color: #eeae00;
}
#lang a:hover {
	color: #eeae00;
}

#lang img,#font_select img{
    margin-right:5px;
    vertical-align:middle;
}

#font_select {
    position:relative;
    top:0;
    left:730px;
    width:150px;
    font-weight:bold;
    clear:both;
}


#reason {
    background:#5D5D5D;
    border:4px solid #484848 ;
    padding:5px;
    height:95px;
    font-weight:bold;
    color:#fff;
}
ul.why{
    margin-left:25px;
}

/***********************************************/
/*  leftcol navi                               */
/***********************************************/

.border {
    width:845px;
    margin:0 auto;
    z-index:1;
    background: url(../img/border.jpg) ;
}

.padding {
	padding: 10px;
    background-color:#545454;
}


a.navioff, a.navioff:visited, .sektionhead, .sektionheadtopborder {
	color: #eee;
	text-decoration: none;
	padding: 4px 5px 4px 10px;
	display: block;
    background: url(../img/navioff.gif) no-repeat;
}

a.navion, a.navion:hover, a.navioff:hover {
    color: #7DA7D9;
	text-decoration: none;
	padding: 4px 5px 4px 10px;
	display: block;
    background: url(../img/navioff.gif) no-repeat; 
}

a.navion:hover, a.navioff:hover {
    color: #7DA7D9;
}

#products a.navion,
#products a.navioff{
    color:#fff;
    background:#545454 url(../img/prodbk.jpg) no-repeat;
    height: 34px;
    font-weight:bold;
    padding:5px 30px 0 15px;
}


#leftcol ul {
	padding: 7px 10px 7px 10px;
    background-color:#444;
}



#leftcol li {
	height: 20px;
}

#leftcol li a {
	width: 100%;
	text-decoration: none;
	border-bottom: 1px dotted #eee;
	background: url(../img/unvisited.gif) no-repeat 148px 50%;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
}

#leftcol li a:visited {
	background: url(../img/visited.gif) no-repeat 148px 50%;
    display: block;
}

#leftcol li a:hover {
    color:#fff;
	border-bottom: 1px solid #eeae00;
    background: url(../img/hover.gif) no-repeat 148px 50%;
    display: block;
}

#leftcol li a.subon, #leftcol li a.subon:hover, #leftcol li a.subon:visited {
	color: #eeae00;
	cursor: default;
	border-bottom: 1px solid #eeae00;
	background: url(../img/active.gif) no-repeat 148px 50%;
    display: block;
}


/* Other stuff */
.off{
	display: none;
}

.on {
	display: block;
}

/***********************************************/
/*  top information & news style               */
/***********************************************/

.sektionsubhead {
	border-top: #ABABAB 1px solid;
    height:50px;
	background: url(../img/sectionbk.jpg) no-repeat;
}

.story {
	padding: 7px 10px 7px 10px;
	background-color: #444;
    color:#ccc;
    clear:both;
}

.story a{
	font-weight:bold;
}

.story a:link,#reason a:link {
	color: #FAC578;
}
.story a:visited,#reason a:visited {
	color: #FAC578;
}
.story a:active,#reason a:active {
	color: #FAC578;
}
.story a:hover,#reason a:hover {
	color: #444;
    text-decoration:none;
    background-color:#FAC578;
}

.story ul{
	margin-top:10px;
    margin-bottom:10px;
}

li.date {
	font-weight:bold;
    padding-left:15px;
    background:url(../img/ic_date.gif) no-repeat 0 4px;
}

#top_info li{
    display:inline;
    padding-left:15px;
    background:url(../img/ic_pd.gif) no-repeat 0 4px;
}

ul#top_info {
    margin-bottom:10px;
    padding-bottom:20px;
}

/***********************************************/
/* theme  styles                               */
/***********************************************/

#titlesection {
	background:url(../img/titlebg.jpg) ;
    height:70px;
    border-bottom: #ABABAB 1px solid;
}

#titlesection h2{
	font-size: 16px;
	margin:0px 0 0 15px;
	padding-top:25px;
	width:500px;
}

.subhead {
	background:#444 url(../img/subheadbg.jpg) no-repeat;
    height:35px;
    border-bottom: #ABABAB 1px solid;
    clear:both;
}

.subhead h3,.subhead2 h3{
    color:#ccc;
    font-size:12px;
    margin:0;
    width:500px;
    padding:10px 10px 0 10px;
}



.theme {
	padding: 15px 10px 15px 10px;
    background:url(../img/themebg.jpg) ;
    color:#333;
    clear:both;
    border-bottom: #ABABAB 1px solid;
    letter-spacing: 0.04em;
}

.flashsection {
	padding:10px 0;
    background-color:#666 ;
    text-align:center;
    clear:both;
}

/***** toolbar style ***************************/ 
/***** tyousetu hitomi 0928***************************/ 

ul.toolbar {
    margin:10px 0 10px 0px;
    clear:both;
display:none;
}

.toolbar a{
	color:#993300;
}

.toolbar a:visited{
	color:#993300;
}

.toolbar a:active {
	color: #eeae00;
}

.toolbar a:hover{
	color: #ee5a00;
}

/***** sitemap style ***************************/ 

ul#sitemap ul{
	margin-left:10px;
}

ul#sitemap ul ul{
    padding:0 ;
    margin:0;
}

ul#sitemap ul li{
	margin-left:10px;
    padding:5px 0 5px 20px;
    border-bottom:1px dotted #666;
    background:url(../img/arr1.gif) no-repeat 0px 8px;
}

ul#sitemap ul ul li{
    padding:0 0 0 15px;
    border-bottom:none;
    background:url(../img/arr2.gif) no-repeat 0px 6px;
}



ul#sitemap a{
    color: #333;
    text-decoration:none;
}


ul#sitemap a:hover{
    color:#EC7230;
    text-decoration:underline;
}


/***** privacy style ***************************/

ol#privacy {
   margin:30px;
}

ol#privacy li {
   list-style-type:decimal;
   margin:15px;
}

/***** company style ***************************/

ul#company li{
	margin-left:10px;
    padding:5px 0 5px 15px;
    border-bottom:1px dotted #666;
    font-weight:bold;
    list-style-type:square;
    list-style-position:inside;
}

ul#company ul li{
	margin:0;
    padding:0;
    border:none;
    font-weight:normal;
    list-style-type:none;
}

ul#history li{
	margin-left:10px;
    padding:5px 0 5px 15px;
    border-bottom:1px dotted #666;
}

/***** question style ***************************/


ul.question li{
	margin-left:10px;
    padding:5px 0 5px 15px;
    border-bottom:1px dotted #666;
    list-style-type:decimal;
    list-style-position:inside;
}

ul.question a{
    color: #333;
    text-decoration:none;
}

ul.question a:hover{
    color:#EC7230;
    text-decoration:underline;
}

input.backbt{
    margin:50px 0 30px 200px;
    clear:both;
    display:none;
}

dl.question dt{
    padding:5px 0 5px 0;
    font-weight:bold;
}

dl.question dd{
    border-bottom:1px dotted #666;
    padding:5px 0 5px 0;
    margin-bottom:10px;
}

dl.question ol li{
    list-style-type:decimal;
    list-style-position:inside;
}


/******** 0928 hitomi ***********/
/********* HL 02html ***************/
table{
text-align:center; 
}


.theme ul.products, ul.feat2{
    padding:0px 28px 5px 25px;
    list-style-type:none;
    margin:0;
}

.theme .products img{
    margin-right:20px;
    float:left;
}

.theme .products li{
    clear:both;
    padding:10px 10px 10px 0;
    list-style-type:none;

}
/** products  再定義 上のを消した**/

.theme ul{
margin:20px 15px 25px 15px;
}

.theme li{
margin:6px 0;
}

.theme li p{
list-style-type:none;
margin:0;
color:#666;
}

.theme ul.nonumber li{
list-style-type:none;
}
.theme ul.nonumber{
margin:20px 15px 25px 25px;
padding-right:20px;
}

.theme ul.nutfeat{
    padding:0px 28px 5px 40px;
    margin:0;
}
.theme ul.nutfeat li{
list-style-type:decimal;
padding:4px 0;
}
.theme ul.nutfeat li p{
color:#417AC0;
}
/*********** 03.php ****************/
/**** table style ****/
table td{
vertical-align:top;
text-align:left;
color:#5B5560;
}

table.siken{
clear:both;
margin:15px 35px 15px 27px;
}
table.siken th{
background-color:#b0b0b0;
}
table.siken th,table.siken td{
border:#999 1px solid;
padding:2px 3px;
color:#333;
}

table.siken td, table.sunpou td{
text-align:center;
vertical-align:bottom;
}

/**** table style finished ****/
.theme img.two{
margin:0 0 15px 15px;
}

.theme p{
margin:20px 15px 25px 35px;
}

/*********** 05.php ****************/

table.tejyun, table.tejyun2{
width:470px;
}

table.tejyun2 td.text{
padding-bottom:20px;
}

table.tejyun td, table.tejyun2 td{
border:none;
}

table.tejyun img, table.tejyun2 img{
border:#C2C2C2 6px solid;
}


table.tejyun td.mar, table.tejyun2 td.mar{
width:70px;
}


/*********** 05_2.php ****************/
table.sunpou{
color:#333; 
font-size:75%;
width:800px;
}


table.sunpou th.nob{
border-top:none;
border-left:none;
background-color:transparent;
}

table.sunpou th,td{
border:#999 1px solid;
padding:2px 3px;
color:#666;
vertical-align:bottom;
}

table.sunpou th{
color:#666;
font-weight:bold;
vertical-align:middle;
padding:3px 3px;
background-color:#DBE6E3;
}

table.sunpou td{
color:#333;
}

table.sunpou th.nuts{
color:#fff;
}


.theme2 {
    background:url(../img/themebg2.jpg) ;
    color:#333;
    clear:both;
    width:800px;
}
.subhead2 {
	background:#444 url(../img/subheadbg2.jpg) no-repeat;
    height:35px;
    border-bottom: #ABABAB 1px solid;
}
table.siken td img, table.siken th img, table.sunpou td img, table.sunpou th img{
vertical-align:text-bottom;
}
.sunpousita{
padding:15px;
text-align:center;
}

table.sunpou th.uenut{
background-color:#B5B6E3;
}

table.sunpou th.sitanut{
background-color:#CCCCCC;
}
/*********** 06.php ****************/
.theme p{
margin:10px 25px 10px 35px;
}
.theme p.wide{
margin:10px 25px 25px 35px;
}
/*********** 07.php ****************/
table.siken2{
font-size:83%;
}

table.midd td{
vertical-align:top;
}

/***** toolbar style ***************************/ 
/***** tyousetu hitomi 0928***************************/ 
/**.toolbar li{
    display:inline;
    padding:0 14px 0 15px;
    margin-right:15px;
    background:url(../img/ic_pd.gif) no-repeat 0 4px;}
を以下に変更***/ 

.toolbar li{
    display:inline;
    padding:0 12px 0 15px;
    margin-right:5px;
    background:url(../img/ic_pd.gif) no-repeat 0 4px;
}



/****************** HLB style *******************/
/************* 02.php *************/
.theme img.three{
position:relative;
top:15px;
left:12px;
margin:0 10px 15px 10px;
}

/*********** 03.php ***************/
table.tejyun td.text2{
padding:3px 42px 18px 5px;
}

table.tejyun td.text3{
padding:3px 109px 18px 5px;
}

/**************** HLS style *******************/
/*********** 01.php *******************/
ul.feat2 li{
list-style-type:none;
color:#50617C;
font-weight:bold;
padding-bottom:5px;
}

ul.feat2 li p{
font-weight:normal;
color:#666;
}

h3.toku{
margin:10px 28px 0px 38px;
padding:0;
color:#4F82C4;
}

h3.hls{
color:#333;
padding:25px 0 0 33px;
}

.mar{
margin:0 30px 0 15px;
}

ul.products li img, ul.nonumber li img, img.three, #pic img{
border:5px #C2C2C2 solid;
}

ul.products li img.noborder{
border:none;
padding:0 0 15px 0;
}

ul.products li.norb{
margin:20px 0 0 0;
}

h3.hls2{
padding:20px 0 0px 24px;
color:#3C69A8;
}

.theme p.hls{
margin:10px 25px 10px 25px;
}
/*********** 02.php *******************/

table.siken3{
font-size:88%;
}

table.siken3 td.t{
vertical-align:top;
}


/*********** achievements *******************/

table.siken4{
vertical-align:top;
}