/* CSS for grad  banner1 unabi-text 3c Use グラデーション・バナー1・上ナビテキスト・3カラム  */


/* basic elements    基本要素設定     */

html {
    margin: 0 auto;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

/*    setting  sentence general fonts and letter size   */

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Verdana','helvetica', 'ＭＳ ゴシック', sans-serif;
    font-size: 12px;
   }

/*    setting  body color and background color   */

body {  text-align: center;   /* center on ie */
          color: #000;
          background: #f0f0f0;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: none; }

a { color: #36414d; text-decoration: underline; }
a:hover { color: #a3b8cc; }

div { margin: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin: 0px;
}


/*  side gradation style    両サイドグラデーションはここで横幅指定     */

#gradpack {  width: 830px;
    position: relative;
    margin-top: 0px;
    margin-left: auto;     /* center on everything else */
    margin-right: auto;
    margin-bottom: 10px;
}
#gradpack-inner {    width: 100%;
                            position: relative;
                            margin: 0px;
	            background: url(http://all-hp.com/images/grad-back.jpg) repeat-y;
                     } 
#gradpack-bottom { width: 100%;
                            position: relative;
                            height: 20px;
                            margin: 0px;
                            background: url(http://all-hp.com/images/grad-bottom.jpg) no-repeat left top;
}


/* -----------------------------------------------------     */

#container {
    position: relative;
    width: 800px;
    margin: 0px 15px 0px 15px;
    }

#container-inner {     width: 100%;
                               margin: 0px;      
}
	


/* standard helper classes    修正パッチ　　*/

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


#pagebody {      width: 800px;
                      margin: 0px; 
}

#pagebody-inner { 
	width: 100%; 
 	border: none;
                margin: 0px;
	 }


/* banner1   バナー１タイプ設定  */
/*   バナーの横幅と高さ、バックカラー     */

#banner1 { position: relative; 
              width: 800px;
              margin: 0px;
              background-color: #a40606;
  }
#banner1-inner {  width: 100%;             /*    IEのpeakaboo　回避      */
                          margin: 0px;
                          position: relative;
}




/*   バナー左部　写真など設定     */
#banner1-inner-left {
                          width: 150px;
                          float: left;
                          height: 99px;
                  }
#banner1-inner-left img {    border: none;
                                        margin: 0px;
}

/*   バナー右部　大きく囲み設定、内部仕切り設定     */
#banner1-inner-right {  
                          width: 650px;
                          float: right;
                          height: 99px;
                          position: relative;
}
#banner1-ir-up {   width: 650px;
                   height: 44px;
	   color: #ffffff;
                   position: static;
                  text-align: right;
  }
/*   バナー内見出しの色、大きさ、並び設定     */
#banner1-ir-up h1 {  padding: 5px 8px 5px 8px;
                              color: #ffffff;
                              font-size: 10pt;
                              letter-spacing: -1pt;
                              font-weight: bold;
                            }
#banner1-ir-down {  width: 650px;
                    height: 50px;
                    position: relative;
                    margin: 0px;
}
#banner1-ir-dl {    width: 210px;
                    float: left;
                    margin: 0px;
}
#banner1-ir-dl img {    margin: 0px;
                        border: none;
}
#banner1-ir-dr {   width: 424px;
                   float: right;
	   color: #ffffff;
	   font-size:10pt;
                          height: 15px;
                          padding: 35px 8px 0px 8px;
                          text-align: right;
                         }
#banner1-ir-dr a { color: #ffffff;
                          text-decoration: none;
}
#banner1-ir-dr a:hover,#banner1-ir-dr a:focus { color: #0000ff;
                          text-decoration: none;
}



/*    バナーセットおわり     */

/*     上部ナビ    */
#unabi {    margin: 0px;
            background-color: #f3ebcd;
			color: #a40606;
			border-bottom: solid #cccccc 1px;
			
}
#unabi-inner { padding: 7px 5px 7px 5px; 
               text-align: center; }
.nabi-text,.nabi-texts {  font-size: 10pt;
              font-weight: bold;
              display: inline; border: none;
	margin: 0px 0px 0px 20px;
	letter-spacing: -1pt;
}
.nabi-texts {  	margin: 0px;    }

.nabi-text a,.nabi-texts a { color: #a40606;  text-decoration: none; border: none; }
.nabi-text a:hover,.nabi-texts a:hover,.nabi-texts a:focus,
.nabi-text a:focus {  color: #FF0000; text-decoration: none; border: none; }

/*    上部ナビ設定終わり     */


/*   3カラム　レイアウト　設定  */

/* ボディと左カラムを囲う   */
	 
#c3pack {  width: 650px;
           float: right;
           margin: 0px;
}
#c3pack-inner {  width: 100%;
                 position: relative;
 }

/*   ボディ部分の設定    */
#c3body {  width: 500px;
           float: left;
            margin: 0px;
}
#c3body-inner {     width: 100%;
                           margin: 0px;
	           text-align: left;
}
/*   右カラムの設定　両サイドにボーダーあり    */
#c3beta {  width: 148px;
           float: right;
           background-color: #f0f0f0;
           border-left: solid #cccccc 1px;
		   border-right: solid #cccccc 1px;
                                   border-bottom: solid #cccccc 1px;

}
#c3beta-inner,#c3alpha-inner {  width: 100%;
                                              margin: 0px;
}

/*   左カラムの設定　両サイドにボーダーあり    */
#c3alpha { width: 148px;
           float: left;
           background-color: #f0f0f0;
           border-left: solid #cccccc 1px;
		   border-right: solid #cccccc 1px;
                                   border-bottom: solid #cccccc 1px;

}

/*    サイドバー内　コンテンツ　表示のもの    */

/*   外側の包み　横幅１36用   */
.c3wrap {       width: 136px;
                   margin: 10px 6px 0px 6px; 
                   text-align: center; 
 }   
.inner {    width: 100%;   margin: 0px;    } 

.inner2 {   margin: 0px auto;  text-align: left; }
.inner2-w { padding: 10px 0px 0px 0px;  }
.inner2 a {  text-decoration: none; border: none;  }

/*    大カテゴリー表示     */
.mcat-title {   width: 136px;    margin: 0px;
                    background-color: #a40606;
                    color: #ffffff;
                    font-weight: bold;
                    font-size: 10pt;
}
.mcat-title a { background-color: #a40606;
                    color: #ffffff;
                    text-decoration: none;
}
.mcat-title a:hover,
.mcat-title a:focus {  background-color: #ff0000;
                    color: #ffffff;
                    text-decoration: none;
}


/*   テキスト用小余白 バナー包みラップ   */
.txt-mwrap {    padding: 3px;   } 

/*  サイドバーコメント用　ラップ   */
.sidecome {     padding: 5px 4px 0px 4px;
                     font-size: 8pt;
                     color: #666666;
}
.sidecome h4 {  font-size: 8pt; text-align: left;  }

/*   制作品用バナー　サイドバー内    */
/*  CSS切り替えナビは、ディスプレイブロックが必要・マージンは一回　間で設定    */
.banner-w1,
.banner-w1 a,
.banner-w1 a:hover,
.banner-w1 a:focus { width: 127px;
                     height: 72px;
                     background: url(http://all-hp.com/images/banner-r.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.banner-w1 {    margin: 5px 5px 0px 4px;   }
.banner-w1,
.banner-w1 a:hover,
.banner-w1 a:focus {    text-decoration: none; 
                                 background: url(http://all-hp.com/images/banner-r_o.jpg) top left no-repeat;    
                       }
.banner-w2,
.banner-w2 a:hover,
.banner-w2 a:focus,
.banner-w2 a { width: 127px;
                     height: 72px;
                     background: url(http://all-hp.com/images/banner-h.gif) top left no-repeat;    
                     text-indent: -8000px;
                     border: none; display: block;
                    text-decoration: none;
}
.banner-w2 {   margin: 5px 5px 0px 4px; }
.banner-w2,
.banner-w2 a:hover,
.banner-w2 a:focus {    text-decoration: none; 
                               background: url(http://all-hp.com/images/banner-h_o.gif) top left no-repeat;    
                    }

/* 中央部分のボタン３つ  横並べフロート付 */
.b-bottom1,.b-bottom1 a,.b-bottom1 a:hover,
.b-bottom1 a:focus {    width: 164px;
                                float: left;
                                height: 80px;
                                background: url(http://all-hp.com/images/t-1.gif) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.b-bottom1 {   margin: 0px; display: inline;   }
.b-bottom1,.b-bottom1 a:hover,.b-bottom1 a:focus {
                                background: url(http://all-hp.com/images/t-1_o.gif) top left no-repeat;
                                text-decoration: none;
}
.b-bottom2,.b-bottom2 a,.b-bottom21 a:hover,
.b-bottom2 a:focus {    width: 164px;
                                float: left;
                                height: 80px;
                                background: url(http://all-hp.com/images/t-3.gif) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.b-bottom2 {   margin: 0px; display: inline;   }
.b-bottom2,.b-bottom2 a:hover,.b-bottom2 a:focus {
                                background: url(http://all-hp.com/images/t-3_o.gif) top left no-repeat;
                                text-decoration: none;
}
.b-bottom3,.b-bottom3 a,.b-bottom31 a:hover,
.b-bottom3 a:focus {    width: 156px;
                                float: left;
                                height: 80px;
                                background: url(http://all-hp.com/images/t-5.gif) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.b-bottom3 {   margin: 0px; display: inline;   }
.b-bottom3,.b-bottom3 a:hover,.b-bottom3 a:focus {
                                background: url(http://all-hp.com/images/t-5_o.gif) top left no-repeat;
                                text-decoration: none;
}


/*    サブカテゴリー表示     */
.scat-title {    margin: 3px 0px 0px 0px;
                    color: #a40606;
                    font-weight: bold;
                    font-size: 10pt;
                    text-decoration: none;
                    text-align: left;
}
.scat-title a {   color: #a40606;
                     text-decoration: none;
}
.scat-title a:hover,
.scat-title a:focus {
              color: #ff0000;
              text-decoration: none;
}

/*    サイドバー内　エントリータイトル表示     */
.entry-title,
.entry-title a {   color: #666666;
                       text-decoration: none;
                    font-size: 9pt;        }
.entry-title a:hover,
.entry-title a:focus {
                       color: #0033ff;
                       text-decoration: none;
}

 /*    サイドエントリータイトル表示 余白     */
.entry-title-w {   margin: 3px 3px 3px 30px;
}

/*   サイドバー内　リスト仕様    */
.side-ul {     border-bottom: solid #ffffff 1px; padding: 3px 0px 5px 0px; }
.side-li {  color: #666666;
               text-decoration: none;
               text-align: left;
               background: url(http://all-hp.com/images/slist1.gif) top left no-repeat;
               list-style-type: none;
               padding: 3px 0px 0px 12px; 
}
.side-li a {   
                color: #666666;
                font-size: 8pt;
                text-decoration: none;
}

.side-li a:hover,.side-li a:focus {  color: #003366; text-decoration: none;   }


/* -------------------------------------------------------------  */
               
/*       ボディ部分　文章画像　設定　カテゴリーページ・エントリーページ         */

/*  カテゴリータイトルバー  */
.cat-title {   width: 484px;                                    /*     バーのラップとインナー     */
                 margin: 10px 8px 0px 8px;
                 position: relative;
}
.cat-title-in {     width: 100%;
                       margin: 0px;
}
.cat-titleb {  width: 484px;
                  height: 5px;
                  margin: 0px;
                  background: url(http://all-hp.com/images/bbardown.gif) no-repeat;
}
.cat-titlem { width: 484px;                                       /*      タイトルの入れ場所     */
                  margin: 0px;
                  background: #000066 url(http://all-hp.com/images/bbarup.gif) top left no-repeat;
                  }
.cat-titlem h2 {  padding: 8px 3px 0px 15px;
                       font-size: 12pt;
                       font-weight: bold;
                       color: #ffffff;
}
/*---------------------------------*/

/*    エントリー部分　設定    */
.entryt {   width: 474px;
              margin: 3px 8px 0px 13px;
              background: url(http://all-hp.com/images/list2.gif) top left no-repeat;

              }
.entryt h3 {   color: #000066;
                    font-size: 12pt;
                    font-weight: bold;
                    padding: 8px 0px 5px 33px;;
}
.entryw {  width: 484px;
              margin: 6px 8px 0px 8px;
}
.entryw-in {   width: 484px;
                   margin: 0px;
                   border-bottom: solid #cccccc 1px;
}
.entry-nophot {    margin: 0px;
                  font-size: 10pt;
                  line-height: 1.3;
                  color: #333333;
}
.entryentry { width: 484px;
                  margin: 0px 8px 0px 8px;
}

/*-------      フォーム内設定       ---------*/

.form-text {    color: #666666;
                    font-size: 10pt;
                    line-height: 1.3;
                    padding: 5px 10px 0px 5px;
}
.form-red {     color: #ff0000;
                    font-size: 10pt;
                    line-height: 1.1;
                    padding: 3px 10px 0px 10px;
}
.form-con {     color: #666666;
                     font-size: 10pt;
                     line-height: 1.3;
                    padding: 5px 0px 0px 15px;
}
.akaji {          display: inline; color: #ff0000; text-decoration: bold;   }
.aoji {          display: inline; color: #000066; text-decoration: bold;   }

/*    ボディ内　画像配置のレイアウト     */

/*  画像横幅設定モジュールより   */

.photw {    width: 214px;
               float: left;
}
.phote {    width: 214px;
              margin-bottom: 10px;
              border:none;
}
.etextw {    width: 270px;
               float: left;
               margin: 0px;
}
.etextw-txt {     padding: 0px 8px 10px 8px;
                  font-size: 10pt;
                  line-height: 1.3;
                  color: #333333;
}
.etextw-txt a {   color: #0000ff;  text-decoration: none;   }
.etextw-txt a:hover,.etextw-txt a:focus {   color: #ff0000;  text-decoration: none;   }

/*-----------    トップページ      -------------*/
/*  トップページ　タイトルバー  */

.cat2-titleb {  width: 484px;
                  height: 5px;
                  margin: 0px;
                  background: url(http://all-hp.com/images/bar4down.gif) no-repeat;
}
.cat2-titlem { width: 484px;                                       /*      タイトルの入れ場所     */
                  margin: 0px;
                  background: #f0f0f0 url(http://all-hp.com/images/bar4up.gif) top left no-repeat;
                  }
.cat2-titlem h2 {  padding: 8px 3px 0px 15px;
                       font-size: 12pt;
                       font-weight: bold;
                       color: #a40606;
}


/*    トップページ　メインエントリー部分　設定    */
.entryt-top {   width: 472px;
              margin: 3px 8px 0px 20px;
              background: url(http://all-hp.com/images/list3.gif) top left no-repeat;

              }
.entryt-top h3 {   color: #666666;
                    font-size: 10pt;
                    font-weight: bold;
                    padding: 3px 0px 5px 30px;;
}
.entryt-top a {   color: #666666;
                       text-decoration: none;
}
.entryt-top a:hover,.entry-top a:focus {   color: #ff0000;  text-decoration: none;  }

.etextw-txttop {     padding: 0px 8px 10px 130px;
                  font-size: 10pt;
                  line-height: 1.2;
                  color: #666666;
}



/*---------------------------------*/

/*---------   価格リストのテーブル内仕様     ------------*/

.f-title {
	color: #003366;
	background: #cee5ec;
	text-align: center;
}
.ff-title {
	color: #35414d;
	background: #Fafad2;
	text-align: center;
}
.f-data {
	color: #36414d;
	text-align: left;
	background: #fff;
}

/*---------    footer setting     ----------*/

#footer {   margin: 15px 0px 0px 0px;
              color: #666666;   
              font-size: 9pt;     }
.footer-txt {   display: inline;  padding: 3px 5px 0px 5px;  }
.footer-txt a {   color: #666666; font-size: 9pt; text-decoration: none;  }
.footer-txt a:hover,.footer-txt a:focus {   color: #0000ff; text-decoration: none;    }

/*-----------------------------------*/
/*------      getting feed    -------*/
.blist {  width: 9px; height: 9px;
          margin: 8px 0px 0px 0px;
          float: left;     
}
.blist-txt {  width: 114px;
                margin: 8px 0px 0px 3px;
                float: left;
                font-size: 9pt;
}
.blist-txt a {   color: #a40606; text-decoration: none;  font-size: 9pt;
}

/* banner photo */


.banner-photo {
    display: block;
    margin: 0 0 2px 0;
    border: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none !important;
}

.banner-photo img {
    width: 64px;         /*  same as wrap  */
    height: auto;
    margin: 0;
    border: 0;
    padding: 0;
}


/* content */

.center-wrap {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border: none;
    padding: 5px;
    color: #fff;
    background: #a3b8cc;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.left-wrap {
	 /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
	
	float: left;
}