/* --------------------------------------------------
	f-common.css

	2014.5.19. Scinex 更新

-------------------------------------------------- */

/* ------------------------------------------
	City Do！ base.cssより流用展開

	初期値セット
------------------------------------------ */
* { zoom:1; }

body {
	margin: 0;
	padding: 0;
	background:#FFFFFF;
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
/* for iPad */
	min-width:1024px;	/* コンテンツ幅1020 +　左右余白合計4px */
	_display: inline; 
	_zoom:1;
	-webkit-text-size-adjust: 100%;
}
/* for IE6 */
* html body { font-size: 88%; }
/* for IE7 */
*:first-child+html body { font-size: 88%; }
a span {
	cursor:pointer;
}

/* ------------------------------------------
【フォント】基本サイズ14px
	表示したいサイズ 	指定する値
	----------------
	10px 	72%
	11px 	79%
	12px 	86%
	13px 	93%
	14px 	100%
	15px 	108%
	16px 	115%
	17px 	122%
	18px 	129%
	19px 	136%
	20px 	143%
	21px 	150%
	22px 	158%
	23px 	165%
	24px 	172%
	25px 	179%
	26px 	186%
------------------------------------------ */


div,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,th,td,ul,ol,li,dl,dt,dd,form,code {
	margin: 0;
	padding: 0;
}

ul,ol,li {
	list-style: none;
}
br {
	letter-spacing: 0px;
}
a {
	text-decoration: underline;
	color: #333;
	outline:none;
}
a:hover {
	text-decoration: none;
}

a:hover img {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

a.alphv:hover {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

fieldset,img,abbr {
	border: 0;
}

img {
	border: 0;
	vertical-align: top;
}


/* ------------------------
	clearfix
------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ------------------------------------------
	共通パーツ
------------------------------------------ */

/* ------------------------
	コンテンツ土台
------------------------ */

#container {
	width: 1020px;
	margin: 0 auto;
	padding:20px 0 0 0;
	line-height:1.5;
}

/* ------------------------
	カラム
------------------------ */

.columnAll {
	width:1020px;
	margin:0;
	padding:0;
}

.column1_2,
.column1_3, .column2_3,
.column1_4, .column3_4,
.column1_5, .column2_5, .column3_5, .column4_5,
.column1_6,
.column1_8 {
	margin:0;
	padding:0;
	float:left;
}

.column1_2 { width:500px; }
.column1_3 { width:326px; }
.column2_3 { width:672px; }
.column1_4 { width:240px; }
.column3_4 { width:760px; }
.column1_5 { width:188px; }
.column2_5 { width:396px; }
.column3_5 { width:604px; }
.column4_5 { width:812px; }
.column1_6 { width:153px; }
.column1_8 { width:110px; }

.colrsp    { margin-right:20px; }

/* ------------------------
	見出し装飾01
------------------------ */

/* 緑の筆の下線 */
.t01 {
	font-size:24px;
	line-height:28px;
	color:#333333;
	padding: 10px 0;
	margin:20px 0;
	background:url(../img/h_line_all.gif) left bottom no-repeat;
}
.column3_4 .t01 { background:url(../img/h_line_w3_4.gif) left bottom no-repeat; }
.column3_5 .t01 { background:url(../img/h_line_w3_5.gif) left bottom no-repeat; }
.column4_5 .t01 { background:url(../img/h_line_w4_5.gif) left bottom no-repeat; }
.column1_2 .t01 { background:url(../img/h_line_w1_2.gif) left bottom no-repeat; }
.column2_3 .t01 { background:url(../img/h_line_w2_3.gif) left bottom no-repeat; }


/* ------------------------
	見出し装飾02
------------------------ */

/* 緑の筆の下線＋罫線装飾 */
.t02 {
	font-size:24px;
	line-height:28px;
	color:#333333;
	padding: 40px 0 10px 0;
	margin:20px 0;
	background:url(../img/h_line_all.gif) left bottom no-repeat;
	border-top:2px dotted #AAAAAA;
}
.column3_4 .t02 { background:url(../img/h_line_w3_4.gif) left bottom no-repeat; }
.column3_5 .t02 { background:url(../img/h_line_w3_5.gif) left bottom no-repeat; }
.column4_5 .t02 { background:url(../img/h_line_w4_5.gif) left bottom no-repeat; }
.column1_2 .t02 { background:url(../img/h_line_w1_2.gif) left bottom no-repeat; }
.column2_3 .t02 { background:url(../img/h_line_w2_3.gif) left bottom no-repeat; }

/* ------------------------
	見出し装飾03　（コラム06、アンケート結果で使用）
------------------------ */
.t03 {
	font-size:16px;
	color:#006600;
	background:url(../img/dot02.gif) left 7px no-repeat;
	padding:0 0 0 20px;
	margin:20px 0;
	border-bottom:2px dotted #006600;
}

/* ------------------------
	見出し装飾04　（コラム07で使用）
------------------------ */
.t04 {
	font-size:18px;
	color:#006600;
	margin:20px 0 10px 0;
}



/* ------------------------
	罫線装飾
------------------------ */
.line01 { border-top:2px dotted #AAAAAA; }


/* ------------------------
	「リストTOPへ戻る」
------------------------ */
.to_pagetop {
	text-align:right;
	padding:10px 0 10px 0;
	font-size:72%;
}



/* ------------------------
	余白

------------------------ */
.pb5  { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.mr20 { margin-right:20px !important; }
.mt20pt10 { margin-top:20px; padding-top:10px; }	/* .t01 のtopの余白分と同じ */
.mt0  { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mb0  { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

/* ------------------------
	text-align
------------------------ */
.txt-center { text-align:center; }
.txt-right  { text-align:right; }
.txt-left   { text-align:left; }


/* ------------------------
	色
------------------------ */
.red     { color: #FF0000 !important; }		/* 注意事項、特記事項の強調に使用 */
.color01 { color: #006600 !important; }
.color02 { color: #003366 !important; }
.color03 { color: #339933 !important; }

.bgcolor01 { background-color:#ece8bf; }


/* ------------------------
	文字装飾
------------------------ */
.bold { font-weight:bold; }

/* ------------------------
	注釈
------------------------ */
.note {
	padding-left: 1.3em;
	text-indent: -1.3em;

}

/* ------------------------
	アイコン付与
------------------------ */
.linkout {	/* 外部リンク */
	background:url(../img/ic_linkout.gif) 0 center no-repeat !important;
	padding-left:15px !important;
	min-height:16px;
}

.linkin {	/* 内部リンク */
	background:url(../img/ic_linkin.gif) 3px center no-repeat !important;
	padding-left:17px !important;
	min-height:16px;
}


.ic01 {	
	background:url(../img/ic01.gif) 0 4px no-repeat !important;
	padding-left:23px !important;
	min-height:17px;
}


/* ------------------------
	リスト（コンテンツエリア内）
------------------------ */


/* ------------------------
	ボタン
------------------------ */

/* ボタン共通部分 */
p.btn_w1_4     a,
p.btn_w1_4_out a,
p.btn_w1_4l    a,
p.btn_w1_2     a,
p.btn_w1_2_out a,
p.btn_w1_2L    a,
p.btn_w1_3L    a,
p.btn_w1_5L    a,
p.btn_w2_5L    a {
	margin:0;
	padding:0;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position: center center;
}
p.btn_w1_4     a:hover,
p.btn_w1_4_out a:hover,
p.btn_w1_4l   a:hover,
p.btn_w1_2     a:hover,
p.btn_w1_2_out a:hover,
p.btn_w1_2L    a:hover,
p.btn_w1_3L    a:hover,
p.btn_w1_5L    a:hover,
p.btn_w2_5L    a:hover {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}



/* w1_4 （コラム05　他ページへリンクボタン） */
p.btn_w1_4       {  }
p.btn_w1_4 a     { width:240px; height:50px; background-image:url(../img/btn_w1_4.gif); font-size:14px; line-height:50px; }

/* w1_4 別窓（末端TOP　各自治体へのリンクボタン） */
p.btn_w1_4_out   {  }
p.btn_w1_4_out a { width:240px; height:50px; background-image:url(../img/btn_w1_4_out.gif); font-size:14px; line-height:48px; }
p.btn_w1_4_out a span { padding:2px 32px 0 8px; display:block; }


/* w1_4L （未使用？） */
p.btn_w1_4l   {  }
p.btn_w1_4l a { width:240px; height:154px; background-image:url(../img/btn_w1_4l.gif); font-size:16px; line-height:34px; }
p.btn_w1_4l a span { padding:25px 5px 0 8px; display:block; }


/* w1_2（コラム06　他ページへリンクボタン） */
p.btn_w1_2       { }
p.btn_w1_2 a     { width:500px; height:50px; background-image:url(../img/btn_w1_2m.gif); font-size:14px; line-height:50px; }

/* w1_2 別窓（未使用？） */
p.btn_w1_2_out   { }
p.btn_w1_2_out a { width:500px; height:50px; background-image:url(../img/btn_w1_2_out.gif); font-size:14px; line-height:48px; }
p.btn_w1_2_out a span { padding:2px 32px 0 8px; display:block; }

/* w1_2 L（末端TOP　特典、使い道へボタン）（高さが若干高い） */
p.btn_w1_2L      {  }
p.btn_w1_2L a    { width:500px; height:58px; background-image:url(../img/btn_w1_2.gif); font-size:18px; line-height:58px; }

/* w1_3 L （コラム03　他ページへリンクボタン） */
p.btn_w1_3L      {  }
p.btn_w1_3L a    { width:326px; height:82px; background-image:url(../img/btn_w1_3l.gif); font-size:24px; line-height:82px; }


/* w1_5L （ランキングTOP） */
p.btn_w1_5L   {  }
p.btn_w1_5L a { width:188px; height:122px; background-image:url(../img/btn_w1_5l.gif); font-size:16px; line-height:32px; }
p.btn_w1_5L a span { padding:15px 5px 0 8px; display:block; }


/* w2_5 L （未使用？） */
p.btn_w2_5L      {  }
p.btn_w2_5L a    { width:396px; height:82px; background-image:url(../img/btn_w2_5l.gif); font-size:18px; line-height:32px; }
p.btn_w2_5L a span { padding:10px 0 0 0; display:block; }



/* ------------------------
	アンケート用ボタン　（コラムtop、アンケート募集）
------------------------ */

/* 土台（色つき） */

#top_btnarea {		/*アンケート募集*/
	padding:20px 0 20px 86px;
	margin:20px 0;
	background:url(../img/enqute_bg.gif) center top repeat-y;
}

#top_btnarea2 {		/*コラムtop*/
	padding:30px 0 30px 86px;
	margin:0 0 20px 0;
	background-color:#e3e4db;
}

/* アンケート用のボタン */

p.btn_enqute {
	margin-left:66px;
	float:left;
}
p.btn_enqute a {
	width:326px;
	height:82px;
	margin:0;
	padding:0;
	background:url(../img/btn_enqute.gif) center center no-repeat;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	line-height:36px;
}
p.btn_enqute a span {
	padding:6px 8px 0 8px;
	display:block;
	font-size:20px;
}
p.btn_enqute a:hover {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}


/* ------------------------
	リスト系ページ　分割リンク（下）
---------------------------------- */

#ConPageLinkBtm {
	width:1020px;
	margin:10px 0;
	padding:5px;
	text-align:center;
	position:relative;
	background-color:#EEEEEE;
	height:100%;
}

/* 前、次へリンク部分 */

#ConPageLinkBtm p.link_pre {
	position:absolute;
	top:5px;
	left:10px;
	font-size:86%;
	height:100%;
}

#ConPageLinkBtm p.link_next {
	position:absolute;
	top:5px;
	right:10px;
	font-size:86%;
	height:100%;
}

#ConPageLinkBtm p.link_pre a,
#ConPageLinkBtm p.link_next a {
	border:solid 1px #CCCCCC;
	color:#666666;
	text-decoration:none;
}

#ConPageLinkBtm p.link_pre a {
	background:url(../img/arrow_l.png) no-repeat left center #FFFFFF;
	padding:0 5px 0 15px;
}
#ConPageLinkBtm p.link_next a {
	background:url(../img/arrow_r.png) no-repeat right center #FFFFFF;
	padding:0 15px 0 5px;
}

#ConPageLinkBtm p.link_pre a:hover,
#ConPageLinkBtm p.link_next a:hover {
	color:#FFFFFF;
}

#ConPageLinkBtm p.link_pre a:hover {
	background:url(../img/arrow_lw.png) no-repeat left center #a0db6b;
}

#ConPageLinkBtm p.link_next  a:hover {
	background:url(../img/arrow_rw.png) no-repeat right center #a0db6b;
}

/* ページダイレクトリンク部分 */

#ConPageLinkBtm p.link_dir {
	position:relative;
	margin: 0 auto;
	text-align:center;
}

#ConPageLinkBtm p.link_dir a {
	padding:0 5px;
	border:solid 1px #CCCCCC;
	color:#666666;
	background-color:#FFFFFF;
	text-decoration:none;
}

#ConPageLinkBtm p.link_dir a:hover {
	background: #a0db6b;
	color:#FFFFFF;
}

#ConPageLinkBtm p.link_dir a.selected,
#ConPageLinkBtm p.link_dir a.selected:hover {
	background: #006600;
	border:solid 1px #006600;
	color:#FFFFFF;
	cursor: text;
}



/* カテゴリ名部分 */

#ConPageLinkBtm span { font-size:86%; 	padding:2px 5px 0 0; color:#666666; }





/* ------------------------------------------
	特典　大分類　統一色
------------------------------------------ */

.lb_color01 { background-color:#a2893e; }
.lb_color02 { background-color:#f87306; }
.lb_color03 { background-color:#245dab; }
.lb_color04 { background-color:#c53737; }
.lb_color05 { background-color:#84a23e; }
.lb_color06 { background-color:#d582df; }
.lb_color07 { background-color:#208d3f; }
.lb_color08 { background-color:#ff8bb4; }
.lb_color09 { background-color:#229acc; }
.lb_color10 { background-color:#e1af36; }
.lb_color11 { background-color:#53714c; }
.lb_color12 { background-color:#9c4320; }
.lb_color13 { background-color:#8783be; }
.lb_color14 { background-color:#449493; }
.lb_color15 { background-color:#76797e; }