@charset "euc-jp";

body {
	text-align: center;
	background-color:#f5f5f5;/*全体の背景色-----------------*/
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;/*基本の文字サイズ-----------------*/
	line-height:150%;
	color:#333333;/*基本の文字色-----------------*/
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
}


h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}


/*pタグ空白消去*/
p {
	margin:0px;
	padding:0px;
}


/*IMGボーダー非表示*/
img  {
	border: none;
	vertical-align:top;
}

/*IE--BRバグ回避*/
br  {
	letter-spacing:normal;
}


/*ビルダー表示崩れ回避*/
br.clear{
	clear:both;
	padding:0px;
	margin:0px;
	height:0px;
	line-height:0;
}


/*リスト空白消去*/
ul,ol,li  {
	margin:0px;
	padding:0px;
	list-style:none;
}

/*普通のテキストリンク-----------------*/
/*テキストリンクの色*/
a:link    {text-decoration:underline;color:#00959d;} 

/*訪問済みのリンクの色*/ 
a:visited {text-decoration:underline;color:#00959d;}  

/*クリック時のリンクの色*/
a:active  {text-decoration:underline;color:#00959d;}  

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover   {text-decoration:underline;color:#00959d;}  

/*業種タイトルのテキストリンク-----------------*/
a.k_link:link    {text-decoration:none;color:#FFFFFF;}  /*テキストリンクの色*/
a.k_link:visited {text-decoration:none;color:#FFFFFF;}  /*訪問済みのリンクの色*/ 
a.k_link:active  {text-decoration:underline;color:#FFFFFF;}   /*クリック時のリンクの色*/
a.k_link:hover   {text-decoration:underline;color:#FFFFFF;}  /*マウスの上にカーソルがあるときのリンクの色*/

/*SEOタイトルのテキストリンク-----------------*/
a.s_link:link    {text-decoration:none;color:#333333;}  /*テキストリンクの色*/
a.s_link:visited {text-decoration:none;color:#333333;}  /*訪問済みのリンクの色*/ 
a.s_link:active  {text-decoration:underline;color:#333333;}   /*クリック時のリンクの色*/
a.s_link:hover   {text-decoration:underline;color:#333333;}  /*マウスの上にカーソルがあるときのリンクの色*/

/*=================================
  全体のボックス
=================================*/

#container{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header{
	padding:5px 0;
	margin:0px;
	background-color:#ffffff;/*ヘッダー背景色-----------------*/
	width:100%;
}

/*ページ右上の説明文-----------------*/
#header h1{
	line-height:normal;
	text-align:left;
	font-size:12px;/*文字サイズ-----------------*/
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	margin:0 auto;
	padding:2px 0px;
	width:820px;
}

#header2{
	padding:10px 0;
	margin:0 auto;
	background-color:#383838;/*ヘッダー背景色-----------------*/
	width:100%;
	margin-bottom: 8px;
}

#header2:after{
	content:'''';
	display:block;
	clear:both;
}

#header2 .title{
	padding:0;
	margin:0 auto;
	width:820px;
}

/*サイトのタイトル文字-----------------*/
#header2 h2{
	font-size:26px;     /*---文字サイズ-----------*/
	float:left;
	padding-top:23px;
	padding-left:0;
	height:42px;
	line-height:100%;
	font-weight:bold;
	width:420px;
}

/*ページのタイトル部分のみのテキストリンク（タイトルの文字＝ここで指定する文字の色になります）-------*/
#header2 h2 a:link{
	color:#f9f9f9;
	text-decoration:none;
} /*メニュー・テキストリンクの色*/

#header2 h2 a:visited{
	color:#f9f9f9;
	text-decoration:none;
} /*メニュー・訪問済みのリンクの色*/

#header2 h2 a:active{
	color:#f9f9f9;
	text-decoration:none;
} /*メニュー・クリック時のリンクの色*/

#header2 h2 a:hover{
	color:#f9f9f9;
	text-decoration:none;
} /*メニュー・マウス上にカーソルがある時のリンク色*/

#header_ad{
	line-height:normal;
	font-size:12px;    /*---文字サイズ-----------*/
	color:#343434;    /*---文字色-----------*/
	float:right;
	text-align:right;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:0;
}



/*ヘッダー下メニュー指定---------------------------------------------------*/
#g_menu{
	display:block;
	text-align:right;/*メニュー文字は右寄せ-----------------*/
	background-color:#00939b;/*背景色-----------------*/
	border-top:#999999 solid 1px;
	line-height:100%;
	width: 100%;
	padding: 12px 0px;
	font-weight:bold;/*文字は太く-----------------*/
	font-size:14px;/*文字サイズ-----------------*/
	margin-bottom:8px;
}


#g_menu_box{
	width:820px;
	text-align:left;
	margin:0 auto;
}

/*ヘッダー下メニューテキストリンクの色*/
#g_menu a:link     {color:#f9f9f9;text-decoration:none;} 

/*ヘッダー下メニュー訪問済みのリンクの色*/
#g_menu a:visited  {color:#f9f9f9;text-decoration:none;}  

/*ヘッダー下メニュークリック時のリンクの色*/ 
#g_menu a:active   {color:#f9f9f9;text-decoration:none;}

/*ヘッダー下メニューマウスの上にカーソルがあるときのリンクの色*/  
#g_menu a:hover    {	color:#dbeebb;text-decoration:none;}  


/*コンテンツブロック-------------------------------------------------*/

#wrapper{
	width:820px;
	margin:0 auto;
	padding:0;
}

#pan{
	margin:0;
	padding:0 0 5px;
	width:820px;
	text-align:left;
}

#pan p{
	margin:0;
	padding:0;
	font-size:10px;
	text-align:left;
}

/*コンテンツブロック内左メニューエリア-------------------------------------------------*/
#side{
	float:left;
	width:202px;
}

/*左メニュー部分のテキストリンク-----------------*/
#side a:link{
	color:#333333;
	text-decoration:none;
} /*メニュー・テキストリンクの色*/

#side a:visited {
	color:#333333;
	text-decoration:none;
} /*メニュー・訪問済みのリンクの色*/

#side a:active{
	color:#00959d;
	text-decoration:underline;
} /*メニュー・クリック時のリンクの色*/

#side a:hover{
	color:#00959d;
	text-decoration:underline;
} /*メニュー・マウス上にカーソルがある時のリンク色*/

/*左サイドリストボックス-----------------*/
.box{
	margin-bottom:5px;
	background-color:#FFFFFF;
}



/*左サイドリスト小見出し-----------------*/
.box_title{
	padding:2px 4px 2px 8px;
	text-align:left;
	font-weight:bold;
	background-color:#CCCCCC;/*リスト小見出しの背景色---------------*/
	border-left: solid 4px #00939b;/*左の少し太めの縦線---------------*/
}

.coution{
	margin:0;
	padding:0;
	text-align:center;
}

.exit{
	margin:0 auto;
	padding:5px;
	text-align:left;
}

/*左サイドのリストの頭につけている■-----------------*/
.mark_sq{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#838383;/*■の色-----------------*/
}


.box ul{
	padding:12px 4px 5px;
}



/*左サイドリストの下点線---------------*/
.box li{
	margin-bottom:6px;
	border-bottom:dotted 1px #999999;
	padding-bottom:4px;
}






/*コンテンツブロック内右コンテンツエリア-------------------------------------------------*/
#main{
	float:right;
	width:576px;
	padding:10px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}

#main h2 {
	margin-bottom:20px;
	border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
	padding:4px 2px 4px 5px;
	color:#00939b;/*文字色--------------------------------*/
	font-weight:bold;
	font-size:18px;
	border-left:10px solid #00939B;
}


#main h3 {
	margin-bottom:20px;
	border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
	padding:4px 2px 4px 5px;
	color:#00939b;/*文字色--------------------------------*/
	font-weight:bold;
	font-size:18px;
	border-left:10px solid #00939B;
}

#main h4 {
	margin-bottom:20px;
	border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
	padding:4px 2px 4px 5px;
	color:#00939b;/*文字色--------------------------------*/
	font-weight:bold;
	font-size:18px;
	border-left:10px solid #00939B;
}

#main h5 {
	margin-bottom:20px;
	border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
	padding:4px 2px 4px 5px;
	color:#00939b;/*文字色--------------------------------*/
	font-weight:bold;
	font-size:18px;
	border-left:10px solid #00939B;
}

#page_title{
	margin-bottom:20px;
	border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
	padding:0px 2px 6px 2px;
	color:#00939b;/*文字色--------------------------------*/
	font-weight:bold;
	font-size:18px;
	text-align:center;
}


.text{
	margin:2px 2px 25px 2px;
	line-height:170%;
}




/*----ランキング--------*/

.rank_tab1{
	margin:0;
	padding:0;
	width:576px;
	text-align:center;
}

.rank_tab1_in{
	margin:0;
	padding:0;
	background-image:url(../images/rank_bg/tibakyujinrank_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:486px;
	text-align:center;
}

.rank_tab2{
	margin:0 0 10px;
	padding:0;
	width:576px;
	text-align:center;
}

.rank_td1{
	padding:0 9px 0 0;
	width:80px;
	text-align:center;
}

.rank_td1_2{
	padding:0;
	text-align:center;
}

.rank_td1_3{
	padding:0 0 0 10px;
	width:300px;
	color:#FFFFFF;
	font-size:26px;
	line-height:45px;
	text-align:left;
}

.rank_td1_4{
	padding:0 10px 0 0;
	text-align:right;
}

.rank_td1_5{
	padding:0;
	font-size:14px;
	letter-spacing:2px;
	text-align:left;
}

.rank_img{
	margin:0;
	padding:0 0 5px;
	width:576px;
	text-align:center;
}

.rank_txt{
	color:#00939B;
}

.rank_txt2{
	color:#FF0000;
}

.rank_td2_1{
	padding:0 5px;
	width:16%;
	background-color:#00939B;
	color:#FFFFFF;
	line-height:25px;
	text-align:left;
}

.rank_td2_1{
	padding:0 5px;
	width:16%;
	background-color:#00939B;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	line-height:25px;
	text-align:left;
}

.rank_td2_2{
	padding:0 5px;
	width:28%;
	background-color:#F5F5F5;
	border-bottom:1px solid #FFFFFF;
	color:#000000;
	line-height:25px;
	text-align:left;
}

.rank_td2_3{
	padding:0 5px;
	width:84%;
	background-color:#F5F5F5;
	border-bottom:1px solid #FFFFFF;
	color:#000000;
	line-height:25px;
	text-align:left;
}

.rank_td2_4{
	padding:0;
	width:28%;
	background-color:#F5F5F5;
	border-bottom:1px solid #FFFFFF;
	line-height:25px;
	text-align:right;
}

/*---ページ右下の「PAGE TOP」欄-------*/
#pagetop{
	clear:both;
	width:820px;
	margin:0 auto;
	text-align:right;
}


/*---「PAGE TOP」デザイン指定-------*/
#pagetop_but{
	background:#383838;/*---背景色-------*/
	padding:2px 8px;
	text-align:center;
	width:70px;/*---横幅-------*/
	float:right;
	font-size:11px;/*---文字サイズ-------*/
}

/*---「PAGE TOP」文字部分のリンク指定-------*/
#pagetop a:link {color:#ffffff;text-decoration:none;}
#pagetop a:visited  {color:#ffffff;text-decoration:none;}
#pagetop a:hover {color:#ffffff;text-decoration:underline;}
#pagetop a:active  {color:#ffffff;text-decoration:underline;}



/*---フッター------------------------------------------*/

#footer{
	clear:both;
	background-color:#999999;/*---背景色-------*/
	margin:0 auto;
	width:100%;/*---背景色は横幅いっぱいに-------*/
}



/*---コピーライト------------------------------------------*/
#copyright{
	margin:0 auto;
	padding:4px 2px 20px 2px;
	width:816px;
	font-size:10px;/*---文字サイズ-------*/
	text-align:right;
	color:#ffffff;/*---文字色-------*/

}


/*---コピーライト部分のリンク指定------------------------------------------*/
#copyright a:link {color:#ffffff;}
#copyright a:visited  {color:#ffffff;}
#copyright a:hover {color:#ffffff;}
#copyright a:active  {color:#ffffff;}