/*======================================
　テンプレート: a_black
=======================================*/

/*======================================
　1: 基本CSS
=======================================*/

* {
　margin: 0; 
　padding: 0;
　line-height: 1.6;
　color: #333;
　font-size: 100%;
　font-weight: normal;
　font-style: normal;
}

html,body{margin:0; padding:0}

p,pre,address,cite {margin: 0.5em 0px;}

h1,h2,h3,h4,h5,h6 {margin: 0px;}

img { border: none;}

ul { margin: 0; padding: 0;}
ul li { list-style: none; list-style-postion: inline}
ul li a { text-decoration: none; border: none;}

/*======================================
　2: Clearfix CSS
=======================================*/

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*======================================
　3: ページLayout用CSS
=======================================*/

body { 
margin: 0 auto; 
padding: 0; 
text-align: center; 
background: #000; 
}

/*========== リンク ==========*/
a { 
color: #006699;
}

/*========== header ==========*/
#header { 
text-align: center; 
height:125px;  
background: #000;
}

/*----- タイトル＆ロゴ -----*/
#header #title { width: 800px; height: 125px; text-align: left; margin:0 auto; background: url(img/header_img.jpg) no-repeat right center; line-height: 250%;}
#header #title h1 {margin: 0; padding: 25px 0 0 0;}

/*-----LOGO-TXT -----*/
#header #title h1 a { 
text-decoration: none; 
font-weight: bold; 
display: block; 
width: 300px;
font-size: 48px; /* ロゴ文字サイズ */
color: #FFF; /* ロゴ文字色 */
}

/*-----ロゴ画像時 (テキストにする場合は、両方ともコメントアウト)-----*/
 #header #title h1 a { background: url(img/logo.gif) no-repeat; width: 350px; height: 50px;} 
 #header #title h1 a span {display: none } 

/*-----SUB-TITLE-----*/
#header #subtitle { 
font-size: 11px; /* SUB-TITLE文字サイズ */
color: #FFF;  /* SUB-TITLE文字色 */
}

/*========== CONTENTS ==========*/
#wrapper { 
text-align: center; 
margin: 0 auto; 
background: #FFF url(img/wrapper_bg.gif) repeat-x center top;
}

#wrapperin {width: 800px; margin: 0 auto; text-align: center;}

/*----- メニュー -----*/
#menu { text-align: left; height: 38px;}
#menu li#home a {
display: block; 
width: 100px; 
height: 38px; 
float: left; 
line-height: 270%; 
font-weight: bold; 
text-align: center; 
background: #000; /* メニューリンク背景色 */
font-size: 14px;
color: #FFF;
}
#menu li#bread { float: left; width: 350px; height: 38px; font-size: 12px; line-height: 340%; padding: 0 0 0 20px; font-weight: bold;}

/*----- サイドバー -----*/
#sidebar { 
margin: 0; 
padding: 20px 0 0 0;  
width: 200px;  
position: relative; 
float: right; /* サイドバー位置[right/left] */
color:#666;
font-size:13px;
}

#sidebar ul{ margin-bottom:10px; padding-top: 5px;}
#sidebar ul li{
line-height:180%;
padding:7px;
border-bottom:#ddd solid 1px;
}
#navigation ul li, #category ul li{
padding:0;
border:none;
border-bottom:none;
}
#navigation ul, #category ul{ margin-bottom:0;}

/*----- メイン -----*/
#main { 
margin: 0; 
padding: 0; 
width: 580px; 
position: relative;
float: left;
}

/*----- ページリスト＆カテゴリ -----*/
#navigation,#category { background: url(img/lefter_li_btm.gif) no-repeat bottom left; padding-bottom: 14px; text-align: left; margin: 0 0 15px 0; width: 204px;}

#navigation h1 { background: url(img/lefter_navi_h1.gif) no-repeat; width: 204px; height: 43px;}
#navigation h1 span { display: none;}

#category h1 { background: url(img/lefter_cat_h1.gif) no-repeat; width: 204px; height: 43px;}
#category h1 span { display: none;}

#navigation ul,#category ul {
background: url(img/lefter_li_bg.gif) repeat-y;
}

#navigation ul li a,#category ul li a { 
display: block; 
width: 190px; 
padding: 0;
margin-left: 7px; 
line-height: 120%;
border-bottom: 1px solid #CCC;
background: #EDEDED url(img/lefter_li.gif) no-repeat;
font-size: 13px;
}

#navigation ul li a:hover,#category ul li a:hover,#navigation ul li.selected a,#category ul li.selected a { 
background-color: #FFF; /* ホバー＆選択時: リンク背景色 */
}
#navigation ul li a span,#category ul li a span {display: block;padding: 5px 5px 5px 25px;}

/*----- CONTENTS -----*/
#content { text-align: left; padding: 30px 0 30px 0}

#content ul { padding: 10px 0 20px 0; color: #666; font-size: 13px;}

#content h1#pagetitle {
background: url(img/h1_page.gif) no-repeat; 
padding: 0 0 15px 40px; 
line-height: 100%; 
font-size: 30px; /* ページタイトル文字サイズ */
color: #003366; /* ページタイトル文字色 */
}

#content h1#categorytitle {
background: url(img/h1_cat.gif) no-repeat; 
padding: 0 0 15px 40px; 
line-height: 100%; 
font-size: 30px; /* カテゴリタイトル文字サイズ */
color: #003366; /* カテゴリタイトル文字色 */
}

#block {background: url(img/block_mdl.gif) repeat-y; }

#block span#blockin { 
display: block; 
background: url(img/block_top.gif) no-repeat top left; 
margin: 0; 
padding: 20px 20px 20px 20px; 
line-height: 300%;
font-size: 14px; 
}

#block span#blockin h1 { 
width: 540px; 
height: 40px; 
background: url(img/h1_bg.gif) no-repeat; 
padding: 0 0 0 10px; 
line-height: 170%; 
margin: 0 0 15px 0;
font-size: 23px; /* CONTENTS見出し1文字サイズ */ 
color: #FFF; 
}

#block span#blockin h2 { 
margin: 15px 0 10px 0;
font-size: 18px;
color: #003366;
}

#block span#blockin p { margin: 0 0 20px 0;}

#block span#blockin ul li { margin: 0 0 5px 0; padding: 0 0 0 1.5em; background: url(img/block_li_page.gif) no-repeat left center; font-size: 14px;}

.totop { text-align: right; background: url(img/block_btm.gif) no-repeat left top; height: 40px; padding: 0px 20px 0 0; line-height: 400%; font-size: 11px;}
.totop a {text-decoration: none;}


/*========== フッタ ==========*/
#footer { 
margin: 0 auto;
border-top: 1px solid #666; 
background: #000;
}

#footerin { width: 800px; margin: 0 auto; text-align: center;}

/*----- PR -----*/
#pr { text-align: left; width: 550px; float: left; padding: 0 0 10px 0; color: #FFF;}

#pr h1 { line-height: 100%; margin: 0; padding: 0; }
#pr h1 span { 
font-size: 15px;
color: #FFF;
}

#pr ul li { list-style: square; margin: 0 0 0 1em; padding: 0; line-height: 100%; }
#pr ul li a { 
font-size: 11px;
color: #FFF;
}

/*----- COPYRIGHT -----*/
#copy { 
text-align: right; 
width: 120px; 
float: right; 
padding: 20px 0 0 0; 
font-size: 10px;
color: #CCC;
}

#footseo { 
clear: both;
text-align: left; 
padding: 5px 0; 
font-size: 10px;
color: #666;
}