/*########### body ##############*/
a img {border:none;}

body{
margin:0px;
background-color:#F7F7F7;
text-align:center;
}

/**/
br.clear{
clear:both;
display:block;
font-size:1px;
line-height:1px;
}


/**/
a:link {
	color: #0033CC;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #0033CC;
}
a:hover {
	text-decoration: none;
	color: #0033CC;
}
a:active {
	text-decoration: none;
}

h1 {
	font-size: 10px;
	margin: 0px;
	color: #666666;
	text-align: right;
}

h2 {
	font-size: 20px;
	margin: 0px;
	color: #666666;
	text-align:left;
}

h3 {
	margin: 0;
	padding: 3px 0px 3px 5px;
	font-size: 120%;
	line-height: 100%;
}

h4 {
	font-size: 13px;
	margin: 0;
	padding: 3px 0 3px 10px;
	color: #FFFFFF;
	line-height: 100%;
}

/*########### header ##############*/
.header_box{
width:100%;
height:350px;
background-image:url(../img/header/header_height.jpg);
background-repeat:repeat-x;
}

.header{
width:950px;
height:350px;
margin:0px auto;
background-image:url(../img/header/header_body.png);
background-repeat:repeat-x;
}

.header .h_box{
width:950px;
height:291px;
float:left;
}

.header .h_box .name{
width:950px;
margin:50px 0px 0px 0px;
float:left;
text-align: right;
}

.header .h_box .rogo{
width:950px;
margin:200px 0px 0px 0px;
float:left;
}

.header .h_box .rogo .title{
width:865px;
margin:0px 0px 0px 85px;
float:left;
}

.header .h_box .rogo .title a:link {
	color: #333333;
	text-decoration: none;
}

.header .h_box .rogo .title a:visited {
	color: #333333;
	text-decoration: none;
}

.header .h_box .rogo .title a:hover {
	color: #666666;
	text-decoration: none;
}


.header .h_box .rogo .description{
width:865px;
height:30px;
padding:10px 0px 0px 85px;
font-size:12px;
color: #666666;
line-height:150%;
text-align:left;
float:left;
}



/*########### header_navi ##############*/


/*navi_list*/
.header .navi_list{
width:950px;
padding:42px 0px 0px 0px;
float: left; 
}

.header .navi_list ul{
display:block; 
margin:0px;
padding:0px;
}
.header .navi_list li{
list-style:none;
float:left;
margin:0px;
padding:0px;
}

/*テキスト非表示*/
.header .navi_list .alt{
display:none;
}

/*
----------------*/
.header .navi_list .navi_01{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_01 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(../img/header/header_navi_01.jpg) no-repeat;
}
.header .navi_list li.navi_01 a:hover,active{
background-position:0px -50px;
}

/*
----------------*/
.header .navi_list .navi_02{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_02 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(../img/header/header_navi_02.jpg) no-repeat;
}
.header .navi_list li.navi_02 a:hover,active{
background-position:0px -50px;
}

/*
----------------*/
.header .navi_list .navi_03{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_03 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(../img/header/header_navi_03.jpg) no-repeat;
}
.header .navi_list li.navi_03 a:hover,active{
background-position:0px -50px;
}

/*
----------------*/
.header .navi_list .navi_04{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_04 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(../img/header/header_navi_04.jpg) no-repeat;
}
.header .navi_list li.navi_04 a:hover,active{
background-position:0px -50px;
}

/*
----------------*/
.header .navi_list .navi_05{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_05 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(../img/header/header_navi_05.jpg) no-repeat;
}
.header .navi_list li.navi_05 a:hover,active{
background-position:0px -50px;
}


/*########### top ##############*/

.top_box{
width:100%;
height:400px;
margin:10px 0px 0px 0px;
background-image:url(../img/top/top_height.jpg);
background-repeat:repeat-x;
}



/*########### all_box ##############*/

.all_box{
width:970px;
margin:0px auto;
}

.all_box_sub{
width:970px;
margin:0px auto;
background-image:url(../img/top/top_height.jpg);
background-repeat:repeat-x;
}

/*###################### footer #########################*/
.footer_up{
width:950px;
margin:0px auto;
}

.footer_up .footer_up_text{
width:950px;
padding:0px 0px 10px 0px;
font-size:14px;
color: #666666;
line-height:150%;
text-align:left;
float: left;
}

.footer_box{
width:100%;
height:100px;
background-image:url(../img/footer/footer_height.jpg);
background-repeat:repeat-x;
}

.footer{
width:950px;
height:100px;
margin:0px auto;
background-image:url(../img/footer/footer_body.jpg);
}


/*sns*/
.footer_sns{
width:950px;
height:35px;
margin:0px auto 0px auto;
text-align:left;
}

.footer_sns .sns{
width:110px;
padding:10px 0px 10px 0px;
text-align:left;
float: left;
}

.footer_sns .sns70{
width:70px;
padding:10px 0px 10px 0px;
text-align:left;
float: left;
}
/*sns*/



/*footer_text*/
.footer_text{
width:950px;
height:35px;
margin:0px auto 0px auto;
text-align:left;
}

.footer_text .copyright{
width:950px;
padding:10px 0px 10px 0px;
font-size:14px;
line-height:120%;
text-align:center;
}


/*########### content ##############*/
.content{
width:950px;
background-color:#F7F7F7;
padding:0px 10px 10px 10px;
float: left;
}

.content_pan{
width:950px;
background-color:#F7F7F7;
padding:10px 10px 0px 10px;
float: left;
}


.pan{
width:950px;
margin:0px 0px 5px 0px;
font-size:12px;
color: #666666;
line-height:150%;
text-align:left;
float:left;
}




/*########### center ##############*/
.top{
width:950px;
padding:10px 0px 0px 0px;
float: left;
}

/*テキスト非表示*/
.top .alt{
display:none;
}

.top .box{
width:950px;
margin:0px 0px 10px 0px;
float: left;
}


/*########### contents ##############*/
.top .box .contents{
width:690px;
margin:0px 0px 10px 0px;
float: left;
}

.top .box .contents .text_box{
width:690px;
margin:0px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .box .contents .text_box .left{
width:340px;
margin:0px 0px 0px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .box .contents .text_box .right{
width:340px;
margin:0px 0px 0px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}

/**/
.top .box .contents .click690{
width:690px;
height:210px;
margin:0px 0px 10px 0px;
float:right;
}
.top .box .contents .click690 a,
.top .box .contents .click690 a:link,
.top .box .contents .click690 a:visited{
width:690px;
height:210px;
display:block;
text-indent:-9999px;
background:url(../img/top/ranking_690.jpg);
}
.top .box .contents .click690 a:hover,
.top .box .contents .click690 a:active{
background-position:0px -210px;
}
/**/


/*########### side ##############*/
.top .box .side{
width:250px;
margin:0px 0px 10px 0px;
float: right;
}

.top .box .side .box{
width:250px;
margin:0px 0px 10px 0px;
float: right;
}


.midashi_side {
width:250px;
height:30px;
padding:10px 0px 0px 0px;
color: #333333;
font-weight:bold;
background: url(../img/side/side_bar.jpg) repeat-x;
text-align:left;
float: left;
}



.top .box .side .list{
width:235px;
height:28px;
background:url(../img/side/side_list.jpg);
padding:7px 0px 0px 15px;
margin:0px 0px 5px 0px;
font-size:13px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}












/**/
.top .bar_01{
width:950px;
height:35px;
background:url(../img/top/bar_01.jpg);
margin:0px 0px 10px 0px;
float: left;
}
.top .bar_01 h4{
width:950px;
height:35px;
margin:0px 0px 0px 0px;
display:inline;
}
.top .bar_01 h4 a{
display:block;
height:35px;
text-indent:-9999px;
}
/**/

.midashi {
width:950px;
height:31px;
padding:9px 0px 0px 0px;
color: #333333;
font-weight:bold;
background: url(../img/top/bar_01.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_ranking_01 {
width:860px;
height:31px;
padding:41px 0px 0px 90px;
margin:0px 0px 10px 0px;
color: #FFFFFF;
font-weight:bold;
font-size:18px;
background: url(../img/top/rankimg_01.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_ranking_02 {
width:860px;
height:31px;
padding:41px 0px 0px 90px;
margin:0px 0px 10px 0px;
color: #FFFFFF;
font-weight:bold;
font-size:18px;
background: url(../img/top/rankimg_02.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_ranking_03 {
width:860px;
height:31px;
padding:41px 0px 0px 90px;
margin:0px 0px 10px 0px;
color: #FFFFFF;
font-weight:bold;
font-size:18px;
background: url(../img/top/rankimg_03.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_ranking_04 {
width:860px;
height:31px;
padding:41px 0px 0px 90px;
margin:0px 0px 10px 0px;
color: #FFFFFF;
font-weight:bold;
font-size:18px;
background: url(../img/top/rankimg_04.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_ranking_05 {
width:860px;
height:31px;
padding:41px 0px 0px 90px;
margin:0px 0px 10px 0px;
color: #FFFFFF;
font-weight:bold;
font-size:18px;
background: url(../img/top/rankimg_05.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_ranking_06 {
width:860px;
height:31px;
padding:41px 0px 0px 90px;
margin:0px 0px 10px 0px;
color: #FFFFFF;
font-weight:bold;
font-size:18px;
background: url(../img/top/rankimg_06.jpg) repeat-x;
text-align:left;
float: left;
}



.midashi_690 {
width:690px;
height:31px;
padding:9px 0px 0px 0px;
margin:0px 0px 10px 0px;
color: #333333;
font-weight:bold;
background: url(../img/top/bar_690.jpg) repeat-x;
text-align:left;
float: left;
}




.afbox{
width:900px;
margin:0px 0px 0px 0px;
float: left;
}

.afbox .afleft{
width:700px;
margin:0px 0px 0px 0px;
float: left;
}

.afbox .afright{
width:200px;
margin:0px 0px 0px 0px;
float: left;
}

.afbox .afright .over{
width:200px;
height:200px;
margin:0px 0px 0px 0px;
float: left;
}

/*テキスト非表示*/
.top .alt{
display:none;
}

.top .page_text{
width:950px;
margin:10px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .banner_728{
width:950px;
margin:10px 0px 10px 0px;
text-align:center;
float: left;
}

/**/
.top .click{
width:950px;
height:185px;
margin:0px 0px 0px 0px;
float:right;
}
.top .click a,
.top .click a:link,
.top .click a:visited{
width:950px;
height:185px;
display:block;
text-indent:-9999px;
background:url(../img/top/ranking.jpg); no-repeat;
}
.top .click a:hover,
.top .click a:active{
background-position:0px -185px;
}
/**/

/**/
.top .click_top{
width:950px;
height:185px;
margin:0px 0px 0px 0px;
float:right;
}
.top .click_top a,
.top .click_top a:link,
.top .click_top a:visited{
width:950px;
height:185px;
display:block;
text-indent:-9999px;
background:url(../img/top/ranking.jpg); no-repeat;
}
.top .click_top a:hover,
.top .click_top a:active{
background-position:0px -185px;
}
/**/

.top .page_text .textbox{
width:690px;
margin:10px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .page_text .photobox{
width:250px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}


.top .page_text .textbox640{
width:640px;
margin:10px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .page_text .photobox300{
width:300px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}

.top .page_text .left470{
width:470px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .page_text .right470{
width:470px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}


.top .page_text_ranking{
width:690px;
margin:10px 0px 10px 0px;
font-size:17px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .page_text .photobox_left{
width:300px;
height:250px;
margin:0px 0px 0px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.top .page_text .textbox_right{
width:640px;
height:250px;
margin:0px 0px 0px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}




.top .page_text .textbox_right .text{
width:640px;
height:90px;
margin:0px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}

.top .page_text .textbox_right .hyou{
width:640px;
height:72px;
margin:0px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: right;
}

/**/
.top .page_text .textbox_right .click{
width:380px;
height:68px;
margin:0px 0px 0px 0px;
float:right;
}
.top .page_text .textbox_right .click a,
.top .page_text .textbox_right .click a:link,
.top .page_text .textbox_right .click a:visited{
width:380px;
height:68px;
display:block;
text-indent:-9999px;
background:url(../img/top/click.jpg); no-repeat;
}
.top .page_text .textbox_right .click a:hover,
.top .page_text .textbox_right .click a:active{
background-position:0px -68px;
}
/**/


.top .tablebox{
width:690px;
margin:0px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

.foam_font{
font-size:14px;
color: #333333;
line-height:130%;
text-align:left;
}

/*########### page_up ##############*/
.page_up{
width:950px;
height:35px;
margin:0px auto 0px auto;
font-size:12px;
color: #333333;
line-height:200%;
text-align:right;
text-align:right;
}


.top .all_text_right{
width:690px;
margin:0px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:200%;
text-align:right;
float: left;
}


.top .fb{
width:690px;
margin:10px 0px 10px 0px;
font-size:14px;
color: #333333;
line-height:170%;
text-align:left;
float: left;
}

.top .fb_liekbox{
width:690px;
margin:0px 0px 10px 0px;
text-align:left;
float: left;
}


/*########### 各ページ共通 ##############*/


/*########### 流れ ##############*/
.midashi_flow_01 {
width:880px;
height:37px;
padding:9px 0px 0px 70px;
font-weight:bold;
background: url(../img/img/flow_01.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_flow_02 {
width:880px;
height:37px;
padding:9px 0px 0px 70px;
font-weight:bold;
background: url(../img/img/flow_02.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_flow_03 {
width:880px;
height:37px;
padding:9px 0px 0px 70px;
font-weight:bold;
background: url(../img/img/flow_03.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_flow_04 {
width:880px;
height:37px;
padding:9px 0px 0px 70px;
font-weight:bold;
background: url(../img/img/flow_04.jpg) repeat-x;
text-align:left;
float: left;
}

.midashi_flow_05 {
width:880px;
height:37px;
padding:9px 0px 0px 70px;
font-weight:bold;
background: url(../img/img/flow_05.jpg) repeat-x;
text-align:left;
float: left;
}


.top .page_text .flowbox_left{
width:250px;
height:180px;
margin:0px 0px 0px 0px;
float: left;
}

.top .page_text .flowbox_right{
width:690px;
margin:0px 0px 0px 0px;
font-size:12px;
color: #333333;
line-height:200%;
text-align:left;
float: right;
}