@charset "shift_jis";


body	{
		font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
		font-size: 90%;

}


ul		{
		list-style-type: none;
		margin: 0;
		padding: 0;
}

ol		{
		line-height: 1.4em;
		font-size: 90%;
		margin: 0.5em 0 0 0;
}

* html ol	{						/*for WinIE4 〜 IE6 and MacIE4 〜 IE5 */
		line-height: 1.4em;
		font-size: 90%;
		margin: 0.5em 0 0 50px;
}

*:first-child+html ol	{			/*IE7.0*/
		line-height: 1.4em;
		font-size: 90%;
		margin: 0.5em 0 0 40px;
}

ol li	{
		padding: 0.5em 1em 0.5em 0;
}

hr		{
		margin: 0;
}

p		{
		font-size: 90%;
		line-height: 1.4em;
		width: 90%;
		padding: 0.5em 0.3em 0.5em 0.3em;
		margin: 0 auto 0 auto;
}

h3		{									/*右カラムのタイトルバー*/
		background: url(./img/title_bar.gif) no-repeat;
		color: #fff;
		margin: 0 auto 0 auto;
		width: 500px;
		height: 40px;
		font-size: 16px;
		text-align: left;
		line-height: 50px;
		text-indent: 2em;


}

h4		{
		margin: 0.2em auto 0.2em auto;
		padding-bottom: 0.2em;
		font-size: 15px;
		border-bottom: 1px dashed #808080;
		width: 100%;
		display: block;
		text-align: center;
}

h5		{
		background: url(./img/faq_title.gif) no-repeat;
		width: 500px;
		height: 35px;
		font-size: 92%;
		line-height: 45px;
		text-indent: 1.2em;
		margin: 0;

}

.itidou	{
		font-size: 90%;
		font-weight: bold;
		text-align: right;
		line-height: 1.3em;
		margin: 1em 2em 2em 0;
}

img	{
	border: none;
}



/*-------------------------------------------------
/*
/*box1 ヘッダー
-------------------------------------------------*/
#header	{
		width: 770px;
		height: 90px;
		margin-left: auto;
		margin-right: auto;
		background: url(./img/bg_header2.gif) no-repeat top;
		overflow: hidden;

}


#header	img {
		float: left;
		padding-top: 23px;
		padding-left: 19px;
}

#header h1		{
		font-size: 12px;
		color: #fff;
		text-align: right;
		padding-top: 20px;
		padding-right: 2em;
}



/*-------------------------------------------------
/*
/*box2	コンテンツ枠
-------------------------------------------------*/
#contents	{
		width: 770px;
		/*height: 100%;*/
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		background: url(./img/bg_contents.gif) repeat-y;

}



/*-------------------------------------------------
/*
/*box3	イメージ枠
-------------------------------------------------*/
#main_img	{
		width: 750px;
		/*height: 300px;*/
		margin: 0 auto 0 auto ;
		padding: 0;
		overflow: hidden;   /* ← これが効きます */
}

#main_img::after {
    content: "";
    display: block;
    clear: both;
}

#main_img img {
    display: block;
      float: none;
}

#main_img,
#main_img img {
  position: static;
}

/*-------------------------------------------------
/*
/*box4	ナビゲーションメニュー
-------------------------------------------------*/
#navi_menu	{
		width: 750px;
		/*height: 50px;*/
		background-color: #fff;
		margin: 0 auto 0 auto ;
		padding: 0;
		    clear: both;
		    position: static;  /* または fixed */
		    top: auto;
		    left:auto;              /* や特定px */
}

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

#navi_menu ul li	{
		display: inline-block;
}

#navi_menu ul li img {
    display: block;
}

/*-------------------------------------------------
/*
/*コンテンツボディ枠
-------------------------------------------------*/
#contents_body	{
		width: 750px;
		margin-left: auto;
		margin-right: auto;
}
#contents_body::after {
    content: "";
    display: block;
    clear: both;
}

/*-------------------------------------------------
/*
/*box5	左カラム（メニュー等）
-------------------------------------------------*/
#left_calum	{
		width: 250px;
		/*height: 100%;*/
		float: left;
		padding-top: 10px;

}

#left_calum h2	{							/*メニューのタイトル*/
		width: 250px;
		height: 30px;
		margin: 0;
		padding: 0;

}

.left_box	{								/*メニュー枠*/
		width: 250px;
		margin: 0;
		background: url(./img/side_menu_bg.gif) repeat-y;

}




.left_box ul li a	{
		background: url(./img/left_menu_button_off.gif) no-repeat 10px;
		display: block;
		margin: 0 auto 0 auto;
		text-align: left;
		padding-left: 20px;
		text-decoration: none;
		line-height: 22px;
		color: #000000;
		font-size: 13px;
}

.left_box ul li a:hover	{
		background: url(./img/left_menu_button_on.gif) no-repeat 10px;
		display: block;
		margin: 0 auto 0 auto;
		text-align: left;
		padding-left: 20px;
		text-decoration: none;
		line-height: 22px;
		color: #ffffff;
		font-size: 13px;
}


.left_box p	{
		margin: 0 auto 0 auto;
		width: 230px;
		padding-top: 5px;
		font-size: 12px;
		line-height: 170%;
		font-weight: bold;
		text-align: center;
}





/*-------------------------------------------------
/*
/*box6	右カラム（メイン）
-------------------------------------------------*/
#right_calum	{
		width: 500px;
		/*height: 100%;*/
		float: right;
		background-color: #fff;
		padding-top: 5px;
		
}

.right_box	{
		width: 500px;
		height: 100%;
		margin: 0 auto 0 auto;
		background: url(./img/rightbox_bg.gif) repeat-y;

}

.right_box img	{
		margin: 5px 5px 5px 10px;
		vertical-align: middle;
}



#log_box	{								/*新着情報*/
         border: solid 1px #808080;
         background-color: #ffffff;
         width: 430px;
         height: 80px;
         padding: 1em;
         margin: 1em auto 0 auto;
         overflow: auto;

}

#log_box ul li	{
		margin-bottom: 0.5em;
		background: url(./img/list_mark.gif) no-repeat 0px 5px;
		display: block;
		border-bottom: 1px dotted #808080;
		line-height: 150%;
		padding-left: 8px;
		font-size: 90%;
}

.log_date	{
		color: #bf6000;
		font-weight: bold;
		font-size: 80%;
}

.page_top	{							/*ページトップへ戻る*/
		margin: 2em 10px 0.5em 2px;
		text-align: right;

}



.se_table	{							/*製品例の紹介テーブル*/
		width: 95%;
		margin: 5px auto 0 auto;
		border: 1px solid #808080;
		padding: 2px;
		background-color: #fff;
}

.se_table tr td	{
		vertical-align: top;
		text-align: left;
		padding-left: 2px;
}

.se_table tr td p	{
		width: 95%;
		margin: 0 auto 0 auto;

}

.se_table tr td img	{
		margin-left: 0;
		margin-bottom: 5px;
		
}



.kuwasiku	{							/*さらに詳しく*/
		text-align: right;
}

.list		{
		margin: 0;
		padding: 0;
		font-size: 90%;
}

.list li	{
		background: url(./img/list_mark.gif) no-repeat 13px 10px;
		padding: 0.5em 20px 0.5em 25px;
		line-height: 1.4em;
		
}


/*-------------------------------------------------
/*
/*box7	下部ナビメニュー
-------------------------------------------------*/
#navi_menu_2	{
		width: 750px;
		height: 60px;
		clear: both;
		margin: 0 auto 0 auto;
		text-align: center;
		background-color: #fff;
		font-size: 90%;

}


#navi_menu_2 ul li	{
		display: inline;
		line-height: 60px;
		vertical-align: bottom;
}


/*-------------------------------------------------
/*
/*box8	フッター
-------------------------------------------------*/
#footer	{
		width: 770px;
		height: 80px;
		margin: 0 auto 0 auto;
		text-align: center;
		background: url(./img/bg_footer.gif) no-repeat;
}

#copy	{
		font-size: 10px;
		padding: 2px 20px 10px 20px;
		border-top: 2px solid #808080;
		margin: 0 auto 0 auto;
}

#footer address	{
		font-size: 14px;
}




/*-------------------------------------------------
/*
/*会社概要テーブル
-------------------------------------------------*/
.gaiyou	{
		border-collapse:collapse;
		border-spacing:0;
		width: 480px;
		margin:2px auto 15px auto;
		padding:0px;
		line-height:1.5em;
		background-color:#FFFFFF;
}

.gaiyou th	{
		width:20%;
		text-align:left;
		vertical-align:top;
		margin:1px;
		padding:3px 3px 3px 5px;
		line-height:1.5em;
		background-color:#EEEEEE;
		border:1px solid #555555;
}

.gaiyou td	{
		text-align:left;
		vertical-align:top;
		margin:1px;
		padding:3px;
		line-height:1.5em;
		line-height:1.5em;
		border:1px solid #555555;
}

/*-------------------------------------------------
/*
/*アクセス解析
-------------------------------------------------*/
#ana	{
		margin: 0;
		text-align: right;

		
}