@charset "UTF-8";
/*--------------------------------------------------
for AmebaGG gg_content SkinCSS
$Id: content_gg.css,v 1.5 2009/01/05 06:36:00 higashino_mami Exp $
--------------------------------------------------*/

/*TOC===============================================
colorSet
ggheader
topNav_gg
contentWrap
mainCol
topLink
sideCol
Recommends
breadcrumbs
footer
==================================================*/

/*colorSet
--------------------------------------------*/
body{background: #FFF url("//stat100.ameba.jp/p_skin/gg/img/content/gg/bg.gif") repeat-y center top;}

#topNav, #topNav ul, #sideCol .sideNav{background-color: #E771AD;}
#sideCol h2, #sideCol .sideNav .user, #sideCol .sideNav a:hover{background-color: #E1478F;}

/*ggheader
--------------------------------------------*/
#ggheader {width:900px;margin:0 auto;padding:9px 0 11px;background-color:#FFFFFF;}
#ggheader .logo{float: left;padding: 9px 0 0 5px;width: 400px;text-align:left;margin:0;}
#ggheader #headerAd{float: right;width: 468px;padding-right:5px;}

/*topNav_gg
--------------------------------------------*/
#topNav{width:890px;height:20px;margin: 0 auto 10px;padding:0 0 5px 0;color: #FFF;}
#topNav ul,li {margin:0; padding:0;list-style-type:none; }
#topNav ul{font-size:1.17em;overflow:hidden;zoom:1;}

#topNav li{float:left;text-align:center;}
#topNav li a{display:block;height:17px;padding-top:3px;color: #FFF;}
#topNav li a:hover{text-decoration:none;}
#topNav li a:visited{text-decoration:none;}

#topNav_gg a {width:150px;background:#E771AD;border-right:1px solid #FFFFFF;}
#topNav_gg a:hover {background:#E771AD;}
#topNav_candy a {width:150px;background:#FEAAD6;border-right:1px solid #FFFFFF;}
#topNav_candy a:hover {background:#FE54AC;}
#topNav_mariana a {width:151px;background:#FECFCF;border-right:1px solid #FFFFFF;}
#topNav_mariana a:hover {background:#FE9E9E;}
#topNav_floom a {width:151px;background:#E8C2EB;border-right:1px solid #FFFFFF;}
#topNav_floom a:hover {background:#D084D7;}
#topNav_contents a {width:137px;background:#F3B8D6;border-right:1px solid #FFFFFF;}
#topNav_contents a:hover {background:#E771AD;}
#topNav_ginger a {display:block;width:146px;background:url(//stat100.ameba.jp/gg/img/screen/common/navi_ginger.gif) 43px top no-repeat #a4e6f1;text-indent:-9999px;}
#topNav_ginger a:hover {background-position:43px -20px;background-color:#00afcc;}

/*contentWrap
--------------------------------------------*/
#contentWrap {width: 890px;margin:0 auto;padding:0 5px;}

/*mainCol
--------------------------------------------*/
#mainCol {float: left;width: 705px;padding-bottom:70px;}

/*topLink
--------------------------------------------*/
#topLink{padding-top:10px;text-align: right;}
#topLink a{color:#E771AD;}

/*sideCol
--------------------------------------------*/
#sideCol img { border:0; vertical-align:bottom; }
#sideCol div,#sideCol dl,#sideCol dt,#sideCol dd,#sideCol ul,#sideCol ol,#sideCol li{ margin:0; padding:0; }
#sideCol fieldset,img { border:0; }
#sideCol h1,#sideCol h2{ font-size:100%;margin:0; padding:0;}
#sideCol table { border-collapse:collapse; border-spacing:0; }
#sideCol ul,li { list-style-type:none; margin:0; padding:0; }


#sideCol {float: right;width: 175px;text-align:left;}
#sideCol a{color:#666;}

#sideCol .sideNav{border: 1px solid #9C9C9C;color: #FFF;}
.sideNav a:hover{display: block;position: relative;width: 173px; height: 32px;}
.sideNav .user a:hover{width: 103px; height: 12px;}
.sideNav .regist{ height: 33px;}
.sideNav .ggMates{ height: 33px;}
*+html body .sideNav .user a:hover{height: 15px;}

.sideNav .user {width:157px !important;padding:5px 7px 3px;border:1px solid #FFF;}
.sideNav .user div {padding:10px 0 0 52px;}
.sideNav .user a {overflow: hidden;}
	
* html .sideNav li{display: block;width: 173px;font-size: 0px;line-height:0;}
* html .sideNav .user p{font-size:13px;line-height:15px;}
* html .sideNav a {display: block;position: relative;width: 173px; height: 32px;text-indent:-9999px;}
* html .sideNav .regist{ height: 33px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_regist.png", sizingMethod="scale");}
* html .sideNav .login{ height: 32px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_login.png", sizingMethod="scale");}
* html .sideNav .ggMates{ height: 33px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_ggMates.png", sizingMethod="scale");}
* html .sideNav .staffBlog{ height: 32px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_staffBlog.png", sizingMethod="scale");}
* html .sideNav .user a{display: block;width: 103px; height: 12px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_top.png", sizingMethod="scale");}
* html .sideNav .regist a:hover{ height: 33px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_regist.png", sizingMethod="scale");}
* html .sideNav .login a:hover{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_login.png", sizingMethod="scale");}
* html .sideNav .ggMates a:hover{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_ggMates.png", sizingMethod="scale");}
* html .sideNav .staffBlog a:hover{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_staffBlog.png", sizingMethod="scale");}
* html .sideNav .user a:hover{width: 103px; height: 12px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://stat100.ameba.jp/p_skin/gg/img/content/btn_top.png", sizingMethod="scale");cursor: pointer;}
* html .sideNav .user div{padding-top:12px;}

#sideCol dl{margin-top:10px;}
#sideCol dt{float: left; width: 80px;height: 80px;}
#sideCol dd{float: right; width: 87px;height: 80px; padding:0 4px;}

#sideCol h2{margin:15px 0 0;padding:3px 0 4px 5px;vertical-align: middle;}
#sideCol h2 img{vertical-align: middle;}
#sideCol h3{padding:0 0 1px 12px;}

/*Recommends
--------------------------------------------*/
#sideCol #recommends {margin-bottom:15px;}
#sideCol #recommends #rec_listLink {padding:10px 3px 0; text-align:right;}
#sideCol #recommends #rec_listLink a {padding:0 0 0 12px;background: url("//stat100.ameba.jp/p_skin/gg/img/content/ico_arrow_orchid.gif") no-repeat 2px center;}

/*breadcrumbs
--------------------------------------------*/
#breadcrumbs {padding-bottom:2px;color:#666666;}
#breadcrumbs a{color:#666666;}

/*footer
--------------------------------------------*/
#footerArea ul,#footerArea li,#footerArea dl,#footerArea dt,#footerArea dd{margin:0;padding:0;}

#footerArea a {color:#0066CC;text-decoration:none;}
#footerArea a:hover {color:#FF3366;text-decoration:underline;}
#footerArea a:active {color:#FF3366;}
#footerArea a:visited {color:#996699;}

#footerArea { margin:20px 0 0 !important; padding:10px 0 20px;color:#999; border-top:#E1E1E1 solid 1px; background:#fff; text-align:center; font-size:0.94em; }
#footerArea li { display: inline;}
#footerContents { width:914px; margin:0 auto; }
#footerContents dt { margin:0; padding:4px 0 2px; border-bottom:#E1E1E1 solid 1px; font-weight:bold; text-align:left; }
#footerContents dd { padding:4px 0 0 0; }
#footerContents dl dd ul li { margin:0; padding:0; text-align:left; border:none; }
#footerContents #trouble { float:left; padding:0 7px; width:140px; }
#footerContents #rules { float:left; padding:0 7px; width:152px; }
#footerContents #amebaService { float:left; padding:0 7px; width:259px; }
#footerContents #amebaService ul.sub_a { float:left; width:139px; }
#footerContents #amebaService ul.sub_b { float:left; width:119px; }
#footerContents #otherService { float:left; padding:0 7px; width:305px; }
#footerContents #otherService ul { float:left; width:152px; }
#footerContents dl dl { padding:2px 0 5px; line-height:1.2; }
#footerContents dl dd dt { margin:0; padding:0; border:none; font-weight:normal; }
#footerContents dl dd dd { margin:0; padding:0; text-align:left; }
#footerArea p { margin:1em; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; text-align:center; }
#footerArea #copyright { padding-top:3px; color:#000000; }
#footerArea img { margin-left: 5px; vertical-align: middle; }