* { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6              { font-weight: normal; font-size: medium; }
h1, h2, h3, h4, h5, h6, li, a, span { background-repeat: no-repeat; background-position: left center; }
img { border-style: none; border-width: 0px; }
ul  { list-style-type: none; }

a       { color: blue; text-decoration: none; }
a:hover { color: blue; }

div.heightspace { height: 300px; }

body {
    text-align: center;
    font-family: "ＭＳ Ｐゴシック","trebuchet ms",sans-serif;
    background-color: #ffffff;
    color: #555555;
	background-image: url("./images1/back_gra.png");
	background-repeat: repeat-x;
}

#pagebody { margin: 0px auto; width: 960px; text-align: center;
            background-image: url("./images1/back.gif");
            background-repeat: repeat-y; background-position: center; 
}
#container { margin: 0px auto; width: 900px; text-align: left; 
	    background-collor: #cccccc;
}


/* Head-Logo */
#header    { padding-bottom:10px; }

#header h1 { float: left; display: block; width: 900px; height: 100px; margin-bottom: 0px; text-align: left;
             text-indent: -9999px; background-image: url("./images1/logo.png"); }
#header a.logo  { display: block; margin:0px; padding: 0px; width: 900px; height: 100px; background-image: none; }

/* Head-Menu */

#category {}
ul#top_menu{
    list-style:none;
    width:100%;

}
ul#top_menu li{
    list-style:none;
    float:left;
    width:225px;  
    font-size:16px;
	
}
ul#top_menu a{
    display:block;
    width:225px;
    height:40px;
  
    background-image:url("./images1/top_menu_bg.png");
    overflow:hidden;
    text-align:left;
}
ul#top_menu a.menu_1{
    background-position:0px 0px;
}
ul#top_menu a:hover.menu_1{
    background-position:0px -41px;
}
ul#top_menu a.menu_2{
    background-position:-225px 0px;
}
ul#top_menu a:hover.menu_2{
    background-position:-225px -41px;
}
ul#top_menu a.menu_3{
    background-position:-450px 0px;
}
ul#top_menu a:hover.menu_3{
    background-position:-450px -41px;
}
ul#top_menu a.menu_4{
    background-position:-675px 0px;
}
ul#top_menu a:hover.menu_4{
    background-position:-675px -41px;
}

/* Site-Menu */
#site_menu         {
    font-size: 14px;
    text-align: right;
    margin-top: 10px;
    float:left;
    width:100%;
}
#site_menu a       { color: #555555;  padding: 0px 10px 0px 25px; background-image: url("./images1/menu-icon.png"); }
#site_menu a:hover { color: blue; text-decoration: underline; }

/* Page-Contents */
#main     {}
#menu     { float: left; width: 130px;  }
#contents { float: left; width: 760px; margin-top:20px; margin-left: 10px; }

#main a:hover { text-decoration: underline; }


/* Page-Menu */
#menu h2 { margin-bottom: 5px; }
#menu ul { height: 1%; }
#menu li { margin-bottom: 5px; }
#menu a  { display: block; width: 100px; padding: 8px 5px 7px 25px; 
           color: #cc0000; background-color: #FFE5D3;
           font-size: 14px; font-weight: bold; line-height: 18px;
           border-style: solid; border-color: #cc0000; border-width: 0px 1px 1px 0px;
           background-image: url("./images1/menu-icon.png"); }

#menu .hidden  { display: none; }
#menu .show    { display: block; margin: 0px; padding: 0px; background-image: none; background-color: white; }
#menu .show a  { width: 125px; margin-left: 15px; font-size: 12px; font-weight: normal;
                 background-color: #EBF1E5; line-height: 17px; }

#menu a:hover, #menu .show a:hover { color: black; }
#menu .now,    #menu .show .now    { background-color: #edecba; }
#menu .menu_logo {margin-bottom:20px;}

/* Contents-Title */
#title    { padding: 10px 25px 7px 10px; border-bottom:2px solid #cc0000; text-align: right;}

#title h3 { float: left; padding-left: 20px; font-weight: bold; font-size: 1.1em; letter-spacing: 2px;
            background-image: url("./images1/title-icon.png"); }
#title a, #title span { margin-right: 5px; font-size: 0.8em; color: #555555; }
#title a:hover { color: blue; }


/* Contents-Text */
#text     { padding: 15px 20px 10px 10px; line-height: 160%; }

#text p   { padding: 7px 0px; text-indent: 1em; }
#text em  { font-style: normal; font-weight: bold; }
#text img { float: right; margin: 10px 0px 10px 15px; }
#text h4  { margin: 30px auto 5px 15px; font-weight: bold; }
#text h5  { margin: 20px auto 5px 10px; font-weight: bold; }

/* Contents-Box */

div.box-movie {
	float : left;
	width : 340px;
	height : 340px;
	margin : 10px 5px 10px 5px;
	padding : 10px 10px 10px 10px;
}

div.box-long {
   float : left;
   width : 370px;
   height : 180px;
   margin : 10px 5px 10px 5px;
   text-indent : 10px; 
}

div.box-l {
   float : left;
   width : 180px;
   height : 180px;
   margin : 10px 5px 10px 5px;
}

div.box-dh {
   float : left;
   width : 370px;
   height : 840px;
   margin : 10px 5px 10px 5px;
}

div.box-d {
   float : left;
   width : 370px;
   height : 550px;
   margin : 10px 5px 10px 5px;
}
div.box-brank {
   float : left;
   width : 180px;
   height : 180px;
   text-align : center;
   background-color : #bbeedd;
   margin : 10px 5px 10px 5px;
   text-indent : 10px;
}

div.box-white {
   float : left;
   width : 180px;
   height : 180px;
   text-align : center;
   background-color : #ffffff;
   margin : 10px 5px 10px 5px;
   text-indent : 10px;
}

div.t-line-table03 {
   width : 100%;
   height : 100%;
   background-color : #eeeeee;
}

div.boxTop {
   width : 100%;
}

div.middle {
   width : 100%;
}


div.bottom {
   width : 100%;
}

div.line-table01 {
   width : 100%;
   height : 100%;
   border-width : 1px;
   border-style : solid;
   border-color : #bbbbbb;
}

div.line-table02 {
   width : 100%;
   height : 100%;
   
}

div.album {
    width: 100px
    height: 20px;
    margin: 10px;
    text-align: left;
}

/* Contents-Photo */
#contents .photo_right{ float:right; width:250px; margin:10px; padding:5px; border:1px solid #cdcdcd;}
#contents .photo_left{ float:left; width:250px; margin:10px; padding:5px; border:1px solid #cdcdcd;}

/* Conduct */
#conduct { clear: both; margin: 25px 0px 10px; padding: 7px 25px 5px 0px;
           text-align: right; border-top:1px solid #cc0000;}
           
#conduct a, #conduct span { margin-right: 5px; font-size: 0.8em; color: #555555; }
#conduct a:hover { color: blue; }


/* Footer */
#footer   { clear: both; background-color: #cc0000; color: #f0f0f0;
            text-align: center; font-size: 13px; padding-bottom:30px;}
#footer p { margin: 0px auto; padding-top:10px; }