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

/*======================================
　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 { 
padding: 0;
background:url(img/bg.gif); 
}

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

a:hover { 
color: #006699;
}

/*========== header ==========*/
#header {
margin:0 auto;
text-align:left; 
height:210px;  
background:url(img/header_bg.jpg) no-repeat;
}

/*----- タイトル＆ロゴ -----*/
#header #title h1 {margin: 0; padding: 18px 0 0 30px;}

/*-----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:559px; height:59px;} 
 #header #title h1 a span {display: none } 

/*-----SUB-TITLE-----*/
#header #subtitle {
margin:10px 0 0 37px;
font-size:15px;
font-weight:bold;
color: #FFF;
}

/*========== CONTENTS ==========*/
#wrapper {
width:699px;
padding:0 12px 0 9px;
}

#wrapperin {background:#FFF;}

/*----- メニュー -----*/
#menu {
width:680px;
margin:35px 0 0 25px;
text-align: left; height:38px;
}
#menu li#home a {
display: block; 
width:170px;
padding:8px 0 0 45px;
height:20px; 
float:right; 
line-height:130%; 
font-weight:bold; 
font-size: 14px;
color:#333;
}
#menu li#bread {
float: left;
width:430px;
height:20px;
font-size:12px;
line-height:130%;
padding:7px 15px 0 12px;
font-weight: bold;
background:url(img/bread_bg.gif) no-repeat;
}

/*----- サイドバー -----*/
#sidebar { 
margin-bottom:20px;
width: 230px;  
position: relative; 
float: right; /* サイドバー位置[right/left] */
}

/*----- メイン -----*/
#main { 
margin-bottom:20px;
padding:0 0 0 15px;
width:438px; 
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: 226px;}

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

#category h1 { background: url(img/lefter_cat_h1.gif) no-repeat; width: 226px; 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:205px; 
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 -----*/
h1#pagetitle {
width:401px;
background:url(img/h1.gif) no-repeat;
padding:17px 10px 30px 30px; 
line-height: 100%; 
font-size:17px; /* ページタイトル文字サイズ */
color:#1c1c1c; /* ページタイトル文字色 */
}

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

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

#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; padding:15px 20px 3px 0; line-height:120%; font-size: 11px;}
.totop a {text-decoration: none;}


/*========== フッタ ==========*/
#footer {
width:659px;
margin:0 12px 0 9px;
padding:20px;
border-top:15px double #fff; 
background:#a67b4e;
}

/*----- 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:650px; 
padding: 20px 0 0 0; 
font-size: 10px;
color: #CCC;
}

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