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

/*======================================
　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; line-height:180%;}
ul li a { text-decoration: none; border: none;}

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

.clearfix{clear:both;}

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

body { 
padding: 0;
background:url(img/bg.gif); 
}

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

a:hover { 
color:#003399;
}

/*========== 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:570px; 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;
height:38px;
margin:35px 0 0 25px;
text-align: left; 
}
#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] */
font-size:12px;
}

/*----- メイン -----*/
#main { 
margin-bottom:20px;
padding:0 0 0 15px;
width:438px; 
position: relative;
float: left;
font-size:14px;
}

/*----- pagelist＆CATEGORY -----*/
#sidebar ul{ margin-bottom:10px;}
#sidebar ul li{ padding: 4px; border-bottom:#ccc dotted 1px;}
#sidebar #navigation ul li,
#sidebar #category ul li{
padding:0; border:none;
}

#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 h2 { background: url(img/lefter_navi_h1.gif) no-repeat; width: 226px; height: 43px;}
#navigation h2 span { display: none;}

#category h2 { background: url(img/lefter_cat_h1.gif) no-repeat; width: 226px; height: 43px;}
#category h2 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 -----*/
h3{
margin:10px 0;
font-size:14px;
border-bottom:#ddd solid 2px;
}

h2#pagetitle {
width:401px;
margin:10px 0;
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 { line-height:300%;}
.recom li{ line-height:200%;} 

.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:#4d4da5;
font-size:12px;
}

#footer a { color:#00CCFF;}

#footer a:hover { color:#0099CC;}

/*----- 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;
}