@charset "UTF-8";

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

2:agreement

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


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

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

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

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

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

.bl_link a:link{
	text-decoration: underline;
	color:#333333;
}

.bl_link a:visited{
	text-decoration: underline;
	color:#333333;
}

.bl_link a:hover{
	text-decoration: underline;
	color:#333333;
}

.bl_link a:active{
	text-decoration: underline;
	color:#333333;
}

.or_link a:link{
	text-decoration: underline;
	color:#333333;
}

.or_link a:visited{
	text-decoration: underline;
	color:#333333;
}

.or_link a:hover{
	text-decoration: underline;
	color:#333333;
}

.or_link a:active{
	text-decoration: underline;
	color:#333333;
}

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

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

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

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

.table_02 a:link, .table_03 a:link{
	text-decoration: underline;
	color:#333333;
}

.table_02 a:visited, .table_03 a:visited {
	text-decoration: underline;
	color:#333333;
}

.table_02 a:hover, .table_03 a:hover {
	text-decoration: underline;
	color:#333333;
}

.table_02 a:active, .table_03 a:active {
	text-decoration: underline;
	color:#333333;
}

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

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

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

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


html {
	height: 100%;
}

body {
    height:100%;
}


#container {
	min-height: 100%;
}


* html #container {	/* for IE6 and below */
	height: 100%;
}

#contents {
	padding-left:0;
}

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

#main_contents{
	background:#f6f5f1;
	padding:10px 0 10px 0;
	position:relative;
	width:100%;
}

 
.headline_01{
	font-weight:bold;
	font-size:18px;
	background: url(../img_contents/bg_headline_01.gif) no-repeat left center #f2921c ;
	width:960px;
	margin:0 0 20px 10px;
	padding:8px 0 8px 25px;
	color:#FFFFFF;
}

*html .headline_01{
	font-weight:bold;
	font-size:18px;
	background: url(../img_contents/bg_headline_01.gif) no-repeat left center #f2921c ;
	width:985px;
	margin:0 0 10px 10px;
	padding:8px 0 8px 25x;
	color:#FFFFFF;
}


*:first-child+html .headline_01{
	font-weight:bold;
	font-size:18px;
	background: url(../img_contents/bg_headline_01.gif) no-repeat left center #f2921c ;
	width:955px;
	margin:0 0 10px 10px;
	padding:8px 0 8px 25x;
	color:#fff;
}


.headline_02{
	background:#8e7f61;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	margin:0;
	padding:0px 0 0px 12px;
}

.headline_02 span{
	color:#f2921c;
}

.headline_03{
	font-weight:bold;
	font-size:12px;
}

.headline_04{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	width:985px;
	padding:0 0 3px 0;
	color:#665b2f;
	margin:0 0 12px 10px;
}

.headline_05{
	font-weight:bold;
	font-size:12px;
	border-left:4px solid #f2921c;
	margin:0 0 10px 0;
	padding:0 0 0 7px;
}

.headline_06{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	width:963px;
	padding:0 0 3px 0;
	color:#665b2f;
	margin:10px 0 10px 20px;
}

.headline_07{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	width:889px;
	padding:0 0 3px 35px;
	color:#665b2f;
	margin:10px 0 12px 10px;
	background:url(../img_contents/icon_q_01.gif) no-repeat 7px 0;
}


* html .headline_07{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	width:924px;
	padding:0 0 3px 35px;
	color:#665b2f;
	margin:10px 0 12px 10px;
	background:url(../img_contents/icon_q_01.gif) no-repeat 7px 0;
}

.headline_08{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	width:924px;
	padding:0 0 3px 10px;
	color:#665b2f;
	margin:10px 0 12px 20px;
}


.headline_12{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	padding:0 0 3px 0;
	color:#665b2f;
	margin:0 0 12px 10px;
}

.headline_13{
	font-weight:bold;
	font-size:18px;
	background: url(../img_contents/bg_headline_01.gif) no-repeat left center #f2921c ;
	margin:0 0 20px 0;
	padding:8px 0 8px 25px;
	color:#FFFFFF;
}

*html .headline_13{
	font-weight:bold;
	font-size:18px;
	background: url(../img_contents/bg_headline_01.gif) no-repeat left center #f2921c ;
	margin:0 0 10px 0;
	padding:8px 0 8px 25x;;0
	color:#FFFFFF;
}

.headline_14{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	background: url(../img_contents/icon_talk.gif) no-repeat left;
	padding:0 0 0 45px;
	color:#665b2f;
	margin:0 0 12px 0;
}

.headline_15{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid;
	background:url(../img_contents/icon_qa01.gif) no-repeat left;
	padding:0 0 0 45px;
	color:#665b2f;
	margin:0 0 12px 0;
}

.headline_16{
	font-weight:bold;
	font-size:14px;
	background: url(../img_contents/sitemap_list.gif) 10px center #e8e7e3 no-repeat;
	padding:0 0 2px 20px;
	width:955px;
	margin:10px 0 12px 10px;
}

.white_box{
	width:963px;
	border:#c5bfb1 1px solid;
	margin:20px 10px 10px 20px;
	background:#FFFFFF;
}


.textbox02{
	border-top:1px solid #8f8f8f;
	border-left:1px solid #8f8f8f;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.text01{
	margin:0 20px 10px 20px;
}

.table_01{
	margin:10px 0 10px 10px;
	border-collapse:collapse;
}

* html .table_01{
	margin:10px 0 10px 10px;
	border-collapse:collapse;
}

.table_01 th,.table_01 td{
	border:#a29d91 1px solid;
	text-align:left;
	padding:5px 0 5px 10px;
	font-weight:normal;
	font-size:12px;
	line-height:1.6em;
}

.table_01 th{
	background:#e0ddcf;
}

.table_01 td{
	background:#f6f5f1;
}

.table_02{
	border-collapse:collapse;
}

.table_02 th,.table_02 td{
	border:#a29d91 1px solid;
	text-align:left;
	padding:5px 0 5px 0;
	font-weight:normal;
	font-size:12px;
	line-height:1.6em;
}

.table_02 th{
	background:#e0ddcf;
	font-size:12px;
}

.table_02 td{
	text-align:center;
	padding:5px;
	font-size:10px !important;
}

.table_03{
	border-collapse:collapse;
}

.table_03 th,.table_03 td{
	border:#a29d91 1px solid;
	text-align:left;
	padding:5px 0 5px 0;
	font-weight:normal;
	font-size:12px;
	line-height:1.6em;
}

.table_03 th{
	background:#e0ddcf;
	font-size:12px;
}

.table_03 td{
	text-align:center;
	padding:5px;
	font-size:12px;
}
.table_04{
	margin:10px 0 10px 10px;
	border-collapse:collapse;
	border:#a29d91 1px solid;
}

* html .table_04{
	margin:10px 0 10px 10px;
	border-collapse:collapse;
	border:#a29d91 1px solid;
}

.table_04 th,.table_04 td{
	text-align:left;
	padding:5px 0 5px 10px;
	font-weight:normal;
	font-size:12px;
	line-height:1.6em;
}

.table_04 th{
	background:#e0ddcf;
}

.table_04 td{
	background:#f6f5f1;
}

#contents tr.even td{
	background:#f1f0ea;
}

#contents th.th_blue{
	background:#d6eeee;
}

#graph_bg{
	background:url(../img_contents/img_graph_top.gif) no-repeat;
	width:636px;
	height:47px;
	position:relative;
	font-size:10px;
	color:#343434;
}

ul#graph_txt01{
	position:absolute;
	top:10px;
	left:25px;
}

ul#graph_txt01 li{
	margin:0 0 5px 0;
	padding:0;
	line-height:1.0;
}


ul#graph_txt02{
	position:absolute;
	top:10px;
	left:240px;
}

ul#graph_txt02 li{
	margin:0 0 5px 0;
	padding:0;
	line-height:1.0;
}

table#graph_txt03{
	position:absolute;
	top:3px;
	left:370px;
}

table#graph_txt03 td{
	font-size:10px;
}

p#graph_txt04{
	position:absolute;
	right:10px;
	bottom:3px;
}
/*1:mypage
=================================*/

.box_pink{
	background:#f5e6d1;
	width:963px;
	margin:0 0 0 20px;
	padding:10px 0;
}

.box_pink p,.box_pink h2{
	margin:0 10px;
}

/*2:agreement
=================================*/

#agreement_box{
	width:963px;
	border:#c5bfb1 1px solid;
	margin:0 10px 80px 20px;
}

#agreement_txt{
	height:200px;
	overflow:scroll;
	padding:10px;
	}
	
#btn_agree01{
	position:absolute;
	top:370px;
	left:377px;
}


#btn_agree02{
	position:absolute;
	top:370px;
	left:500px;
	
}

* html #btn_agree01{
	position:absolute;
	top:350px;
	left:377px;
}


* html #btn_agree02{
	position:absolute;
	top:350px;
	left:500px;
	
}

#btn_agree03{
	position:absolute;
	top:430px;
	left:377px;
}


#btn_agree04{
	position:absolute;
	top:430px;
	left:500px;
}

* html #btn_agree03{
	position:absolute;
	top:400px;
	left:377px;
}


* html #btn_agree04{
	position:absolute;
	top:400px;
	left:500px;
}


/*1:ranking
=================================*/

#rank_tabbox{
	width:973px;
	margin:20px auto 20px auto;
	height:28px;
	padding:0;
	background:url(../img_contents/tab_boxbg.gif) repeat-x bottom left;
}




* html #rank_tabbox{
	width:973px;
	margin:20px 0 20px 15px;
	height:28px;
	padding:0;
	background:url(../img_contents/tab_boxbg.gif) repeat-x bottom left;
}

ul#rank_tab{
	margin:0 0 0 75px;
}


ul#rank_tab li{
	width:187px;
	height:28px;
	background:url(../img_contents/rank_tab.gif) no-repeat;
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	margin:0 0 0 10px;
}

#contents ul#rank_tab li.rank_tab_on{
	width:187px;
	height:28px;
	background:url(../img_contents/rank_tab_on.gif) no-repeat;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	margin:0 0 0 10px;
}

ul#rank_tab li a:link {
	width:187px;
	height:28px;
	background:url(../img_contents/rank_tab.gif) no-repeat;
	display:block;
	color:#333333;
	text-decoration:none;
}

ul#rank_tab li a:visited {
	width:187px;
	height:28px;
	background:url(../img_contents/rank_tab.gif) no-repeat;
	display:block;
	color:#333333;
	text-decoration:none;
}

ul#rank_tab li a:hover {
	width:187px;
	height:28px;
	background:url(../img_contents/rank_tab_on.gif) no-repeat;
	display:block;
	color:#333333;
	text-decoration:none;
}

ul#rank_tab li a:active {
	width:187px;
	height:28px;
	background:url(../img_contents/rank_tab_on.gif) no-repeat;
	display:block;
	color:#333333;
	text-decoration:none;
}

/*Easy_seach
=================================*/

ul.search_list{
	margin:0 0 20px 45px;
	float:left;
	
}


.arrow_txt{
	background:url(../img_contents/icon_arrow_01.gif) no-repeat 0 10px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
}


.arrow_txt02{
	background:url(../img_contents/icon_arrow_02.gif) no-repeat 0 10px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
}


.arrow_txt03{
	background:url(../img_contents/icon_arrow_01.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
}


#main_l{
	width:639px;
	float:left;
	margin:0 10px 0 20px;
}


#main_r{
	width:304px;
	float:right;
	background:#e3e2d9;
	padding:10px 0 0 0;
	margin:0 10px 0 0;
}


* html #main_l{
	width:639px;
	float: left;
	margin:0 5px 0 20px;
}

* html #main_r{
	width:304px;
	float: left;
	background:#e3e2d9;
	padding:10px 0 0 0;
	margin:0 5px 0 0;
}



* html #main_l{
	width:639px;
	float:left;
	margin:0 5px 0 10px;
}

* html #main_r{
	width:304px;
	float:right;
	background:#e3e2d9;
	padding:10px 0 0 0;
	margin:0 5px 0 0;
}


.right_btn{
	margin:0 10px 0 10px;
}

.seemore{
	background:url(../img_contents/bg_seemore.gif) no-repeat;
	color:#FFFFFF;
	width:444px;
	height:26px;
	padding:0 0 0 25px;
}

.seemore a:link,.seemore a:visited,.seemore a:hover,.seemore a:active{
	text-decoration: underline;
	color:#fff;
}


.right_table td{
	font-size:12px;
}


.deta_table td,.deta_table th{
	color:#000;
}

.gray{
	color:#7d7c7b !important;
}


.white_box02{
	width:637px;
	border-left:#c5bfb1 1px solid;
	border-bottom:#c5bfb1 1px solid;
	border-right:#c5bfb1 1px solid;
	margin:0px 0 10px 0;
	padding:10px 0;
	background:#FFFFFF;
}

* html .white_box02{
	width:639px;
	border-left:#c5bfb1 1px solid;
	border-bottom:#c5bfb1 1px solid;
	border-right:#c5bfb1 1px solid;
	margin:0px 0 10px 0;
	padding:10px 0;
	background:#FFFFFF;
}

.white_box02 p{
	margin:0 20px;
}

#h_system01{
	width:640px;
	height:46px;
	background: url(../img_contents/h_01.gif) no-repeat;
	color:#432501;
	font-size:14px;
	padding:0px 0 0 220px;
	margin:0;
	line-height:1.5em;
}

#h_system01_02{
	width:640px;
	height:46px;
	background: url(../img_contents/h_01_02.gif) no-repeat;
	color:#432501;
	font-size:14px;
	padding:0px 0 0 220px;
	margin:0;
	line-height:1.5em;
}


#faq02 {
	margin:0 0 10px 0;
}


#faq02 dl{
	width:100%;
	margin: 0 0 0 10px;
}

#faq02 dt{
	background: url(../img_contents/icon_q.gif) 0 10px no-repeat;
	padding: 8px 0 8px 30px;
	border-bottom: 1px dotted #C6BCA6;
	font-weight:bold;
}

#faq02 dd{
	background: url(../img_contents/icon_a.gif) 0 10px no-repeat;
	padding: 8px 0 8px 30px;
	border-bottom: 1px solid #C6BCA6;
}

.osusume{
	width:100%;
	text-align:center;
	font-weight: bold;
	background:#edccc5;
	margin:0 0 15px 0;
}

.white_box03{
	width:637px;
	border:#c5bfb1 1px solid;
	margin:0px 0 10px 0;
	padding:10px 0;
	background:#FFFFFF;
}

* html .white_box03{
	width:639px;
	border:#e9e6df 1px solid;
	margin:0px 0 10px 0;
	padding:10px 0;
	background:#FFFFFF;
}

.white_box04{
	width:293px;
	border:#c5bfb1 1px solid;
	margin:15px 0 10px 5px;
	padding:10px 0;
	background:#FFFFFF;
}

* html .white_box04{
	width:293px;
	border:#e9e6df 1px solid;
	margin:15px 0 10px 5px;
	padding:10px 0;
	background:#FFFFFF;
}


#main_contents p.green_txt01 strong{
	color:38692c;
	margin:5px 0 5px 10px;
	padding:0;
}

.green_txt02{
	border-left:4px solid #c0d7b9;
	margin:0 10px 0 10px;
	padding:0 0 0 10px;
}

ul.green_list{
	margin:0 10px 0 10px;
}

ul.green_list li{
	background:url(../img_contents/list_green.gif) no-repeat 0 10px;
	padding:0 0 0 15px;
}




dl.red_dl{
	border-left:4px solid #fbd8de;
	margin:0 5px 0 15px;
}

dl.red_dl dt{
	font-weight:bold;
	color:#da3232;
	margin:0 0 0 15px;
	line-height:1.6em;
}

dl.red_dl dd{
	margin:0 0 0 15px;
	line-height:1.6em;
}

dl.blue_dl{
	border-left:4px solid #dddeeb;
	margin:0 5px 0 15px;
}

dl.blue_dl dt{
	font-weight:bold;
	color:#1c2178;
	margin:0 0 0 15px;
	line-height:1.6em;
}

dl.blue_dl dd{
	margin:0 0 0 15px;
	line-height:1.6em;
}


.subscribe_box{
	width:940px;
	border: 1px solid #a29d91;
	background:#f6f5f1;
	margin:0 10px 0 10px;
}

.table_font td{
	font-size:12px;
}


/*news
=================================*/

ul.news_list li{ 
	background:url(../img_contents/news_list_mark.gif) no-repeat 0 8px;
	width:940px;
	font-weight:bold;
	padding: 0px 0 10px 13px;
	margin:0 0 10px 20px;
	border-bottom:1px dotted #c6c6c3;
}

/*sitemap
=================================*/

ul#sitemap_ul{
	width:270px;
	float:left;
}

ul#sitemap_ul li{
	background:url(../img_contents/icon_arrow.gif) 0 8px no-repeat;
	padding: 0px 0 10px 15px;
	margin:0 0 0 20px;
}


/*other
=================================*/

* html table.pdl-5{
	padding-left:5px !important;
}

.small{
	font-size:10px;
}

.red{
	color:#f76060;
}
.red02{
	color:#da3232;
}


/*seo-page -yoshiro
=================================*/

.seomain{
	width:565px;
	border:#c5bfb1 1px solid;
	margin:0px 0px 20px 20px;
	padding:10px;
	background:#FFFFFF;
	float : left;
}


.seosub{
	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;
}


a#photolink1 {
   display: block;
   width: 335px;
   height: 180px;
   text-indent: -1000px;
   background-image: url("/img_contents/seopage/seo1.gif") ;
   background-repeat:no-repeat;
}

a#photolink1:hover {
   background-position: top right;
}

a#photolink2 {
   display: block;
   width: 335px;
   height: 115px;
   text-indent: -1000px;
   background-image: url("/img_contents/seopage/seo2.gif");
}
a#photolink2:hover {
   background-position: top right;
}

a#photolink3 {
   display: block;
   width: 335px;
   height: 115px;
   text-indent: -1000px;
   background-image: url("/img_contents/seopage/seo3.gif");
}
a#photolink3:hover {
	background-position: top right;
}

.seo_terrace{
	font-weight: bold;
}


.seo_terrace2 {
	border:#000000 1px solid;
	margin:0px;
	padding:5px;
	width: 500px;
}

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

#rankingmain{
	width:665px;
	hight:240px
	background:#f6f5f1;
}

#rankingmain ul{
	list-style-image: url(/img/top/ranking/1.gif);
}