/*
節約ガイド
up date:2007.9 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■5コンテンツ-
■6フッター
*/


/*■1共通指定*/
*{margin:0;padding:0;}
body{
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background:url(/upload_images/template/bg.gif);
}
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;
}

/*■2レイアウト*/
#wrapper{
width:860px;
text-align:left;
margin: 0px auto 0px auto;
padding-top:30px;
background:#fff;
border-left:#ccc 2px solid;
border-right:#ccc 2px solid;
}
#header{
margin-left:30px;
width:800px;
height:140px;
background:url(/upload_images/template/bg_header.gif) no-repeat;
}
#contentwrapper{
margin-left:30px;
width:800px;
}
#contentwrapper #navigation{
float:left;
width:360px;
margin:0px 30px 20px 0px;
}
#contentwrapper #content{
float:left;
width: 410px;
margin:0px 0 20px 0px;
}

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

/*■4ナビゲーション*/
#navigation ul{
list-style-type:none;
background:#FFEBC4;
padding:18px 0 30px 0;
}
#navigation ul li{
margin:0 20px 10px 18px;
padding:0 2px 4px 21px;
background:url(/upload_images/template/icon.gif) 0 2px no-repeat;
}
#navigation ul li a{
font-size:87%;
line-height:100%;
color:#006699;
text-decoration:none;
}
#navigation ul li a:hover{
color:#ff0000;
text-decoration:underline;
}
#navigation ul li a:visited{
color:#990066;
}

/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
margin:14px 0 14px 30px;
font-size:83%;
color:#333;
line-height:110%;
}
.breadcrumb a{
color:#006699;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}

/*記事*/
#content #page-title{
padding:18px 20px 18px 24px;
background:#D32323;
}
#content #page-title h2{
font-size:120%;
font-weight:bold;
line-height:105%;
color:#fff;
}
#content #art{
width:410px;
background:url(/upload_images/template/bg_content2.gif) bottom no-repeat;
}
#content  #art p{
padding:16px 24px 34px 24px;
margin:0 0 0 0px;
font-size:90%;
line-height:220%;
color:#000;
background:url(/upload_images/template/bg_content.gif) repeat-y;
}
#content .content-mr{
width:410px;
height:5px;
font-size:5px;
background:url(/upload_images/template/bg_content2.gif) bottom no-repeat;
}

/*■6フッター*/
#footerwrapper{
margin-left:30px;
width: 800px;
background:url(/upload_images/template/footer.gif) no-repeat;
text-align:right;
}
#footerwrapper p{
padding:15px 0px 40px 0;
font-size:70%;
color:#333;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#333;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}

/*トップページ*/
#top #wrapper{
border-bottom:#ccc 2px solid;
margin-bottom:30px;
}
#hajimeni{
margin:20px 0px 16px 15px;
}
#hajimeni img{
float:left;
width:104px;
padding-top:4px;
}
#hajimeni p{
float:left;
width:681px;
font-size:90%;
line-height:220%;
color:#000;
}

#top-navigation{
width:800px;
background:#FFEBC4;
margin:0px 0px 30px 0px;
padding-bottom:40px;
}
#top-navigation img{
margin:19px 0 23px 18px;
}
#top-navigation ul{
list-style-type:none;
margin-left:18px;
}
#top-navigation ul li{
float:left;
margin:0 25px 10px 0px;
padding:0 2px 4px 21px;
background:url(/upload_images/template/icon.gif) 0 2px no-repeat;
}
#top-navigation ul li a{
font-size:95%;
line-height:100%;
color:#006699;
text-decoration:none;
}
#top-navigation ul li a:hover{
color:#ff0000;
text-decoration:underline;
}
#top-navigation ul li a:visited{
color:#990066;
}

/*外部リンクコード用*/
#code{
margin:0px 34px 0 34px;
padding:0 0 10px 0;
font-size:70%;
line-height:150%;
color:#666;
}
#code a{
text-decoration:underline;
color:#666;
}