/*
やさしい歯列矯正ガイド
up date:2008.1 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:#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:828px;
margin: 0px auto 0px auto;
text-align:left;
background:url(/upload_images/template/contentwrapper_bg.gif) repeat-y;
}
#header{
height:138px;
text-align:left;
background:url(/upload_images/template/header_bar.gif) center bottom no-repeat;
}
#navi-menu{
width:795px;
margin:13px 0 0 33px;
text-align:center;
}
#contentwrapper{
width:828px;
text-align:left;
margin-top:40px;
}
#contentwrapper #navigation{
float:right;
width:285px;
margin-bottom:60px;
}
#contentwrapper #content{
float:left;
width: 500px;
margin:0px 0 40px 0px;
}

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

/*■4ナビゲーション*/
#navi-menu ul{
list-style-type:none;
text-align:center;
}
#navi-menu  li{
text-align:left;
margin-right:18px;
float:left;
display:block;
}
#navi-menu a{
padding:9px 0px 10px 36px;
background:url(/upload_images/template/nav_icon.gif) no-repeat;
display: block;
font-size:88%;
color:#FF3366;
line-height:100%;
font-weight:bold;
text-decoration:none;
}
#navi-menu a:hover,#navi-menu a:visited:hover {
color:#cc0066;
text-decoration:underline;
}
/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
#navi-menu a.selected,#navi-menu a.selected:visited:hover {
color:#0066cc;
text-decoration:none;
background:url(/upload_images/template/nav_icon_f2.gif) no-repeat;
}

/*■4-2サブナビ*/
#subnav-wrap{
width:255px;
margin:8px 0 0 0;
padding:16px 0 4px 0;
background:url(/upload_images/template/subnav_bg.gif);
}
#catlink{
margin-left:17px;
padding:0 10px 8px 16px;
background:url(/upload_images/template/nav_cate.gif) 0 2px no-repeat;
font-size:88%;
color:#333;
font-weight:bold;
}
#catlink a{
color:#333;
text-decoration:none;
}
#catlink a:hover{
text-decoration:underline;
}

#navigation ul#n2{
list-style-type:none;
margin:0px 0px 20px 21px;
}
#navigation ul#n2 li{
padding:0 0px 5px 12px;
background:url(/upload_images/template/subnav.gif) 0 6px no-repeat;
}
#navigation ul#n2 li a{
font-size:80%;
line-height:100%;
color:#666;
text-decoration:none;
}
#navigation ul#n2 li a:hover{
text-decoration:underline;
color:#666;
}
#navigation ul#n2 li a:visited{
color:#cc0066;
}
#navigation #nav-mr{
height:15px;
font-size:4px;
background:url(/upload_images/template/nav_bg3.gif) no-repeat;
}
#navigation .toppage{
margin-top:2px;
}
#navigation .toppage a{
margin-left:2px;
font-size:80%;
line-height:100%;
color:#666;
text-decoration:none;
font-weight:bold;
}
#navigation .toppage a:hover{
text-decoration:underline;
}

/*■5コンテンツ*/
/*記事*/
#content #page-title{
width:449px;
margin:0 0 20px 43px;
background:url(/upload_images/template/pagetitle_bg.gif) no-repeat;
}
#content #page-title #category{
height:29px;
padding:11px 5px 0 43px;
font-size:105%;
color:#fff;
font-weight:bold;
}
#content #page-title h2{
padding:8px 5px 18px 43px;
font-size:130%;
color:#0066cc;
font-weight:bold;
}
#content #art{
width:448px;
margin-left:44px;
margin-bottom:0px;
}
#content #art h3{
padding:3px 0 5px 26px;
background:url(/upload_images/template/h3_icon.gif) no-repeat;
font-size:105%;
line-height:100%;
color:#333;
}
#content #art p{
padding:4px 2px 24px 5px;
margin-bottom:16px;
font-size:87%;
line-height:175%;
color:#333;
background:url(/upload_images/template/bar.gif) left bottom no-repeat;
}
#content p strong{
}
#content a{
color:#333;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;
}

/*■6フッター*/
#footerwrapper{
width: 828px;
text-align:right;
background:url(/upload_images/template/footer_mr.gif) center bottom no-repeat;
}
#footerwrapper p{
padding:11px 15px 18px 0;
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;
}
#content .top{
margin:0px 10px 0 0;
text-align:right;
}
#content .top a{
color:#333;
text-decoration:none;
font-size:70%;
}
#content .top a:hover{
text-decoration:underline;
}

/*カテゴリトップ*/

#cate #content #art{
}
#cate #content #art ul{
margin:3px 0 0 2px;
padding-bottom:30px;
list-style-type:none;
}
#cate #content #art ul li{
margin-bottom:16px;
}

#cate #content #art ul li a{
padding:3px 0 5px 22px;
background:url(/upload_images/template/cate_top.gif) 0 3px no-repeat;
font-size:105%;
font-weight:bold;
line-height:100%;
color:#333;
text-decoration:none;
}
#cate #content #art ul li a:hover{
text-decoration:underline;
color:#CC0066;
}
#cate #content #art ul li a:visited{
color:#CC0066;
}

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