@charset "utf-8";


/*基本段落スタイル
---------------------------------------*/
body {
	color:#333;
	line-height:1.4;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック" , "ヒラギノ角ゴ Pro W3" , Arial , sans-serif;
	text-align:center;
}
p {
	margin: 0 0 1em 0;
}


/*全体構造
---------------------------------------*/

#header {
	height:120px;
	background: url(../img/common/header_bg.jpg) repeat-x;
	text-align:center;
}
	#headerInner {
		margin:0 auto;
		text-align:left;
		width:800px;
	}

#contents {
	width:800px;
	margin:10px auto 0;
	text-align:left;
}
	/*トップ*/
	#idxMain{
		float:left;
		width:480px;
		margin-top:20px;
	}
	#idxSide{
		float:right;
		width:300px;
		margin-top:20px;
		padding:0px;
		overflow: hidden;
	}
	
	/*セカンド*/
	#main{
		float:right;
		width:560px;
	}
	#side{
		float:left;
		width:220px;
	}


#footer {
	clear:both;
	background: url(../img/common/footer_bg.jpg) repeat-x;
}
	#footerInner {
		width:800px;
		margin:0 auto 20px;
		text-align:left;
		font-size:11px;
	}


/*ヘッダー
---------------------------------------*/

#header #logo{
	float:left;
}
	/*トップ｜仮バナー*/
	#header #appBnrArea{
		float:right;
		width:250px;
		height:45px;
		margin-top:17px;
		overflow:hidden;
		background:url(../img/common/app_bnr_bg.jpg) no-repeat;
	}
	#header #appBnrArea ul{
		position: relative;
	}

	/*セカンド｜基本はh1*/
	#header h1{
		float:right;
	}

/*グローバルナビ*/
#navi ul{
	clear:both;
}
#navi li{
	float: left;
	width:160px;
	height:43px;
}


/*フッター
---------------------------------------*/
.pageTop {
	width:100%;
	height:30px;
	margin-bottom:10px;
}
	.pageTop a{
		float:right;
		display:block;
		width:65px;
		height:30px;
		overflow:hidden;
		text-indent:-9999px;
		background: url(../img/common/btn_pagetop.jpg) no-repeat;
	}
	.pageTop a:hover{
		background-position: 0 -30px;
	}

#copy{
	float:left;
	width:250px;
	margin-top:20px;

}
#footer_socialBunner li{
	margin-right:10px;
	display:inline;
}

#sitemap{
	float:right;
	width:530px;
	margin-top:20px;
}
	#sitemap p{
		padding-left:12px;
		background: url(../img/common/listmark01.gif) 0 45% no-repeat;
	}
	#sitemap ul{
		margin-bottom:1.5em;
	}
		#sitemap li{
			float:left;
			line-height:1;
			padding:0.25em 0.75em 0;
			border-left:1px solid #666;
		}
		#sitemap li.end{
			border-right:1px solid #666;
		}
	#sitemap a{ color:#666;}



/*---------------------------------------
トップページ
---------------------------------------*/

/*メイン-----------------*/

#publicity ,
#news{
	clear:both;
	padding:15px 0 0 130px;
		*padding:10px 0 0 130px;
	margin-bottom:30px;
	border-top:1px solid #999;
	
}

#publicity {background:url(../img/common/tit_publicity.gif) no-repeat; min-height:295px;}
#news      {background:url(../img/common/tit_news.gif) no-repeat;      min-height:170px;}

	#publicity li,
	#news li{
		margin-bottom:15px;
		padding-bottom:15px;
		background:url(../img/common/border.gif) 0 100% repeat-x;
	}
	


/*一覧・RSSボタン*/
#publicityLink {
	float:right;
	margin-bottom:30px;
		*margin-bottom:0;
}
	#publicityLink li{
		display:inline;
	}
	#publicityLink li a:hover img{
		opacity:0.75;
		filter: alpha(opacity=75);
		-ms-filter: "alpha( opacity=75 )";
	}


/*サイド-----------------*/


/*アプリ紹介*/
ul#appColumn{
	padding:0 10px;
	border-bottom:1px solid #D6D6D6;
	background:url(../img/common/app_bg.gif) repeat-y;
	height:460px;
	overflow-y:scroll;
	margin-bottom:20px;
}
	#appColumn li{
		margin:10px 0;
		padding-bottom:15px;
		line-height:1.2;
		background:url(../img/common/border.gif) bottom repeat-x;
	}
		#appColumn p.icon{
			float:left;
			width:50px; height:50px;
			padding-right:10px;
			}
		#appColumn p.title{
			float:right;
			width:140px;
			padding-left:12px;
			font-weight:bold;
			margin-bottom:0.25em;
			background: url(../img/common/app_listmark.gif) 0 2px no-repeat;
			}
		#appColumn p.text{
			font-size:11px;
			float:right;
			width:150px;
			}
	
		#appColumn .appLink a{
			display:block;
			float:right;
			width:95px;
			height:18px;
			overflow:hidden;
			text-indent:-9999px;
			background: url(../img/common/app_btn.jpg) 0 0 no-repeat;
		}
		#appColumn .appLink a:hover{
			background-position: 0 -18px;
		}

		#appColumn .andloidLink a{
			display:block;
			float:right;
			width:95px;
			height:18px;
			overflow:hidden;
			text-indent:-9999px;
			background: url(../img/common/app_btn02.jpg) 0 0 no-repeat;
		}
		#appColumn .andloidLink a:hover{
			background-position: 0 -18px;
		}

/*twitter facebook*/
#socialLinks {
}
.facebook{
	float:left;
	width:110px;
	height:20px;
}
.twitter{
	float:left;
	width:110px;
	height:20px;
}

/*---------------------------------------
セカンドページ共通部品
---------------------------------------*/

/*見出し*/
#secondHeadline {
	height:174px;
	background:url(../img/second/sec_headline_bg.jpg) repeat-x;
	text-align:center;
}

#servicesHeadline {
	display:none;
	height:174px;
	width:800px;
	background:url(../img/second/headline_services.jpg) center no-repeat;
}


/*サイド-----------------*/


/*パンくず*/
#topicPass ul{
}
	#topicPass li{
		display:inline;
	}
	#topicPass li a{ color: #999;}
	
	#topicPass #Home a{
		display:block;
		float:left;
		width:50px; height:25px;
		margin-right:5px;
		text-indent:-9999px;
		background:url(../img/second/topickpass_home.gif) no-repeat;
	}

/*ナビ*/
#sideNavi {
	background:url(../img/second/sidenavi_bottom.jpg) 0 100% no-repeat;
	padding-bottom:20px;
}
	#sideNaviInner{
		background: url(../img/second/sidenavi_bg.jpg) repeat-y;
		padding:20px 10px 0;
	}
	#sideNavi ul{
		border-top: 1px dotted #CCC;
		background:#F5F5F4;
		_zoom:1;
	}
	#sideNavi li{/*リスト基本設定*/
		background:#FFF;
		border-bottom: 1px dotted #CCC;
	}

		#sideNavi li a{/*通常リスト*/
			color:#333;
			display:block;
			padding:1em 0 1em 25px;
			background: url(../img/second/sidenavi_listmark.gif) 10px 48% no-repeat;
		}
		#sideNavi li.idt a{/*段落ちリスト*/
			color:#333;
			display:block;
			padding:1em 0 1em 40px;
			background:url(../img/second/sidemark_indent.gif) 25px 45% no-repeat;
		}
		/*hover*/
		#sideNavi li a:hover{
			text-decoration:none;
			background-color: #F9F9F9;
		}
		#sideNavi li a.on{
			color:#666;
			text-decoration:none;
			background-color: #F0F0F0;
		}
 
/*メイン-----------------*/

#main h3 {margin-bottom:30px;}
#main h4 {margin-bottom:20px;}

.article{
	padding:0 20px;
	margin-bottom:30px;
}

.blank {
	padding-right:15px;
	background:url(../img/second/ico_blank.gif) 100% 50% no-repeat;
}

.border {
	clear:both;
	margin:30px 0;
	height:1px;
	background:url(../img/common/border.gif) repeat-x;
}	

/*コンテンツ用PageTop*/
.pageTop_s {
	width:100%;
	height:30px;
	margin-bottom:30px;
}
	.pageTop_s a{
		float:right;
		display:block;
		width:65px;
		height:30px;
		overflow:hidden;
		text-indent:-9999px;
		background: url(../img/common/btn_pagetop.jpg) no-repeat;
	}
	.pageTop_s a:hover{
		background-position: 0 -30px;
	}