/*
---------------------------------------
# SiteName: ソネットポストカード
# Page: 共通箇所
# /postcard/css/common.css
# Update: 2007.010.10
# Editor: Shin.Uwai@so-net.co.jp
---------------------------------------
*/

/* 01) 基礎設定 */
body, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, form, dl, dt, dd { margin: 0px; padding: 0px; list-style: none; }
img { border: 0; }

/*
body { font-size: 14px; line-height: 1.5; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS P ゴシック", sans-serif; word-wrap:　break-word; background:#fff; color:#333; }
*/
body { font-size: 14px; line-height: 1.5; font-family: "Hiragino Kaku Gothic Pro", "Osaka", "MS P ゴシック", sans-serif; word-wrap:　break-word; background:#fff; color:#333; }
a { text-decoration: none; color: #0066ff; font-weight: bold; }
a:hover { text-decoration: underline; color: #CC0000; font-weight: bold; }
a:active { color: #CC0000; font-weight: bold; }

#soHead-l2A div.top a {font-weight: normal;}
#soHead-l2A div.top a:hover {font-weight: normal;}
#soHead-l2A div.top a:active {font-weight: normal;}

.bold { font-weight: bold; }
.red { color: #990000; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
body font {font-size:12px}

/* 02)基本枠*/
#container { width: 950px; margin: 10px auto 0px; padding: 0px; background:#FFFFFF; }
#container #side { width: 190px; margin: 0px; padding: 0px; float: left; }
#container #main { width: 740px; margin: 0px; padding: 0px; float: right; }

/* 03)グローバルナビ*/
#main ul.global-navi { width: 486px; margin: 0px; padding: 0px 0px 10px 254px;}
#main ul.global-navi li { margin: 0px; padding: 0px; float:left;}
#main ul.global-navi li.navi01 { width: 48px;}
#main ul.global-navi li.navi02 { width: 87px;}
#main ul.global-navi li.navi03 { width: 83px;}
#main ul.global-navi li.navi04 { width: 75px;}
#main ul.global-navi li.navi05 { width: 64px;}
#main ul.global-navi li.navi06 { width: 51px;}
#main ul.global-navi li.navi07 { width: 78px;}

/* 04)ログイン・ログアウト*/
#side div.login { width: 190px; height: 229px; margin: 0px 0px 20px; padding: 0px; background: url(../images/side_login_bg.gif) no-repeat; }
#side div.login ul.login { width: 160px; margin: 0px auto 0px; padding: 90px 0px 0px; }
#side div.login ul.login li { margin: 0px; padding: 0px 0px 15px; }
#side div.login ul.logout { width: 160px; margin: 0px auto 0px; padding: 130px 0px 0px; }
#side div.login ul.logout li { margin: 0px; padding: 0px; }

/* 05)テキストリンク*/
#side div.text-link { width: 190px; margin: 0px 0px 20px; padding: 0px 0px 5px; background: url(../images/side_basic_foot.gif) no-repeat bottom #fdf3d5; }
#side div.text-link ul { margin: 0px; padding: 15px 0px 0px; background: url(../images/side_basic_head.gif) no-repeat top; }
#side div.text-link ul li { margin: 0px 10px 10px; padding: 0px 0px 0px 14px; background: url(../images/icon_arrow.gif) no-repeat 0 1px; font-size: 12px; line-height: 1.2; }

/* 06)ランキング*/
#side div.ranking { width: 190px; margin: 0px 0px 20px; padding: 0px 0px 10px; background: url(../images/side_basic_foot.gif) no-repeat bottom #fdf3d5; }
#side div.ranking h3 { width: 190px; margin: 0px 0px 5px; padding: 0px; }
#side div.ranking ol { margin: 0px 10px; padding: 0px; }
#side div.ranking ol li { margin: 0px; padding: 10px 0px; border-bottom: dotted 1px #c7b9b8; }
#side div.ranking ol li.rank5 { border-bottom: none;}
#side div.ranking ol li table { width: 60px; height: 60px; margin: 0px 5px 0px 0px; padding: 0px; float: left; }
#side div.ranking ol li table td { width: 60px; height: 60px; margin: 0px; padding: 0px; background:url(../images/side_rank_panel.gif) no-repeat; text-align: center; vertical-align: middle; }
#side div.ranking ol li table td a img { margin: 5px auto; border:#c9c9c9 solid 1px; }
#side div.ranking ol li span.name { width: 105px;margin: 0px; padding: 20px 0px 0px; line-height: 1.2; float: right; }
#side div.ranking ol li.rank1 span.name { background:url(../images/side_rank01.gif) top left no-repeat; }
#side div.ranking ol li.rank2 span.name { background:url(../images/side_rank02.gif) top left no-repeat; }
#side div.ranking ol li.rank3 span.name { background:url(../images/side_rank03.gif) top left no-repeat; }
#side div.ranking ol li.rank4 span.name { background:url(../images/side_rank04.gif) top left no-repeat; }
#side div.ranking ol li.rank5 span.name { background:url(../images/side_rank05.gif) top left no-repeat; }

#side div.ranking ol li p { margin: 0px; padding: 5px 0px 0px; font-size: 12px; clear: both; line-height: 1.2; }

/* 07)おすすめ*/
#side div.recomend { width: 190px; margin: 0px 0px 20px; padding: 0px 0px 10px; background: url(../images/side_basic_foot.gif) no-repeat bottom #fdf3d5; }
#side div.recomend h3 { width: 190px; margin: 0px 0px 15px; padding: 0px; }
#side div.recomend ul { width: 170px; height: 80px; margin: 0px 10px 0px; padding: 0px;}
#side div.recomend ul li { float:left;}
#side div.recomend ul li.left { margin-right: 10px;}
#side div.recomend ul li table { width: 80px; height: 80px; margin: 0px; padding: 0px; float: left;}
#side div.recomend ul li table td { width: 80px; height: 80px; margin: 0px ; padding: 0px; background:url(../images/side_recomend_panel.gif) no-repeat; text-align:center; vertical-align: middle; } 
#side div.recomend ul li table td a img {border:#c9c9c9 solid 1px; }

#side div.recomend p { margin: 0px; padding: 5px 10px 10px; font-size: 12px; clear: both; line-height: 1.2; }

/* 08)バナー*/
#side div.banner { width: 190px; margin: 0px; padding: 0px; }
#side div.banner a { display: block; margin: 0px 0px 20px; padding: 0px; }


/*09) フッター*/
#footer { width: 950px; margin: 20px 0px; padding: 10px 0px 10px; text-align:center; border-top:solid 1px #c9c9c9;}
#footer p.copyright { margin: 0px auto; padding: 10px 0px; font-size: 85%; font-weight: bold;}