@charset "utf-8";

/* 大枠 背景設定
=====================================*/

html {
background-color: #cc0066;
}
body {
background:url(../../img/share/main_bg.png) no-repeat left top;
}

table {font-family:"ＭＳ Ｐゴシック",Osaka;}
div {font-family:"ＭＳ Ｐゴシック",Osaka;}

#container {
width:945px;
margin:0 auto;
color:#fff;
}
#body_col {
width:945px;
}


#container #left_col {
width:740px;
float: left;
margin: 0 0 50px 0;
}

#container #right_col {
width: 200px;
float: right;
}
hr{
 clear:both;
 width:0px;
}

/* 右カラム
=====================================*/
#aside {
	width:200px;

}
#aside .snap_book dt {
	padding: 23px 0 2px 15px;
}
#aside .snap_book dd {
	padding: 0 0 34px 15px;
	width:167px;
	text-align:center;
	color:#FFFFCB;
}
#aside .topics dl {
	padding: 5px 0 10px 12px;
	font-size:100%;
}
#aside .topics dt {
	color:#000;
}
#aside .topics ul {
	padding-bottom: 10px;
}
#aside .topics ul li {
	padding: 5px 0 0 5px;
}

#aside .feature p {
	padding: 5px 0 34px 5px;
}
#aside .feature ul {
	padding-bottom: 10px;
}

#aside .feature ul li {
	padding: 5px 0 0 5px;
}
#aside .suported p {
	padding: 5px 0 34px 5px;
}
#aside .b_ranking h2 {
	text-align: center;
	padding: 0px 0 0 0px;
}
#aside .b_ranking ul {
	border: 2px solid #fff;
	border-top: none;
	width:186px;
	background: url(../../img/share/b_ranking_bg.jpg) repeat-y top left;
	margin: 0 auto 10px auto;
}
#aside .b_ranking li a {
	display: block;
	padding: 6px 10px 6px 45px;
	text-decoration: none;
}
#aside .b_ranking li.no1 a{background: url(../../img/share/b_ranking_1.jpg) no-repeat top left;}
#aside .b_ranking li.no2 a{background: url(../../img/share/b_ranking_2.jpg) no-repeat top left;}
#aside .b_ranking li.no3 a{background: url(../../img/share/b_ranking_3.jpg) no-repeat top left;}
#aside .b_ranking li.no4 a{background: url(../../img/share/b_ranking_4.jpg) no-repeat top left;}
#aside .b_ranking li.no5 a{background: url(../../img/share/b_ranking_5.jpg) no-repeat top left;}




/* リンク設定
=====================================*/

a {color:#ffffff;
text-decoration: none;}
a:link { color:#ffffff;text-decoration:underline}
a:visited{ color:#99ffff;text-decoration:underline;}
a:hover   { color:#99ffff;text-decoration:none}
a:active{ color:#ffffff;text-decoration:none;}
.arrow_link a {
padding-left: 12px;
background: url(../../img/share/arrow.gif) no-repeat center left;}
.arrow_link a:hover {
background: url(../../img/share/arrow_on.gif) no-repeat center left;}

/* ヘッダー
=====================================*/

#header_col {
text-align:right;
height:105px;
}
#header_col2 {
text-align:right;
height:50px;
}
#header_col h1 {
padding:30px 0 0 0;
}
#header_col ul li {
padding: 0 0 0 5px;
margin:0;
display:inline;
}

/* ヘッダーリニューアル
=====================================*/

#headernew_col {
text-align:left;
height:80px;
}
#headernew_col h1 {
width: 200px;
float: left;
padding:20px 0 0 0;
}
#headernew_col h2 {
width: 500px;
float: left;
padding:48px 0 0 0;
}
#headernew_col h3 {
width: 233px;
float: right;
padding:20px 0 0 0;
}
#headernew_col h2 span{
font-size: 90%;
color: #ffffff;
padding: 0 0.0em;
}

/* メニューボタン
=====================================*/

#submenu_col {
text-align:left;
background:url(../../img/share/new_bo_bg.png);
height:33px;
}
#submenu_col ul li {
display:inline;
padding: 0 0 0 0px;
margin:0;
}

/* フッター
=====================================*/

#footer {
clear:both;
margin-top: 50px;
padding-top:3px;
height: 40px;
border-top: 1px solid #F9E1BF;
}

#footer address {
text-align:right;
font-size: 86%;
letter-spacing: 0.1em;
}


/* フロートクリア
=====================================*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height:0;
}
.clearfix {
  min-height: 1px;
}