/*======================================
　CSS: travel_red_h
=======================================*/

/*=====■Common specification■=====*/

*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

.clear-fix{
clear:both;
font-size:1px;
}

/*---LINK---*/
a{color:#34346d;}

a:hover{color:#7e7e7e;}

/*=====■Layout■=====*/
body{
color:#333;
text-align:center; 
background:#f6ecec;/* ALL BACK-GROUND */
}


/*CONTENTS*/
#wrapper{ 
width:770px;
text-align:center; 
margin:0 auto;
text-align:left;
background:url(img/bg.jpg) repeat-y;
}

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

/*navigation*/
#navigation{
width:208px;
margin:0;
padding-left:31px;
float:left;
}

/*article*/
#main{
margin:0;
padding:10px 30px 0 15px;
width:480px;
float:right;
}

/*■HEADER*/

/*TITLE*/
#header #site-name{
width:700px;
height:170px;
text-align:left;
margin:0 auto;
line-height:250%;
}
#header #site-name h1 {margin:0; padding:30px 0 0 10px;}

/*LOGO-TXT*/
#header #site-name h1 a {
width:680px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:30px;
color:#001276;
line-height:150%;
}

/*SUB-TITLE*/
#header #sub-title{
margin:43px 0 0 0px;
font-size:11px; 
color:#001276;
font-weight:bold;
}
#header #pagetitle{
margin-left:260px;
padding:2px 10px 7px 0; 
}
#header #pagetitle h1{
padding-left:10px;
line-height:180%;
font-weight:bold;
font-size:18px;
color:#001276;
}

/*■NAVIGATION*/
#page-list,#category{
width:208px;
text-align:left;
}
#category h1 span{display:none;}
#page-list li a{ 
display:block; 
width:207px; 
padding:0;
margin:1px; 
line-height:120%;
font-size:14px;
background:#fff3f7;
}
#category li a{
display:block; 
width:208px; 
padding:0; 
line-height:120%;
font-size:15px;
font-weight:bold;
color:#001276;
background:#fff3f7;
}
#page-list li a:hover{background:#fff;}
#category li a:hover{ text-decoration:underline;}
#page-list li a span{display:block;padding:5px 5px 5px 20px;}
#category li a span{display:block;padding:5px 5px 5px 20px;} 
/*PR*/
#pr{
padding:20px 5px 10px 10px;
text-align:left;
color:#666;
}
#pr h1{
margin:0;
padding:0;
line-height:100%;
}
#pr h1 span{ 
font-size:15px;
color:#666;
}
#pr ul li{
margin:0 0 0 15px;
padding:0;
line-height:180%;
font-size:11px;
}
#pr ul li a{ 
font-size:11px;
color:#666;
}
/*■ARTICLE*/
#article{
padding:15px;
background:#fff;
line-height:300%;
color:#4b545d;
font-size:15px;
background:#eff6ff;
border:3px double #fff;
}
#article h2{
height:21px;
margin-bottom:15px;
padding:8px 10px 0 5px;
background-position:bottom;
line-height:100%;
font-weight:bold;
color:#333;
font-size:17px;
border-bottom:#999 1px dotted;
}
#article h3{
margin:15px 0 10px 0;
font-size:18px;
color:#333;
}

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

/*FOOTER*/
#footer{
width:770px;
height:87px;
margin:30px 0 0 0;
background:url(img/footer.jpg) no-repeat bottom;
}
/*COPYRIGHT*/
#copyright{ 
padding:20px 50px 5px 0px;
text-align:right;   
font-size:11px;
font-weight:bold;
color:#999;
}
/*CATEGORY-PAGE*/

#article ul li{margin:5px 0 0 5px;}

#article ul li a{line-height:300%;font-size:15px;}