/* 基本レイアウト */

html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }


/* リンク色（ページ全体） */

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


/* リンク色（ヘッダー） */

#banner a { color: #3330ff; text-decoration: none; }
#banner a:hover { color: #3330ff; }


/* リンク色（サイドメニュー） */

.module-content a { color: #66837d; }
.module-content a:hover { color: #b0c4de; }


/* 見出し */

h1, h2, h3, h4, h5, h6 
{
   font-weight: bold;
   line-height: 1.5; 
   font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 0px;
   margin-bottom: 0px;
}

/* 画像付き見出し */

h2 {
   font-size: 30px;
}


h3 {
   font-size: 24px;
}

h4 {
   font-size: 20px;
}
/* ページレイアウト */

body
{
   min-width: 760px;
   margin: 0;
   padding: 0;
   font-family: verdana, 'trebuchet ms', 'MS Pゴシック',sans-serif;
   font-size: 0.8em;
   line-height: 1.5;
   text-align: center;
   color: #333;
   background: url(img/bg.gif);
}

p
{
   margin: 15px 0;
}

#container
{
   position: relative;
   margin: 0 auto; 
   text-align: center;
   width: 760px;
}

#container-inner
{
   position: static;
   width: auto;
   border-left: 1px solid #999;
   border-right: 1px solid #999;
   background: #fff;
}


/* ヘッダー（バナー画像サイズ760×425） */

#banner
{
   position: relative;
   width: 760px; /* necessary for ie win */
   height: 450px;
   margin: 0 auto; 
}

#banner-inner
{
   position: static;
   height: 450px;
   background: url(img/banner1.jpg) top center no-repeat ;
   margin: 0; 
   padding: 0;
   border-left: 1px solid #999;
   border-right: 1px solid #999;
}

#intro
{
   font-family: verdana, 'trebuchet ms', 'MS Pゴシック',sans-serif;
   font-size: 1.3em;
   line-height: 1.5;
   color: #666;
}

/* ヘッダー（サイトタイトル） */

#banner-header a
{
   position:absolute; top:2px; left:230px;
   font-size: 12px;
   font-weight: nomal;
   color: #ccc;
}


/* ヘッダー（サイト説明） */

.banner-des
{
   position:absolute; top:2px; right:20px;
   font-size: 12px;
   font-weight: nomal;
   color: #666;
}

/* バナー下テキスト見出し囲み */

.container-header
{
   position: relative;
   text-align: left;
   width: 285px; 
   height: 230px;
   float: left;
   background: url(img/postit.jpg) top center no-repeat #fff;
}
.container-header-inner
{
   width: 270px; 
   text-align: left;
   position:absolute; top:50px; left:10px;
   color:#333;
   font-size: 16px;
}

/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
   position: relative;
   text-align: center;
   width: 758px; 
   background: #fff;
}

#pagebody-inner
{
   position: static;
   text-align: left;
   width: 730px; 
   margin: 0 auto; 
   padding-top: 15px;
}


/* メインコンテンツ基本レイアウト（記事部分） */

#alpha { 
   display: inline; /* ie win bugfix */
   position: relative;
   min-height: 1px;
   text-align: center;
   width: 730px; 
   margin: 0 auto; 
}

#alpha-inner { 
   position: static;
   padding: 15px; 
   text-align: left;
   border: 1px solid #999;
}

.entry-body{  width: 100%; }


/* 記事部分コンテンツ */


/* 見出し1 */

.header
{
   width: auto;
   margin: 30px 0;
   padding-top: 10px;
   padding-left: 80px;
   padding-bottom: 30px;
   line-height:1.25;
   color: #ff0000;
   background: url(img/h2.gif)  no-repeat ;
   font-size: 22px;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none; 
   display: block;
   clear: both; 
}

header a {
   color:#ff0000;
   text-decoration: none; 
}


/* 見出し2 */

.header2
{
   width: auto;
   margin: 20px 0;
   padding-left: 20px;
   line-height:40px;
   color: #ff0000;
   background: url(img/ah.gif)  no-repeat ;
   font-size: 18px;
   color:#fff;
}


/* 見出し3 */

.header3
{
   width: auto;
   margin: 20px 0;
   padding-left: 20px;
   line-height:36px;
   color: #ff0000;
   background: url(img/eh.gif)  no-repeat ;
   font-size: 18px;
   color:#fff;
}

/* 見出し4 */

.header4
{
   width: auto;
   margin: 20px 0;
   padding-left: 40px;
   line-height:34px;
   color: #ff0000;
   background: url(img/smile.gif)  no-repeat ;
   font-size: 18px;
   font-weight: bold;
   color:#333;
}

/* 見出し5 */

.s-header
{
   width: 490px; 
   height: 174px;
   margin: 0;
   background: url(img/mail1.jpg)  no-repeat ;
}
.s-header p
{
   line-height:1.5;
   color: #ff0000;
   font-size: 1.5em;
   font-weight: bold;
   color:#006699;
   padding: 95px 25px 0 15px;
   margin: 0;
}

.s-header-t
{
   margin: 0;
   line-height:1.25;
   color: #ff0000;
   font-size: 1.5em;
   font-weight: bold;
   color:#006699;
   padding: 93px 25px 0 13px;
}

.s-body
{
   width: 490px; 
   margin: 0;
   padding: 5px 0;
   background: url(img/mail2.jpg) ;
}
.s-body p
{
   margin: 10px 0;
   padding: 0 25px 0 15px;
}

.s-name
{
   width: 490px; 
   margin: 0;
   background: url(img/mail2.jpg) ;
   text-align: right;
}

.s-footer
{
   width: 490px; 
   height: 30px;
   margin: 0;
   background: url(img/mail3.jpg) bottom no-repeat ;
   text-align: right;
}
.s-name p
{
   margin: 0;
   padding: 0 30px 0 15px;
}
.img { float: left; margin: 5px 5px 5px 0; }

/* 水平線 */

hr{
   margin: 15px 0;
   border-style: solid ;
   color: #fff;
   clear: both; 
}

/* このページのトップへ */

.gotop 
{
   margin: 30px 0;
   text-align: right;
   clear: both;
}



/* フッター */

#footer
{
   width: 760px; /* necessary for ie win */
   height: 50px;
   background: #666;
   position: relative;
   margin: 0 auto; 
}

#footer-inner
{
   font-size: 10px;
   text-align: center;
   color: #fff;
   line-height: 50px;
}

#footer-navi
{ 
   background: #fff;
   font-size: 10px;
   text-align: center;
   line-height: 30px;
   clear: both;
   width: 758px;
}


.box
{ 
   background: #ffffcc;
   font-size: 0.8em;
   text-align: left;
   border: 1px solid #cc0000;
   padding: 10px;
   width: 670px; 
   margin: 20px 0;
}

.box2
{ 
   padding: 10px 0;
   width: 700px; 
   margin: 0;
   background: url(img/blbg.gif) bottom left no-repeat ;
}
.box2-left
{ 
   text-align: center;
   padding: 0px;
   width: 180px; 
   float: left;
   display: block;
}
.box2-right
{ 
   text-align: left;
   width: 490px; 
   float: right;
   display: block;
}

.box3
{ 
   background: #f5f5f5;
   font-size: 0.8em;
   text-align: left;
   border: 1px solid #999;
   padding: 10px;
   width: 670px; 
   margin: 20px 0;
}

.box4
{ 
   background: url(img/tokuten.gif) top center no-repeat;
   display: block;
   text-align: left;
   padding: 180px 10px 10px 10px;
   width: 680px; 
}
.order
{ 
   position: relative;
   display: block;
   background: url(img/book.jpg) top center no-repeat;
   font-size: 12px;
   text-align: center;
   border: 3px solid #cc0000;
   padding: 330px 0px 10px 0px;
   width: auto; 
   margin: 30px 0;
   clear: both;
}

.order-inner
{
   width: 380px; 
   text-align: left;
   position:absolute; top:120px; right:5px;
   color:#333;
   font-size: 12px;
}

.order-inner2
{
   width: auto; 
   margin: 0 10px;
   padding: 10px;
   text-align: center;
   color:#333;
   font-size: 12px;
   clear: both;
   background: #f5f5f5;
   border: 1px solid #006699;
}

.box5
{ 
   padding: 0;
   width: 550px; 
   margin: 20px 0;
}

/* 太字 */

.b
{
   color:#333;
   font-weight: bold;
   margin: 10px 0;
}

/* 太赤字 */

.br
{
   color:#ff0000;
   font-size: 16px;
   font-weight: bold;
   margin: 10px 0;
}

/* 大太黒字 */

.bb
{
   color:#333;
   font-size: 1.5em;
   font-weight: bold;
   margin: 15px 0;
}

/* 大太赤字 */

.bbr
{
   color:#ff0000;
   font-size: 1.5em;
   font-weight: bold;
   margin: 15px 0;
}

/* 極太字 */

.bbb
{
   color:#333;
   font-size: 2.5em;
   font-weight: bold;
   margin: 20px 0;
}

/* 極太赤字 */

.bbbr
{
   color:#ff0000;
   font-size: 2.5em;
   font-weight: bold;
   margin: 20px 0;
}


pre
{
   font-size: 14px;
   line-height:1.5;
}

/* チェックつきリスト */

.check
{
   width: auto;
   margin: 0;
   padding-left: 25px;
   color: #333;
   font-size: 14px;
   font-weight: bold;
   background: url(img/check.jpg) no-repeat; 
   line-height: 1.5;
   text-transform: uppercase;
}


/* 小文字注意書き（赤字） */

.kome
{
   color: #ff0000;
   font-size: 12px;
}

/* 小文字注意書き */

.s
{
   font-size: 12px;
}


/* マーカー処理（黄色） */

.line
{
   background: #ffff00;
}

/* 赤字 */

.red
{
   color: #ff0000;
}

/* 表示補助 */

.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
}

.push a
{
   width: 351px; 
   height: 54px;
   background: url(img/moushikomi.jpg) top center no-repeat;
   text-indent: -9999px;
   display: block;
}

.push a:hover{
   background: url(img/moushikomi2.jpg)  no-repeat;
}

.bblue
{
   font-size: 1.5em;
   font-weight: bold;
   margin: 15px 10px;
   color: #fff;
   background: #006699;
   line-height: 1.5;
   clear: both;
}

/* 特典見出し */

.th
{
   width: 670px;
   margin: 10px 0;
   padding: 25px 0 20px 80px;
   color: #ff0000;
   background: url(img/th.gif)  no-repeat ;
   font-size: 18px;
   font-weight: bold;
   color:#ff0000;
   clear: both;
}

.kansou{
   position: relative;
   width: 525px;
   height: 360px;
   background: url(img/kansou.jpg)  no-repeat;
   clear: both;
}

.kansou-inner
{
   width: 460px; 
   text-align: left;
   margin: 0 0 0 25px;
   color:#333;
}

.kansou-inner p
{
   margin: 3px 0;
}

.kansou-header{
   position: relative;
   width: 525px;
   height: 67px;
   background: url(img/kansou_h.jpg)  no-repeat;
   clear: both;
}

.kansou-body{
   position: relative;
   width: 525px;
   background: url(img/kansou_b.jpg);
   clear: both;
}

.kansou-footer{
   position: relative;
   width: 525px;
   height: 118px;
   background: url(img/kansou_f.jpg)  no-repeat;
   clear: both;
}