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


/*■1共通指定*/
*{margin:0;padding:0;}

body{
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background-color:#918C8C;
}
img{border:none;}
ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.comment,.hide,h1{
position:absolute;
top:-9999px;
left:-9999px;
}
.clear{
clear:both;
font-size:2px;
}

/*■2レイアウト*/
#shadow-wrapper{
width:830px;
background:url(/upload_images/template/bg_shadow.gif) right repeat-y;
}
#wrapper{
width:820px;
text-align:left;
}
#headerwrapper{
width:820px;
height:126px;
background:#333;
}
#content{
background:url(/upload_images/template/bg.gif);
}

/*■3ヘッダー*/
#header-mr{
width:820px;
height:8px;
background:url(/upload_images/template/bar_header.gif) no-repeat;
font-size:6px;
}
#headerwrapper #maintitle{
float:left;
width:600px;
}
#headerwrapper #nav{
float:left;
width:220px;
}
#headerwrapper #nav ul{
list-style-type:none;
margin:57px 0 0 5px;
}

#headerwrapper #nav ul li{
margin-bottom:10px;
padding-left:12px;
padding-top:2px;
border-left:#ccc 2px solid;
}
#headerwrapper #nav ul li a{
font-size:110%;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#headerwrapper #nav ul li a:hover{
text-decoration:underline;
}
#headerwrapper img{
margin:49px 0 0px 43px;
}
#headerwrapper h1{
font-size: 140%;
color:#666;
}

/*■4ナビゲーション*/
#subnav{
margin:0px 0 20px 50px;
padding:14px 0px 5px 0px;
width:720px;
background:#333;
}
#subnav .category{
margin:0 0 6px 18px;
font-size:90%;
color:#fff;
font-weight:bold;
}
#subnav ul{
margin:0 20px 0px 18px;
list-style-type:none;
}
#subnav ul li{
float:left;
margin-right:15px;
}
#subnav a{
font-size:90%;
color:#fff;
text-decoration:underline;
}
#subnav a:hover{
text-decoration:none;
}

/*■5コンテンツ*/
#content-mr{
width:820px;
height:35px;
font-size:10px;
}
#content #pagetitle{
margin:0 0 0 50px;
padding:16px 15px 11px 15px;
width:690px;
background:#333;
}
#content #pagetitle table{

}
#content #pagetitle table th{
padding:12px 18px 12px 18px;
background:#eee;
}
#content #pagetitle table td{
padding:0px 10px 0px 18px;
color:#fff;
font-size:90%;
line-height:170%;
}
#content #pagetitle h2{
font-size:120%;
color:#E30000;
font-weight:bold;
}
#art{
margin:0 0 0 50px;
padding-bottom:10px;
width:710px;
background:#fff;
border:#333 5px solid;
}
#cate #art{
margin:0 0 0 50px;
padding:30px 0 30px 0;
width:710px;
background:#fff;
border:#333 5px solid;
}
#art h3{
padding:20px 0px 10px 22px;
font-size:120%;
color:#000;
}
#art p{
width:660px;
margin:0 0 20px 22px;
font-size:85%;
color:#000;
line-height:170%;
}
#art .bar{
margin:0 0 0 19px;
}
#guide #art{
margin:0 0 0 50px;
padding-bottom:0px;
width:720px;
background:#fff;
border:none;
}
#guide #art table.step{
width:720px;
border-left:#333 5px solid;
border-right:#333 5px solid;
border-bottom:#333 5px solid;
}
#guide #art table.step th{
padding:10px 0px 10px 20px;
border-bottom:#C8C8C8 1px solid;
font-weight:normal;

}
#guide #art table.step td{
padding:10px 10px 10px 10px;
border-bottom:#C8C8C8 1px solid;
}
#guide #art table.step .gray{
background:#F0EFF1;
}

/*■5トップページ*/
#top-linkarea{
margin-left:50px;
margin-bottom:40px;
}

#top-linkarea #link1{
width:380px;
height:93px;
float:left;
display:block;
}
#top-linkarea #link2{
width:340px;
height:93px;
float:left;
display:block;
}
#top-linkarea #link1 a,
#top-linkarea #link2 a{
width:340px;
height:93px;
display:block;
background:url(/upload_images/template/top_link.gif) no-repeat;
font-size:110%;
color:#333;
font-weight:bold;
text-decoration:none;
}
#top-linkarea #link1 a div{padding:40px 0 0 59px;}
#top-linkarea #link2 a div{padding:40px 0 0 59px;}

#top-linkarea #link1 a:hover,
#top-linkarea #link2 a:hover{
color:#ff0000;
text-decoration:underline;
background:url(/upload_images/template/top_link_f2.gif) no-repeat;
}

/*■5カテゴリトップ*/
ul#category{
list-style-type:none;
margin:30px 10px 30px 34px;
}
ul#category li{
margin-bottom:20px;
padding:0 0 10px 24px;
background:url(/upload_images/template/icon_cat.gif) 0px 3px no-repeat;
}
ul#category li a{
color:#FF0000;
font-size:120%;
text-decoration:none;
font-weight:bold;
}
ul#category li a:hover{
text-decoration:underline;
}

/*■6フッター*/
#footer-mr{
width:820px;
height:5px;
background:url(/upload_images/template/bar_footer.gif) no-repeat;
font-size:3px;
}
#footerwrapper{
width:820px;
height:75px;
background:#333;
text-align:right;
}
#footerwrapper p{
padding:12px 50px 0 0;
color:#fff;
font-size:70%;
letter-spacing:0.1em;
}
#footerwrapper p a{
color:#fff;
text-decoration:none;
}
#footerwrapper p a:hover{
text-decoration:underline;
}

/*■7アイコン*/
#content .gototop img{
margin:0 3px 0 0;
}
#content .gototop{
clear:both;
margin:0 0 0 144px;
padding:16px 55px 30px 0;
text-align:right;
}
#content .gototop a{
font-size:70%;
color:#F0EFF1;
text-decoration:none;
}
#content .gototop a:hover{
text-decoration:underline;
}

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