@charset "utf-8"; 

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

【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;
	background-attachment: scroll;
	background-color: #FFF;

}
p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 106%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {
	margin:0 0 1em;
}
li {
	list-style-type: none;
}
h1 , h2 , h3 , h4 , h5 , h6 {}
strong { font-weight:bold;}
em { font-style:italic;}
a {}
a:link {
	color: #1d3994;
	text-decoration: underline;
}
a:visited {
	color: #1d3994;
	text-decoration: underline;
}
a:hover , a:active {
	color: #1d3992;
	text-decoration: none;
}
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	{
	border-top: 3px double #ccc;
	border-right: 3px double #666;
	border-bottom: 3px double #666;
	border-left: 3px double #ccc;
	color: #333;
	background :#E2E2E2 url(../img/bg/bg_btn.jpg) repeat-x;/*フォームボタン用（背景）*/
	font-family: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	padding: 3px;
}
input.text		{
	width : 105px;
	margin : 0px;
	padding : 4px;
	background : #F5F4F1 repeat-x;
}
select 			{
	border-top : 3px double #ccc;
	border-right : 3px double #666;
	border-bottom : 3px double #666;
	border-left : 3px double #ccc;
	color : #000;
	background : #F5F4F1 repeat-x;
	font-size : 12px;
	font-weight : normal;
	margin : 0px 3px 0px 3px;
	padding : 2px;
}
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 {
	z-index: 1;
	text-align: left;
	width: 950px;
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*2-2 ヘッダ*/
#top {
	width: 950px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../img/top_img2.jpg);
	background-repeat: no-repeat;
	height: 156px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}

/*2-3 本文*/
#contents {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}

/*2-4 補助枠*/
.wrap {
	width: 730px;
	float: left;
	display: inline;/*IE+float 横マージン膨張対策*/
	margin: 0 5px 0 0;
}

/*2-5 中央*/
.main {
	float: right;
	width: 705px;
	display: inline;/*IE+float 横マージン膨張対策*/
	margin: 0 5px 0 0;
}

/*2-6 中央(３カラム）*/
.wrap .main {
	width: 522px;
	float: right;
	margin:0;
}

/*2-7 サイド*/
.side {}

/*2-8 左*/
#left {
	width: 190px;
	float: left;
	display: inline;
	margin: 0 0 0 5px;
}

/*2-9 右*/
#right {
	width: 210px;
	float: left;
}

/*2-10 フッタ*/
#foot {
	clear: both;
	width: 950px;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0 auto;
}

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

/*【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 {color: #ffffff;}
#top a:hover , #top a:active {color: #ffffff;}

/*4-1 サイトID*/
#siteid {
	width: 233px;
	float: left;
	display: inline;/*IE6+float 横マージン膨張対策*/
	margin: 0 0 0 5px;
}
#siteid p {
	display:inline;
}

/*4-2 タグライン*/
#tagline {
	width: 500px;
	display: block;
	float: right;
	padding: 5px 0 0;
	text-align: right;
}

/*4-3 ログインメニュー*/
#login {
	width: 200px;
	float: left;
	padding: 5px 0 0;
	font-size:1.2em;
	text-align: center;
}

/*4-4 グローバルナビ*/
#gnavi {
	background-clip:border;
	background-inline-policy:continuous;
	background-origin:padding;
	background:#FFFFFF repeat scroll 0 0;
	border-bottom:1px solid #999999;
	border-right:1px solid #CCCCCC;
	clear:both;
	height:29px;
	margin:0;
	overflow:hidden;
	padding:0;
}
#gnavi ul {
	margin:0;
	overflow:hidden;
	padding:0;
	background: url(../img/nav_bg.gif);
}
#gnavi li {
border-left:1px solid #CCCCCC;
float:left;
font-size:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#gnavi li a {
	display:block;
	height:29px;
	line-height:14px;
	padding:8px 0 0;
	text-align:center;
	text-decoration:none;
	width:110px;
	color: #ffffff;
}
#gnavi li a:link ,
#gnavi li a:visited {
	text-decoration:none;
}
#gnavi li a:hover ,
#gnavi li a:active {
	text-decoration:none;
	background: url(../img/nav_bg_h.gif);
	color: #ffff00;
}

/*4-5 サブナビ*/
#snavi {}

display:block;
height:29px;
overflow:hidden;
width:917px;

/*【5】本文内*/
/*5-0 共通*/

/*5-1 パン屑*/
#pan {
	clear: both;
	width: 940px;
	margin: 0 5px;
	padding: 10px 0 5px;
	font-size: 1.2em;
}
#pan p ,
#pan h1 ,
#pan h2 {
	display:inline;
	margin:0;
	white-space:normal;
}
#pan a {
	background:url(../img/bg/bg_pan.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;
}

/*5-2 ボックス*/
.box {
	background-clip:border;
	background-inline-policy:continuous;
	background-origin:padding;
	background:transparent url(../img/bottom_shadow.gif) repeat-x scroll center bottom;
	padding:0 0 3px;
}

.sidetitle {
	margin: 5px 0 0;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 4px 0 1px;
	height: 20px;
	text-align: center;
	line-height: 150%;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
	background-image: url(../img/side/header_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.side_center {
    margin: 0;
    border: 1px solid #bcbcbc;
    background: #fff;
    padding: 6px;
    overflow: hidden;
    line-height: 150%;
    color: #444;
    font-size: 10px;
    text-align: center;
}

.maintitle {
	margin: 5px 0 0;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 4px 7px 1px;
	height: 20px;
	text-align: left;
	line-height: 150%;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
	background-image: url(../img/side/header_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.main_left {
	margin: 0;
	border: 1px solid #bcbcbc;
	background: #fff;
	padding: 6px;
	overflow: hidden;
	line-height: 150%;
	color: #444;
	text-align: left;
	font-size: 11px;
}

.main_tag {
	margin: 0;
	border: 1px solid #bcbcbc;
	background: #fff;
	padding: 6px;
	overflow: hidden;
	line-height: 150%;
	color: #444;
}

.banner {
	background-clip:border;
	background-inline-policy:continuous;
	background-origin:padding;
	background:#FFFFFF url(../img/header_bg.gif) repeat-x scroll center top;
	border-bottom:1px solid #BCBCBC;
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	color:#444444;
	line-height:150%;
	margin:5px 0 0;
	overflow:hidden;
	padding:4px;
	text-align:center;
}

/*clearfix(S)*/
.box {
	zoom:1;
}
.box:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*clearfix(E)*/


/* 5-3 タイトル*/
.title {
	padding:8px 5px 14px 10px;
	font-weight: bold;
	font-size: 1.2em;
	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:underline;
}
.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: #1d3994;}
.photoframe li a:visited { color: #1d3994;}
.photoframe li a:hover ,
.photoframe li a:active {	color:#1d3992;}
.photoframe li img {
	display:block;
	border:1px solid #ccc;
}
.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: #1d3994;}
.main a:visited {}
.main a:hover , .main a:active {
	color: #1d3992;
}

/*6-2 中央（メイン）ボックス*/
.main .box {}
/* 6-3 中央（メイン）タイトル*/
.main .title {
	background:url(../img/bg/bg_title_long.jpg) no-repeat 0 0;
}
/* 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 .title {
	background-image: url(../img/side/header_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 top;
	height: 20px;
	padding-top: 4px 0 1px;
	margin-top: 5px 0 0;
	border-right-width: 1px solid #bcbcbc;
	border-left-width: 1px solid #bcbcbc;
	color: #666;
	line-height: 150%
}
/* 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: #1d3994;}
.side a:visited {color: #1d3994;}
.side a:hover , .side a:active {
	color: #1d3992;
}

/*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 {
	background:url(../img/bg/bg_title_left.jpg) no-repeat 0 0;
}
/* 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 {
	background:url(../img/bg/bg_title_right.jpg) no-repeat 0 0;
}
/* 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 サイドメニュー*/
.side #smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	font-size: 1.2em;
	margin:0 0 5px;
}
/*8-2 コピーライト*/
#copy {
	font-style: normal;
	font-size: 1.2em;
	padding:12px 0 4px;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*【9】CSS読み込み（オプション）*/
/* 9-1 MacIE用CSS （MacIE用パスフィルター）*/
  /*\*//*/
  @import "macie.css";
  /**/