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

/* CSS Document */


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

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


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


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


/* ---------------------------------------------------------
全体の定義
--------------------------------------------------------- */
body {
	color:#423113;
	line-height:1.2em;
	font-family:"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	/*background:#FFFFFF url(/com_img/h_f/bg.gif) center top repeat-x ;*/
}

* html body{
/* for WInIE6 */
	font-family:Verdana, "ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5em;
 }

*:first-child+html body{
/* for WInIE7 */
	font-family:"メイリオ",Meiryo,sans-serif;
	line-height:1.5em;
 }

img {
	border-style: none;
}

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



.clear_all { clear:both; margin:0; padding:0;}
.bold { font-weight:bold; }
.shift-left { float:left;}
.shift-right { float:right;}
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}


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

#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:left;
	height: auto;
	width: 787px;
	margin:5px 0 0 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;
}

/* 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;
}




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


/* ---------------------------------------------------------
Global Header
--------------------------------------------------------- */
#g_header {
	width: 100%;
	height: 28px;
	margin: 0;
	padding:0;
	background:#FFFFFF url(/com_img/global/header_bg.gif) repeat-x;
	border-bottom:3px solid #FF0000;	
	}
	
#g_header a:link {color:#666666; font-weight:bold; font-size:12px;}
#g_header a:visited { color: #999999; text-decoration: underline }
#g_header a:active {color:#CCCCCC; font-weight:bold; font-size:12px;}
#g_header a:hover {color:#CCCCCC; font-weight:bold; font-size:12px;}

#g_header_left {
	float:left;
	margin:0;
	padding:0;
	width:215px;
}

#g_header_left img {
	width:215px;
}

#g_header_right {
	float:right;
	margin:0;
	padding:0;
	width:auto;
	height: 17px;
	text-align:right;
}

#g_menus {
	width:auto;
	height: 22px;
	margin:5px 5px 0 5px;
}

#g_menus ul {
	display:block;
	margin:0px;
	padding:0px;
	height:17px;
}

#g_menus ul li {
	padding:0px 0px 5px 2px;
	margin:0;
	display:inline;
	list-style:none;
	line-height:17px;
	font-size:12px;
	font-weight:bold;
}


/* ---------------------------------------------------------
co.jp内ヘッダー
--------------------------------------------------------- */
#header {
	width: 1004px;
	height: 67px;
	margin:0;
	padding: 0;
	background:url("/com_img/h_f/header_bg.jpg") no-repeat;
}

#header .header_l {
	float:left;
	width:220px;
	height:60px;
	margin:0;
	padding: 0;
	border:0;
}

#header .header_u {
	float:left;
	width:780px;
	height:34px;
	margin:0;
	padding: 0;
}

#header .header_u p.tx {
float: left;
color: #333333; font-weight:bold; font-size:12px;
width: 440px;
margin: 2px 0 0 0;
padding: 0;
}

#header .header_u ul.tx_size {
float: right;
width: 271px;
height: 20px;
margin: 2px 5px 2px 0;
padding: 0;
font-size:10px;
background:url(/com_img/h_f/header_sitemap.gif) no-repeat;
list-style:none;
font-weight:bold;
}

#header .header_u ul.tx_size a:link { color:#666666; text-decoration: underline }
#header .header_u ul.tx_size a:visited { color: #666666; text-decoration: underline }
#header .header_u ul.tx_size a:active { color:#FFFFFF; text-decoration: none ; background-color:#666666; }
#header .header_u ul.tx_size a:hover { color:#FFFFFF; text-decoration: none ; background-color:#666666;}

#header .header_u ul.tx_size li.sitemap{
float: left;
width:80px;
height:14px;
text-align:center;
margin:0;
padding:1px 0 0 17px;
}

#header .header_u ul.tx_size li.beginner{
float: left;
width:80px;
height:14px;
text-align:center;
margin:0;
padding:1px 0 0 5px;
}

#header .header_u ul.tx_size li.rss{
float: left;
width:80px;
height:14px;
text-align:center;
margin:0;
padding:1px 0 0 5px;
}


#header .header_b {
	float:left;
	width:780px;
	height:33px;
	margin:0;
	padding: 0;
}

#header .header_b ul.menu{
	margin:0;
	padding: 0;
}

#header .header_b ul.menu li{
	float:left;
	width:130px;
	height:33px;
	list-style:none;
	margin:0;
}

#header .header_b ul.menu li a{
	width:116px;
	height:33px;
	margin:0;
	padding: 0 0 0 14px;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	display:block;
}

#header .header_b ul.menu li a:link { color:#000000; text-decoration: none ;}
#header .header_b ul.menu li a:visited { color: #000000; text-decoration: none ;}
#header .header_b ul.menu li a:active { color:#000000; text-decoration: underline ;}
#header .header_b ul.menu li a:hover { color:#000000; text-decoration: underline ;}


/* ---------------------------------------------------------
Footer
--------------------------------------------------------- */
#footer {
	width: 1004px;
	height: 33px;
	margin: 0px;
	padding: 10px 0 0 0;
	background:#FFFFFF url(/com_img/h_f/footer_bg.jpg) no-repeat;
	font-size:10px;
	text-align:center;
	display:block;
	clear:both;
	}
	
/* ---------------------------------------------------------
Footer　リンク
--------------------------------------------------------- */

#footer {
	width: 1004px;
	height:auto;
	margin: 0px;
	padding: 10px 0 0 0;
	background:#FFFFFF url(/com_img/h_f/footer_bg.jpg) no-repeat;
	display:block;
	clear:both;
	font-size:10px;
	text-align:center;
	}
	
#footer a:link { color:#333333; text-decoration: underline }
#footer a:visited { color: #333333; text-decoration: underline }
#footer a:active { color:#666666; text-decoration: none ; }
#footer a:hover { color:#666666; text-decoration: none ;}
	

/* --新Footer　リンク（適用後上記の古いのは削除すること　2009.12.8追記-- */

div.footer_link_bg {
	width: 950px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 54px;
	font-size:10px;
	background:#FFFFFF repeat-x bottom;
	clear:both;
	}
	
table.footer_link {
	width: 810px;
	height: auto;
	margin: 0 0 0 40px;
	padding: 0;
	font-size:10px;
	clear:both;
	text-align:left;
	}
	
*:first-child+html table.footer_link{
/* for WInIE7 */
	font-size:9px;
 }
 
head/* */body table.footer_link{
/* for WInIE8 */
	font-size:9px;
	} 
	
table.footer_link tr td.title{
	font-weight:bold;
	padding:0;
	margin:0;
	}
	
table.footer_link tr td.ss{
	width:140px;
	}
	
table.footer_link tr td.s{
	width:155px;
	}
	
table.footer_link tr td.m{
	width:175px;
	}
	
table.footer_link tr td.l{
	width:185px;
	}

table.footer_link tr td{
	padding:1px 2px;
	vertical-align:top;
line-height:1.6;
	}
	
table.footer_link tr td.search{
	padding:10px 0;
	margin:0;
	text-align:center;
	}
	
	
table.footer_link a:link { color:#666666; text-decoration: none }
table.footer_link a:visited { color: #666666; text-decoration: none }
table.footer_link a:active { color:#666666; text-decoration: underline ; }
table.footer_link a:hover { color:#666666; text-decoration: underline ;}





/* /////////////④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_new {
	background:url(/com_img/h/i_new.gif) no-repeat left;
	}
	
/* H2　アイコン：最新*/	
h2.t_article {
	background:url(/com_img/h/i_article.gif) no-repeat left;
	}
	
/* H2　アイコン：マイク*/	
h2.t_newcamer {
	background:url(/com_img/h/i_newcamer.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_hoken {
	background:url(/com_img/h/i_hoken.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;
	}
		

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

/* モジュール枠　背景白 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;*/
	}
		
	
/* /////////////④ページトップへリンク・ドット仕切り線//////////////////////////////////////// */

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

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

.gotop_l {
	font-size: 12px;
	text-align:left;
	width: 777px;
	margin:10px 5px 0 0;
}

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

/* ---------------------------------------------------------
次のページリンク
--------------------------------------------------------- */	
.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;
}

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



/* ---------------------------------------------------------
下線ドット
--------------------------------------------------------- */
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;
}


.box460 a:link { color:#000099; text-decoration: underline }
.box460 a:visited { color: #0033CC; text-decoration: underline }
.box460 a:active { color:#0033CC; text-decoration: none ;}
.box460 a:hover { color:#0033CC; text-decoration: 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%;
}


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


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

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



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

.box255 a:link { color:#000099; text-decoration: underline }
.box255 a:visited { color: #0033CC; text-decoration: underline }
.box255 a:active { color:#0033CC; text-decoration: none ;}
.box255 a:hover { color:#0033CC; text-decoration: 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 ;}