@charset "utf-8";
/*====================================================================
  このファイルはutf-8です
====================================================================*/
/*====================================================================
    container
====================================================================*/
#container
{
	width           :100%;
	margin          :0px auto;
}

/*====================================================================
    Main
====================================================================*/
#container-in
{
	width           :100%;
	background-image    :url(/img/bg.jpg);
}
body
{
	background-color    :#FFFFFF;
	background-image    :url(/img/hd_bg.jpg);
	background-repeat   :repeat-x;
}

a:hover img
{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*====================================================================
    Header
====================================================================*/
#header
{
	position            :relative;
	width               :1000px;
	height              :100px;
	margin              :0px auto;
}
h1                  { position :absolute; left :   0px; top :0px;  color:#FFFFFF;}
#header-logo        { position :absolute; left :   0px; top :30px; }
#header-msg         { position :absolute; left : 320px; top :30px; width:190px;text-align:left; font-size:10px;}
#header-bookmark    { position :absolute; left : 720px; top :-2px; color:#FFFFFF;}


/*====================================================================
    Main
====================================================================*/
#main
{
	width               :1000px;
	margin              :0px auto;
	min-height          :1000px;
	_height             :1000px;
	padding-top         :0px;
	background          :#FFFFFF;
}

#main-box{ width:785px; float:left;}
/*====================================================================
    
====================================================================*/
#navi-g       { position :absolute; left : 524px; top :25px;}
#navi-g ul li { display: inline; margin-right:4px;}



/*====================================================================
    
====================================================================*/
#navi-l
{
	width               :210px;
	float               :right;
	text-align          :left;
}
#navi-r
{
	width               :210px;
	float               :left;
	text-align          :left;
	margin-bottom       :50px;
}
#navi-r h3,
#navi-l h3
{
	width           :200px;
	height          :30px;
	color           :#146754;
	text-align      :left;
	margin-top      :5px;
	margin-left     :5px;
	margin-bottom   :10px;
}

.navi-unit
{
	border          :1px solid #B0E2DC;
	width           :200px;
	margin-left     :5px;
	margin-bottom   :20px;
	padding-top     :5px;
	padding-bottom  :10px;
}
.navi-unit p.box     { width:190px; margin-left:5px;}
.navi-unit dl.news   { width:190px; margin-left:5px;}
.navi-unit dl.news dt{ background:url(/img/ico_circle.jpg) no-repeat 0px 3px; text-indent:15px;}
.navi-unit dl.news dd{ text-indent:15px;margin-bottom:5px;}

#navi-r ul.product{}
#navi-r ul.product li{ margin-bottom:10px; margin-left:5px;}
/*====================================================================
    
====================================================================*/
#content
{
	width               :570px;
	min-height          :500px;
	_height             :500px;
	float               :right;
}

#content h2
{
	margin-top      :10px;
	margin-bottom   :10px;
}
#content h3
{

}

#content p
{

}
#content img.l      {float:left;  margin :1.5em 1.5em 1.5em 0;}
#content img.r      {float:right; margin :1.5em 0     1.5em 1.5em;}

#content .hr-link
{
	text-align      :right;
	margin-right    :5px;
	margin-bottom   :10px;
}


/*====================================================================
    
====================================================================*/
#topics
{
	width           :1000px;
	text-align      :left;
	text-indent     :2em;
	margin-top      :10px;
	margin-bottom   :10px;
}





/*====================================================================
    Footer
====================================================================*/
#footer
{
	background-color    :#000046;
	background-image    :url(/img/footer_bg.jpg);
	background-repeat   :repeat-x;
	height              :300px;
	color               :#CCCCCC;
}

#footer-navi
{
	position            :relative;
	width               :1000px;
	margin              :0px auto;
}

#footer-navi a         { text-decoration :underline; margin-left:4px;}
#footer-navi a:link,
#footer-navi a:visited {color:#FFFFFF; }
#footer-navi a:hover,
#footer-navi a:active  {color:#FFFFAA; }

#footer-navi ul
{
	padding-top         :5px;
	margin-left         :10px;
}
#footer-navi ul li
{
	margin-right        :10px;
	text-align          :left
}
#navi-main       { position :absolute; left :0px; top :20px; }
#footer-copyright{ position :absolute; left :320px; top :250px; }
#footer-totop    { position :absolute; left :830px; top :-40px;}

#blogparts{display:none;}
/*====================================================================
    
====================================================================*/
#point4 {}
#point4 ul{ width:100%; margin-left;10px;}
#point4 li
{
	width   :275px;
	height  :260px;
	margin-left  :3px;
	margin-right :3px;
	margin-bottom:10px;
	 
	background  :#FEF3DA;
	border      :1px solid #FCE3A9;
	text-align  :left;
	float       :left;
}
#point4 li img  { margin-top:4px; margin-left:4px; }
#point4 li p    { margin    :4px; }

/*====================================================================
    
====================================================================*/
#content .unit
{
	width       :96%;
	margin-top      :10px;
	margin-bottom   :50px;
	margin-left     :auto;
	margin-right    :auto;
	
	background  :#FEF3DA;
	border      :1px solid #FCE3A9;
	text-align  :left;
}

#content .unit p.title{ margin-left:10px; margin-top:5px;}
#content .unit p.head { color:#FF3300;}
#content .unit p.text { margin-bottom:10px; }

#content .unit table.kiji{ width:530px; margin-left:10px; margin-top:10px; margin-bottom:10px;}
#content .unit table.kiji td.img { width:210px;}
#content .unit table.kiji td.text{ width:330px;}

/*====================================================================
    
====================================================================*/