/*　
Copyright (C) 2006 grades.
http://grades-inc.com
----------------------------------------------- */
@import url("./box.css");

/* ---ページ基本設定--- */
body
{
margin: 0;
color: #333333;
text-align: center;
font:normal 12px/18px sans-serif;
background:#E6EDDE url(../img/bg.gif) repeat-y center;
}

#contents
 {
width:750px;
margin: auto;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header
{
width:750px;
height: 70px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #155F00;
}

#leftmenu
{
width:200px;
float: left;
color: #333333;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font:normal 11px/14px sans-serif;
}

#mainlayout
{
width:750px;
margin: 0px 0px;
padding: 0px 0px 0px 0px;
}

#mainfix
{
width:550px;
float: left;
}

#main
{
width:510px;
padding: 19px;
margin: 0;
float: left;
}

#footer
{
background-color: #ffffff;
color: #333333;
width:750px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}

/*　基本ページ設定
----------------------------------------------- */
table.tableline td
{
background: url(../img/bgtable.gif) no-repeat;
padding: 5px 0 0 5px;
margin: 0;
font:normal 11px/14px sans-serif;
}
table.tableline td.tdbgcolor
{
background-color: #eeeeee;
}

/*　divタグのクラス指定
----------------------------------------------- */

#header a
{text-decoration:none;
color: #ffffff!important;}
#header td{color: #ffffff;
font:normal 10px/15px sans-serif;}
#footer p
{
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
font:normal 10px/15px sans-serif;
}

#footer div.copyright
{
background-color: #206200;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
color: #ffffff!important;
font:normal 10px/15px sans-serif;
}

#submenu.reiso
{
padding: 0;
margin: 0;
background:url(../product/img/bg/bg_reiso.jpg) no-repeat;
}

#submenu.keitai
{
padding: 0;
margin: 0;
background:url(../product/img/bg/bg_keitai.jpg) no-repeat;
}

/*　基本ページ設定
----------------------------------------------- */

.pointtxt
{
font:normal 11px/18px sans-serif;
color: #000066;
text-align:right;
}

.pointtxtred
{
font:bold 11px/14px sans-serif;
color: #990000;
border:1px solid #999999;
padding: 10px!important;
}

.smalltxt
{
font:normal 10px/16px sans-serif;
letter-spacing: 1px;
}


/* リスト関係
----------------------------------------------- */

ul
{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 30px;
font:normal 12px/18px sans-serif;
}

ul li
{
list-style-image: url(../img/list.gif);
}

ol
{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 30px;
font:normal 12px/20px sans-serif;
list-style-type:decimal;
}

/*　基本リンク設定
----------------------------------------------- */

/* ---通常リンク設定--- */
a { }
a:link {  	color: #333333 }
a:active { 	color: #333333 }
a:hover{  	color: #333333}
a:visited{  	color: #333333}

#leftmenu a,.news a,.productsubmenu a
{text-decoration:none}

.productsubmenu a:hover
{text-decoration:underline}

#leftmenu a:hover
{
display:block;
background-color: #eeeeee;
}

/*　見出し文字サイズ設定
----------------------------------------------- */

/* ---上部タイトル表示--- */
h1
 {
padding: 0;
margin: 0;
  }

/* ---カテゴリ部タイトル--- */
h2
 {
padding: 0px;
margin: 0px 0px 10px 0px;
  }

h3
{
color: #333333;
font:bold 11px/18px sans-serif;
margin: 0px 0px 0px 0px;
}

h4
{
color: #333333;
font:bold 11px/18px sans-serif;
padding: 0px 0px 0px 13px;
margin: 0px 0px 0px 10px;
background-image: url(../img/h4.gif);
background-repeat: no-repeat;
}

/* ---コンテンツ部分の設定--- */
p
{
font:normal 12px/20px sans-serif;
color: #333333;
}

#main p
{
margin: 5px 15px 15px 15px;
padding: 0px 0px 0px 0px;
}

#main p.center
{
text-align:center;
}

/* ---画像回り込み（左寄せ）--- */
#main img.pict1
{
	margin: 10px;
	float: left;
	border: 1px solid #000000;

}

/* ---画像回り込み（右寄せ）--- */
#main img.pict2
{
	margin: 10px;
	float: right;
	border: 1px solid #000000;
}

/* ---ボーダーナシの画像回り込み（左寄せ）--- */
#main img.pict3
{
	float: left;
}


/* ---ボーダーナシの画像回り込み（左寄せ）--- */
#main img.pict4
{
	float: right;
}

/* ---ボーダーアリの画像回り込みナシ--- */
#main img.pict5,#leftmenu img.pict5
{
	margin: 0px 1px;
	border: 1px solid #000000;
}

/* ---上下のみマージン--- */
#main img.pict6,#leftmenu img.pict6
{
	margin: 2px 0px;
}

/* ---下のみマージン--- */
#main img.pict7
{
	margin: 0px 0px 15px 0px;
text-align: center;
}
