/*
テーブルマナー
up date:2007.6 by ioix
■1共通指定
■2レイアウト
■3ヘッダー
■4ナビゲーション
■4-2サブナビ
■5コンテンツ
■6フッター


*/

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

body{
margin-bottom:30px;
text-align:center;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",arial, sans-serif, Osaka, verdana;
color:#333;
background:url(/upload_images/template/bg.gif) 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;
}
.clear{
clear:both;
}
.mr5{margin-top:5px;}
.mr15{margin-top:15px;}
.mr-top{
width:790px;
height:14px;
font-size:1px;
background:url(/upload_images/template/table_right.gif) no-repeat;
}
.mr-footer{
clear:both;
height:17px;
}
.right{text-align:right;}
.center{text-align:center;}

/*■2レイアウト*/
#wrapper{
width:790px;
text-align:center;
margin: 0px auto 0px auto;
text-align:left;
}
#nav {
width: 550px;
height: 40px;
position: relative;
}
#contentwrapper{
width:788px;
background:#DAE9F3;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
}
#contentwrapper #subnav-area{
float:left;
width:243px;
}
#contentwrapper #content{
float:left;
margin:13px 0 30px 0;
width:525px;
}

/*■3ヘッダー*/
#maintitle{
padding:25px 0 20px 0px;
}
#maintitle h1{
font-size: 140%;
color:#666;
}

/*■4ナビゲーション*/
#nav a , #nav span{
text-indent: -5000px;
text-decoration: none;
}
#nav li {
text-indent: -5000px;
list-style: none;
position: absolute;
top: 0;
}

#nav li, #nav a {
height: 40px;
display: block;
}

#nav1 {background: url(/upload_images/template/nav1.gif) no-repeat; left: 0px; width: 134px;}
#nav2 {background: url(/upload_images/template/nav2.gif) no-repeat; left: 138px; width: 134px;}
#nav3 {background: url(/upload_images/template/nav3.gif) no-repeat; left: 276px; width: 134px;}
#nav4 {background: url(/upload_images/template/nav4.gif) no-repeat; left: 414px; width: 134px;}

#nav1 a:hover, #nav1 a:visited:hover {background: url(/upload_images/template/nav1_f2.gif) no-repeat; left: 0px; width: 134px;}
#nav2 a:hover, #nav2 a:visited:hover {background: url(/upload_images/template/nav2_f2.gif) no-repeat; left: 138px; width: 134px;}
#nav3 a:hover, #nav3 a:visited:hover {background: url(/upload_images/template/nav3_f2.gif) no-repeat; left: 276px; width: 134px;}
#nav4 a:hover, #nav4 a:visited:hover {background: url(/upload_images/template/nav4_f2.gif) no-repeat; left: 414px; width: 134px;}

/*.selected  現在地の場合にクラス指定で画像を変えるソース　*/
#nav1 .selected{background: url(/upload_images/template/nav1_f2.gif) no-repeat; left: 0px; width: 134px;}
#nav2 .selected{background: url(/upload_images/template/nav2_f2.gif) no-repeat; left: 138px; width: 134px;}
#nav3 .selected{background: url(/upload_images/template/nav3_f2.gif) no-repeat; left: 276px; width: 134px;}
#nav4 .selected{background: url(/upload_images/template/nav4_f2.gif) no-repeat; left: 414px; width: 134px;}

/*■4-2　サブナビ*/

#contentwrapper #subnav-area .image img{
margin:15px 0 0 20px;
}
#top #contentwrapper #subnav-area #subnav,
#article #contentwrapper #subnav-area #subnav{
margin:16px 0 26px 38px;
}
#top #contentwrapper #subnav-area #subnav li{
margin:8px 3px 8px 0;
padding-left:2px;
list-style:url(/upload_images/template/icon.gif) outside;
font-size:86%;
}
#article #contentwrapper #subnav-area #subnav li{
margin:8px 10px 8px 0;
padding-left:2px;
list-style:url(/upload_images/template/icon.gif) outside;
font-size:83%;
}
#top #contentwrapper #subnav-area #subnav li a,
#article #contentwrapper #subnav-area #subnav li a{
text-decoration:underline;
color:#000;
}
#top #contentwrapper #subnav-area #subnav li a:hover,
#article #contentwrapper #subnav-area #subnav li a:hover{
text-decoration:none;
color:#CC0000;
}
#article #contentwrapper #subnav-area .cat{
margin:20px 0 0 22px;
font-size:100%;
font-weight:bold;
color:#000;
}
#contentwrapper #subnav-area .subnav-top{
margin-top:10px;
}
#contentwrapper #subnav-area .subnav-top a{
margin:0px 0 0 22px;
font-size:86%;
text-decoration:none;
color:#000;
}
#contentwrapper #subnav-area .subnav-top a:hover{
text-decoration:none;
color:#CC0000;
}

/*■5コンテンツ*/
.breadcrumb{
font-size:83%;
margin:0 0 16px 0;
}
.breadcrumb a{
color:#CC0000;
text-decoration:underline;
}
.breadcrumb a:hover{
color:#CC0000;
text-decoration:none;
}
.breadcrumb span{
color:#000;
text-decoration:none;
}
#article #contentwrapper #content #art{
background:#fff;
}
#article #content #page-title{
width:525px;
background:url(/upload_images/template/h2bg-2.gif) repeat-y;
}
#article #content #page-title h2{
margin-left:16px;
padding:2px 0 2px 0;
font-size:135%;
line-height:105%;
color:#000;
font-weight:bold;
}
.mr-page-title1{
background:url(/upload_images/template/h2bg-1.gif) no-repeat;
height:14px;
font-size:1px;
}
.mr-page-title2{
margin:0 0 10px 0;
background:url(/upload_images/template/h2bg-3.gif) no-repeat;
height:14px;
font-size:1px;
}
#article #content h3{
padding:16px 0 13px 2px;
font-size:130%;
line-height:105%;
color:#2D88B5;
font-weight:bold;
}
.element{
margin:0 15px 0 15px;
padding-bottom:20px;
font-size:83%;
color:#000;
line-height:165%;
}
.element strong{
font-weight:bold;
color:#42B4FF;
}
#content hr{
border:#DAE9F3 2px solid;
}

/*■6フッター*/
#footerwrapper{
clear:both;
width:790px;
height:21px;
background:url(/upload_images/template/bg_btm.gif) no-repeat;
}
#footerwrapper p{
padding:0;
text-align:center;
font-size:70%;
color:#666;
letter-spacing:0.1em;
}

/*トップ*/
#top .top-introduction{
margin:24px 0 0 15px;
}
#top #contentwrapper #content{
background:#fff;
}
#top #content h2{
margin:16px 0 13px 2px;
font-size:135%;
line-height:105%;
color:#2D88B5;
font-weight:bold;
}

/*カテゴリトップ*/
#article #contentwrapper #content #category{
padding:30px 5px 0 24px;
background:#fff;
height:350px;
}
#article #contentwrapper #content #category h3{
margin:0px 0 22px 0;
padding:4px 0 7px 38px;
font-size:120%;
line-height:105%;
font-weight:bold;
background:url(/upload_images/template/icon_cat.gif) no-repeat;
}
#article #contentwrapper #content #category h3 a{
color:#2D88B5;
text-decoration:none;
}
#article #contentwrapper #content #category h3 a:hover{
text-decoration:underline;
}

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