/* ==============================
印刷のとき以外表示しないところ
============================== */
.side_screen {
	display:none;
	width:570px;
	text-align:left;
}

/* リセット 
------------------------------ */
* {
	margin: 0;
	padding: 0;
	font-size:97%;
}

img {
	border: 0;
}

/* 共通スタイル 
------------------------------ */
body {
	margin:0;
	background:url(../images/bg.gif) repeat-x;
	background-color:#ddf0b1;
	word-break:break-all;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-family:Arial, Helvetica, sans-serif;
}

p,li,ol,dt,dd,th,td  {
	letter-spacing:1px;
}

ul, ol {
	list-style:none;
	color:#666;
}


h1,h2,h3 {
	letter-spacing:1px;
}

p,ol,dt,dd,th,td {
	line-height:1.5;
	color:#666;
}

/* 文字の種類 */

.font_big{
	font-size:120%;
}

.font_small{
	font-size:75%;
}

.font_red{
	color:#FF0000;
}

.font_green{
	color:#547e00;
}

.font_bold {
	font-weight:bold;
}


/* 回り込み解除 */
.clear {
	clear: both;
}

/* リンク */

a {
	color : #0000ff;
	text-decoration:underline;
	font-size:100%;
}	

a:active {
	color : #ff4d0a;
	text-decoration:underline;
	font-size:100%;
}

a:visited {
	color :#0000ff;
	text-decoration:underline;
	font-size:100%;
}

a:hover	{
	color :#ff4d0a;
	text-decoration:underline;
	font-size:100%;
}	

/* リンク　アイコン付 */
a.in {
	padding:4px 7px 7px 20px;
	background:url(../images/arrow.gif) no-repeat 1px 6px;
	text-decoration:underline;
}


/* フッター最下部表示 
------------------------------ */
html, body {
	height: 100%;
}

#container {
	width:850px;
	background:url(../images/bg_container.gif) repeat-y;
	min-height: 100%;
	margin-bottom: -23px;
}

* html #container {		/* for IE6 and below */
	height: 100%;
}

#container-footer {
	height: 23px;
}


/* 2カラムレイアウト
------------------------------ */
#container-main {
	margin-left: 166px;
}

#container-contents {
	width: 684px;
	float: right;
}

#container-sidebar {
	width: 166px;
	margin-left: -166px;
	float: right;
}

#container-footer {
	clear: right;
}


/* 最小幅処理	
------------------------------ */
body {
	min-width: 500px;
}

* html .min-width-1 {		/* for IE6 and below */
	border-left: 500px solid #fff;
}

* html .min-width-2 {		/* for IE6 and below */
	margin-left: -500px;
	position: relative;
	background:url(../images/bg_container.gif) repeat-y;
}

* html .min-width-1,
* html .min-width-2,
* html #container-main {
	/*\*/
	height: 1px;		/* for Windows IE6 and below */
}


/* ヘッダー
------------------------------ */
#header {
	height: 72px;
	color: #635135;
	background: #333;
	background:url(../images/bg_header.gif) no-repeat;
}
#header p{
	font-size:70%;
	color:#635135;
	text-align:right;
	margin-right:17px;
	padding-top:4px;
}


.logo{
	position:absolute;
	width:320px;
}

.seek{
	position:absolute;
	top:36px;
	left:430px;	
	width:400px;
	height:22px;
}

/* コンテンツ
------------------------------ */
#contents {
	margin: 0px;
	padding-left:16px;
	padding-right:16px;
	position: relative;
}

/*パンくずリスト*/
.path {
	height:32px;
	line-height:32px;
	text-align:left;
	font-size:9px;
}

.main_image{
	margin-top:15px;
	margin-bottom:10px;
}

.top_box{
	width:652px;
}

.box_left{
	width:315px;
	margin-right:22px;
	float:left;
}

.box_right{
	width:315px;
	float:right
}

#contents h2{
	height:50px;
	margin-bottom:0px;
	margin-top:0px;
	text-indent:40px;
	background:url(../images/h2_top.gif) no-repeat;
	font-size:16px;
	color:#FFF;
	padding-top:15px;
	font-weight:bold;
}


#oshirase_waku{
	border-bottom:#78b500 solid 1px;
	border-left:#78b500 solid 1px;
	border-right:#78b500 solid 1px;
	margin-bottom:20px;
}

/* おしらせ */
#oshirase_waku{
	overflow-y:scroll;
	height:230px;
	
}

#oshirase_waku dt {
        float: left;
        width: 100px;
}
#oshirase_waku dd {
        margin-left: 100px;
		margin-bottom:15px;
		padding-left:0px;
}
#oshirase_waku span.new{
	color:#FF0000;
	font-weight:bold;
}
/* 問い合わせフォーム */
input,textarea,select{
	font-size:12px;
}

.page_top{
	text-align:right;
	margin-top:15px;
	margin-bottom:15px;
}


/*製品情報*/

#products{
	width:612px;
	margin-left:20px;
	margin-right:20px;
}
div.hoge{  
width:632px;  
margin-bottom:20px;  
padding:5px;  
text-align:left;  
font-size:1em;  
}  
 
/* 丸リスト2列 */
div.hoge ul {
	list-style:none;
	width:632px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:15px;
}

div.hoge ul li{  
	list-style:none;
	padding:5px 10px 5px 15px;
	background:url(../images/li_maru.gif) no-repeat 1px 7px;
	width:280px;
	float:left;
	line-height:130%
}
/* 左メニュー
------------------------------ */
#sidebar {
	word-break: break-all;	/* for IE6 and below */
	overflow: hidden;
	position: relative;

}

#sidebar ul{
	background:url(../images/bg_side_menu.gif) repeat-y;
}


#sidebar li {
	padding:7px 7px 7px 25px;
	background:url(../images/menu_arrow01.gif) no-repeat 0px center;
	border-bottom:dashed 1px #554309;
}

#sidebar li.arrow_down {
	padding:7px 7px 7px 25px;
	background:url(../images/menu_arrow02.gif) no-repeat 0px center;
	border-bottom:dashed 1px #554309;
	color:#554309;
}

#sidebar li.lev2{
	margin-left:9px;
	margin-right:7px;
	padding:5px 7px 5px 27px;
	background:url(../images/menu_arrow03.gif) no-repeat 15px 9px;
	border-bottom:none;
}

#sidebar li.line_all {
	padding:7px 7px 7px 25px;
	background:url(../images/menu_arrow01.gif) no-repeat 0px center;
	border-bottom:dashed 1px #554309;
	border-top:dashed 1px #554309;
}


/*リンク*/

#sidebar a {
	color : #554309;
	text-decoration:none;
}	

#sidebar a:active {
	color :#0000ff;
	text-decoration:underline;
}

#sidebar a:visited {
	color :#554309;
	text-decoration:none;
}

#sidebar a:hover	{
	color :#0000ff;
	text-decoration:underline;
}

#address{
	margin:20px 10px 20px 10px;
}

#address p{
	color:#333;
	line-height:1.2;
	letter-spacing:1px;
}

#address a {
	color : #0000ff;
	text-decoration:underline;
}	

#address a:active {
	color :#ff4d0a;
	text-decoration:underline;
}

#address a:visited {
	color :#0000ff;
	text-decoration:underline;
}

#address a:hover	{
	color :#ff4d0a;
	text-decoration:underline;
}
/* フッター
------------------------------ */
#footer {
	height: 23px;
}