@charset "UTF-8";

/*top.css
=================================
1:basic

2:layout

3:header
  
4:main

5:side

6:footer
  
7:other
=================================*/



/*1:basic
=================================*/

* {
	margin:0;
	padding:0;
}

hr {
	display:none;
	clear:both;
}

img {
	border:0;
	margin:0;
	padding:0;
}

th, td {
	margin:0;
	padding:0;
}

em {
	font-style: normal;
}

ul,ol {
	list-style-type:none;
}

a:link {
	text-decoration: underline;
	color:#494949;
}

a:visited {
	text-decoration: underline;
	color:#666666;
}

a:hover {
	text-decoration: underline;
	color:#666666;
}

a:active {
	text-decoration: underline;
	color:#494949;
}



/*2:layout
=================================*/
body {
	margin: 0 auto;
	text-align: center;
	font-size:12px;
	line-height:1.8em;
	font-family :'Lucida Grande', 'Verdana', '・ｽ・ｿｽ・・ｽ・ｿｽﾓ・ｽﾖ・ｽ糀ｿｽﾎ', 'Hiragino Kaku Gothic Pro', '・ｽ��ｿｽ・ｽ・ｽﾍ・ｽ�Nｿｽ��ｿｽﾓ Pro W3',  sans-serif;
	color:#494949;
	background:url(../img/top/top_bg.gif) repeat-x top left #c9c4bb;
}


#container {
	margin:0 auto;
    width:1000px;
	background:url(../img/top/header_bg.gif) no-repeat top #beb99d;;
}

#contents {
	margin:0;
	padding:0;
    width:1000px;
	text-align:left;
	position:relative;
}

#contents p.topic-pass {
	margin:0;
	padding:0;
}



.box_odd{
	margin:10px 0 0 0;

}

.box_even{
	margin:10px 0 0 9px;

}

.fx{
	width:315px;
	height:178px;
	background: url(../img/top/bg_fx.gif) no-repeat top left #e3e2d9;
	float:left;
	position:relative;
}

.kabu{
	width:315px;
	height:178px;
	background: url(../img/top/bg_kabu.gif) no-repeat top left #e3e2d9;
	float:left;
	position:relative;
}

.sakimono{
	width:315px;
	height:178px;
	background: url(../img/top/bg_sakimono.gif) no-repeat top left #e3e2d9;
	float:left;
	position:relative;
}

.source{
	font-size:10px;
	position:absolute;
	top:7px;
	left:10px;
}
.period{
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	top:63px;
	left:17px;
}

.period span{
	font-size:12px;
}

.ratio{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	top:80px;
	left:27px;
}

.box_txt{
	position:absolute;
	top:125px;
	left:10px;
	font-size:10px;
	line-height:1.2em;
	}

.graph{
	position:absolute;
	bottom:0;
	right:0;
	
}

/*3:header
=================================*/

#header {
	margin:0;
	padding:0;
	width:1000px;
	height:101px;
	position:relative;
	text-align:left;
}

#header p#site-id {
	position:absolute;
	top:24px;
}

#header ul#sub_navi {
	position:absolute;
	top:0;
	right:11px;
}

#header ul#sub_navi li {
	float:left;
	
}

#header ul#main_navi {
	position:absolute;
	left:424px;
	top:60px;
}

#header ul#main_navi li {
	float:left;
	margin:0 0 0 5px;
	
}
p#catch strong{ 
	font-weight:normal;
	color:#FFFFFF;
	margin:10px 0 0 30px;
	font-size:12px;
	}

/*4:main
=================================*/

#news_catch{
	background:url(../img/top/catch_img_02.gif) no-repeat bottom;
}

dl.news{
	margin:0 0 10px 28px;
	padding:0;
	}

dl.news dt{
	margin:4px 0 0 0;
	padding:0;
	color:#f4001d;
	font-weight:bold;
	line-height:1em;
	}

dl.news dd{
	margin:0;
	padding:0;
	line-height:1.4em;
	text-indent:0.7em;
}


#freespace {
	width:660px;
	float:left;
	margin:0 0 0 0;
	padding:0;
}


* html #freespace {
	width:660px;
	float:left;
	margin:0 0 0 0;
	padding:0;
}

#main {
	width:660px;
	float:left;
	margin:0 0 0 0;
	padding:0;
}


* html #main {
	width:660px;
	float:left;
	margin:0 0 0 0;
	padding:0;
}

	
.main_box{
	background : white;
	margin:10px 0 0 0;
	padding:10px;
	width:640px;
	clear:both;
	}
	
* html .main_box{
	background:#f6f5f1;
	margin:10px 0 0 0;
	padding:10px;
	width:660px;
	clear:both;
	}
	
#seach_box_01{
	width:340px;
	float:left;
}

#seach_other{
	width:340px;
	margin:6px 0 0 0;
	background:url(../img/top/other_bg) no-repeat top;
	border-bottom:1px solid #787141;
}

#seach_other ul{
	margin:0 8px 8px 8px;
}

#seach_other ul li{
	display:inline;
	height:10px;
	background:url(../img/top/list_01.gif) no-repeat 0 4px;
	padding:0 10px 0 10px;
	line-height:1.75em;
}

* html #seach_other ul li{
	display:inline;
	height:10px;
	background:url(../img/top/list_01.gif) no-repeat 0 7px;
	padding:0 10px 0 10px;
	margin:0;
	line-height:1.75em;
}


#seach_box_02{
	width:288px;
	height:257px;
	background:url(../img/top/search_bg_02.gif) no-repeat 0 46px;;
	float:right;
	position:relative;
}

#seach_box_02 .radio{
	position:absolute;
	top:78px;
	left:15px;
	width: 270px;
}


#seach_box_02 .radio img{
	margin:3px 0 0 3px;
}

#seach_box_02 .textbox{
	position:absolute;
	top:163px;
	left:16px;
	width:222px;
	border-top:1px solid #8f8f8f;
	border-left:1px solid #8f8f8f;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.search_btn{
	position:absolute;
	top:215px;
	left:16px;
}

p.next{
	float:right;
	background:url(../img/top/list_03.gif) no-repeat right;
	margin:10px 7px 0 0;
	padding:0 12px 0 0;
}
/*5:side
=================================*/

#side {
	width:335px;
	margin:-223px 0 0 0;
	padding:0;
	float:right;
	background : white;
}

*html #side {
	width:335px;
	margin:-223px 0 0 0;
	padding:0;
	float:right;
	background:#f3f2ed;
}

#side h3{
	padding:10px 0 0 10px;
}

.side_box{
	background:#f6f5f1;
	width:335px;
	margin:0;
	padding:0;
}

* html .side_box .box_even{
	margin:0 0 0 5px!important;
	padding:0;
}
ul#tab{
	margin:0;
	padding:0;
	height:25px;
	line-height:0;
}
ul#tab li{
	float:left;
	margin:0;
	padding:0;
	line-height:0;
	height:25px;
}

#tab_all{
	margin:0;
	padding:0;
	}
	
.list_02{
	float:right;
	background:url(../img/top/list_02.gif) no-repeat 0 5px ;
	padding:0 0 0 20px;
	margin:10px 10px 10px 0;
	display:block;
}


.system_box{
	border-top:10px solid #beb99d;
	height:183px;
	position:relative;
	padding:0 0 10px 0;
}

.system_box p#seach_txt_01,
.system_box p#seach_txt_02,
.system_box p#seach_txt_03{
	margin:10px 0 0 10px;
}

.system_box p#seach_txt_04{
	position:absolute;
	top:65px;
	left:210px;
}

.system_box p#seach_txt_05{
	position:absolute;
	top:65px;
	left:21px;
}

.side_box_02{
	background-repeat : no-repeat;
	width:335px;
	margin:0;
	padding:0 0 10px 0;
}

.side_box_02 ul{
	margin:10px 0 0 20px;
}

.side_box_02 ul li{
	background:url(../img/top/list_02.gif) no-repeat 0 5px ;
	padding:0 0 0 20px;
}
.textbox02{
	width:278px;
	margin:10px 0 10px 30px;
}

.search_btn02{
	margin:0 0 0 125px;
}

.side_box_02 p{
	font-size:10px;
	widows:248px;
	margin:10px 20px 0 20px;
	line-height:1.5em;
}


.side_box_02 p.day{
	color:#c54050;
}

.side_box_02 p a:link,
.side_box_02 p a:visited,
.side_box_02 p a:hover,
.side_box_02 p a:active 
{
	color:#ff8004;
}

/*6:footer
=================================*/

#footer {
	clear:both;
	margin : 0px 0px 0px 0px;
	padding : 5px 20px 0px 20px;
	
	height : 150px;
	color:#FFFFFF;
	background : url(../img/top/fotter_bg.gif) repeat;
	text-align:center;
  line-height : 18px;
}

#footer ul {
	margin:3px 0 0 0;
	padding:0;
}

#footer li {
	display:inline;
}

#footer a:link {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
	
#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer ADDRESS {
	margin : 2px 0px 0px 0px;
 	font-style:normal;
}

/*7:other
=================================*/

.pagetop{
	float:right;
	margin:10px 10px 10px 0;
	}


/*.clear
---------------------------------*/

.clear {
	clear: both;
	}
	
.clearfix: after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
.clearfix {
	display: inline-block;
	}
	
.margin-t7px{
	margin-top:-7px;
	}


/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
	
.clear {
	display: block;
	}
/* End hide from IE-mac */

.none{
	display:none;
	}


/*ranking -yoshiro
=================================*/

.rankingmain{
	background : white;
	margin:5px 0 0 0px;
	padding:0px 0px 0px 0px;
	width:660px;
	clear:both;
	overflow:hidden;
	white-space:nowrap;
}

.rankingbox1{
	background :#eceaf5;
	width:170px;
	hight:30px;
	float:left;
	line-height: 30px;
}
.rankingbox2{
	background :#f2f7f1;
	width:170px;
	float:left;
	line-height: 30px;

}
.rankingbox3{
	background :#fef0ef;
	width:170px;
	float:left;
	line-height: 30px;
}

.rankingbox1x{
	background :#eceaf5;
	width:50px;
	float:left;
	line-height: 30px;
	text-align:right;
}
.rankingbox2x{
	background :#f2f7f1;
	width:50px;
	float:left;
	line-height: 30px;
	text-align:right;

}
.rankingbox3x{
	background :#fef0ef;
	width:50px;
	float:left;
	line-height: 30px;
	text-align:right;
}

.rankingmenu{
	float:left;
}


.rankinga1{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/a1.gif) no-repeat 0px 0em;
    list-style: none;
}

.rankinga2{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/a2.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankinga3{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/a3.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankinga4{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/a4.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankinga5{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/a5.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingb1{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/b1.gif) no-repeat 0px 0em;
    list-style: none;
}

.rankingb2{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/b2.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingb3{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/b3.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingb4{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/b4.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingb5{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/b5.gif) no-repeat 0px 0em;
    list-style: none;
	}


.rankingc1{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/c1.gif) no-repeat 0px 0em;
    list-style: none;
}

.rankingc2{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/c2.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingc3{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/c3.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingc4{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/c4.gif) no-repeat 0px 0em;
    list-style: none;
	}

.rankingc5{
	padding-left: 18px;
    background: url(http://www.openterrace.jp/img/top/ranking/c5.gif) no-repeat 0px 0em;
    list-style: none;
	}