/*------------------------------------------------------------
レイアウトのスタイル始まり
------------------------------------------------------------*/
/*bodyのスタイル*/
body
{
 background-color: #F5F5F5;
 background-image: url("../images/background.gif");
 background-repeat: repeat-y;
 margin: 0;
 padding: 0;
 color: #000000;
 font-size: 90%;
}

table
{
 font-size: 90%;
 line-height: 1.5;
}


#frame
{
 width: 740px;
 text-align: left;
}

/*コンテンツメニューのスタイル*/
#leftside
{
 margin: 20px 0px 20px 50px;
 padding: 0px;
 width: 640px;
}

#rightside
{
 margin: 20px 0px 20px 0px;
 padding: 0px;
 width: 170px;
 float: right;
}

/*価格ページスタイル*/
#price
{
 margin: 20px 0px 20px 14px;
 padding: 0px;
 width: 720px;
}

/*------------------------------------------------------------
ヘッダーのスタイル始まり
------------------------------------------------------------*/
/*ヘッダー画像のスタイル*/
#tophead
{
 background: #006600;
 margin: 0px;
 padding: 0px;
 height: 330px;
 width: 740px;
}

#insidehead
{
 background: #006600;
 margin: 0px;
 padding: 0px;
 height: 200px;
 width: 740px;
}

/*ヘッダー下メニュー像のスタイル*/
#headmenu
{
 background: #ffffff;
 margin: 0px;
 padding: 0px;
 width: 740px;
}

/*見出しのスタイル*/
H1 {
 position: absolute;
 top: 8px;
 width: 730px;
 margin-right: 0px;
 text-align: right;
 font-size: 12px;
 color: #000000;
}

H1 a {
 color: #000000;
 text-decoration: none;
 }

H2 {
 background-image: url(../images/menutitle.gif);
 background-repeat: no-repeat;
 font-size: 16px;
 font-weight: bold;
 padding: 12px 0px 15px 38px;
 color: #006666;
 margin: 0px 0px 0px 0px;
}

H2.inside {
 background-image: url(../images/insidetitle.gif);
 background-repeat: no-repeat;
 font-size: 16px;
 font-weight: bold;
 padding: 12px 0px 15px 38px;
 color: #006666;
 margin: 0px 0px 0px 0px;
}

H3 {
 color:#339966;
 margin: 25px 0px 6px 0px;
 font-size: 14px;
}

H4 {
 color:#000000;
 margin: 25px 0px 6px 0px;
 font-size: 14px;
}


/*------------------------------------------------------------
フッターのスタイル始まり
------------------------------------------------------------*/
/*プライバシーポリシーなどのスタイル*/
.menuf
{
 color: #0000FF;
}

.menuf a
{
 text-decoration: none;
 color: #0000FF;
}

.menuf a:hover
{
 text-decoration: underline;
 color: #000066;
}

/*フッター画像のスタイル*/
#footer
{
 background: #FFFFFF;
 margin: 0px;
 padding: 0px;
 height: 40px;
 width: 740px;
 text-align: center;
 clear: both;
}


/*------------------------------------------------------------
文字のスタイル始まり
------------------------------------------------------------*/
.red {
 color: #CC0000;
}

.blue {
 color: #000099;
}

.dblue {
 color: #2a3f55;
}

.lblue {
 color: #003366;
}

.green {
 color: #008080;
}

.gray {
 color: #666666;
}

.fbig {
 font-size: 110%;
}

/*------------------------------------------------------------
段落のスタイル始まり
------------------------------------------------------------*/
/*見出しの後に来る普通の行間*/
.ut {
 margin: 5px 0px 0px 0px;
 line-height: 1.5;
}

/*utに続く普通の行間*/
.u {
 margin: 10px 0px 15px 0px;
 line-height: 1.5;
}

/*普通の行間の間に左インデントをつける*/
.ui {
 margin: 0px 0px 0px 20px;
 line-height: 1.5;
}

/*左インデントをつけた前の段落*/
.uib {
 margin: 10px 0px 5px 0px;
 line-height: 1.5;
}

/*後ろに詳細が加わる行間*/
.ud {
 margin: 5px 0px 5px 0px;
 line-height: 1.5;
}

/*thanksのスタイル*/
.long {
 margin: 150px 0px 150px 0px;
}

/*見出しの後に来るリストの行間*/
.ls {
 margin-top: 10px;
 line-height: 1.5;
}

/*情報の日付の行間*/
.d {
 margin: 0px 0px 0px 0px;
 text-align: right;
 line-height: 1.5;
}

/*パンくずナビのスタイル*/
.pnavi {
 font-size: 12px;
 color: #666666;
 margin: 20px 0px 6px 0px;
 padding: 0;
}

/*地域のスタイル*/
.area {
 font-size: 12px;
 margin: 6px 0px 15px 0px;
 padding: 0;
}

/*オーダーページへのスタイルその1*/
A.order { text-align: center }
A.order:link { color: #CC0000 }
A.order:active { color: #FF0000 }
A.order:visited { color: #CC0000 }
A.order:hover { color: #FF0000 }

/*オーダーページへのスタイルその2*/
p.next { margin: 30px 0px }
.next { font-size: 14px }
.next { line-height: 1.3 }

/*ページトップへ戻るのスタイルその1*/
A.top { text-decoration: none }
A.top:link { color: #666666 }
A.top:active { color: #333333 }
A.top:visited { color: #666666 }
A.top:hover { text-decoration: underline }

/*ページトップへ戻るのスタイルその2*/
p.gotop { margin: 20px 0px 30px 0px }
.gotop { font-size: 10px }
.gotop { color: #666666 }
.gotop { line-height: 1.3 }

/*通信販売表記のスタイル*/
H3.lawt {
 margin: 10px 0px 0px 0px;
 padding: 2px 0px 2px 6px;
 color:#000000;
 line-height: 1.5;
 border-left: solid 3px #339966;
} 

.lawu {
 margin: 2px 0px 0px 20px;
 line-height: 1.5;
}

/*------------------------------------------------------------
装飾のスタイル始まり
------------------------------------------------------------*/
/*トップページプログラムのスタイル*/
#programbox
{
 margin: 15px 0px 10px 0px;
 padding: 0px;
 width: 640px;
}

.pro_w
{
 width: 640px;
}
.pro_l
{
 width: 325px;
 margin: 5px 0px 5px 5px;
 padding: 0px;
 text-align: left;
 line-height: 1.5;
 float: right;
}

.pro_p
{
 width: 305px;
 margin: 5px 0px 5px 0px;
 padding: 0px;
 text-align: left;
 float: left;
}

HR {
 color: #E9E7D2;
 clear: both;
 height: 1px;
 margin: 0px 0px 15px 0px;
}

/*トップページ詳細の行間*/
.topd {
 margin: 0px 0px 15px 0px;
 text-align: right;
 line-height: 1.5;
 clear: both;
}

/*囲みのスタイル*/
.sp {
 width: 605px;
 margin: 10px 0px 15px 10px;
 padding: 5px;
 border: 1px solid #999999;
 background-color: #FFFFCC;
 line-height: 1.3;
}

/*------------------------------------------------------------
詳細メニューのスタイル始まり
------------------------------------------------------------*/
/*サイドのスタイル*/
#navi
{
 margin: 0px;
 padding: 3px;
 list-style: none;
}

.menu
{
 width: 170px;
 margin: 12px 4px 22px 0px;
 padding: 0px 0px 4px 0px;
 color: #333333;
 border-bottom: solid 1px #DCDCDC;
}

.menu a
{
 text-decoration: none;
 color: #333333;
}

.menu a:hover
{
 text-decoration: underline;
 color: #666666;
}

/*------------------------------------------------------------
マスターテーブルのスタイル始まり
------------------------------------------------------------*/
.master {
 margin: 0;
 padding: 0;
}

.master table {
 border-collapse: collapse;
 border: 1px solid #666666;
 border-spacing: 0;
 empty-cells: show;
}

.master th {
 padding: 3px;
 border: 1px solid #999999;
 background-color: #f5f5f5;
 font-weight: bold;
 text-align: left;
}

.master td {
 padding: 3px;
 border: 1px solid #999999;
} 

/********************マスターテーブルのスタイル********************/
.masterc {
 margin: 10px 0px 10px 0px;
 padding: 0;
}

.masterc table {
 border-collapse: collapse;
 border: 1px solid #666666;
 border-spacing: 0;
 empty-cells: show;
}

.masterc th.gtitle {
 padding: 3px;
 border: 1px solid #666666;
 background-color: #98FB98;
 font-weight: bold;
 font-size: 100%;
 text-align: left;
 vertical-align: top;
}

.masterc th {
 padding: 3px;
 border: 1px solid #999999;
 background-color: #f5f5f5;
 font-weight: normal;
 font-size: 90%;
 text-align: left;
 vertical-align: top;
}


.masterc td {
 padding: 3px;
 font-size: 90%;
 border: 1px solid #999999;
} 

.back {
 text-align: center;
 margin: 10px 0px;
}