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

body{
margin:0px;
background-color:#FFFFFF;
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: 10px;
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: 120%;
	line-height: 100%;
}

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

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

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

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

.header .h_box .rogo{
width:770px;
margin:150px 0px 0px 0px;
float:left;
}

.header .h_box .rogo .title{
width:500px;
margin:0px 0px 0px 0px;
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:400px;
height:30px;
padding:10px 0px 0px 0px;
font-size:12px;
color: #666666;
line-height:150%;
text-align:left;
float:left;
}



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


/*navi_list*/
.header .navi_list{
width:900px;
padding:9px 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:180px;
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:180px;
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:180px;
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:180px;
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:180px;
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:920px;
margin:0px auto;
}

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

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

.footer_up .footer_up_text{
width:900px;
padding:0px 0px 10px 0px;
font-size:12px;
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:900px;
height:100px;
margin:0px auto;
background-image:url(../img/footer/footer_body.jpg);
}


/*sns*/
.footer_sns{
width:900px;
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:900px;
height:35px;
margin:0px auto 0px auto;
text-align:left;
}

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


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

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


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


/*########### side ##############*/
.side{
width:200px;
padding:10px 0px 0px 0px;
float: right; 
}

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

.side .box{
width:200px;
padding:0px 0px 10px 0px;
float: left;
}


.side_bar {
width:195px;
height:20px;
padding:10px 0px 10px 5px;
margin:0px 0px 5px 0px;
font-size:12px;
color: #666666;
background: #f9f9f9 url(../img/side/side_bar_01.jpg) repeat-x;
text-align:left;
}

.side .box .banner{
width:200px;
padding:0px 0px 10px 0px;
float: left;
}

/**/
.side .box .side_bar_01{
width:200px;
height:40px;
background:url(../img/side/side_bar_01.jpg);
margin:0px 0px 0px 0px;
float: left;
}
.side .box .side_bar_01 h5{
width:200px;
height:40px;
margin:0px 0px 0px 0px;
display:inline;
}
.side .box .side_bar_01 h5 a{
display:block;
height:40px;
text-indent:-9999px;
}
/**/

/**/
.side .box .side_bar_02{
width:200px;
height:35px;
background:url(../img/side/side_bar_02.jpg);
margin:0px 0px 0px 0px;
float: left;
}
.side .box .side_bar_02 h5{
width:200px;
height:35px;
margin:0px 0px 0px 0px;
display:inline;
}
.side .box .side_bar_02 h5 a{
display:block;
height:35px;
text-indent:-9999px;
}
/**/




/*navi_list*/
.side .box .navi_list{
width:200px;
padding:0px 0px 10px 0px;
float: left; 
}

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

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

/*
----------------*/
.side .box .navi_list .side_navi_01{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_01 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_01.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_01 a:hover,active{
background-position:0px -40px;
}

/*
----------------*/
.side .box .navi_list .side_navi_02{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_02 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_02.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_02 a:hover,active{
background-position:0px -40px;
}

/*
----------------*/
.side .box .navi_list .side_navi_03{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_03 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_03.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_03 a:hover,active{
background-position:0px -40px;
}

/*
----------------*/
.side .box .navi_list .side_navi_04{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_04 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_04.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_04 a:hover,active{
background-position:0px -40px;
}

/*
----------------*/
.side .box .navi_list .side_navi_05{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_05 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_05.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_05 a:hover,active{
background-position:0px -40px;
}

/*
----------------*/
.side .box .navi_list .side_navi_06{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_06 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_06.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_06 a:hover,active{
background-position:0px -40px;
}

/*
----------------*/
.side .box .navi_list .side_navi_07{
padding:0px 0px 0px 0px;
}
.side .box .navi_list li.side_navi_07 a{
width:200px;
height:40px;
float:left;
display:block;
background:url(../img/side/side_navi_07.jpg) no-repeat;
}
.side .box .navi_list li.side_navi_07 a:hover,active{
background-position:0px -40px;
}

/*　サイド　エリア */


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

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

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

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

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

.midashi_ranking_01 {
width:600px;
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:600px;
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:600px;
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:600px;
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:600px;
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;
}



.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:690px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

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

.top .page_text .photobox{
width:300px;
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:12px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

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




.top .page_text .textbox_right .text{
width:380px;
height:172px;
margin:0px 0px 10px 0px;
font-size:12px;
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:left;
}
.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:12px;
color: #333333;
line-height:180%;
text-align:left;
float: left;
}

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

/*########### page_up ##############*/
.page_up{
width:900px;
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:12px;
color: #333333;
line-height:200%;
text-align:right;
float: left;
}


.top .fb{
width:690px;
margin:10px 0px 10px 0px;
font-size:12px;
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;
}


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