/*======================

SMOCCA WORLD

CSS File for		"all"
Media:      			Screen
FileName: 		style_base.css
Build:				2006.8.05

01					page
02					font
03					header
04					navigation
05					footer
06					other

======================*/

/*====================
PAGE
=====================*/
body{
}
.style1 {color: #FFFFFF}
.style4 {font-size: 9px}
.style5 {color: #FFFFFF}
.body_new{
	margin:0 auto 0 auto;
	width:760px;
	text-align:center;
}
div#content {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding: 5px;
}
#contents{
	font-size: 12px;
	color: #333333;
	line-height: 150%;
	width: 560px;
	float: left;
}
#menu{
	font-size: 12px;
	line-height: 150%;
	background-color: #FFCC99;
	width: 200px;
	float: right;
	background-image: url(all/sidemenu-bg.gif);
	text-align: center;
}
#window{
	width: 770px;
}
#top-main{
	font-size: 12px;
	line-height: 150%;
	float: right;
	width: 564px;
	text-align: left;
}
/*MAIN*/
.main {
	width: 555px;
	margin-bottom:10px;
}
.baner_speace{
	width:555px;
	margin-bottom: 5px;
	float: left;
}
.baner_left{
	float:left;
	width:auto;
}
.baner_right{
	float:right;
	width:auto;
	text-align: right;
}
/*TOKUSEN*/
.tokusen{
	float:left;
	text-align:left;
	width:383px;
	margin: 0;
}
.tokusen#box{
	border-bottom:1px dotted #999900;
	padding-bottom:5px;
	margin-top: 5px;
}
.tokusen#box_end{
	padding-bottom:5px;
	margin-top: 5px;
}
.tokusen#right{
	float:right;
	border:none;
	width:250px;
}
.tokusen#left{
	float:none;
	border:none;
	width:120px;
}
.tokusen h2{
	margin-bottom:5px;
}
.tokusen h3{
	color:#CC0000;
	font-size:1.2em;
}
.tokusen p{
	font-size:1em;
}
/*RANKING*/
.ranking{
	float:right;
	width:160px;
	background-image:url(all/ranking/top.gif);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #DFE0FA;
	margin-top: 43px;
	text-align:center;
	padding-top: 5px;
}
.ranking h3{
	margin-bottom:5px;
}
.ranking p{
	margin-top:5px;
	line-height:1.7em;
	font-size:0.9em;
}
.ranking#ranking_end{
	background-image:url(all/ranking/bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin:0;
	padding: 0;
}
/*TOP LEFT MENU*/
#top-menu{
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 12px;
	line-height: 150%;
	width: 166px;
}
#top-window{
	width: 825px;
}
img{
	margin:0;
	padding:0;
	border:none;
}

/*LEFT MENU*/
#top-menu ul{
	list-style:none;
	margin:0;
	padding:0;
	border-top: 1px solid #6699CC;
	border-right: 1px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color:transparent;
}
#top-menu li{
	font-size:1em;
	width:154px;
	margin:0;
	padding:0;
	background-color:transparent;
}
#top-menu li#category{
	background-color:#FF9900;
	color:#FFFFFF;
	padding:7px 5px;
	font-weight:bold;
}
#top-menu li a, #top-menu li a:link, #top-menu li a:visited{
	text-decoration:none;
	color:#0000FF;
	display:block;
	width:154px;
	padding:7px 5px;
	border-bottom:1px solid #6699CC;
}
#top-menu li a:hover{
	text-decoration:underline;
	color:#000033;
	background-color:#EEEEEE;
}
#baner{
	margin-top:20px;
	text-align:left;
}
#baner p{
	margin-bottom:10px;
}
#baner img{
	margin-bottom:5px;
}
/*====================
FONT
=====================*/
h1, h2, h3, h4, h5{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-weight:bold;
	margin:0;
	padding:0;
	height: auto;
	background-position:center;
}
h1 {
	font-size: 18px;
	background-position: center center;
	font-variant: normal;
}
h2 {
	font-size: 14px;
}

h3 {
	font-size: 15px;
}
h4 {
	font-size: 14px;
	height: 17px;
}
h5 {
	font-size: 12px;
	line-height: 16px;
	font-variant: normal;
	height: 15px;
}
h6 {
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #3333FF;
	background-position: center center;
	text-align: center;
}
.text {
	font-size: 14px;
	line-height: 150%;
}
.text-indent {
	font-size: 12px;
	line-height: 16px;
	text-indent: 12px;
}
.normal-ao {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}
.text-bold-white {
	font-size: 14px;
	line-height: 20px;
	font-weight: bolder;
	color: #FFFFFF;
}
.sub-title-white {
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
}
.normal-bold {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
.text-bold-red {
	font-size: 14px;
	line-height: 22px;
	font-weight: bolder;
	color: #FF0000;
}
.text-center {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	text-align: center;
	padding: 5px;
}
.text-3p {
	font-size: 14px;
	line-height: 22px;
	padding: 3px;
}
.text-orange {
	font-size: 14px;
	line-height: 22px;
	color: #FF6600;

}
.text-red {
	font-size: 14px;
	line-height: 22px;
	color: #FF0000;
}
.text-blue {
	font-size: 14px;
	line-height: 22px;
	color: #0000FF;
}
.sub-title-red {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: medium;
	font-style: normal;
	color: #FF0033;
	font-weight: bold;
}
.sub-title-orange {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #FF6633;
	text-decoration: underline;
}
.text-bold-orange {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FF6633;
}
.normal-red-b {
	font-size: 12px;
	line-height: 18px;
	text-transform: none;
	color: #FF0000;
	letter-spacing: 1px;
	font-weight: bold;
}
.normal-11p {
	font-size: 11px;
	line-height: 18px;
}
.shop {
	font-size: 10px;
	line-height: 14px;
	padding: 7px;
	width: 180px;
	border: 1px solid #999999;
}
.shop h3{
	font-size: 11px;
	line-height: 14px;
	font-weight: bolder;
}.small-font-red {
	font-size: 11px;
	color: #FF0000;
}
.otok-text {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-image: url(all/otok-bg.gif);
	background-repeat: repeat-y;
	padding-right: 2px;
	padding-left: 2px;
}

/*====================
HEADER
=====================*/
#header{
	width: 760px;
	margin-bottom: 20px;
}
#navi{
	font-size: 11px;
	background-image:url(all/head0603/bg-navi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFF99;
	padding:2px 0 2px 60px;
}
.soft-menu {
	background-image: url(all/head0603/bg-kyoka.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 760px;
	height: 20px;
	padding-top: 3px;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}
.flText:first-letter{
	font-size:28;
	float:left;
	font-weight: bold;
}
.pos1{
	ruby-align:distribute-letter;
	ruby-position:above;
}
.tate{
	writing-mode:tb-rl;
	height:100pt;
}

.text-blue-bold {
	font-size: 12px;
	font-weight: bolder;
	color: #0033CC;
}
.txt-bold {
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
}
.txt-mini-g {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.voice{
	background-color: #FFF0CE;
	border: dotted #FF9966;
	padding: 5px;
	text-align: left;
}
.arrow {
	color: #FF6600;
}
.sub-bw {
	color: #FFFFFF;
	background-color: #3333FF;
	text-align: center;
}
.padding-box {
	padding: 10px;
	width: 560px;
}
.text-b-gold {
	color: #996600;
	font-weight: bold;
}
.text-b-green {
	color: #009900;
	font-weight: bold;
}
.text-green {
	color: #009900;
}
.soft-title {
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(SMOCCA/img/bg-title.jpg);
/*	height: 60px;*/
	height: 22px;
	padding-top: 37px;
	padding-left: 65px;
	text-align: left;
	background-repeat: no-repeat;
}
.soft-title {
	color: #FFFFFF;
	background-color: #0099FF;
	text-align: center;
}
#header h2{
	text-align:center;
	margin-bottom:5px;
}

/*=====================
FOOTER
=====================*/
#footer{
	font-size: 11px;
	line-height: 150%;
	color: #FFFFFF;
	background-image: url(all/head0603/bg-footer.jpg);
	padding: 18px 5px 5px;
	background-repeat: no-repeat;
	height: 66px;
	width: 760px;
	margin-bottom: 30px;
}
#footer h3{
	font-size: 10px;
}
#footer h3 a{
	color: #FFFFFF;
}
.soft-menu2 {
	background-image: url(all/head0603/bg-kyoka02.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 760px;
	height: 20px;
	padding-top: 3px;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}

/*======================
TABLE
======================*/
div#content table td {
	font-size: 10px;
	color: #666666;
}
div#content2 table td {
	font-size: 11px;
	color: #666666;
	line-height: 15px;
}
.table-10px {
	margin-left: 10px;
}
.table-20px {
	margin-left: 20px;
}
img.margin5px{
	margin:0 5px 5px 0;
	float: left;
}

.table-10px-all {
	margin: 10px;
}
/*WhatsNew*/
#whatsnew{
	margin-bottom:10px;
}
#whatsnew table{
	width:555px;
	border:1px solid #663300;
	border-collapse:collapse;
	font-size:1em;
	letter-spacing:0.1em;
}
#whatsnew th, #whatsnew td{
	padding:6px 5px;
}
#whatsnew th{
	width:30px;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
}
#whatsnew td{
	line-height:1.5em;
}
/*charpy*/
.charpy_text{
	padding:5px;
	text-align:left;
	font-size:0.9em;
}

/*======================
FORM
======================*/
form {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*======================
OTHER
======================*/
.line-dot {
	border: 2px dotted #FF6600;
}
.clear{
	clear:both;
}