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


/*■1共通指定*/
*{margin:0;padding:0;}
body{
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:4px;
}

/*■2レイアウト*/
#wrapper{
width:886px;
background:#fff url(/upload_images/template/bg_right.gif) right repeat-y;
}
#header{
width:867px;
height:138px;
text-align:left;
background:url(/upload_images/template/header.gif) no-repeat;
}
#contentwrapper{
width:880px;
margin-top:18px;
text-align:left;
background:url(/upload_images/template/bg_content.gif) repeat-x #fff;
}
#contentwrapper #navigation{
float:left;
width:290px;
margin-bottom:30px;
background:url(/upload_images/template/bg_nav.gif) no-repeat;
}
#contentwrapper #content{
float:left;
width: 560px;
margin:0px 0 35px 0px;
}

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

/*■4ナビゲーション*/
#navigation .bar{
}
#navigation ul#n1{
list-style-type:none;
margin-left:20px;
}
#navigation ul#n1 li{
width:240px;
padding:0;
}
#navigation ul#n1 li a{
background:url(/upload_images/template/nav.gif) 0 16px no-repeat;
padding:14px 0px 14px 19px;
border-bottom:#D2C8BB 1px solid;
display:block;
font-size:100%;
line-height:130%;
color:#666;
font-weight:bold;
text-decoration:none;
}
#navigation ul#n1 li a:hover,
#navigation ul#n1 li a.selected{
color:#0066FF;
background:url(/upload_images/template/nav_f2.gif) 0 16px no-repeat;
}
#catlink{
margin:45px 30px 18px 20px;
padding:10px 4px 8px 24px;
background:#EFEFEF url(/upload_images/template/icon_cat.gif) 7px 11px no-repeat;
font-size:87%;
color:#666;
font-weight:bold;
}
#navigation ul#n2{
list-style-type:none;
margin-left:24px;
}
#navigation ul#n2 li{
margin:0 20px 8px 0px;
padding:0 0px 0px 14px;
background:url(/upload_images/template/icon_cat2.gif) 0 7px no-repeat;
}
#navigation ul#n2 li a{
font-size:83%;
line-height:100%;
color:#333;
text-decoration:underline;
}
#navigation ul#n2 li a:hover{
text-decoration:none;
}
#navigation ul#n2 li.toppage{
padding-top:15px;
background-image:none;
}
#navigation ul#n2 li.toppage a{
text-decoration:none;
}
#navigation ul#n2 li.toppage a:hover{
color:#0066FF;
}

/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
margin:0px 0 22px 0;
font-size:83%;
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 .check{
margin-top:16px;
}
#content #category{
padding:10px 0 10px 82px;
font-size:100%;
color:#000;
line-height:110%;
font-weight:bold;
background:url(/upload_images/template/mame.gif) no-repeat;
}
#content #page-title-mr1{
height:4px;
background:url(/upload_images/template/pagetitle1.gif) no-repeat;
font-size:2px;
}
#content #page-title-mr2{
height:6px;
background:url(/upload_images/template/pagetitle2.gif) no-repeat;
font-size:2px;
}
#content #page-title{
margin:40px 0 25px 0;
background:url(/upload_images/template/pagetitle.gif) repeat-y;
}
#content #page-title img{
margin-right:6px;
}
#content #page-title h2{
padding:1px 0 0px 24px;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#003399;
}
#content #page-title h2 img{
vertical-align:middle;
}
#content #page-title h2 span{
margin-left:6px;
color:#000;
}
#content #page-title h2.art{
padding:7px 0 0px 24px;
line-height:130%;
font-size:90%;
}
#content #page-title h2.art span{
font-size:120%;
}
#content #art{
width:560px;
border-bottom:#666 1px solid;
background:url(/upload_images/template/art2.gif) repeat-y;
}
#content h3{
padding:17px 0 17px 24px;
background:url(/upload_images/template/art1.gif) no-repeat;
font-size:100%;
line-height:100%;
color:#333;
}
#content p{
padding:13px 20px 30px 24px;
margin:0 0 0 0px;
font-size:87%;
line-height:170%;
color:#000;
}

/*■6フッター*/
#footerwrapper{
width: 886px;
background:#F5F0E9 url(/upload_images/template/bg_right.gif) right repeat-y;
text-align:right;
}
#footerwrapper p{
padding:21px 20px 21px 0;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}
#footer-mr1{
width: 886px;
height:1px;
background:url(/upload_images/template/border.gif) no-repeat;
font-size:1px;
}
#footer-mr2{
padding-bottom:20px;
width: 886px;
height:5px;
background:url(/upload_images/template/footer_mr.gif) no-repeat;
font-size:2px;
}

/*■7アイコン*/
#content .top img{
margin:0 5px 0 0;
}
#content .top{
margin:20px 2px 0 0;
text-align:right;
}
#content .top a{
color:#333;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
text-decoration:underline;
}

/*トップページ*/
#hajimeni{
margin:1px 0 0px 0;
height:54px;
background:url(/upload_images/template/hajimeni.jpg) no-repeat;
}
#toppage #content #art h2{
margin:0 0 0 0;
padding:1px 0 0px 24px;
background:url(/upload_images/template/pagetitle.gif) repeat-y;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#003399;
}
#toppage #content #art h2 img{
vertical-align:middle;
}
#toppage #content #art{
width:560px;
border-bottom:#666 1px solid;
background:url(/upload_images/template/art2_top.gif) repeat-y;
}

/*カテゴリトップ*/
#content #cat ul{
list-style-type:none;
margin-left:24px;
}
#content #cat ul li{
margin:0 20px 18px 0px;
padding:0 0px 0px 16px;
background:url(/upload_images/template/icon_cat2.gif) 0 5px no-repeat;
}
#content #cat ul li a{
font-size:100%;
line-height:105%;
color:#333;
font-weight:bold;
text-decoration:none;
}
#content #cat ul li a:hover{
text-decoration:underline;
}

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