/* base.css */
@charset "UTF-8";

li{
	list-style:inside;
}

body{
	background:url(../image/common/top_line.gif) top left repeat-x;
	line-height: 1.6;
	text-align: left;
	font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
}

p{
	padding-top: 10px;
}

#container{

	
}

img{
vertical-align:bottom;
}

a{
	/*-color:#2787b7;-*/
	color: #000;
}

#side_navi{
	color: #000;
}

#side_navi a{
	color: #000;
}



#header{
	clear:both;
	height:135px;
	width: 940px;
	margin-bottom: 20px;
}

#navi{
	clear:both;
	font-size:12px;
	height:33px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
}

div#navi ul{
	height: 23px;
	width: 930px;

}

#navi_head{
	margin-top:5px;
	float:right;
	clear:both;
	width: 360px;
}

div#navi_head ul{
	height: 31px;
}

#navi_s{
	clear:both;
	height:20px;
	border-bottom:1px solid #EFEFEF;
}

#main_img{
	float:left;
	clear:both;
}

#box{
	margin-top: 15px;
	height:270px;
	float:left;
	width:100%;
	/*-background:url(../image/common/box_bottom_line.gif) bottom left repeat-x;-*/
}

#box_inner{
	width: 930px;
	margin: 0px auto 0;
	height: 230px;
	background: #efefef
}

#flash{
	height:250px;
	float:left;
	width:930px;
}

#attention{
	color:#ffffff;
	font-size:9px;
	padding-top:10px;
	padding-left: 13px;
	padding-right: 10px;
	height:240px;
	float:left;
	width:660px;
	background:url(../image/sprite/top_img.jpg) top left no-repeat;
}


.top_left{
	width: 600px;
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	margin-top: 13px;
}

.top_right{
	width:300px;
	float: left;
	margin-left: 10px;
	margin-top: 13px;
}

.h2_top{
	font-size: 18px;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	
}

.h2_top_rank{
	font-size: 18px;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	background:url(../image/common/h2_top_ranking_bg.gif) top left no-repeat;
}

.h2_top_newsite{
	font-size: 18px;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	background:url(../image/common/h2_top_newsite_bg.gif) top left no-repeat;
	float: left;
	width: 300px;
	text-align: right;
}

.h2_top img{
	border-left: 0px solid #d84090;
}

.news p{
	background:url(../image/common/base_dot_line.gif) bottom left repeat-x;
	line-height: 18px;
	padding-bottom: 10px;
}

.news span{
	background:url(../image/common/base_arrow.gif) center left no-repeat;
	padding-left: 14px;
	padding-right: 5px;
	border-right: 1px solid #000;
	margin-right: 5px;
}

#tyuuiten{
	float:left;
	width:280px;
}

#enableFlashPlayer{
	padding-top:2px;
	float:left;
	height:25px;
}

#free{
	float:left;
	height:240px;
	width:230px;
	margin-left:10px;
	padding-top:10px;
	padding-left: 5px;
	padding-right: 5px;
	background:url(../image/sprite/free_bg.png) top left no-repeat;
}

#free a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

.top_recom{
	width:585px;
	float: left;
	/*-background:url(../image/common/mesh01.gif) top left repeat;-*/
	margin-top: 10px;
	margin-bottom: 40px;
	background: #eee;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.top_news{
	margin-top: 20px;
	width:230px;
	padding-top: 42px;
	background:url(../image/sprite/top_news_bg2.gif) top left no-repeat;
}

.news{
	margin-bottom: 40px;
}

.more{
	width: 70px;
	height: 17px;
	padding: 1px 2px 1px 0px;
	float: right;
}


.more a {
	height:17px;
	display:block;
	background:url(../image/tab/t_read_more.gif) top right no-repeat;
}

.more a:hover {
	height:17px;
	display:block;
	background:url(../image/tab/t_read_more_hover.gif) top right no-repeat;
}

.more img{
	border-left: 0px;
	float: right;
}

.more span{
	display: none;
	width: 70px;
	height: 17px;
}

.sec{
	
}

.free_title{
	height:20px;
	background:#f7f7f7;
	border-bottom:1px solid #ddd;
}

#footer{
	clear:both;
	height:50px;
	padding:20px 10px;
	background:url(../image/common/footer_top_bg.gif) top left repeat-x;
	font-size: 11px;
	margin-top: 20px;
}

#footer a{
	color:#000;
}

#main{

}

.liquid{
	width:100%;
}

.m_c{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#left_navi{
	background: url(../image/sprite/portal_left.png) top left no-repeat;
	padding-top:40px;
	padding-left: 5px;
	padding-right: 5px;
}

#side_navi{
}

.m1{
	width:260px;
	float:left;

}

#accordion_page_navi{
	background: url(../image/common/side_menu_middle.gif) top left repeat-y;
	padding-left: 24px;
}

div #accordion_page_navi ul li {
	list-style: none;
	padding-left: 16px;
	padding-bottom: 10px;
	cursor: pointer;
	line-height: 12px;
	background: url(../image/common/side_arrow_s.gif) top left no-repeat;
}

li.side_menu_m ul{
	margin-top: 10px;
}

div #accordion_page_navi ul li span{
	padding-bottom: 5px;
	cursor: pointer;

}

div #accordion_page_navi ul li.side_menu_m{
		background: url(../image/common/side_arrow_m.gif) top left no-repeat;
		padding-bottom: 10px;
}

.m2{
	float:left;
	width:460px;
	margin:0 10px;
}

.m2_l{
	float:left;
	width:655px;
	overflow:hidden;

}
.m2_ll{
	float:left;
	width:690px;
}

.m2_l_top_cat{
	float:left;
	width:600px;
}

.m2_l_top_cat ul{
	margin-top: 20px;
}


.m2_l_cont{
	margin-left:10px;
	background: url(../image/sprite/round_grey_top.gif) top left no-repeat;
	float: left;
	display: inline;
}

.m2_l_cont h3{
	height: 40px;
	line-height: 40px;
}

.sq{
	background:#efefef url(../image/sprite/square_grey_bg.gif) top left no-repeat;
}

.m2_l_bottom{
	margin-left:10px;
	background:url(../image/sprite/main_contents_bg_bottom.gif) bottom left no-repeat;
	padding-bottom: 16px;
	padding-right: 16px;
	float: left;
	margin-bottom: 20px;
	width: 614px;
	min-height: 20px;
	padding-left: 16px;
	display: inline;
}



.m3{
	float:left;
	width:240px;
}

div#navi ul li.focus {
	float:left;
	margin-left:1px;
	list-style:none;
	height:31px;
	background:url(../img/sprite/tab_focus_left.png) top left no-repeat;
	padding-left:20px;
}

div#navi ul li {
	float:left;
	margin-left:1px;
	list-style:none;
	height:33px;
	width: 116px;
}

div#navi ul li span{
	display: none;
}

div#navi ul li.top_on a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_top01.gif) no-repeat left top;
}

div#navi ul li.about_on a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_about01.gif) no-repeat left bottom;
}

div#navi ul li.cat_on a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_cat01.gif) no-repeat left top;
}

div#navi ul li.service_on a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_service01.gif) no-repeat left bottom;
}

/*-
div#navi ul li.top_on a:hover {
	height:33px;
	display:block;
	background:url(../image/sprite/btn_top01.png) no-repeat left bottom;
}
-*/

div#navi ul li.top_off a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_top01.gif) no-repeat left top;
	/* background:url(../image/sprite/btn_top_off.png) no-repeat left top; */
}

div#navi ul li.top_off a:hover {
	height:33px;
	display:block;
	/* background:url(../image/sprite/btn_top_off.png) no-repeat left bottom; */
}

div#navi ul li.about_off a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_about01.gif) no-repeat left bottom;
}

div#navi ul li.about_off a:hover {
	height:33px;
	display:block;
	/* background:url(../image/sprite/btn_about01.png) no-repeat left top; */
}

div#navi ul li.cat_off a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_cat01.gif) no-repeat left bottom;
}

div#navi ul li.cat_off a:hover {
	height:33px;
	display:block;
	/* background:url(../image/sprite/btn_cat01.png) no-repeat left top; */
}

div#navi ul li.service_off a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_service01.gif) no-repeat left bottom; 
}

div#navi ul li.service_off a:hover {
	height:33px;
	display:block;
	/* background:url(../image/sprite/btn_service01.png) no-repeat left top; */
}

div#navi ul li.focus a {
	background:url(../img/sprite/tab_focus_right.png) top right no-repeat;
	height:31px;
	display:block;
	padding-right:20px;
}




div#navi_head ul li {
	float: right;
	list-style:none;
	height:18px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	width:101px;
	margin-left: 9px;
	background:url(../image/sprite/header_info_ul_bg.gif) center left no-repeat;
}

div#navi_head ul li a {
	text-decoration:none;
}

div#navi_head ul li a:hover {
	float:left;
	list-style:none;
	height:18px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	width:101px;
	background:url(../image/sprite/header_info_ul_bg_hover.gif) center left no-repeat;
}

div#navi_s ul li {
	float:left;
	margin-left:20px;
}

h3 {
	background:#f7f7f7 url(../image/sprite/icon01.gif) center left no-repeat;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	color:#000;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	clear:both;
}

div.m2 ul{
	margin-top:20px;
	margin-bottom:20px;
}


div.m2 ul li{
	list-style-image:url(../image/sprite/icon02.gif);

}

div.m3 ul{
	margin-top:20px;
	margin-bottom:20px;
}

div.m3 ul li{
	list-style-image:url(../image/sprite/icon02.gif);

}


div.m2_l h3,div.m2_ll h3{
	border-bottom:0px solid #ddd;
	border-top:0px solid #ddd;
	background: none;
	color: #000;
	font-size: 16px;

}

h4.faq{
	background: #efefef;
	padding: 5px 0;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	border-top:1px solid #fff;
	width: 606px;
	margin-left: 0px;
	margin-top: 5px;
}


.box_wrap{
	background:#fff url(../image/common/plan_detail_bg.gif) top left repeat-y;
	width:606px;
	float:left;
	padding-bottom:15px;
	padding-left: 20px;
	padding-right: 20px;
}

.grey_back{
	background:#fff url(../image/common/h3_bg.gif) top left repeat-y;
}

.btn{
	width:200px;
	height:40px;
	background:#fff;
	margin:10px 0;
	clear:both;
}

h4{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	background:#fff url(../image/common/h4_bg.gif) top left repeat-y;
}

.catch{
	background:#fff;
	margin:10px 0;
	clear:both;
}

#left_navi_area{
	background:#fff;
	width:250px;
	float:left;
	margin-bottom:10px;
	padding-top:10px;
}

.small_box{
	width:240px;
	margin-bottom:5px;
	float:left;
	margin-top: 5px;
}

.small_thumb{
	width:48px;
	height:48px;
	float:left;
}

.small_text{
	width:160px;
	margin-left:10px;
	float:left;
}

#middle_area{
	width:460px;
	float:left;
	margin-top:10px;
}

.middle_box{
	float:left;
}

.middle_thumb{
	width:130px;
	height:130px;
	background:#eee;
	float:left;
}

.middle_text{
	width:190px;
	margin-left:10px;
	float:left;
}

.ss_thumb{
	width:24px;
	height:24px;
	background:#eee;
	float:left;
}

.flow_text{
	width:380px;
	margin-left:10px;
	float:left;
}


.box_thumb{
	height:200px;
	float:left;
	margin-left: 10px;
}

.box_text{
	width:330px;
	margin-left:10px;
	float:left;
}

.box_wrap h4 {
	margin-bottom:10px;
	color:#000;
}

div.box_text h4.create{
	padding-left: 16px;
}

h4.create {
	margin-bottom:0px;
	color:#fff;
	background:#fff url(../image/common/plan_detail_bg.gif) top left repeat-y;
	background: #999;
}

div.box_text p{
	margin-bottom: 10px;
}

.f_logo1{
	float:left;
}

.f_logo2{
	float:right;
}

div#footer ul li{
	float:left;
	margin-left:10px;
	list-style:none;
	border-left:1px solid #fff;
	padding-left:10px;
}

#logo{
	float:left;
	padding-left:10px;
	padding-top:20px;
}

#logo h1{
	width: 300px;
	background: #fff;
}

.head_right{
	float:right;
	margin-top:18px;
}

.btn{
	background:#000;
	color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.btn_s{
	color:#fff;
	float:left;
	text-align:center;
}

.btn_s a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

.thumb{
	background:#FFF;
	width: 180px;
	height: 180px;
	float: left;
	margin-left: 15px;
}

.thumb_f{
	background:#FFF;
	width: 180px;
	height: 180px;
	float: left;
}

.input{
	float:left;
	width:220px;
}

.white{
	background:#fff;
}

.create_page{
	width:200px;
}

div#navi ul li.rights {
	float:right;
	padding-left: 10px;
	text-align: left;
	width: 101px;
	margin-top: 6px;
	/*-background: url(../image/common/nav_circ.gif) center left no-repeat;-*/
}


div#navi ul li.t_create a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_create01.gif) no-repeat left top; 
}

div#navi ul li.t_create a:hover {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_create01_hover.gif) no-repeat left top; 
}


div#navi ul li.t_mypage a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_mypage01.gif) no-repeat left top; 
}

div#navi ul li.t_mypage a:hover {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_mypage01_hover.gif) no-repeat left top; 
}

div#navi ul li.t_regist a {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_regist01.gif) no-repeat left top; 
}

div#navi ul li.t_regist a:hover {
	height:33px;
	display:block;
	background:url(../image/tab/t_btn_regist01_hover.gif) no-repeat left top; 
}

.top_page{
	background:#fff;
	width:335px;
}

.top_page_rank{
	width:280px;
	overflow-x:hidden; 
	margin-bottom: 20px;
	background: #eee;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.top_side_box{
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	padding-top: 10px;
	width: 280px;
	padding-left: 8px;
	margin-left: -2px;
}

.top_side_box:hover{
	background:url(../image/common/mesh01.gif) top left repeat;
}

.top_page_new{
	width:290px;
	overflow-x:hidden;
	margin-bottom: 20px; 
	background: #eee;
	padding-left: 10px;
}

.flow_top{
	width:190px;
	overflow-x:hidden; 
}

.flow_text_my{
	width:440px;
}

.site_num{
	margin-top: 10px;
	font-size: 42px;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝";
	color: #2787b7;
	font-weight: bold;
	text-align: center;
	height: 117px;
	line-height: 117px;
	width: 230px;
	background:url(../image/sprite/top_num_bg.gif) top left no-repeat;
}

.site_num_mes{
	width: 230px;
	height: 60px;
	background:url(../image/sprite/site_num_message.gif) top left no-repeat;
}

h3.tops {
	height:24px;
	background:url(../image/sprite/tops_bg.png) top left no-repeat;
	border-bottom:0px solid #ddd;
	border-top:0px solid #ddd;
	color:#000;
	line-height:24px;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	margin-bottom: 10px;
}

.gray{
	background:#fff url(../image/common/main_contents_bg.gif) top left repeat-y;
	width:626px;
	float:left;
	padding-bottom:15px;
	padding: 10px;
}

table.feature{
    border-top:0px solid #663300;
    border-left:1px solid #f19ec2;
    border-bottom:1px solid #f19ec2;
    border-right:1px solid #efefef;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.feature th{
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    color:#fff;
    text-align:center;
}

.feature .title {
	color: #000;
	background: #f19ec2;
	border-bottom: 1px solid #fff;
	border-right:1px solid #fff;
	width: 110px;
}

.feature td{
    border-right:0px solid #663300;
    border-bottom:1px solid #f19ec2;
}

.feature .kinoumei {
	background: #efefef;
	border-right:1px solid #fff;
	width: 216px;
	padding: 10px;
}

.feature .bikou {
	width: 334px;
	padding: 10px;
}

h3.sq {
		background:#efefef url(../image/sprite/square_grey_bg.gif) top left no-repeat;
}

.top_cat{
	margin-bottom: 10px;
	float: left;
	width: 100%;
	background:url(../image/common/base_dot_line.gif) bottom left repeat-x;
	padding-bottom: 10px;
}

.top_cat li{
	float: left;
	list-style-type: none;
}

li.top_cat_f{
	font-size: 14px;
	margin-bottom: 5px;
}

li.top_cat_f span{
	/*- background:url(../image/common/base_arrow.gif) center left no-repeat;-*/
	padding-left: 10px;
	display: block;
	margin-bottom: 10px;
	border-left: 3px solid #d84090;
	
}

li.top_cat_f span a{
	text-decoration: none;
	
}

ul li.top_cat_f{
}

li.top_cat_s{
	font-size: 10px;
	line-height: 18px;
	padding-left: 14px;
}

div.section h3 {
	color: #e4007f;
}

div.section li {
	list-style-type: decimal;
}

div.section p {
	padding: 20px;
	line-height: 150%;
}

.section{
	margin-bottom: 20px;
}

.box_wrap h2{
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #e4007f;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

li.q{
	color: #666;
	list-style: none;
	background: url(../image/sprite/list_q_bg.gif) top left no-repeat;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

li.a{
	color: #999;
	list-style: none;
	background: url(../image/sprite/list_a_bg.gif) top left no-repeat;
	padding-left: 25px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

/*- deny -*/

.deny_site_message{
	margin-bottom: 10px;
}

div.deny_site_message p{
	margin-bottom: 10px;
	font-weight: bold;
}

div.deny_site_message .button{
	margin-top: -10px;
}

.deny_media_name{
	margin: 10px 0;
}

.deny_site_title{
	margin-top: 10px;
}

.deny_person_name{
	margin: 10px 0;
	font-weight: bold;
}

/*-エラー周り-*/
span.errmsg{
	color: #e4007f;
	padding-top: 5px;
}

/*-トップランキング-*/
.ran_1{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: -56px;
	margin-top: -6px;
	background: url(../image/common/ran_1_bg.gif) top left no-repeat;
}

.ran_2{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: -56px;
	margin-top: -6px;
	background: url(../image/common/ran_2_bg.gif) top left no-repeat;
}

.ran_3{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: -56px;
	margin-top: -6px;
	background: url(../image/common/ran_3_bg.gif) top left no-repeat;
}

.ran_4{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: -56px;
	margin-top: -6px;
	background: url(../image/common/ran_4_bg.gif) top left no-repeat;
}

.ran_5{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: -56px;
	margin-top: -6px;
	background: url(../image/common/ran_5_bg.gif) top left no-repeat;
}