@charset "UTF-8";
@import "cojp_font.css";
@import "cojp_ad.css";
@import "cojp_sidenavi.css";
@import "recomend_ad.css";

/* CSS Document */


/* --------------もくじ--------------------------------- */

/* ①全体定義（枠・ぱんくず） */
/* ②ヘッダーフッター背景 */
/* ⑤ページトップへリンク 仕切り線*/
/* ⑦２カラム枠 */
/* ⑧コンテンツ枠 */


/* \*/
* html div, * html p{
 height:1%;
 }
/* */


/* ////////////////////////////////①全体定義（枠・ぱんくず）//////////////////////////////// */


/* ---------------------------------------------------------
各枠
--------------------------------------------------------- */

#wrapper {
	float:none;
	height: auto;
	width: 1004px;
	margin: 0px auto;
	padding:0;
	background:#FFFFFF;
	border-right:#999999 solid 1px;
	border-left:#999999 solid 1px;
}

#contents {
    float: right;
    height: auto;
    width: 787px;
    margin: 0;
    padding: 0;
}

/* 3カラム*/
#main {
	float:left;
	height: auto;
	width: 472px;
	padding:0 2px 0 0;
	margin:10px 0 10px 4px;
	background:#FFFFFF url(/com_img/h_f/main_bg.gif) repeat-y right;
}

/* 上段のみ300ADがある場合*/
.main_ad {
	float:left;
	height: auto;
	width: 472px;
	padding:0 2px 0 0;
	margin:10px 4px 10px 0;
}

.main_ad_l {
	float:left;
	height: auto;
	width: 300px;
	padding:0;
	margin:10px 0 10px 0;
}


/* 右ナビ*/
#r_navi{
	float:right;
	height: auto;
	width: 300px;
	margin: 5px 1px 5px 3px;
	padding: 0;
}

/* 左ナビ*/
#l_navi{
	float:left;
	height: auto;
	width: 200px;
	margin: 5px 7px 5px 2px;
	padding: 0;
}

/* 左ナビ画像*/
img.rotation_cojp_l{
	margin:5px 0 2px 0;
}

/* 2カラムメイン*/
.2column_main{
	width:780px;
	height:auto;
	margin:10px 0;
	padding:0;
	}
	
	
/* ---------------------------------------------------------
パンくず
--------------------------------------------------------- */
#pankuzu {
	width: 999px;
	font-size: 12px;
	margin: 0 0px 5px 0px;
	padding:0 0 3px 5px;
	text-align: left;
	background: #dddddd;
	line-height: 20px;
	height: 20px;
}




/* ////////////////②ヘッダーフッター背景//////////////////////////////// */






/* ---------------------------------------------------------
特派員フッターリンク
--------------------------------------------------------- */
div.footer_link_tokuhain_t{
	width:100%;
	height:20px;
	background:#eeeeee;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}


ul.footer_link_tokuhain{
	width:985px;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:11px;
	list-style:none;
	text-align:left;
	clear:both;
}

ul.footer_link_tokuhain a:link { color:#666666; text-decoration: underline }
ul.footer_link_tokuhain a:visited { color: #999999; text-decoration: underline }
ul.footer_link_tokuhain a:active { color:#999999; text-decoration: none ;}
ul.footer_link_tokuhain a:hover { color:#999999; text-decoration: none ;}


ul.footer_link_tokuhain li.area_t{
	width:985px;
	float:none;
	font-weight:bold;
	padding:8px 0 0 0;
	height:20px;
	clear:both;
}


ul.footer_link_tokuhain li{
	width:190px;
	height:18px;
	line-height:18px;
	margin:0 6px 0 0 ;
	padding:0;
	float:left;
}

/* /////////////④H2//////////////////////////////////////// */

h2.title_info {
	font-size:14px;
	width:432px;
	height: 24px;
	line-height:24px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(/com_img/h/t_info.gif) no-repeat;
	}
	
/* H2　アイコン：お知らせ*/	
h2.t_newinfo {
	background:url(/com_img/h/i_new.gif) no-repeat left;
	}
	
/* H2　アイコン：ピックアップ*/	
h2.t_pickup {
	background:url(/com_img/h/i_newcamer.gif) no-repeat left;
	}
	
/* H2　アイコン：最新*/	
h2.t_article {
	background:url(/com_img/h/i_article.gif) no-repeat left;
	}
		
/* H2　アイコン：記事モノ*/	
h2.t_list {
	background:url(/com_img/h/i_list.gif) no-repeat left;
	}
	
/* H2　アイコン：リストモノ*/	
h2.t_list2 {
	background:url(/com_img/h/i_list2.gif) no-repeat left;
	}
	
/* H2　アイコン：虫眼鏡*/	
h2.t_sagasu {
	background:url(/com_img/h/i_sagasu.gif) no-repeat left;
	}
	
/* H2　アイコン：国*/	
h2.t_country {
	background:url(/com_img/h/i_country.gif) no-repeat left;
	}
	
/* H2　アイコン：特派員一覧*/	
h2.t_tokulist {
	background:url(/com_img/h/i_hensyu.gif) no-repeat left;
	}
	
/* H2　アイコン：編集部*/	
h2.t_hensyubu {
	background:url(/com_img/h/i_hensyubu.gif) no-repeat left;
	}
	
/* H2　アイコン：準備*/	
h2.t_ready {
	background:url(/com_img/h/i_ready.gif) no-repeat left;
	}
	
/* H2　アイコン：カメラ*/	
h2.t_camera {
	background:url(/com_img/h/i_camera.gif) no-repeat left;
	}
	
/* H2　アイコン：航空券*/	
h2.t_airline {
	background:url(/com_img/h/i_airline.gif) no-repeat left;
	}
	
/* H2　アイコン：ホテル*/	
h2.t_hotel {
	background:url(/com_img/h/i_hotel.gif) no-repeat left;
	}
	
/* H2　アイコン：保険*/	
h2.t_hoken {
	background:url(/com_img/h/i_hoken.gif) no-repeat left;
	}
	
/* H2　アイコン：クローバー*/	
h2.t_clover {
	background:url(/com_img/h/i_clover.gif) no-repeat left;
	}

h2.t_newinfo,
h2.t_pickup,
h2.t_article,
h2.t_list,
h2.t_list2,
h2.t_sagasu,
h2.t_country,
h2.t_tokulist,
h2.t_hensyubu,
h2.t_ready,
h2.t_camera,
h2.t_airline,
h2.t_hotel,
h2.t_hoken,
h2.t_clover
{
	padding:0 0 0 25px;
}

/* /////////////④ページ下　モジュール//////////////////////////////////////// */

/* モジュール枠　背景白 Mサイズ*/

div.m_module {
	width:455px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	}

/* モジュール枠　背景白　Lサイズ*/

div.l_module {
	width:760px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	}

/* モジュール枠　背景白 ハーフサイズ*/

div.h_module {
	width:370px;
	height: auto;
	margin:5px 0 5px 2px;
	padding:3px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	}
	
	
/* モジュール枠　背景白　Sサイズ*/

div.s_module {
	width:280px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	}


/* モジュール枠　背景黄色　Mサイズ*/
	
div.m_module_y {
	width:455px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	/*background-color:#FFFFCC;*/
	}

	
/* モジュール枠　背景黄色　Lサイズ*/
	
div.l_module_y {
	width:760px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	/*background-color:#FFFFCC;*/
	}

/* モジュール枠　背黄色 ハーフサイズ*/

div.h_module_y {
	width:600px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	/*background-color:#FFFFCC;*/
	}
		
	
/* お知らせ枠　背景黄色 おしらせサイズ*/
	
div.o_module_y {
	width:760px;
	height: auto;
	margin:5px 0 5px 0;
	padding:12px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	background-color:#FFFFCC;
	}

	
/* /////////////④ページトップへリンク・ドット仕切り線//////////////////////////////////////// */

/* ---------------------------------------------------------
ページトップへリンク
--------------------------------------------------------- */
.gotop_m {
	font-size: 12px;
	text-align:right;
	width: 460px;
	margin:10px 0;
	padding:0;
}

.gotop_l {
	font-size: 12px;
	text-align:right;
	width: 100%;
	margin:10px 0;
	padding:0;
}


/* ---------------------------------------------------------
次のページリンク
--------------------------------------------------------- */	
.link_page {
	width:460px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
}

.link_page p.left{
	float:left;
}

.link_page p.right{
	float:right;
}

.link_page p.center{
	text-align:center;
}



/* ---------------------------------------------------------
下線ドット
--------------------------------------------------------- */
p.line{
	height:5px;
	border-bottom:1px #999999 dotted;
	margin:2px 0 5px 0;
	padding:0 5px;
	clear:both;
	}
	


/* /////////////⑧枠//////////////////////////////////////// */
	
/* ---------------------------------------------------------
460枠
--------------------------------------------------------- */	
.box460 {
	width:460px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
}


/* ---------------------------------------------------------
770枠
--------------------------------------------------------- */	
.box770 {
	width:765px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
	clear:both;
}

.box770 p{
	width:765px;
	height:auto;
	margin:5px;
	padding:0;
	font-size:12px;
	line-height:130%;
}


/* ---------------------------------------------------------
360枠
--------------------------------------------------------- */	
.box360 {
	width:360px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
}



/* ---------------------------------------------------------
250枠
--------------------------------------------------------- */	
.box250 {
	width:250px;
	height:auto;
	margin:0 0 5px 3px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
}



/* ---------------------------------------------------------
ブログインクルード
--------------------------------------------------------- */
dt.a_photo{
	width:100px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}
	
	
dd.a_article {
	width:340px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-size:12px;
	line-height:125%;
	}

dd.a_article h3 {
	width:auto;
	line-height:130%;
	padding:0;
	margin:0;
	font-size:12px;!important
	}
	
dd.a_article h3 img{
	padding:0 3px 0 0;
	}
	
	
/* ---------------------------------------------------------
BBSインクルード
--------------------------------------------------------- */
div.r_bbs  {
	width:auto;
	height:auto;
	margin:0;
	padding:10px 10px;
	font-size:12px;
}

div.r_bbs a {
	font-size:12px;
	line-height:22px;
	background:url(/com_img/side/i_bbs.jpg) left no-repeat;
	color:#FF0000;
	padding-left:26px;
	display:block;
}

div.r_bbs a:link { color:#000099; text-decoration: underline; }
div.r_bbs a:visited { color: #0033CC; text-decoration: underline; }
div.r_bbs a:active { color: #0033CC; text-decoration: none; }
div.r_bbs a:hover { color: #0033CC; text-decoration: none; }