@charset "utf-8";

/*-----------------------------
	- all
-----------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;
}
body {
	color:#333333;
	font-size:90%;
	font-family:Arial,sans-serif,Verdana;
	background-color:#393a60;
	background-image:url("images/bg.gif");
	background-attachment: fixed;
}
img {
	border:0;
	vertical-align: bottom;
}
hr {
	display:none;
}

ul li {
	list-style-type:none;
}
ol{
	padding-left:20px;
}

a:link{
	color:#003399;
}
a:visited{
	color:#663399;
}
a:hover{
	color:#9966cc;
	text-decoration:none;
}
a:active{
	color:#990099;
}
a:hover.lk2{
	position:relative;
	top:1px;
	left:1px;
}
a:link.btm{
	color:silver;
}
a:visited.btm{
	color:silver;
}

.zen{
	ime-mode:active;
}
.han{
	ime-mode:inactive;
}
#container {
	width:760px;
	background-color:white;
	border-right:1px #000000 solid;
	border-bottom:1px #999999 solid;
}
/*読み飛ばしリンク用*/
.hide {
	position:absolute;
	left:-999px;
	width:999px;
	font-size:60%;
}
strong{
	font-weight:normal;
}
strong.bd{
	font-weight:bold;
}
center{
	clear:both;
	padding:5px 0;
}

/*-----------------------------------------------
 - header -menu
-----------------------------------------------*/

#header_menu {
	clear:both;
	width:760px;
	height:80px;
	margin:0px;
	padding:0px;
	background:#000033;
}

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

#header_menu ul li {
	float:left;
}

#header_menu ul li.menu1 {
	width:70px;
	height:80px;
	background:url(images/header_home2.gif) no-repeat left bottom;
}
#header_menu ul li.menu1 a {
	display:block;
	width:70px;
	height:80px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#header_menu ul li.menu2 {
	width:60px;
	height:80px;
	background:url(images/header_sitemap2.gif) no-repeat left bottom;
}
#header_menu ul li.menu2 a {
	display:block;
	width:60px;
	height:80px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#header_menu ul li.menu3 {
	width:90px;
	height:80px;
	background:url(images/header_japanese2.gif) no-repeat left bottom;
}
#header_menu ul li.menu3 a {
	display:block;
	width:90px;
	height:80px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#header_menu li.menu1 a:hover,
#header_menu li.menu2 a:hover,
#header_menu li.menu3 a:hover{
	text-indent:-9999px;
}


/*-----------------------------------------------
 - header -images
-----------------------------------------------*/
#header_image_top {
	clear:both;
	width:760px;
	height:265px;
	padding: 0px;
	margin: 0px;
}

#header_image {
	width:760px;
	height:215px;
	padding: 0px;
	margin: 0px;
}
/*-----------------------------
	- pankuzulist
-----------------------------*/
#pan {
	display:block;
	padding-bottom:10px;
	background-color:#dfdfdf;
	padding:3px;
	font-size:90%;
	text-align:right;
}
#pan img {
	margin:0 5px;
}


/*-----------------------------
	- contents
-----------------------------*/
#main_col {
	margin:0;
	padding:0;
	clear:both;
}

/*サイドバーなし*/
#main_col_noside {
	margin:0;
	padding:0;
}

/*-----------------------------
	- main contents(right) -top
-----------------------------*/
#top_contents {
	position : relative ;
	float: left;
	width: 500px;
	margin:0;
	padding: 10px 5px 0px 10px;
}

#top_contents  h1 {
	padding:0;
	margin:0;
}
#contents,
#top_contents p {
	line-height:150%;
}
#top_contents ul {
	margin: 0px;
	padding-bottom:10px;
}
#top_contents ul li {
	font:90%;
	margin: 0px;
	padding: 0px 0px 5px 15px;
	background: url(images/tp.gif) no-repeat 0px 5px;
	list-style-type: none;
	line-height: 150%;
}
/*-----------------------------
	- main contents(right) -sub
-----------------------------*/
#contents {
	position : relative ;
	float: left;
	width: 550px;
	margin:0;
	padding: 10px 10px 0px 10px;
}

/*サイドバーなし*/
#contents_noside {
	position : relative ;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding:10px 5px 10px 5px;
}

#contents h1,
#contents_noside h1 {
	margin:0;
	padding:0;
}

#contents h2 {
	clear:both;
	font-size:110%;
	padding:10px 0;
}
#contents h2 img{
	position:relative;
	right:3px;
	bottom:0px;
	bottom : expression( '5px' );  /*IE対応*/
}
#contents h2 span{
	color:red;
	font-size:80%;
}

#contents h3 {
	font-size:95%;
	font-weight:normal;
	clear:both;
	margin:0 auto;
}

#contents table,
#contents_noside table{
	width:100%; /*テーブルの幅*/
	font-size:80%;
	margin:5px 3px;
	border: 1px solid #2c2c56;
	border-collapse: collapse;
}

#contents th,
#contents_noside th{
	font-weight:normal;
	padding: 3px;
	border: 1px solid #2c2c56;
	background-color: #eeece4;
}
/*製品一覧・製品名見出し用*/
#contents th.listh {
	color:white;
	font-size:120%;
	font-weight:bold;
	background-color:#71728e;
}
/*左寄せ*/
#contents th.listh2 {
	color:white;
	font-size:120%;
	font-weight:bold;
	background-color:#71728e;
	text-align:left;
}

#contents td,
#contents_noside td {
	padding: 3px;
	border: 1px solid #2c2c56;
	background-color: white;
	text-align:center;
	line-height:150%;
}
#contents td.t1 {
	background-color: #fff8df;
}
#contents td.lft0,
#contents_noside td.lft0 {
	text-align:left;
}
/*左寄せ*/
#contents td.lft1 {
	text-align:left;
	line-height:150%;
	font-size:130%;
}
#contents td.lft2 {
	border:none;
}
#contents td.lft3 {
	text-align:left;
	line-height:150%;
	padding:10px;
	font-size:130%;
}


/*table ボーダーなし*/
#contents table.nonb{
	width:60%; /*テーブルの幅*/
	margin:5px 3px;
	border-style:none;
}
#contents table.nonb td{
	border-style:none;
	font-size:150%;
	font-weight:bold;
}

/*hrラインを表示したい時用*/
#contents hr.iro {
	clear:both;
	display:block;
	color:#cccccc;
	background-color:#cccccc;
	border:none;
	width:100%;
	height:1px;
	margin:0px 0 10px 0;*/
}
#contents dl {
	width:100%;
	padding:10px 0;
}

#contents dt {
	font-weight:bold;
}

#contents dd {
	padding-left:15px;
}

#contents dl.prd {
	margin: 0px;
	margin-left: 0px;
	padding: 10px 0;
}

#contents dl.prd dt {
	margin: 0px;
	padding: 5px 0px 2px 0px;
}
#contents dt span{
	position:relative;
	top:5px;
	left:5px;
}
#contents dl.prd dd {
	margin: 0px;
	padding: 3px 0px 3px 20px;
	line-height: 130%;
	letter-spacing:1pt;
}


.cat{
	clear:both;
	padding:10px 0px 10px 5px;
}	
.cat img{
	float:left;
	padding-right:5px;
}
.ppic{
	clear:both;
	padding:5px 0px 10px 5px;
}	
.ppic img{
	padding-right:20px;
}	

/*top矢印*/
.topy{
	clear:both;
	width:50px;
	height:25px;
	float:right;
	padding:10px 0;
}
/*右寄せ*/
.rit{
	clear:both;
	float:right;
	padding:0;
	margin:0;
}
/*左寄せ*/
.lft{
	float:left;
	padding:0;
	margin:0;
}
/*中央寄せ*/
.ctr{
	width:350px;
	margin:0 auto;
}
.ctr2{
	width:470px;
	margin:0 auto;
	text-align:center;
}

.chui{
	text-align:center;
	font-size:90%;
	padding:0;
	margin:0;
}
.chui span{
	color:red;
}
.chu {
	color:red;
}

.dl{
	clear:both;
	font-size:90%;
	padding:5px;
	margin:15px 0;
	background-color:#fff8df;
}
.dl img{
	float:left;
	padding-right:10px;
}

/*会社概要*/
#gaiyou,
#event{
	width:530px;
	margin-left:auto;
	margin-right:auto;
}

#gaiyou dl {
	margin: 0 0 0 10px;
	padding: 10px 0;
	width: 530px;
}
#gaiyou dl dt {
	font-family:Century Gothic;
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 25em;
	font-weight: bold;
}
#gaiyou dl dd {
	padding: 5px 5px 5px 12.5em;
	margin-left: 0;
	margin-top: -2.1em;
	margin-bottom: -1px;
	line-height: 1.4em;
	border-bottom: 1px dotted #999;
}
#saiyou dl {
	margin: 0 0 0 10px;
	padding: 0;
	width: 700px;
}
#saiyou dl dt {
	font-family:Century Gothic;
	margin: 0;
	padding: 10px 0 5px 5px;
	width: 25em;
	font-weight: bold;
}
#saiyou dl dd {
	padding: 10px 5px 10px 8.8em;
	margin-left: 0;
	margin-top: -2.1em;
	margin-bottom: -1px;
	line-height: 1.4em;
	border-bottom: 1px dotted #999;
}

/*10spirit*/

#spirits ul {
	margin-left: 20px;
	padding-bottom:10px;
}
#spirits ul li {
	margin: 0px;
	padding: 10px 0px 15px 35px;
	background: url(images/kaku1.gif) no-repeat 0px 10px;
	list-style-type: none;
	line-height: 150%;
}

/*ライムライト写真並べ用*/
.pic_table{
	clear:both;
	margin:10px 0;
	width:555px;
	height:200px;
}
.pic_table2{
	clear:both;
	margin:10px 0;
	width:525px;
	height:180px;
}
.pic_table3{
	width:100%;
	float:right;
}
.pic_table4{
	clear:both;
	margin:10px 0;
	width:555px;
	height:300px;
}
.pic_table4 div,
.pic_table div{
	margin:0px;
}
.pic_table4 ul,
.pic_table ul{
	margin:0;
	padding:0;
}
.pic_table4 li,
.pic_table li{
	margin:0;
	padding:5px 7px;
	float:left;
	list-style-type:none;
	text-align:center;
}
.pic_table4 li p,
.pic_table li p{
	margin:0;
	padding:0;
	text-align:center;
}
.mov_table{
	clear:both;
	margin:10px 0;
	width:555px;
	height:180px;
}
.mov_table2 div.rit,
.mov_table div.{
	width:300px;
	float:right;
	padding:0;
	margin:0;
}


.mov_table2{
	clear:both;
	margin:10px 0;
	width:555px;
	height:250px;
}
.mov_table2 p.douga,
.mov_table p.douga{
	clear:both;
	width:200px;
	text-align;center;
	margin:0px auto;
}
.mov_table2 p.douga span,
.mov_table p.douga span{
	position:relative;
	bottom:5px;
	left:0px;
}

.mov_table2 img,
.mov_table img{
	padding-right:5px;
}
/*写真横並び*/
.pict{
	width:100%;
	padding:10px 0 0 0;
}
.pict img{
	padding-right:15px;
}

/*特徴*/
ul.tokucho{
	padding-left:20px;
	list-style-type:disc;
}
ul.tokucho li{
	padding-right:10px;
	list-style-type:square;
}
/*-----------------------------------------------
 -sitemap
-----------------------------------------------*/
#sitem{
	clear:both;
	width:700px;
	height:500px;
	margin:0 auto;
	padding:0px;
}
/* (A) 1階層目 */
#sitem ul {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	list-style-image: url("images/tp2.gif");
}
#sitem li {
	padding:2px 0;
}
/* (B) 2階層目 */
#sitem ul ul {
	list-style-image: url("images/kagi.gif");
}
/* (C) 3階層目 */
#sitem ul ul ul {
	list-style-image: url("images/kagi.gif");
}

.sbox {
	float: left;
	padding:5px;
	margin:10px;
}

/*--------------------
 _画像並べる
----------------------*/

.imagebox {
	float: right;
	font-size: 80%;
	text-align:center;
	color: gray;
	padding:5px;
}
.imagebox img{
	padding:5px;
}


/*--------------------
 event
----------------------*/
#event div{
	width:520px;
	background-color:#eeece4;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:20px;
	padding:10px;
	line-height:150%;
}
#event dl {
	clear: both;
	margin: 0;
	padding:0 0 0 10px;
	font-size: 95%;
}
#event dl dt {
	clear: both;
	float: left;
	width: 120px;
	padding: 5px 0 3px 5px;
	font-weight: bold;
}
#event dl dd {
	margin-left:100px;
	padding: 5px 5px 3px 10px;
}
#event div.imagebox {
	width:245px;
	float: left; /* 左に配置 */
	padding:0;
}
p.image, p.caption {
	text-align: center; /* 中央寄せ */
}
p.caption {
	color: darkblue; /* 文字色 */
}
.rt{
	float:right;
	padding:5px;
}
.lt{
	float:left;
	padding:5px;
}



/*--------------------
-よくある質問
----------------------*/

#fq{
	padding:0 30px;
}

/*-----------------------------
	- sidebar(right)-toppage
-----------------------------*/
#sidebar_l {
	float:right;
	width:230px;
	padding:5px;
}
#sidebar_l div{
	padding:10px 0;
	text-align:center;
	line-height:150%;
}

/*-----------------------------
	- sidebar(left)-subpage
-----------------------------*/
#sidebar {
	float:left;
	width:160px;
	padding:10px;
	background-color:#efe8f8;
}
#sidemenu ul {
	margin: 0;
	padding :0; 
	list-style-type : none; 
}
#sidemenu li { 
	background: url(../images/tp2.gif) no-repeat 0px 10px;
	padding :10px 0 10px 17px; 
	margin:0;
	border-bottom:1px dotted #cccccc;
}
#sidemenu li.ca_title { 
	padding :0 0 5px 0; 
	margin:0;
	background: url(images/spacer.gif) no-repeat 0px 0px;
}
#sidemenu dl {
	margin: 0;
	padding :0; 
	list-style-type : none; 
}
#sidemenu dt { 
	background: url(../images/tp2.gif) no-repeat 0px 10px;
	padding :10px 0 10px 17px; 
	margin:0;
	border-bottom:1px dotted #cccccc;
}
#sidemenu dt.mida { 
	background: url(../images/tp2.gif) no-repeat 0px 10px;
	padding :10px 0 10px 17px; 
	margin:0;
	border-bottom:1px dotted #efe8f8;
}
#sidemenu dd { 
	font-size:90%;
	background: url(../images/tp3.gif) no-repeat 15px 10px;
	padding :5px 0 3px 25px; 
	margin:0;
	line-height:110%;
}
#sidemenu dd.sub_b { 
	font-size:90%;
	padding :5px 0 10px 25px; 
	margin:0;
	border-bottom:1px dotted #cccccc;
}
#sidemenu dt.ca_title { 
	padding :0 0 5px 0; 
	margin:0;
	background: url(images/spacer.gif) no-repeat 0px 0px;
}

/*-----------------------------------------------
 -サイトマップ
-----------------------------------------------*/
#sitem{
	clear:both;
	width:700px;
	height:500px;
	margin:0 auto;
	padding:0px;
}
/* (A) 1階層目 */
#sitem ul {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	list-style-image: url("../images/tp2.gif");
}
#sitem li {
	padding:2px 0;
}
/* (B) 2階層目 */
#sitem ul ul {
	list-style-image: url("../images/kagi.gif");
}
/* (C) 3階層目 */
#sitem ul ul ul {
	list-style-image: url("../images/kagi.gif");
}

.sbox {
	float: left;
	padding:5px;
	margin:10px;
}


/*-----------------------------
	- footer
-----------------------------*/
#footer {
	clear:both;
	text-align:center;
	padding:0;
	margin:0;
}

address {
	clear:both;
	text-align: center;
}

#flash_guide{
	padding:10px;
}
#flash_guide p {
	color:silver;
	font-size:90%;
	vertical-align:middle;
}
#flash_guide p img{
	float:left;
	margin-right:5px;
	padding-bottom:15px;
}