/*
GREE完全ガイド
up date:2007.12 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レイアウト*/
#shadow{
width:840px;
background:url(/upload_images/template/wrapper_bg.gif) repeat-y;
text-align:center;
margin: 0px auto 0px auto;
}
#wrapper{
width:820px;
margin: 0px auto 0px auto;
padding-bottom:24px;
text-align:left;
}
#header{
height:125px;
text-align:left;
background:url(/upload_images/template/header_bg.gif) no-repeat;
}
#contentwrapper{
width:795px;
text-align:left;
margin:0 0 0 12px;
background:url(/upload_images/template/contentwrapper_bg.gif) repeat-y;
border-bottom:#999 4px solid;
}
#contentwrapper #navigation{
float:left;
width:280px;
margin-bottom:20px;
}
#contentwrapper #content{
float:left;
width: 470px;
margin:0px 0 20px 0px;
}

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

/*■4ナビゲーション*/

#navarea{
width:795px;
height:85px;
margin-top:21px;
margin-left:12px;
position: relative;
}

#navarea{background:url(/upload_images/template/nav_bg1.gif) no-repeat;}
#step1 #navarea{background:url(/upload_images/template/nav_bg1.gif) no-repeat;}
#step2 #navarea{background:url(/upload_images/template/nav_bg2.gif) no-repeat;}
#step3 #navarea{background:url(/upload_images/template/nav_bg3.gif) no-repeat;}

#navarea ul {
height: 65px;
position:relative;
list-style: none;
}
#navarea ul li {
	position: absolute;
	top: 0;
}
#navarea ul li,
#navarea ul li a{
width: 257px;
height: 57px;
display: block;
font-size:14px;
color:#666;
font-weight:bold;
text-decoration:none;
}
#navarea ul li a:hover{
text-decoration:underline;
}
.link1 { left: 0px;}
.link2 { left: 269px;}
.link3 { left: 538px;}
.link1 a.ov:hover,.link-1 a.ov:visited:hover { background:url(/upload_images/template/nav1_f2.gif) no-repeat; left: 0px;}
.link2 a.ov:hover,.link-2 a.ov:visited:hover { background:url(/upload_images/template/nav2_f2.gif) no-repeat; left: 269px;}
.link3 a.ov:hover,.link-3 a.ov:visited:hover { background:url(/upload_images/template/nav3_f2.gif) no-repeat; left: 538px;}
#navarea ul li a div{
padding:31px 0 0 11px;
}
#navarea ul li a.selected div{
padding:40px 0 0 15px;
}


#n2-title{
padding:10px 10px 14px 10px;
font-size:88%;
line-height:110%;
color:#333;
font-weight:bold;
}
#subnav-wrap{
width:226px;
margin:0 0px 0 14px;
background:#F2F6FF;
border:#999 1px solid;
}
#subnav-wrap-mr{
height:4px;
font-size:4px;
width:262px;
margin:0 0px 0 20px;
border-left:#fff 1px solid;
border-right:#4DAB2F 1px solid;
}
#catlink{
margin:0px 5px 8px 5px;
padding:4px 0px 4px 18px;
background:#fff url(/upload_images/template/cate_icon.gif) 5px 7px no-repeat;
font-size:88%;
color:#666;
font-weight:bold;
}
#catlink a{
color:#666;
text-decoration:none;
}
#catlink a:hover{
text-decoration:underline;
}
#navigation ul#n2{
list-style-type:none;
margin:0 0px 0 0px;
padding-bottom:25px;
}
#navigation ul#n2 li{
margin:0 17px 0px 10px;
padding:0 0px 5px 11px;
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;
}
#navigation ul#n2 li a:visited{
color:#006699;
}
#navigation .toppage{
margin:13px 0 0 23px;
}
#navigation .toppage a{
font-size:80%;
line-height:100%;
color:#666;
text-decoration:none;
font-weight:bold;
}
#navigation .toppage a:hover{
text-decoration:underline;
}


/*■5コンテンツ*/
/*パンくず*/
.breadcrumb{
padding:3px 0 18px 19px;
font-size:83%;
color:#666;
line-height:110%;
}
.breadcrumb a{
color:#666;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}
.breadcrumb span{
text-decoration:none;
color:#666;
}

/*記事*/
#content #page-title{
background:url(/upload_images/template/pagetitle_bg.gif);
border-top:#FF59AC 3px solid;
border-bottom:#FF59AC 3px solid;
}
#content #page-title #category{
margin:7px 0 0 11px;
padding:0px 10px 4px 12px;
font-size:95%;
font-weight:bold;
color:#666;
background:url(/upload_images/template/cate_icon.gif) 0 4px no-repeat;
}
#content #page-title h2{
padding:0px 10px 6px 9px;
font-size:130%;
font-weight:bold;
color:#333;
}
#content #art{
margin-bottom:30px;
}
#content h3{
margin-top:10px;
padding:7px 10px 8px 17px;
background:#999;
font-size:105%;
line-height:100%;
color:#fff;
}
#content p{
margin:0px 0 20px 2px;
padding:8px 0 0 2px;
font-size:87%;
line-height:175%;
color:#333;
}
#content .photo{
margin:10px 0 0 4px;
}
#content .photo img{
padding:4px;
border:#ccc 1px solid;
}
#content .cap{
width:450px;
margin:6px 0 15px 4px;
font-size:76%;
line-height:165%;
color:#333;
}
#content a{
color:#333;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;
}

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

/*カテゴリトップ*/

#content #art-catetop{
padding-bottom:140px;
}
#content #art-catetop ul{
margin-top:30px;
list-style-type:none;
}
#content #art-catetop ul li{
margin:0px 0px 14px 3px;
}

#content #art-catetop ul li a{
padding:0 0 4px 16px;
background:url(/upload_images/template/catetop_icon.gif) 0 1px no-repeat;
font-size:105%;
font-weight:bold;
line-height:100%;
color:#666;
text-decoration:none;
}
#content #art-catetop ul li a:hover{
text-decoration:underline;
}
#content #art-catetop ul li a:visited{
color:#006699;
}

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