@charset "utf-8"; 

@import "making.css";/*メイキング用CSS*/

/*base.css*/





/*

【1】初期設定

1-0 要素初期化

1-1 汎用セレクタ

1-2 フォーム関連セレクタ

1-3 CSSハック



【2】ページレイアウト

2-1 ページ全体		#container

2-2 ヘッダ			#top

2-3 本文			#contents

 2-4 補助枠			.wrap 

 2-5 中央			.main 

 2-6 中央(3カラム）.wrap .main

 2-7 サイド			.side

  2-8 左			#left

  2-9 右			#right

2-10 フッタ			#foot



【3】ページ全体内

3-0 共通

3-1 スキップナビ	.skip

3-2 アンカーナビ	.jump

3-3 バナー枠		.bnr



【4】ヘッダ内

4-0 共通

4-1 サイトID		#siteid

4-2 タグライン		#tagline

4-3 ログイン		#login

4-4 グローバルナビ	#gnavi

4-5 サブナビ		#snavi

4-6 サーチボックス  #search_box



【5】本文内

5-0 共通

5-1 パン屑					#pan

5-2 ボックス				.box

 5-3 タイトル				.title

 5-4 内容					.content

 5-5 内容の部品				.unit

 5-6 コメント				.comment

 5-7 詳細リンク				.more

 5-8 切替ボタン				.sw

 5-9 ボタンエリア			.bt

 5-10 サムネイル枠			.photoframe



【6】中央（メイン）内

6-0 共通

6-2 ボックス				.main .box

 6-3 タイトル				.main .title

 6-4 内容					.main .content

 6-5 内容の部品				.main .unit

 6-6 コメント				.main .comment

 6-7 詳細リンク				.main .more

 6-8 切替ボタン				.main .sw

 6-9 ボタンエリア			.main .bt

 6-10 サムネイル枠　（指定なし）

6-22 ボックス(3カラム)		.wrap .main .box 

 6-23 タイトル(3カラム)		.wrap .main .title 

 6-24 内容(3カラム)			.wrap .main .content 

 6-25 内容の部品(3カラム)	.wrap .main .unit 

 6-26 コメント(3カラム)		.wrap .main .comment 

 6-27 詳細リンク(3カラム)	.wrap .main .more 

 6-28 切替ボタン(3カラム)	.wrap .main .sw 

 6-29 ボタンエリア(3カラム)	.wrap .main .bt 



【7】サイド内

7-0 共通

7-2 ボックス(サイド)		.side .box

 7-3 タイトル(サイド)		.side .title

 7-4 内容(サイド)			.side .content

 7-5 内容の部品(サイド)		.side .unit

 7-6 コメント(サイド)		.side .comment

 7-7 詳細リンク(サイド)		.side .more

 7-8 切替ボタン(サイド)		.side .sw

 7-9 ボタンエリア(サイド)	.side .bt

7-22 ボックス(左)			#left .box

 7-23 タイトル(左)			#left .title

 7-24 内容(左)				#left .content

 7-25 内容の部品(左)		#left .unit

 7-26 コメント(左)			#left .comment

 7-27 詳細リンク(左)		#left .more

 7-28 切替ボタン(左)		#left .sw

 7-29 ボタンエリア(左)		#left .bt

7-42 ボックス(右)			#right .box

 7-43 タイトル(右)			#right .title

 7-44 内容(右)				#right .content

 7-45 内容の部品(右)		#right .unit

 7-46 コメント(右)			#right .comment

 7-47 詳細リンク(右)		#right .more

 7-48 切替ボタン(右)		#right .sw

 7-49 ボタンエリア(右)		#right .bt

7-60 サイドメニュー	#smenu



【8】フッタ内

8-0 共通

8-1 フッタメニュー	#fmenu

8-2 コピーライト	#copy



【9】CSS読み込み（オプション）

9-1 MacIE用CSS





【各ページ固有クラス名】

※ body又はページ全体を囲むdiv要素に命名

トップ			.indextop

カテゴリ		.indextop2

地域			.indextop3

ランキング		.popular

新規ブログ		.newblog

タグ検索		.indextag

カレンダー		.indexcalendar

マップ			.map

アンケート結果	.survey

お問い合わせ	.inquiry

エラーページ	.error

プライバシー	.privacy

利用規約		.rule



フォトラバトップ	.indexptb

フォトラバカテゴリ	.ptbcategory

├本文と画像		.category0

├タイトルと画像	.category1

└タイトルのみ		.category2

フォトラバテーマ	.ptbtopic

├記事順			.ptbtopic0

└画像順			.ptbtopic1

*/









/*【1】初期設定*/

/*1-0 要素初期化*/

body {
	margin:0;
	padding:0;
	text-align: center;
	color:#333333;
}

p , ul , ol , li , dl , dt , dd , address , strong , em ,

h1 , h2 , h4 , h5 , h6 , 

table , caption , th , td {

	font-size: 100%;

	font-weight: normal;

	line-height: 1.5;

	margin:0;

	padding:0;

}

p {

	margin:0 0 1em;

}

li {	list-style-type: none;}

h1 , h2 , h4 , h5 , h6 {}

strong { font-weight:bold;}

em { font-style:italic;}

a {}

a:link {
	color: #0066ff;
	text-decoration:none;
}

a:visited {
	color: #0066ff;
	text-decoration:none;
}

a:hover{
	color: #fc5f00;
	text-decoration: none;
}

a:active{}

img { border:none;}

hr {

	display:none;

}



/*1-1 汎用セレクタ*/

/*クリア*/

.clear { clear:both;}



/*アイコン画像*/

#container .ico { vertical-align:middle;}

/*アイコン画像（ポータル出力class名）*/

.portalicon { vertical-align:middle;}



/*ライン <div class="line-dot"><hr></div> */

.line-dot {

	background: url(../img/bg/bg_dot.gif) repeat-x 0 50%;

	width: 100%;

	height:10px;

	border: none;

}



/*カラー*/

.black {color:#000;}

.blue {color:#3333ff;}

.orange	{color:#ff9900;}

.red {color	:#f00;}



/*フォントサイズ*/


.font9	{font-size: 9px;}

.font10	{font-size: 10px;}

.font12	{font-size: 12px;}

.font14	{font-size: 14px;}

.font16	{font-size: 16px;}

.font18	{font-size: 18px;}

.font24	{font-size: 24px;}

.font36	{font-size: 36px;}

.xsmall { font-size: 75%;}

.small { font-size: 86%;}

.large { font-size: 116.7%;}

.xlarge { font-size: 133.4%;}


/*文字揃え*/

.textright { text-align:right;}

.textleft { text-align:center;}

.textcenter { text-align:left;}



/*スペース

使用方法：

	<div class="space10"><hr></div>

*/

.space1 { height:1px;}

.space2 { height:2px;}

.space3 { height:3px;}

.space4 { height:4px;}

.space5 { height:5px;}

.space6 { height:6px;}

.space7 { height:7px;}

.space8 { height:8px;}

.space9 { height:9px;}

.space10 { height:10px;}

.space12 { height:12px;}

.space14 { height:14px;}

.space15 { height:15px;}

.space16 { height:16px;}

.space18 { height:18px;}

.space20 { height:20px;}

.space22 { height:22px;}

.space24 { height:24px;}

.space25 { height:25px;}

.space26 { height:26px;}

.space30 { height:30px;}







/*1-2　フォーム関連*/

form {

	margin:0;

	padding:0;

}

input.button	{}

input.text		{
	margin : 0;
	padding : 0;
	width : 105px;
}

select{
	padding:1px;
	border:1px solid #7F9DB9;
	font-size:13px;
	vertical-align:middle;
}

input.radio		{
	margin : 3px 0px 0px 0px;
	padding : 1px 1px 0px 1px;	
}









/*1-3 CSSハック*/

/*clearfix*/

.clearfix {

    zoom:1;/*for IE 5.5-7*/

}

.clearfix:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}









/*【2】画面レイアウト*/

/*2-1 全体*/

/*
#container {
	margin: 0 auto;
	width: 893px;
	background-color: #FFFFFF;
	text-align: left;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 62.5%;
	z-index: 1;
}
*/


/*2-1-1 広告枠（Adjust）*/
/* .add-area-01 {
	border-right:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;

	text-align:center;
} */

.add-area-01 {
	padding:10px 0;
	text-align:center;
}
#header {
	border-top:1px solid #cdcdcd;
}


/*2-2 ヘッダ*/


#top {
	margin: 0 auto;
	padding-bottom:5px;
	width: 893px;
	background:#fff url(http://cmt.ntv7.jp/img/header/bg_top.gif) repeat-x left bottom;
	text-align: left;
}

.indextop #top{
	margin-bottom:24px;
}

#header{
	position:relative;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	border-bottom:3px solid #fc5f00;
	/*min-height:73px;
	_height:73px;*/
	min-height:90px;
	_height:90px;
	background:#fff url(http://cmt.ntv7.jp/img/header/bg_header.gif) repeat-x left bottom;
}

#header:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#header ul.nav-utility-01{
	position:absolute;
	top:18px;
	right:275px;
	text-align:right;

}

#header ul.nav-utility-01 li{
	padding:0 5px;
	display:inline;
	font-size:0.9em;
	border-right:1px solid #999999;
}

#header ul.nav-utility-01 li.lastchild{
	border-right:none;
}

#search_box {
	float:right;
	padding:17px 17px 0 0;
	text-align:right;
}
	
#search_box div.content{
	padding:0;
}

#search_box input.searchBox{
	padding:1px;
	width:111px;
	height:18px;
	border:1px solid #7f9db9;
	vertical-align:middle;
	font-size:13px;
}

#search_box input.button{
	background:none;
	vertical-align:middle;
}

#search_box div.content div.content{
	padding:4px 0 0;
}



/*2-3 本文*/

#contents {
	margin: 0 auto 15px auto;
	width:893px;
	text-align: left;
	background-color: #fff;
}

body.inquiry #contents,
body.rule #contents,
body.error #contents,
body.privacy #contents{
	width:682px;
}


/*2-4 補助枠*/

.wrap {
	margin:0;
	float:left;
	width:688px;
	display:inline;
}



/*2-5 中央*/

/*
.main {
	margin:0;
	float:right;
	width:682px;
	display:inline;
}
*/

table.form td {
padding: 5px;
}


/*2-6 中央(３カラム）*/

/*
.wrap .main {
	margin:0 10px 0 0;
	float:right;
	width:468px;
}
*/


/*2-7 サイド*/

.side {}



/*2-8 左*/

#left {
	margin:0;
	float:left;
	width:200px;
	display: inline;
}



/*2-9 右*/

#right {
	float:left;
	width:205px;
}



/*2-10 フッタ*/

#foot {
	margin: 0 auto;
	padding-bottom:20px;
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}



/*【3】ページ全体内*/

/*3-0 共通*/



/*3-1 スキップナビ*/

.skip {

	position: absolute;

	left: -99999px;

	width: 1px;

	height: 1px;

	/*hide\*/overflow: hidden;/*MacIE*/

	margin: 0;

}



/*3-2 アンカーナビ*/

.jump {

	text-align:center;

}



/*3-3 バナー枠*/

.bnr {	text-align:center; margin:0;}

.bnr p {	text-align:center; margin:0;}

.bnr a {}

.bnr a img { margin:0 auto; border:none;}



/*【4】ヘッダ内*/

/*4-0 共通*/

#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}



/*4-1 サイトID*/

#siteid {
	position:absolute;
	top:17px;
	left:18px;
}

#siteid {}
#siteid p {}



/*4-2 タグライン*/

#tagline {
	padding: 5px 0 0;
	float: left;
	display: block;
	width: 500px;
}



/*4-3 ログインメニュー*/

#login {
	padding: 5px 0 0;
	float: left;
	width: 133px;
	font-size:1.2em;
	text-align: center;
}



/*4-4 グローバルナビ*/

#gnavi {
	padding:5px 0 0 0;
	border-width:0 1px;
	border-color:#cdcdcd;
	border-style:solid;
	background:url(http://cmt.ntv7.jp/img/header/bg_gnavi.gif) repeat-x left top;
}

#gnavi ul {
	padding-bottom:2px;
}

#gnavi li {
	padding:0 2px;
	float:left;
	background:url(http://cmt.ntv7.jp/img/header/bg_gnavi_separator.gif) no-repeat right center;
}

#gnavi li img{
vertical-align:bottom;
}


/*4-5 サブナビ*/

#snavi {}



/*【5】本文内*/

/*5-0 共通*/



/*5-1 パン屑*/

#pan {
	margin: 0 5px;
	padding: 10px 0 5px;
	clear: both;
	width: 858px;
	font-size: 1.2em;
}

#pan p ,

#pan h1 ,

#pan h2 {

	display:inline;

	margin:0;

	white-space:normal;

}

#pan a {
	padding-right:12px;
	background:url(../img/bg/bg_pan.gif) no-repeat 100% 50%;
}

/*5-2 ボックス*/

.box {

	font-size: 1.2em;

	margin:0 0 15px;

}

/*clearfix(S)*/

.box {

	zoom:1;/*for IE 5.5-7*/

}

.box:after{/*for modern browser*/

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}

/*clearfix(E)*/





/* 5-3 タイトル*/

/*
.title {
	padding:0;
	font-size:1em;
	font-weight:bold;
	line-height:1;

}
*/

/* 5-4 内容*/

/*
.content {

	padding: 1px 5px 5px;

}
*/

/* 5-5 内容の部品*/

.unit {}

/* 5-6 コメント*/

.comment {

	margin: 0 0 5px;

}

/* 5-7 詳細リンク*/

.more {

	text-align:right;

	margin: 0;

}

.more a:link ,
.more a:visited {
	text-decoration:none;
}

.more a:hover ,
.more a:active {
	text-decoration:none;
}

/* 5-8 切替ボタン*/

.sw {}

/* 5-9 ボタンエリア*/

.bt {

	text-align: center;

}

/* 5-10 サムネイル枠*/

.photoframe {}

.photoframe ul {

	padding:0 0 0 2px;

}

.photoframe li {

	float:left;

	padding:0 0 5px;

}

.photoframe li a {

	border:none;

}

.photoframe li a:link {color:#0066ff;}

.photoframe li a:visited {}

.photoframe li a:hover {color:#fc5f00;}

.photoframe li img {

	display:block;

	border:1px solid #cdcdcd;

}

.photoframe li span {

	display:block;

	height:1.2em;

	line-height:1.2;

	overflow:hidden;

	text-align: center;

	font-size: 10px;

}



/*【6】中央（メイン）内*/

/*6-0 共通*/

/*
.main a {}

.main a:link {color: #0066ff;}

main a:visited {}

.main a:hover{color: #fc5f00;}
*/


/*6-2 中央（メイン）ボックス*/

/*
.main .box {}
*/

/* 6-3 中央（メイン）タイトル*/

/*
.main .title {}
*/

/* 6-4 中央（メイン）内容*/

/*
.main .content {}
*/

/* 6-5 中央（メイン）内容の部品*/

/*
.main .unit {}
*/

/* 6-6 中央（メイン）コメント*/

/*
.main .comment {}
*/

/* 6-7 中央（メイン）詳細リンク*/

/*
.main .more {}
*/

/* 6-8 中央（メイン）切替ボタン*/

.main .sw {}

/* 6-9 中央（メイン）ボタンエリア*/

/*
.main .bt {

	margin: 5px 0 0;
}
*/



/*6-22 中央（メイン）ボックス(3カラム)*/

/*
.wrap .main .box {}
*/

/* 6-23 中央（メイン）タイトル(3カラム)*/

/*
.wrap .main div.title-container{
	margin-bottom:10px;
	position:relative;
	background:url(../img/contents/bg_ttl-main-01_02.gif) repeat-y left top;
	zoom:1;
}
*/

/*
.wrap .main .title {
	border-bottom:3px solid #fdf24a;
	background:url(../img/contents/bg_ttl-main-01_01.gif) no-repeat left top;
	color:#fff;
	zoom:1;
}
*/

/*
.wrap .main .title span{
	padding:10px 20px 10px 5px;
	display:block;
}
*/

/*
.wrap .main div.title-container ul.nav-link-01{
	position:absolute;
	top:10px;
	right:12px;
}
*/

/* 6-24 中央（メイン）内容(3カラム)*/

/*
.wrap .main .content {

}
*/

/* 6-25 中央（メイン）内容の部品(3カラム)*/

/*
.wrap .main .unit {}
*/

/* 6-26 中央（メイン）コメント(3カラム)*/

/*
.wrap .main .comment {}
*/

/* 6-27 中央（メイン）詳細リンク(3カラム)*/

/*
.wrap .main .more {}
*/

/* 6-28 中央（メイン）切替ボタン(3カラム)*/

/*
.wrap .main .sw {}
*/

/* 6-29 中央（メイン）ボタンエリア(3カラム)*/

/*
.wrap .main .bt {}
*/




/*【7】サイド内*/

/*7-0 共通*/

.side a {}

.side a:link {color: #0066ff;}

.side a:visited {}

.side a:hover{color: #fc5f00;}



/*7-2 サイドボックス*/

.side .box {}

/* 7-3 サイドタイトル*/

.side .title {

}

/* 7-4 サイド内容*/

.side .content {}

/* 7-5 サイド内容の部品*/

.side .unit {}

/* 7-6 サイドコメント*/

.side .comment {}

/* 7-7 サイド詳細リンク*/

.side .more {}

/* 7-8 サイド切替ボタン*/

.side .sw {}

/* 7-9 サイドボタンエリア*/

.side .bt {}



/*7-22 ボックス(左)*/

#left .box {}

/* 7-23 タイトル(左)*/

#left div.title-container	{
	background:url(../img/contents/bg_ttl-left-01_02.gif) repeat-y left top;
	zoom:1;
}

#left .title {
	border-bottom:3px solid #FC5F00;
	background:url(../img/contents/bg_ttl-left-01_01.gif) no-repeat left top;
}

#left .title span{
	padding:10px 20px 10px 8px;
	display:block;
}

/* 7-24 内容(左)*/

#left .content {
	padding:8px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#cdcdcd;
}




/* 7-25 内容の部品(左)*/

#left .unit {}

/* 7-26 コメント(左)*/

#left .comment {}

/* 7-27 詳細リンク(左)*/

#left .more {}

/* 7-28 切替ボタン(左)*/

#left .sw {}

/* 7-29 ボタンエリア(左)*/

#left .bt {}



/*7-42 ボックス(右)*/

#right .box {}

/* 7-43 タイトル(右)*/

#right div.title-container {
	background:url(../img/contents/bg_ttl-right-01_02.gif) repeat-y left top;
	zoom:1;
}

#right .title {
	border-bottom:3px solid #FC5F00;
	background:url(../img/contents/bg_ttl-right-01_01.gif) no-repeat left top;
}

#right .title span{
	padding:10px 20px 10px 8px;
	display:block;
}

/* 7-44 内容(右)*/

#right .content {
	padding:8px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#cdcdcd;
}

/* 7-45 内容の部品(右)*/

#right .unit {}

/* 7-46 コメント(右)*/

#right .comment {}

/* 7-47 詳細リンク(右)*/

#right .more {}

/* 7-48 切替ボタン(右)*/

#right .sw {}

/* 7-49 ボタンエリア(右)*/

#right .bt {}



/*7-60 サイドメニュー*/

.side #smenu {}



/*【8】フッタ内*/

/*8-0 共通*/

#foot div.nav-utility-01-container{
	margin:0 auto 10px;
	padding:6px 0 9px;
	border:1px solid #cdcdcd;
	font-size: 85%;
}

#foot ul.nav-utility-01{
	display:inline;
	border-right:1px solid #333;
	text-align:center;
}

#foot ul.nav-utility-01 li{
	padding:0 6px;
	display:inline;
	border-left:1px solid #333;
	font-size:1.2em;
}

/*8-1 フッタメニュー*/

#fmenu {
	margin:0 0 5px;
	font-size: 1.2em;
}

/*8-2 コピーライト*/

#copy{
	font-style:normal;
	color:#666;
}







/*【9】CSS読み込み（オプション）*/

/* 9-1 MacIE用CSS （MacIE用パスフィルター）*/

  /*\*//*/

  @import "macie.css";

  /**/