/************************************
***          HTML TAG             ***
*************************************/

body{
	margin:0;
        padding:0;
        background-color:#000000;
}
a{
	color:#FFFFFF;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
        color:orange;
}
img{
        border:none;
}
p{
        margin:0;
        padding:0;
font-family: 'HG正楷書体-PRO';
}

small{
font-size:10px;
margin:0 0 10px 0;
}

h1{
  width:800px;
  text-align:left;
  margin:0;
  font-size:12px;
         display:inline-block;
 color:#FFFFFF;
}
H2{
  margin:0;
}
H3{
  margin:0;
}
H4{
  margin:0;
}
H5{
  margin:0;
}
H6{
  margin:0;
}

.white{
	color:#FFFFFF;
}
.size16{
   font-size : 16px;
} 
.size14{
   font-size : 14px;
   font-style : bold;
}
.size12{
   font-size : 12px;
}
.center{
   text-align:center;
}
.red{
   color:red;
}
.blue{
   color:blue;
}
.green{
   color:green;
}
.float_left{
   float:left;
   margin:0 5px 0 5px;
}
.float_right{
   float:right;
}

.clear{
   clear:both;
   margin:0;
   padding:0;
   height:0;
}


/**********************************
***        HEADER             ***
**********************************/

#container_head{
        width:100%;
        text-align:left;
        display:inline-block;
        padding:0 0 0 100px;
        margin:5px 0 0 -80px;
position : fixed!important; /* importantで、Mozilla, Opera に対して優先順位を上げて固定配置 */
position : absolute;        /* Internet Explorer 用に絶対位置配置する */
/* あとは普通にボックスの位置指定をすればよい。これらは例。0 でなくてもいい */
top    : -5px;
background-color:#000000;
        z-index: 2;
        background-image : url(img/menu_bg_page.gif);
        background-repeat : repeat-x ;
}

#top_bg{
        width:100%;
        background-image : url(img/menu_bg_top.gif);
        background-repeat : repeat-x ;
}

#container_head_top{
        width:1120px;
        text-align:left;
        display:inline-block;
        margin:20px 0 0 0;
}


#head_left{
        float:left;
        width:210px;
        margin-left:100px;
}

#head_right{
        float:right;
        width:500px;
        margin-right:150px;
}

ul.head{
        list-style:none;
        margin:10px 0 0 0px;
        padding:0;
        font-size:12px;
        height:30px;
}

ul.head li{
        float:left;
        text-align:center;
        display:block;
        color:#FFFFFF;
        font-size:14px;
}
/*
ul.head li a{
        color:#FFFFFF;
        background-image : url(img/menu.gif);
        background-repeat : no-repeat ;
        height:30px;
        text-align:center;
        display:block;
}

ul.head li a:hover{
        color:orange;
        display:block;
        background-image : url(img/menu_up.gif);
        background-position : left center ;
        background-repeat : no-repeat ;
}

ul.head li.menu a{
        color:#FFFFFF;
        background-image : url(img/menu1.gif);
}

ul.head li.menu a:hover{
        background-image : url(img/menu1_up.gif);
}
*/
#title{
        display:block;
        margin:0 0 0 0;
}

/**********************************
***          INDEX              ***
**********************************/

.bg_top1{
        background-image : url(img/bg_top1.jpg);
        background-repeat : xy ;
        text-align:center;
}

.bg_top{
        background-image : url(img/bg_top1.jpg);
        background-repeat : xy ;
        margin:145px 0 -145px 0;
        display:block;
        padding:0;
        text-align:center;
}

.bg_white{
        background-image : url(img/bg_white.jpg);
        background-repeat : xy ;
        margin:145px 0 -145px 0;
        display:inline-block;
        padding:0;
        text-align:center;
        color:#000;
}

#navi{
        width:794px;
        font-size:12px;
        text-align:left;
        padding:3px 0 3px 0;
        display:inline-block;
        margin:0;
        color:#ffffff;
        position: relative;
}


#navi a{
        text-decoration:underline;
}
#annai{
        width:300px;
        height:40px;
        float:right;
        text-align:right;
        display:inline-block;
        margin:-20px 0 0 0;
        position: relative;
}
#container_middle_top{
        background : no-repeat;background-image : url(img/top_image1.png);
        width:850px;
        height:430px;
        display:inline-block;
        padding:3px 0 3px 0;
        font-size:12px;
        margin:0;
        text-align:left;
        color:#ffffff;
}
#container_middle_page{
        width:750px;
        text-align:left;
        display:inline-block;
        padding:0 3px 0 3px;
        font-size:12px;
        margin:10px 0 0 50px;
        color:#ffffff;
}

#container_middle_blog{
        width:750px;
        text-align:left;
        display:inline-block;
        padding:0 3px 0 3px;
        font-size:14px;
        margin:10px 0 0 50px;
        color:#000000;
}
#container_middle_blog .entry a{
       color:#ff0000;
}

#container_middle_catalogue{
        width:800px;
        text-align:left;
        display:inline-block;
        padding:0 3px 0 3px;
        font-size:12px;
        margin:0 0 0 0;
        color:#ffffff;
}

.top_right{
        width:280px;
        margin:200px 0 0 500px;
        text-align:left;
        font-size:12px;
        color:#FFFFFF;
}

.top_left{
        width:160px;
        margin:100px 0 0 0;
        text-align:left;
        font-size:12px;
        color:#FFFFFF;
}

.midashi{
        background : no-repeat;background-image : url(img/midashi.png);
        width:675px;
        height:30px;
        font-size:18px;
        font-weight:bold;
        margin:0;
        color:#FFFFFF;
        padding:0 0 0 25px;
        line-height:160%;
}



.entry{
        width:670px;
        padding:10px 10px 10px 20px;
        margin:0 0 40px 0;
        border-width:0 0 1px 0;
        border-style:dotted;
        border-color:#ffffff;
        line-height:150%;
font-family: 'HG正楷書体-PRO';
}


.entry_page{
        width:680px;
        padding:10px;
        margin:0 0 40px 0;
        line-height:150%;
}

.entry_concept{
        width:780px;
        padding:10px;
        margin:0 0 40px 0;
        line-height:150%;
}
.concept_left{
        padding:0px;
        margin:0;
        float:left;
}

.concept_right{
        padding:0px;
        margin:0 0 0 10px;
        float:left;
}

.concept_right2{
        padding:0px;
        margin:0 0 0 4px;
        float:left;
}

.concept_pad{
        padding:0px;
        margin:30px 0 0 0;
}

.concept_pad2{
        padding:0px;
        margin:8px 0 0 0;
}


.entry_catalogue{
        width:800px;
        margin:0;
        padding:10px 0 10px 0;
        line-height:150%;
        display:inline-block;
}

.entry_page ul li{
       color:#FFFFFF;
}

.info_text{
       margin:0;
       padding:5px 0 3px 0;
       color:#FFFFFF;
       font-size:12px;
       line-height:120%;
        border-width:0 0 1px 0;
        border-style:dotted;
        border-color:#FFFFFF;
}

.info_text a{
       color:#FFFFFF;
}

.catalogue_text{
  margin:10px 10px 10px 30px;
       color:#FFFFFF;
}

.midashi_catalogue{
  margin:10px 10px 0 10px;
       color:#FFFFFF;
}

ul.catalogue{
  list-style:none;
  margin:0 0 0 10px;
  padding:0;
}

ul.catalogue li{
  float:left;
  margin:15px 20px 15px 20px;
  padding:0;
  color:#ffffff;
  text-align:center;
}

ul.catalogue6{
  list-style:none;
  margin:10px 0 0 0;
  padding:0;
}

ul.catalogue6 li{
  float:left;
  margin:0;
  padding:0 2px 0 2px;
  color:#ffffff;
  text-align:center;
  width:128px
}

p.postmetadata, small{
  color:#ffffff;
}

p.postmetadata_blog, small_blog{
  color:#00000;
}

.concept_midashi{
  margin:10px 10px 10px 30px;
       color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
}
.concept_midashi_left{
  float:left;
  width:430px;
  margin-left:-60px;
}
.concept_image{
  float:right;
  width:436px;
  margin-right:-50px;
  margin-top:20px;
}

.concept_text{
  margin:0px 10px 10px 50px;
       color:#FFFFFF;
  font-size:16px;
       line-height:130%;
}

.navigation{
        width:700px;
        color:#FFFFFF;
        display:inline-block;
}

.navigation a{
        color:blue;
}

.navigation a:hover{
        color:orange;
        text-decoration:underline;
}

.navigation_blog{
        width:700px;
        color:#000000;
        margin:0 0 50px 0;
        display:inline-block;
}

.navigation_blog a{
        color:blue;
}

.alignleft{
        float:left;
}

.alignright{
        float:right;
}
    
table.mailform tr td{
        color:#ffffff;
}

.contact_layout{
        margin:20px 0 0 50px;
}

.right_sitemap{
        color:#ffffff;
}
/**********************************
***           SIDEBAR           ***
**********************************/

#sidemenu ul{
        list-style:none;
        margin:0;
        padding:0;
}

.sidemenu_title{
        background : no-repeat;background-image : url(img/sidemenu_title.png);
        font-weight:bold;
        width:305px;
        height:30px;
        text-align:left;
        display:inline-block;
        font-size:14px;
        padding:0 0 0 15px;
        margin:0;
        line-height:180%;
}

#archives ul li {
        background : repeat-y;background-image : url(img/sidemenu_body.png);
        width:295px;
        text-align:left;
        display:block;
        font-size:12px;
        padding:0 0 0 25px;
        margin:0;
        height:20px;
        line-height:170%;
}

.sidemenu_bottom{
        background : no-repeat;background-image : url(img/sidemenu_bottom.png);
        width:320px;
        height:20px;
        display:inline-block;
        margin:0 0 10px 0;
        padding:0;
}


/**********************************
***            FOOTER           ***
**********************************/

.guide{
   width:800px;
   text-align:right;
   font-size:12px;
        display:inline-block;
   color:yellow;
   margin-top:10px;
}

.page_top{
   width:800px;
   text-align:right;
   margin:10px 30px 10px 0;
   font-size:12px;
        display:inline-block;
   color:#FFFFFF;
}

.foot{
   width:800px;
   text-align:right;
   margin:0 30px 10px 0;
   font-size:12px;
        display:inline-block;
   color:#FFFFFF;
}

#foot_navi{
   text-align:center;
   margin:0;
   font-size:12px;
}

#copyright{
   text-align:center;
   margin:10px 0 10px 0;
   font-size:12px;
}

.form_name1{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:20px;
   float:left;
   border-width:1px 1px 0 1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.form_name2{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:220px;
   height:20px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.form_name3{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:20px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.form_name4{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:592px;
   height:20px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.form_name5{
   background-color:#FBD373;
   color:#9D9D9D;
   width:733px;
   height:20px;
   border-width:1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:10px 5px 10px 5px;
   text-align:center;
   margin:0;
}

.form_name6{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:592px;
   height:120px;
   float:left;
   border-width:1px 1px 0 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.form_name7{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:120px;
   float:left;
   border-width:1px 1px 0 1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}
.form_name1_end{
   background-color:#FBFCC9;
   font-weight:bold;
   color:#000000;
   width:130px;
   height:20px;
   float:left;
   border-width:1px 1px 1px 1px;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.form_name4_end{
   background-color:#FFFFFF;
   color:#9D9D9D;
   width:592px;
   height:20px;
   float:left;
   border-width:1px 1px 1px 0;
   border-color:#cccccc;
   border-style:solid;
   font-size:12px;
   padding:5px;
   margin:0;
}

.prof_left{
  float:left;
  width:230px;
  padding:0;
  margin:10px 30px 0 20px;
  text-align:left;
      display:block;
}
.prof_right{
  float:right;
  width:480px;
  font-size:12px;
  margin:10px 20px 0 0;
  text-align:left;
      display:block;
  padding:0 0 0 10px;

}
h3.prof_name{
  font-size:14px;
}
h4.syutsuen{
   margin:10px 0 0 0;
  font-size:14px;
}
ul.prof_page{
   padding:0 0 0 10px;
   font-weight:bold;
   margin-left:0;
}
ul.prof_page li{
   margin:0;
   font-weight:normal;
}


/*** shoes ***/

#shoes_left{
  float:left;
  width:480px;
  text-align:left;
  margin:20px 0 0 0;
}

#shoes_right{
  float:right;
  width:275px;
}

#shoes_right dl {
  width:275px;
  height:135px;
  margin:0;
}

#shoes_right dl dt{
  float:left;
  width:132px;
  margin:0;
}

#shoes_right dl dd{
  float:right;
  width:132px;
  margin:0;
}

#shoes_right360{
  float:right;
  width:275px;
}

#shoes_right360 dl {
  width:275px;
  height:110px;
  margin:0;
}

#shoes_right360 dl dt{
  float:left;
  width:132px;
  margin:0;
}

#shoes_right360 dl dd{
  float:right;
  width:132px;
  margin:0;
}

#order_text{
        background : no-repeat;background-image : url(img/feature_text.png);
  width:980px;
  height:2780px;
  display:inline-block;
}

.order_photo1{
  margin:180px 0 0 290px;
  display:inline-block;
}

.order_photo2{
  margin:215px 0 0 480px;
  display:inline-block;
}

.order_photo3{
  margin:555px 0 0 20px;
  display:inline-block;
}

.order_photo3 ul{
 list-style:none;
 margin:0;
 padding:0;
}

.order_photo3 ul li{
 float:left;
 margin:0 0 0 10px;
 padding:0;
}

.order_photo4{
  margin:45px 0 0 30px;
  display:inline-block;
}

.order_photo5{
  margin:65px 0 0 20px;
  display:inline-block;
}

.order_photo5 ul{
 list-style:none;
 margin:0;
 padding:0;
}

.order_photo5 ul li{
 float:left;
 margin:0 0 0 10px;
 padding:0;
}

.order_photo6{
  margin:80px 0 0 20px;
  display:inline-block;
  padding:0;
}

.order_photo6 ul{
 list-style:none;
 margin:0;
 padding:0;
}

.order_photo6 ul li{
 float:left;
 margin:0 0 10px 10px;
  display:inline-block;
 height:99px;
 padding:0;
}

.order_photo7{
  margin:488px 0 0 20px;
  display:inline-block;
  padding:0;
}

.order_photo7 ul{
 list-style:none;
 margin:0;
 padding:0;
}

.order_photo7 ul li{
 float:left;
 margin:0 0 10px 10px;
 padding:0;
}

/** NET-ORDER **/

.entry_netorder{
        width:800px;
        padding:10px;
        margin:0 0 40px 0;
        line-height:150%;
        background-color:#0A0104;
}

.netorder_left{
        float:left;
        width:300px;
        padding:5px 0 0 0;
}

.netorder_left dl{
        width:210px;
        height:100px;
        margin:0 30px 15px 40px;
        padding:0;
}

.netorder_left dt{
        float:left;
        width:100px;
        padding:0;
        margin:0;
}

.netorder_left dd{
        float:right;
        width:100px;
        padding:0;
        margin:0;
}

.netorder_right{
        float:right;
        width:480px;
}

.netorder_right ul{
        margin:0 0 10px 0;
        padding:0;
        list-style:none;
}

.netorder_right ul li{
        float:left;
        width:150px;
        margin-right:10px;
}

.netorder_right ul li.last{
        float:left;
        width:150px;
}

.netorder_bg1{
        background : no-repeat;background-image : url(img/netorder3.gif);
        width:800px;
        height:1500px;
        display:inline-block;
}

.netorder_bg1 .orderphoto1{
        margin:956px 0 0 20px;
        width:300px;
        height:234px;
}

.netorder_bg1 .orderphoto2{
        margin:30px 0 0 20px;
        width:300px;
        height:225px;
}

.netorder_bg{
        background : no-repeat;background-image : url(img/netorder4.gif);
        width:800px;
        height:420px;
        display:inline-block;
}

.netorder_bg .orderphoto{
        width:80px;
        height:60px;
        margin:180px 0 0 30px;
        display:inline-block;
}

.netorder_bg .orderphoto3{
        margin:22px 0 0 17px;
        width:300px;
        height:225px;
        display:inline-block;
}

.netorder_bg4b{
        background : no-repeat;background-image : url(img/netorder4b.gif);
        width:800px;
        height:580px;
        display:inline-block;
}

.netorder_bg4b .orderphoto4{
        margin:43px 0 0 17px;
        width:300px;
        height:246px;
}

.netorder_bg4b .orderphoto5{
        margin:42px 0 0 17px;
        width:300px;
        height:225px;
}


#sidebar{
       position:absolute;
       width:200px;
      float:left;top:0;left:0;
       padding:200px 0 0 0;
  color:#000;
}

#sidebar ul{
  list-style:none;
}

#sidebar h2{
  font-size:16px;
  margin:0 0 10px 20px;
  color:#000;
}

#sidebar li a{
  color:#0000ff;
}

#sidebar li a:hover{
  text-decoration:underline;
}

.bg_white #navi, .bg_white #navi a, .bg_white .entry, .bg_white small, .bg_white .foot , .bg_white .foot a, .bg_white page_top, .bg_white page_top a{
        color:#000;
}


.concept_pad3{
        padding:0px;
        margin:30px 0 0 0;
}

.concept_pad3 .left_img{
        padding:0px;
        margin:0;
        float:left;
        width:142px;
}

.concept_pad3 .right_img{
        padding:0px;
        margin:0 0 0 4px;
        float:left;
        width:142px;
}

.concept_pad3 .right_img2{
        padding:0px;
        margin:0;
        float:right;
        width:143px;
}