/*
**********************************************************************

* stylesheets.css

* site name   : pokecan.net
* since       : 2009-01-07
* editor      : Dreamnet's(http://www.dreamnets.co.jp) hatakeyama
* modified    : 

*********************************************************************
*/

/*
===== CONTENTS ======================================================

	0: ブラウザ標準CSS
	1: サイト内リンク色CSS
	2: 共通使用CSS
	3: サイトレイアウトCSS
	4: ポータルサイト専用CSS
		4-1:一覧ページ
		4-2:フォームページ
	5: 各ページコンテンツCSS
　　6: 各ページコンテンツCSS(KSC)
=====================================================================
*/


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

* 0: ブラウザ標準CSS

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

body {
color:#444444;
font-size:84%;
line-height:1.5;
margin:0pt;
padding:0pt;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align:center;
}
img {
border:0pt none;
}
li {
list-style:none;
padding:0;
margin:0pt;
}
ol, ul {
margin:0pt;
padding:0pt;
}
dl,dt,dd{
margin:0;
padding:0;
}
table,th,td {
font-size:100%;
}
p{
margin:0pt;
padding:0pt;
}
form {
margin:0pt;
}
.iepngfix{
behavior: expression(IEPNGFIX.fix(this));
}

/*見出しタグ----------------------------------------------*/
h1{
color:#636363;
font-size:90%;
line-height:1.6;
margin:0;
padding:0;
font-weight:normal;
}
h2{
color:#636363;
font-size:100%;
margin:0;
padding:0;
}
h3{
color:#636363;
font-size:100%;
margin:0;
padding:0;
}


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

* 1: サイト内リンク色

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

a {
color:#2281d9;
text-decoration:underline;
}
a:hover {
color:#2281d9;
text-decoration:none;
}

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

* 2: 共通使用CSS

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

.clear {
clear:both;
font-size:0px;
height:0px;
line-height:1;
margin:0pt;
padding:0pt;
overflow:hidden;
}
.right{
text-align:right;
}
.left {
text-align:left;
}
.f_left {
float:left;
}
.f_right{
float:left;
}
.x_dot{
background:url(/image/portal_skin/x_dot.gif) repeat-x;
line-height:1;
font-size:1px;
height:1px;
overflow:hidden;
}

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

* 3: サイトレイアウトCSS

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

/*------------------------------------------------------------------------------*/
/*#CONTAINER--------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#container{
width:800px;
text-align:left;
margin:auto;
background:#FFFFFF;
}
/*------------------------------------------------------------------------------*/
/*#HEADER-----------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.header_border{
background:#f6f6f6;
border:#c7c7c7 solid;
border-width:0 0 1px 0;
}
.header_border_left{
width:560px;
float:left;
padding:0 0 0 10px;
}
.header_border_right{
width:230px;
float:right;
}
.header_border_right li{
float:left;
background:url(image/portal_skin/icn_gray_allow.gif) no-repeat 0px 6px;
margin:0 12px 0 0;
padding:0 0 0 12px;

}
div#header .header_left{
width:205px;
float:left;
margin:22px 0 0 0;
}
div#header .header_right{
width:595px;
float:right;
}
div.header_menu{
border:#82be28 solid;
border-width:2px 0 0 0;
}
div.header_menu li{
float:left;
}
/*------------------------------------------------------------------------------*/
/*#CONTENT----------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#content{
margin:10px 0 0 0;
}

/*------------------------------------------------------------------------------*/
/*#LEFT-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#left{
width:195px;
float:left;
}

/*ログインパネル*/
div.login{
width:193px;
background:url(image/portal_skin/bg_login_body.gif) repeat-y;
}
table.login_form{
width:170px;
margin:7px auto 0 auto;
}
table.login_form input{
width:90px;
height:18px;
margin:0 0 0 0px;
}
table.login_form th{
padding:0 8px 0 0;

}
table.login_form input

/*地域IT応援隊*/
div.ouen{
margin:auto;
}
div.ouen li{
margin:0 auto 0px auto;
text-align:center;
}

/*モバイルサイト案内*/
.mobile_info{
font-size:79%;

}
.mobile_info div img.img_left{
float:left;
margin:5px 5px 0 0;
}
.mobile_info div img.img_top{
margin:5px 0px 3px 0;
}

.bg_gray{
display:block;
background:#e8e8e8;
padding:1px 0 1px 0;
margin:8px 0 0 0;
}


/*------------------------------------------------------------------------------*/
/*#MAIN-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#main{
width:595px;
float:right;
text-align:left;
}
div.main_banner{
margin:0px 0 15px 0;
}

/*人気ホームページよりピックアップ*/
div.top_ranking{
width:580px;
margin:10px 0 0 15px;
}
div.top_ranking_left{
width:415px;
float:left;
}
	div.top_ranking_left li{
	float:left;
	width:130px;
	display:block;
	position:relative;
	text-align:center;
	margin:10px 5px 0 0;
	}
	div.top_ranking_left li span img{
	width:39px;
	height:25px;
	position:absolute;
	top:-5px;
	left:46px;
	behavior: expression(IEPNGFIX.fix(this));
	}
	div.top_ranking_left li a img{
	width:124px;
	}
	div.top_ranking_left div.image{
	border:1px #999999 solid;
	width:128px;
	}

	div.top_ranking_left div.image a{
	display:block;
	width:124px;
	margin:auto;
	border:2px #FFFFFF solid;
	}
	div.top_ranking_left div.image a:hover{
	display:block;
	width:124px;
	margin:auto;
	border:2px #ffa515 solid;
	}	
	div.top_ranking_left li.cleas{
	clear:both;	
	}

div.top_ranking_left02{
width:415px;
float:left;
}
	div.top_ranking_left02 li{
	float:left;
	width:130px;
	display:block;
	position:relative;
	text-align:center;
	margin:10px 5px 0 0;
	}
	div.top_ranking_left02 li span img{
	width:39px;
	height:25px;
	position:absolute;
	top:-5px;
	left:46px;
	behavior: expression(IEPNGFIX.fix(this));
	}
	div.top_ranking_left02 li a img{
	width:124px;
	}
	div.top_ranking_left02 div.image{
	border:1px #999999 solid;
	width:128px;
	}

	div.top_ranking_left02 div.image a{
	display:block;
	width:124px;
	margin:auto;
	border:2px #FFFFFF solid;
	}
	div.top_ranking_left02 div.image a:hover{
	display:block;
	width:124px;
	margin:auto;
	border:2px #ffa515 solid;
	}	
	div.top_ranking_left02 li.cleas{
	clear:both;	
	}
		

div.top_ranking_right{
width:163px;
float:right;
}

/*ニュースインフォメーション*/
.news_info{
margin:0 0 0 15px;

}
.news_info dl{
margin:1px 0 3px 0;
padding:2px 0 2px 15px;
float:left;
width:550px;
border:solid #dedede;
border-width:0 0 1px 0;
}
.news_info dt,dd{
float:left;
margin:0;
padding:0;
}
.news_info dt{
margin:0 10px 0 0;
}


/*------------------------------------------------------------------------------*/
/*#MAIN共通CSS------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

/*パンくず*/
.pankuzu{
margin:5px 0 9px 0px;
background:#f4eee9;
padding:3px 3px 3px 5px;
}
.pankuzu li{
float:left;
background:url(/image/portal_skin/icn_gray_allow.gif) no-repeat 3px 5px;
padding:0 0 0 18px;
margin: 0 8px 0 0;
font-size:84%;
}
p.page_back{
margin:10px 0 0px 0;
}
/*トップページ 要素タイトル*/
div.sub_title{
background:url(image/portal_skin/bg_main_title.jpg) bottom repeat-x;
padding:0 0 20px 15px;
clear:both;
float:left;
width:580px;
margin:10px 0 0 0;
}
div.sub_title h2{
color:#5b9700;
float:left;
font-weight:bold;
font-size:120%;
padding:0;
margin:0;
}
div.sub_title a{
background:url(image/portal_skin/icn_ring.gif) no-repeat 0 6px;
padding:2px 0 2px 18px;
float:right;
}
div.sub_title a:hover{
background:url(image/portal_skin/icn_ring_over.gif) no-repeat 0 6px;
padding:2px 0 2px 18px;
float:right;
}

/*利用事例 要素タイトル*/
div.case_title{
background:url(image/portal_skin/bg_main_title.jpg) bottom repeat-x;
padding:0 0 20px 15px;
clear:both;
float:left;
width:390px;
margin:10px 0 0 0;
}
div.case_title h2{
color:#5b9700;
float:left;
font-weight:bold;
font-size:120%;
padding:0;
margin:0;
}
div.case_title a{
background:url(image/portal_skin/icn_ring.gif) no-repeat 0 6px;
padding:2px 10px 2px 18px;
float:right;
}
div.case_title a:hover{
background:url(image/portal_skin/icn_ring_over.gif) no-repeat 0 6px;
padding:2px 10px 2px 18px;
float:right;
}
/*------------------------------------------------------------------------------*/
/*#FOOTER-----------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#footer{
margin:40px 0 0 0;
clear:both;
text-align:center;
color:#FFFFFF;
padding:0px 0 0 0;
}
div#footer .link_line{
width:100%;
text-align:center;
background:url(image/portal_skin/bg_footer.gif) repeat-x #f1f1f1;
padding:0 0px 6px 0px;
color:#919191;
display:block;
}
div#footer .link_line .block{
width:800px;
margin:auto;
position:relative;
padding:7px 0 7px 0 ;
}
div#footer .block .foot_icn{
	position:absolute;
	overflow:hidden;
	z-index:2;
	width:42px;
	height:84px;
	left: 802px;
	top: -10px;
}
div#footer .block .foot_icn img{
height:84px;
}
div#footer .block .foot_icn02{
	position:absolute;
	overflow:hidden;
	z-index:3;
	width:42px;
	height:12px;
	left: 794px;
	top: 85%;
	
}
div#footer .copyright{
background:#86c536;
padding:10px;
color:#FFFFFF;
}



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

* 4: ポータルサイト専用CSS

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

/*-----------------------------------------------------------------*/
/*#404notfound-----------------------------------------------------*/
/*-----------------------------------------------------------------*/

.flame404{
width:500px;
margin:50px auto 0 auto;
text-align:center;
}
.flame404 a.back{
background:url(/image/portal_skin/icn_gray_allow.gif) no-repeat 0 3px;
padding:0 0 0 15px;

}




/*-----------------------------------------------------------------*/
/* 4-1 #一覧ページ-------------------------------------------------*/
/*-----------------------------------------------------------------*/

/*一覧ページ共通タイトル*/
.list_title h2{
font-size:120%;
color:#333333;
margin:5px 0 15px 0;
padding:0 0 0 10px;
border:solid #ffa515;
border-width:0 0 0 5px;
}

/*共通ページ送り*/
.all_pagesend_up{
text-align:right;
margin:0px 0 12px 0;
border:solid #CCCCCC;
border-width:0px 0 1px 0;
}
.all_pagesend_under{
text-align:right;
margin:7px 0 15px 0;
border:solid #CCCCCC;
border-width:0px 0 1px 0;
}




/* 各種検索結果 */
div.con_list_layer{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  background:url(image/portal_skin/x_dot.gif) repeat-x left bottom;
}

div.con_list_left{
  margin: 0px 5px 0px 0px;
  width: 240px;
  float: left;
  overflow: hidden;
}

div.con_list_right{
  width: 280px;
  float: left;
  overflow: hidden;
}

div.con_list_left2{
  margin: 0px 5px 0px 0px;
  width: 130px;
  float: left;
  overflow: hidden;
}

div.con_list_right2{
  width: 390px;
  float: left;
  overflow: hidden;
}

div.con_list_text{
  margin: 5px 0px;
}

div.con_list_status{
  color: #698394;
}

div.con_list_sitename{
  color: #698394;
  font-size: 84%;
}

div.con_list_sitename a{
  color: #698394 !important;
}

div.con_list_tag{
  color: #698394;
  font-size: 80%;
}

div.con_list_tag a{
  margin: 0px 2px;
  color: #698394 !important;
}


#search_result_list .search_word{
display: block;
clear:both;
color: #666;
margin-bottom: 3px;
padding: 5px 0 4px 0;
font-size:100%;
text-align:left;
border-top: 1px solid #CCC;
background: url(/image/portal_skin/x_dot.gif) repeat-x left bottom;
}



/*新着記事一覧---------------------------------------------------------*/

#search_result_list .search_word{
display: block;
color: #666;
margin-bottom: 3px;
padding: 5px 0 4px 0;
text-align:left;
font-size:100%;
border-top: 1px solid #CCC;
background: url(/image/portal_skin/x_dot.gif) repeat-x left bottom;
}

/*新着ショップ一覧------------------------------------------------------*/
div.newshop_layer{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  background:url(image/portal_skin/x_dot.gif) repeat-x left bottom;
}

div.newshop_layer_left{
border:1px #999999 solid;
  margin: 0px 10px 0px 0px;
  width: 132px;
  float: left;
}
div.newshop_layer_left img{
width:128px;
text-align:center;
}
div.newshop_layer_left a{
display:block;
margin:auto;
border:2px #FFFFFF solid;
}
div.newshop_layer_left a:hover{
display:block;
margin:auto;
border:2px #ffa515 solid;
}
div.newshop_layer_right{
  width: 390px;
  float: left;
  overflow: hidden;
}

div.newshop_layer_text{
  margin: 5px 0px;
}

div.newshop_layer_status{
  color: #698394;
}

/*新着商品一覧ページ-------------------------------------------------------*/
.con_shopping2_title{
  margin: 0px !important;
  padding: 0px 0px 10px 0px !important;
  color: #999999;
  font-size: 125%;
}

.con_shopping2_title2{
  margin: 0px !important;
  padding: 0px 0px 10px 0px !important;
  color: #999999;
  font-size: 125%;
}


.con_shopping2_layer{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  background: url(/image/portal_skin/x_dot.gif) repeat-x left bottom;
  text-align: left;
}

.con_shopping2_left{
  margin: 0px 5px 0px 0px;
  width: 190px;
  float: left;
  overflow: hidden;
}
.con_shopping2_com_left{
  width: 84px;
  float: left;
border:solid #999999 1px;
margin:0 4px 0 0;
}
.con_shopping2_com_left img{
  width: 80px;
}
.con_shopping2_com_left a{
display:block;
border:solid #FFFFFF 2px;
}
.con_shopping2_com_left a:hover{
display:block;
border:solid #ffa515 2px;
}

.con_shopping2_right{
  padding: 0px 0px 0px 5px;
  border-left: 1px solid #BBBBBB;
  width: 200px;
  float: left;
  overflow: hidden;
}


.con_shopping2_com_right{
  width: 100px;
  float: left;
}

.con_shopping2_com_title{}

.con_shopping2_price{}

.con_shopping2_text{}
.con_shopping_res{
background:url(/image/portal_skin/x_dot.gif) repeat-x bottom;
padding:0 0 5px 0;
margin:0 0 8px 0 ;
}

/*新着商品一覧ページ 絞込み検索--------------------------------------------------*/
div.shop_search{
background:#f5f5f5;
padding:3px 5px 7px 10px;
border:solid 1px #f0f0f0;
}
div.shop_search_title{
font-size:110%;
color:#666666;
font-weight:bold;
margin:0 15px 0 0;
}

div.shop_search div{
}
div.shop_search input{
margin:0 5px 0 0;
}
div.shop_search select{
margin:0 5px 0 0;
}
/*人気ホームページランキング ---------------------------------------------------*/
div.rank_image{
width:100px;
margin:0 20px 0 0;
float:left;
border:1px solid #999999;
}
div.rank_image img{
width:96px;
}
div.rank_image a{
display:block;
border:2px solid #FFFFFF;
}
div.rank_image a:hover{
border:2px solid #ffa515;
}



/*-----------------------------------------------------------------*/
/* 4-2 #フォームページ---------------------------------------------*/
/*-----------------------------------------------------------------*/

/* お申し込みフォーム */
#con_register{
  margin: 10px 0px 20px 0px;
}

.con_register_table{
  margin: 10px 0px 20px 0px;
  border-top: 2px solid #EEEEEE;
}

.con_register_table tr td{
  padding: 10px 5px !important;
  border-bottom: 2px solid #EEEEEE;
}

.con_register_table02{
  border: none;
}

.con_register_table02 tr td{
  padding: 5px 0px !important;
  border: none;
}

.con_register_left{}
.con_register_right{
  padding: 0px 0px 0px 10px;
  border-left: 3px solid #82be28;
}

.con_register_submit{
  margin: 20px 0px;
  text-align: center;
}

/* リクルートフォーム */
div.recruit_error{
width:93%;
background:#f5f5f5;
padding:10px 5px 10px 10px;
border:solid 1px #CCCCCC;
text-align:left;
margin:15px 0 15px 0;
}

div.recruit_error span.fcr{
color:#FF0000;
}

/* フォーラム系 */

.entry_ques_table_layer{
    margin: 10px 0 10px 0;
	border: 1px solid #AAAAAA;
}

.entry_ques_table_layer tr td{
    padding: 3px;
	/*background: #E8EFF9;*/
}

.entry_search_table_layer{
    margin: 10px 0px 10px 0px;
	border: 1px solid #999999;
}

.entry_search_table_layer tr td{
    padding: 3px;
}

.entry_ques01{
    width: 100px;
}

.entry_ques02{
    width: 350px;
}

.entry_search{
    width: 250px;
}

.entry_ques_body_table_layer{
    margin: 0px 0px 10px 0px;
	border: 1px solid #AAAAAA;
}

.entry_ques_body_table_layer tr td{
    padding: 5px;
}

.entry_ques_title_back{
    background: #c4ea8b;
	font-weight: bold;
	color:#4e8200;
}

.entry_ques_text_back{
    background: #FAFAFA;
}

.entry_ques_answer_text{
    margin: 5px 10px 10px 10px;
}

.entry_ques_time{
    margin: 0px 5px 0px 5px;
}

.entry_ques_title{
    margin: 0px 5px;
}

.entry_answer_table_layer{
    margin: 0px 0px 0px 0px;
}


/* Input,Textarea エレメント制御 */
.f_element_long input,.f_element_long textarea{
    width: 400px;
}

.f_element_semilong input,.f_element_semilong textarea{
    width: 300px;
}

.f_element_normal input,.f_element_normal textarea{
    width: 200px;
}

.f_element_mid input,.f_element_mid textarea{
    width: 100px;
}

.f_element_qua input,.f_element_qua textarea{
    width: 50px;
}

.f_element_last input,.f_element_last textarea{
    width: 10px;
}

.f_element_login input,.f_element_login textarea{
    width: 83px;
	height: 20px;
}

/* お試しデモ ---------------------------------------------------------*/
#con_free{
  margin: 20px 0px 0px 0px;
}

#hpwz_step_title{
  margin: 0px 0px 20px 0px;
}

.hpwz_table{
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
}

.hpwz_table tr td{
  padding: 5px;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  vertical-align: top;
}

#hpwz_step_expo{
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  font-size: 110%;
}

.next_step{
  text-align: center;
}
.next_step2{
  text-align: center;
}
.next_step p{
  margin: 0px 0px 10px 0px;
}

.table_first_line{
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  background: url("/image/0707/hpwz_table_title_back.gif") repeat-x left top #2F5197;
  font-weight: bold;
  text-align: left;
}


/* 201706 ログイン start ---------------------------------------------------------*/

#wrapper.login {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	}

#wrapper.login h1 {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 480px;
	height: 64px;
	margin: -80px 0 0 -240px;
	border-bottom: 3px solid #eb6100;
	text-align: left;
	overflow: hidden;
	}

#wrapper.login h1 img {
	width: 193px;
	height: 68px;
	margin-bottom: 8px;
	}

#wrapper.login h1 em {
	float: left;
	margin: 24px 0 0 4px;
	line-height: 25px;
	font-size: 17px;
	color: #8DBA50;
	font-weight: normal;
	font-style: normal;
	}

#wrapper.login h1 a {
	float: left;
	}

#wrapper.login h1 a.back {
	float: right;
	margin-top: 24px;
	font-weight: normal;
	}

#wrapper.login .innerwrap {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 480px;
	margin: 0 0 0 -240px;
	text-align: left;
	border: 1px solid #eee;
	}

#wrapper.login .innerwrap form {
	padding: 24px;
	background-color: #f6f6f6;
	border: 1px solid #fff;
	}

#wrapper.login .error {
	color: #c00;
	padding-bottom: 16px;
	}

#wrapper.login .error br {
	display: none;
	}

#wrapper.login label {
	display: block;
	margin-bottom: 12px;
	}

#wrapper.login label input {
	width: 100%;
	height: 36px;
	margin-top: 4px;
	padding: 0 8px;
	font-size: 15px;
	line-height: 32px;
	}

#wrapper.login div.other {
	line-height: 36px;
	}

#wrapper.login #loginbtn {
	position: relative;
	float: right;
	margin-right: -6px;
	}

/* 201706 ログイン end ---------------------------------------------------------*/



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

* 5: 各ページコンテンツCSS

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


/*------------------------------------------------------------------------------*/
/*#利用事例ページ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div.use_left{
width:405px;
float:left;
}
div.use_right{
width:180px;
float:right;
}


/*新着サイト紹介---------------------------------------------------------*/
.new_site{
clear:both;
margin:3px 0 0 0;
}

.site_box{
float:left;
width:123px;
padding:6px 0 8px 0;
border:solid 1px #FFFFFF;
margin:0 6px 0 0;
}
	.site_box .image{
	width:104px;
	text-align:center;
	border:1px #999999 solid;
	margin:auto;
	}
	.site_box .image img{
	width:100px;
	text-align:center;
	}
	.site_box .image a{
	display:block;
	width:100px;
	margin:auto;
	border:2px #FFFFFF solid;
	}
	.site_box .image a:hover{
	display:block;
	width:100px;
	margin:auto;
	border:2px #ffa515 solid;
	}
.site_box .site_name{
width:115px;
margin:3px auto auto auto;
color:#777777;
text-align:center;
word-break: break-all; 
}
.site_box .site_open{
width:115px;
margin:auto;
color:#777777;
text-align:center;
font-size:79%;
}
.site_box .item_price b{
color:#635B56;
}

/*ピックアップアイテム＆新着商品---------------------------------------------------------*/
.pickup_item{
clear:both;
margin:0px 0 0 0;
background:url(/image/portal_skin/bg_pickup.gif) repeat-y;
border:#FFFFFF solid;
border-width:1px 0 1px 0;
}

.item_box{
float:left;
width:97px;
padding:12px 0 8px 0;
margin:0 3px 0 0;
}
.item_box .image{
width:81px;
text-align:center;
border:1px #999999 solid;
}
.item_box .image img{
width:77px;
}
.item_box .image a{
display:block;
border:2px #FFFFFF solid;
}
.item_box .image a:hover{
border:2px #ffa515 solid;
}
.item_box .item_name{
width:97px;
margin:4px 0 0 0px;
word-break: break-all; 
}
.item_box .item_price{
width:97px;
color:#666666;
display:block;
word-break: break-all;
}
.item_box .item_price b{
color:#635B56;
word-break: break-all;
}

/*人気ホームページランキング---------------------------------------------------------*/
div.case_ranking{
margin:10px 0 0 0px;
clear:both;
}
	.case_ranking .image{
	width:104px;
	text-align:center;
	border:1px #999999 solid;
	margin:auto;
	}
	.case_ranking .image img{
	width:100px;
	text-align:center;
	}
	.case_ranking .image a{
	display:block;
	width:100px;
	margin:auto;
	border:2px #FFFFFF solid;
	}
	.case_ranking .image a:hover{
	display:block;
	width:100px;
	margin:auto;
	border:2px #ffa515 solid;
	}
div.case_ranking img{
width:100px;
}
	div.case_ranking li{
	float:left;
	width:123px;
	padding:6px 0 8px 0;
	border:solid 1px #FFFFFF;
	padding:0 6px 0 0;
	position:relative;
	display:block;
	}
	div.case_ranking li span img{
	width:39px;
	height:25px;
	position:absolute;
	top:-9px;
	left:42px;
	_left:38px;
	behavior: expression(IEPNGFIX.fix(this));
	}
	div.case_ranking li a img{
	width:130px;
	}
div.case_ranking .site_name{
width:115px;
margin:3px auto auto auto;
color:#777777;
text-align:center;
word-break: break-all; 
}
div.case_ranking .site_open{
width:115px;
margin:auto;
color:#777777;
text-align:center;
font-size:79%;
}

/*動画ピックアップ---------------------------------------------------------*/
.case_movie{
width:405px;
clear:both;
}
.movie_block{
width:185px;
float:left;
margin:0 10px 0 0;
}
.case_movie embed{
width:185px;
height:172px;
display:block;


}

/*#企業ホームページ検索---------------------------------------------------------*/

div.search_box li{
font-size:88%;
margin:5px 0 0 5px;
}
div.search_box li.search_title{
background:url(image/case/icn_orange_point.gif) no-repeat 0 3px;
color:#615f5f;
padding:0 0 0 16px;
margin:8px 0 0 0px;
font-weight:bold;
}

/*#企業ホームページ検索結果-----------------------------------------------------*/
div.use_mainsearch{
width:405px;

}
div.use_mainsearch_layer{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  background:url(image/portal_skin/x_dot.gif) repeat-x left bottom;
}

div.use_mainsearch_layer_left{
border:1px #999999 solid;
  margin: 0px 10px 0px 0px;
  width: 84px;
  float: left;
}
div.use_mainsearch_layer_left img{
width:80px;
text-align:center;
}
div.use_mainsearch_layer_left a{
display:block;
margin:auto;
border:2px #FFFFFF solid;
}
div.use_mainsearch_layer_left a:hover{
display:block;
margin:auto;
border:2px #ffa515 solid;
}
div.use_mainsearch_layer_right{
  width: 300px;
  float: left;
  overflow: hidden;
}

div.use_mainsearch_layer_text{
  margin: 5px 0px;
}

div.use_mainsearch_layer_status{
  color: #698394;
}


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

* 6: 各ページコンテンツCSS(KSC)

*      id、class名の先頭に po_ と付ける

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


/*------------------------------------------------------------------------------*/
/*#sampleページ-----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div.po_title{
clear:both;
float:left;
margin:10px 0 0 0;
padding:0 0 20px 15px;
width:580px;
background:url(image/portal_skin/bg_main_title.jpg) bottom repeat-x;
}
div.po_title h2{
float:left;
margin:0;
padding:0;
color:#5b9700;
font-weight:bold;
font-size:120%;
}
div.po_title p{
float:right;
padding:2px 10px 2px 18px;
background:url(image/portal_skin/icn_ring.gif) no-repeat 0 6px;
}

div.po_box{
margin:3px 0 0 0;
padding:0 5px 10px 15px;
/* width:575px;*/
/* width:97%;*/

}




/*img関係*/
div.po_box img{
float:right;
padding:0 0 15px 15px;
}
div.po_box img.nomal{
float:none;
padding:0 0 15px 15px;
}
div.po_box .img_arrow{
float:none;
padding:3px 3px 0px 5px;
}

/*20150609追加*/
div.po_box2 img{
align:center;
padding:0 0 15px 10px;
}

div.po_box2{
margin:3px 0 0 0;
padding:0 5px 10px 10px;
float:left;
}

div.po_box2 h3{
margin:8px 0 8px 0;
padding:0;
width:100%;
color:#009999;
font-weight:bold;
font-size:100%;
border:#009999 solid;
border-width:0 0 1px 0;
}

/*20150611追加*/

.right{
align:right;
}






/*見出し3,4関係*/
div.po_box h3{
margin:8px 0 8px 0;
padding:0;
width:100%;
color:#009999;
font-weight:bold;
font-size:100%;
border:#009999 solid;
border-width:0 0 1px 0;
}
div.po_box h4{
margin:8px 0 8px 0;
padding:0;
width:100%;
font-weight:bold;
font-size:100%;
}

/*リスト系*/
div.po_box ul{
margin:5px 0 5px 3em;
padding:0;
}
div.po_box li{
list-style-type:disc;
}

div.po_box ul.nomal{
margin:5px 0 5px 0.5em;
padding:0;
}
div.po_box li.nomal{
list-style-type:none;
}

div.po_box ul.decimal{
margin:5px 0 5px 2em;
padding:0;
}
div.po_box li.decimal{
list-style-type:decimal;
}

/*リンク系*/
div.po_box a{
float:right;
padding:0 10px 0 0;
}

div.po_box a.nomal{
float:none;
padding:0 0px 0 0;
}

/*テーブル系*/
div.po_box .table{
margin:8px 0 8px 0;
padding:5px;
width:auto;
font-size:100%;
border:#009999 solid;
border-width:1px;
}
div.po_box .table .small{
font-size:11px;
}

div.po_box .table_02{
margin:8px 0 8px 0;
padding:0px;
/*autoを100%に変更*/
width:100%;
font-size:100%;
border-bottom:#009999 solid 1px;
border-right:#009999 solid 1px;

}
div.po_box .table_02 th{
border:#009999 solid 1px;
padding: 3px;
background-color: #eeffff;
border-bottom:none;
border-right:none;
text-align:center;
}
div.po_box .table_02 td{
border:#009999 solid 1px;
padding: 3px;
border-bottom:none;
border-right:none;
text-align:right;
}
div.po_box .table_02 td.l{
border:#009999 solid 1px;
padding: 3px;
border-bottom:none;
border-right:none;
text-align:left;
}
div.po_box .table_02 img.nomal{
padding:0px;
}
div.po_box .table_02 .small{
font-size:11px;
color:#FF6600;
}
div.po_box .table_02 .bold{
font-weight:bold;
}
div.po_box .table_02 th.blue{
border:#009999 solid 1px;
background-color:#D5DFFD;
padding: 3px;
border-bottom:none;
border-right:none;
text-align:center;
}
div.po_box .table_02 .yellow{
background-color:#FFFFEE;
}
div.po_box .table_02 .pink{
background-color:#FFF5EC;
}
div.po_box .table_02 .purple{
background-color:#FCF4FF;
}
div.po_box .table_02 .blue2{
background-color:#F4FBFF;
}
div.po_box .table_02 .green2{
background-color:#F5FFF4;
}

/*文字系*/

div.po_box .orange{
color:#FF6600;
}
div.po_box .green{
color:#669900;
}
div.po_box .red{
color:#FF0000;
}
div.po_box .bg_green{
border-bottom:#669900 1px solid;
color:#669900;
padding:1px;
}
div.po_box .f11{
font-size:11px;
}

/*新規申込みページ*/
div.po_box .select_box{
float:left;
width:130px;
height:130px;
margin:0px 4px 0px 4px;
padding:0px;
}
div.po_box .select_box img{
padding:0px;
float:none;
}
div.po_box .select_banner{
float:left;
width:550px;
height:100px;
margin:5px 0 10px 5px;
padding:0px;
}
div.po_box .select_banner img{
padding:0px;
float:none;
}
div.po_box .select_banner2{
float:left;
width:550px;
height:auto;
margin:0px 0 10px 5px;
padding:0px;
}
div.po_box .select_banner2 img{
padding:0px;
float:none;
}
div.po_box .select_banner3{
float:left;
width:550px;
height:100px;
margin:20px 0 15px 5px;
padding:0px;
}
div.po_box .select_banner3 img{
padding:0px;
float:none;
}
div.po_box .img0{
float:none;
padding:0 5px 0 0px;
}