/*
ワーキング・ホリデーガイド
up date:2008.4 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■5コンテンツ-
■6フッター
■7アイコン表示（印刷、上へ戻る）
*/

/*■1共通指定*/
*{margin:0;padding:0;}
body{
margin-bottom:30px;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#625546;
background:#D3E8E9 url(/upload_images/template/bg.gif) right top no-repeat;
}
img{border:none;}
ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.comment,.hide,
h1 span{
position:absolute;
top:-9999px;
left:-9999px;
font-size:4px;
}
.clear{
clear:both;
font-size:1px;
height:1px;
}

/*■2レイアウト*/
#wrapper{
width:799px;
text-align:left;
background:#fff url(/upload_images/template/content_bg.gif) repeat-y;
}
#header{
width:790px;
height:168px;
text-align:left;
background:url(/upload_images/template/header.gif) no-repeat;
}
#navwrap{
}
#contentwrapper{
width:799px;
text-align:left;
}
#contentwrapper #navigation{
float:right;
width:239px;
}
#contentwrapper #content{
float:left;
width: 560px;
margin:0px 0 50px 0px;
}

/*■3ヘッダー*/
#header img{
margin:54px 0 0 99px;
}

/*■4ナビゲーション*/
#navwrap ul#n1{
padding-top:25px;
margin-left:31px;
list-style-type:none;
}
#navwrap ul#n1 li{
width:178px;
margin-right:11px;
padding:0 0px 0px 0;
background:url(/upload_images/template/nav.gif) no-repeat;
float:left;
}
#navwrap ul#n1 li a{
width:162px;
height:28px;
padding:11px 8px 0 8px;
display:block;
text-align:center;
font-size:16px;
line-height:105%;
color:#54BBED;
font-weight:bold;
text-decoration:none;
}
#navwrap ul#n1 li a img{
padding-right:3px;
}
#navwrap ul#n1 li a:hover{
text-decoration:underline;
}
#navwrap ul#n1 li.selected{
background:url(/upload_images/template/nav_f2.gif) no-repeat;
}
#navwrap ul#n1 li.selected a{
color:#ff0000;
}

#navigation img{
margin-bottom:21px;
}
#catlink{
width:200px;
padding:0 0 8px 5px;
margin:0 0 19px 0px;
background:url(/upload_images/template/subnav_bar.gif) left bottom no-repeat;
font-size:90%;
color:#368B8D;
font-weight:bold;
}
#navigation ul#n2{
width:200px;
padding:0 0px 20px 0px;
list-style-type:none;
background:url(/upload_images/template/subnav_bar.gif) bottom no-repeat;
}
#navigation ul#n2 li{
margin:0 0 4px 4px;
padding:0 0 5px 22px;
background:url(/upload_images/template/subnav.gif) 0 2px no-repeat;
}
#navigation ul#n2 li a{
font-size:90%;
color:#368B8D;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
color:#368B8D;
}
#navigation .n3{
width:200px;
margin-top:12px;
padding:0 0 0 8px;
text-decoration:none;
}
#navigation .n3 a{
font-size:83%;
color:#666;
font-weight:bold;
text-decoration:none;
}
#navigation .n3 a:hover{
text-decoration:underline;
}

/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
padding:24px 0 16px 0;
margin:0px 0 0 41px;
font-size:78%;
color:#666;
line-height:110%;
}
.breadcrumb a{
color:#666;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
color:#666;
text-decoration:none;
}

/*記事*/
#content #category{
width:468px;
height:25px;
margin:0 0 1px 41px;
padding:7px 0 0px 20px;
background:url(/upload_images/template/category.gif) no-repeat;
font-size:90%;
color:#737A7D;
font-weight:bold;
}
#content #page-title{
width:494px;
height:58px;
margin:0px 0 13px 35px;
background:url(/upload_images/template/pagetitle.gif) no-repeat;
}
#content #page-title h2{
width:441px;
padding:12px 0 0 53px;
line-height:105%;
font-size:130%;
color:#ff0000;
font-weight:bold;
}
#content #art{
margin-left:40px;
width:490px;
}
#content h3{
height:28px;
padding:14px 10px 0px 24px;
font-size:105%;
line-height:120%;
color:#333;
font-weight:bold;
background:url(/upload_images/template/h3_bg.gif) no-repeat;
}
#content p{
padding:14px 26px 15px 24px;
font-size:83%;
line-height:180%;
color:#333;
background:url(/upload_images/template/p_bg.gif) repeat-y;
}
#content .p-mr{
font-size:2px;
height:20px;
margin-bottom:25px;
background:url(/upload_images/template/p_footer.gif) no-repeat;
}

/*■6フッター*/
#footerwrapper{
width:799px;
height:44px;
background:url(/upload_images/template/footer.gif) no-repeat;
}
#footerwrapper p{
padding:14px 28px 0px 0px;
text-align:right;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#666;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}

/*■7アイコン*/
#content .top img{
margin:0 5px 0 0;
vertical-align:middle;
}
#content .top{
width:530px;
margin:30px 0px 0px 0px;
text-align:right;
}
#content .top a{
color:#666;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
text-decoration:underline;
}

/*カテゴリトップ*/
#catetop #content ul{
margin:15px 0 50px 13px;
list-style-type:none;
}
#catetop #content ul li a{
padding:0px 10px 5px 27px;
height:31px;
display:block;
font-size:105%;
font-weight:bold;
line-height:100%;
color:#666;
text-decoration:none;
background:url(/upload_images/template/catetop.gif) no-repeat;
}
#catetop #content ul li a:hover{
background:url(/upload_images/template/catetop_f2.gif) no-repeat;
text-decoration:underline;
}
#catetop #contentwrapper #content{
margin:0px 0 70px 0px;
}

/*外部リンクコード用*/
#code{
margin:50px 40px 0 5px;
font-size:75%;
line-height:150%;
color:#888;
}
#code a{
text-decoration:underline;
color:#888;
}