@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', '・ｽｿｽ・ｽ・ｽﾍ・ｽ瀅ｿｽｿｽﾓ 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; //#f3f1e4;
}

#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{
	margin:5px 0 0 0;
	/*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;
	margin:-190px 0 0 0;
	padding:0;
	float:right;
	background : white;
}

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

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

.side_box{
	//background:#f6f5f1;
	background:#ffffff;
	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:170px;
	height:210px;
	//height:326px;
	//height:248px;
	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;
}

/* 20120319 yoshiro add*/
.side_box_02 .media{
	display: block;
	width:315px;
	height:55px;
	font-size:14px;
	margin:3px 0 0 10px;
	line-height:1.5em;
	background:url(../img/top/media_bg.jpg) no-repeat;
	position:relative;
}
.side_box_02 .media_date{
	margin:0px; padding:0px;
	position:absolute;
	top:12px;
	left:31px;
	font-size:12px;
	line-height:1.3em;
}
.side_box_02 .media_logo{
	margin:0px; padding:0px;
	position:absolute;
	top:2px;
	left:132px; /*162*/
}

.side_box_02 .media_date a:link,
.side_box_02 .media_date a:visited,
.side_box_02 .media_date a:hover,
.side_box_02 .media_date a:active
{
	color:#666666;
}

/* ここまで20120319 yoshiro add*/

/*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 : #ffffff;  /*f6f5f1*/
	margin:5px 0 0 0px;
	padding:0px 0px 0px 0px;
	width:660px;
	clear:both;
	overflow:hidden;
	white-space:nowrap;
}

.rankingbox1{
	display:block;
	overflow: hidden;
	margin:0px 0 0 10px;
	background :#eceaf5;
	width:164px;
	hight:30px;
	float:left;
	line-height: 30px;
	border-bottom:#ffffff 1px solid;
}


.rankingbox2{
	display:block;
	overflow: hidden;
	background :#eceaf5;
	width:162px;
	float:left;
	line-height: 30px;
	border-bottom:#ffffff 1px solid;
}
.rankingbox3{
	display:block;
	overflow: hidden;
	background :#eceaf5;
	width:164px;
	float:left;
	line-height: 30px;
	border-bottom:#ffffff 1px solid;
}


.rankingbox1fx{
	display:block;
	overflow: hidden;
	margin:0px 0 0 10px;
	background :#fef0ef;
	width:164px;
	hight:30px;
	float:left;
	line-height: 30px;
	border-bottom:#ffffff 1px solid;
}


.rankingbox2fx{
	display:block;
	overflow: hidden;
	background :#fef0ef;
	width:162px;
	float:left;
	line-height: 30px;
	border-bottom:#ffffff 1px solid;
}
.rankingbox3fx{
	display:block;
	overflow: hidden;
	background :#fef0ef;
	width:164px;
	float:left;
	line-height: 30px;
	border-bottom:#ffffff 1px solid;
}



.rankingbox1x{
	background :#eceaf5;
	width:50px;
	float:left;
	line-height: 30px;
	text-align:right;
	border-bottom:#ffffff 1px solid;

}
.rankingbox2x{
	background :#f2f7f1;
	width:50px;
	float:left;
	line-height: 30px;
	text-align:right;
	border-bottom:#ffffff 1px solid;

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

}
.rankingmenu1{
	float:left;
	margin:0px 0 0 10px;
}
.rankingmenu{
	float:left;
}






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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

.rankingattention{
	font-size:10px;
	text-align:right;
	line-height:11px;
	margin: 0 0 5px 0;
	}





/*ranking_report-yoshiro
=================================*/

#ranking_main_contents{
	background:#beb99c;          /*#f6f5f1 #f6f5f1*/
	padding:10px 0 10px 0;
	position:relative;
	width:100%;
}

#ranking_report-main{
	width:660px;
	border:#c5bfb1 1px solid;
	margin:0 0 0 0px;
	padding:0px;
	background:#FFFFFF;
	float: left;
}

#ranking_report-sub{
	width:335px;
	border-style:solid solid solid none;
	border-color:#c5bfb1;
	border-width:1px 1px 1px 0px;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	float:left;
}

.ranking_report1{
	display: block;
	width: 660px;
	height: 450px;
	background-image: url("/img_contents/ranking_report/ranking_report1.gif") ;
	background-repeat:no-repeat;
	position:relative;

}

.ranking_report2{
	display: block;
	width:660px;
	height:450px;
	background-image: url("/img_contents/ranking_report/ranking_report2.gif") ;
	background-repeat:no-repeat;
	position:relative;
}

.r1-1{
	top:410px;
	left:450px;
	line-height:1em;
	position:absolute;
}

.r2-1{
	top:180px;
	left:155px;
	font-size:12px;
	color:#000000;
	position:absolute;
}

a#r2-2{
	top:197px;
	left:155px;
	font-size:15px;
	position:absolute;
	color:#3600ff;
	text-decoration: none;
	width:300px;
	clear:both;
	overflow:hidden;
	white-space:nowrap;
	font-weight:bold;
}

a#r2-2:hover  {
	color:#F3600ff;
	text-decoration: underline;
}

.r2-3{
	top:176px;
	left:495px;
	font-size:12px;
	line-height:2em;
	position:absolute;
	font-weight:bold;
}

.r2-3 span ,.r3-3 span,.r4-3 span{
	padding: 0px 2px;
	font-size: 130%;
	color: #ff0000;
}

.r3-1{
	top:262px;
	left:155px;
	font-size:12px;
	color:#000000;
	position:absolute;
}

a#r3-2{
	top:279px;
	left:155px;
	font-size:15px;
	position:absolute;
	color:#3600ff;
	text-decoration: none;
	width:300px;
	clear:both;
	overflow:hidden;
	white-space:nowrap;
	font-weight:bold;
}

a#r3-2:hover  {
	color:#F3600ff;
	text-decoration: underline;
}

.r3-3{
	top:258px;
	left:495px;
	font-size:12px;
	line-height:2em;
	position:absolute;
	font-weight:bold;
}

.r4-1{
	top:345px;
	left:155px;
	font-size:12px;
	color:#000000;
	position:absolute;
}

a#r4-2{
	top:362px;
	left:155px;
	font-size:15px;
	position:absolute;
	color:#3600ff;
	text-decoration: none;
	width:300px;
	clear:both;
	overflow:hidden;
	white-space:nowrap;
	font-weight:bold;
}

a#r4-2:hover  {
	color:#F3600ff;
	text-decoration: underline;
}

.r4-3{
	top:341px;
	left:495px;
	font-size:12px;
	line-height:2em;
	position:absolute;
	font-weight:bold;
}

.r5-1{
	top:790px;
	left:520px;
	line-height:1em;
	position:relative;
}


.r9-1{
	padding:0 0 0 30px;
}

/*top_ad-yoshiro
=================================*/
.ad_box{
	/*border-top:10px solid #beb99d;*/
	height:140px;
	position:relative;
	background:#ffffff;
	width:334px;
	margin:0;
	padding:0;
	border-top:5px solid #bebaa1;
	border-right:1px solid #bebaa1;
}

#ad1{
	margin:5px 0 0 2px;

}

/*what's New
=================================*/

.side_box_new{
	background-repeat : no-repeat;
	width:334px;
	margin:0;
	padding:0 0 5px 0;
	border-right:1px solid #bebaa1;
}

.side_box_new ul{
	margin:10px 0 0 15px;
}

.side_box_new ul li{
	background:url(../img_contents/list_green.gif) no-repeat 0 7px;
	padding:0 0 0 15px;
	text-decoration: none;
}



.side_box_new ul li span{
	color:#fea525;
	font-weight:bold;
}


.side_box_02 span{
	color:#fea525;
	font-weight: bold;
}
.side_box_new p a:link,
.side_box_new p a:visited,
.side_box_new p a:hover,
.side_box_new p a:active{

}