@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 style info :共通（ヘッダー、フッター）
=================================================================== */
a img{
	vertical-align:text-bottom;}
a img{
	zoom:1;
	z-index:1;}
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;}


/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
a:link		{color:#008cdb;text-decoration: none;}
a:visited 	{color:#0099cc;text-decoration: none;}
a:hover 	{color:#ff0066;text-decoration:underline;}
a:active	{color:#ff0066;}


body{
	color:#333;}	 /*★サイト文字色★*/

#all {
	margin: 0 auto;
	text-align: left;}


/*footer固定*/
html,body{
	height:100%;}
#all{
	min-height: 100%;
	height: auto !important; 
	height: 100%;
	position: relative;}
#footer {
	position:absolute;
	bottom:0px;
	width:950px;}

#contents{
	padding-bottom:30px;}


#wrapper	{float:left;margin:0; overflow:hidden; margin-right:15px;　/*★間隔★*/}
#main		{float:right; overflow:hidden;}
#sideLeft	{float:left; overflow:hidden;}
#sideRight	{float:left; overflow:hidden;}

#footer		{width:100%; overflow:hidden;}


#contents,
#header .inner,
#navi .inner,
#footer .inner,
#footerRSS{width:700px; margin:0 auto; overflow:hidden;} /*★コンテンツ 横幅★*/


/*３段構成　column3 */
.column3 #wrapper 	{width:685px;	/* [コンテンツ 横幅]-[右サイド]-15px */}
.column3 #main 		{width:420px;	/*★メイン 横幅★*/}
.column3 #sideLeft	{width:250px;	/*★左サイド 横幅★*/}
.column3 #sideRight {width:250px;	/*★右サイド 横幅★*/}



/*２段構成 (右サイドバー)　column2R */
.column2R #wrapper	{width:685px;	/* =[コンテンツ 横幅]-[右サイド]-15px */}
.column2R #main		{width:100%;	/*★メイン 横幅★*/}
.column2R #sideLeft {display:none;	/* --------------------------非表示　*/}
.column2R #sideRight{width:250px;	/*★右サイド 横幅★*/}



/*２段構成 (左サイドバー)　column2L */
.column2L #wrapper 	{width:100%; margin:0;}
.column2L #main 	{width:685px;	/*★メイン 横幅★*/}
.column2L #sideLeft {width:250px;	/*★左サイド 横幅★*/}
.column2L #sideRight{display:none;	/* --------------------------非表示　*/}



/*１段構成　column1 */
.column1 #wrapper 	{width:100%;}
.column1 #main		{width:100%;	/*★メイン 横幅★*/}
.column1 #sideLeft	{display:none;	/* --------------------------非表示　*/}
.column1 #sideRight {display:none;	/* --------------------------非表示　*/}




/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	width:100%;
	background:url(../img/header_bg.jpg) repeat-x #b2e4ff; 	/*★ヘッダー背景★*/
	text-align:center;}
/*#header .inner{
	background:url(../img/header_bg_inner.jpg) repeat-x #9dd9fe; }*/
	
#header .artistName{
	font-size:14px;
	font-weight:normal;
	line-height:33px;
	/*background: url(../img/side_title_bg.jpg) repeat-x; ★フッター背景色★*/}

#header .name img{
	vertical-align:top;}
	
	
/* -----------------------------------------------------------
	#navi
----------------------------------------------------------- */
#navi{
	width:100%;
	background:url(../img/navi_bg.jpg) repeat-x;	/*★navi 背景★*/
	margin-bottom:15px;								/*★間隔★*/}

#navi table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;}
#navi td{
	text-align:center;
	vertical-align:middle;
	height:52px; /*★navi　高さ★*/}
#navi a,
#navi a:visited{
	color:#fff;		　/*★navi 文字色★*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	line-height:52px; /*★navi　高さ★*/
	zoom:1;}

#navi a:hover,
#navi a.selected,
#navi a.selected:visited{
	color:#008cdb;}

#navi a:hover img,
#navi a.selected img,
#navi a.selected:visited img{
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;}



/*----------------------------------------------------
	#side
----------------------------------------------------*/
.typeSide .moduleBox{
	overflow:hidden;
	clear:both;
	background:#efefef;	/*★サイド 背景色★*/
	margin-bottom:15px;}
.typeSide .moduleBox .inner{
	padding:10px;}
#sideLeft .moduleBox	{width:100%;}	/*★左サイド 横幅★*/
#sideRight .moduleBox	{width:100%;}	/*★右サイド 横幅★*/

.moduleBox .boxTitle{
	font-size:14px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	color:#fff;											　/*★モジュールタイトル　文字色★*/}


.moduleBox .boxTitle .default{
	background:none;
	padding:0 10px;
	background:url(../img/side_title_bg.jpg) repeat-x;	/*★モジュールタイトル　背景色★*/
	line-height:33px;
	height:33px;}


.moduleBox .more{
	margin-top:10px;
	text-align:right;
	padding:5px 0 0 0 ;}
	
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */

#footerRSS{
	margin-top:20px;
	padding:5px 0;
	margin:auto;}
#footerRSS a{
	border:1px solid;
	border-color:#008cdb;	 /*　★リンク色　*/
	padding:0 5px;}

#footer {
	background: url(../img/side_title_bg.jpg) repeat-x; /*★フッター背景色★*/
	clear:both;
	color:#fff; /*★フッター文字色★*/}
#footer .inner{
	overflow:hidden;
	line-height:33px;}

#footer .footerMenu{
	float:left;}
#footer .footerMenu li{
	display:inline;
	margin-right:10px;}
#footer a,
#footer a:visited{
	color:#fff;	　/*★フッターリンク文字色★*/}
#footer address{
	float:right;
	font-size:10px;}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

/*モジュール単位*/
#main .moduleBox{
	margin-bottom:15px;}
	
.boxTitle{
	font-size:16px;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	margin-bottom:5px;
	font-weight:bold;}

.boxTitle .default{
	display:block;
	padding:0 0 0 18px;
	line-height:33px;
	background:url(../img/title_bg.gif) no-repeat left bottom;	/*★タイトル背景色★*/}

.moduleBox .arrowList li{
	background-repeat: no-repeat;
	background-position:left 6px;
	background-image:url(../img/icon_arrow.gif);
	line-height:1.2;
	padding-left:10px;
	margin-bottom:5px;}


/*もっと見る*/
.more{
	text-align:right;
	padding-top:10px;}
.more a{
	padding-left:10px;
	background-repeat: no-repeat;
	background-position:left center;
	background-image:url(../img/icon_arrow.gif) ;}


/*mu-moボタン
.btnMumo{
	display:block;
	width:151px; height:28px;
	text-indent:-9999px;
	margin:0;
	overflow:hidden;
	background:url(../img/btn_mumo.jpg) no-repeat;}
.btnMumo:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
*/



/*SNSボタン*/
.sns{
	padding-top:10px;
	width:100%;
	overflow:hidden;}
.sns .box{
	float:left;
	width:auto;
	text-align:center;
	padding-right:10px;}


/*一覧ページスタイル*/
.listStyle .box{
	width:100%;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid;
	border-color: #ccc;	/*★メイン 横幅★*/
	padding:10px 0; }
.listStyle .box .date{
	float:left;
	width:7em;
	display:block;}
.listStyle .box .article{
	margin-left:7em;
	overflow:hidden;}
.listStyle .box .cate{
	padding-right:5px;}
.listStyle .box .article .photo{
	float:right;}

/*ボックス一覧スタイル*/
.boxStyle{
	width:100%;
	overflow:hidden;}
.boxStyle .wrap{	
	width:110%;
	margin-top:30px;
	margin-right:-10%;}
.boxStyle .box{
	background:#efefef;	/*　★コンテンツ　サブ背景色　★*/ 
	float:left;
	line-height:1.2;
	margin:0;
	margin-right:8px;
	margin-bottom:8px;
	padding-bottom:10px;
	overflow:hidden;}

.column1 .boxStyle .box,
.column2L .boxStyle .box,
.column2R .boxStyle .box{width:30%;}
.column3 .boxStyle .box	{width:45%;}

.boxStyle .box .photo{
	text-align:center;
	width:95%; height:160px;
	overflow:hidden;
	margin:10px auto 5px auto;}
.boxStyle .box .photo img{
	max-width: 150px;
	width: auto !important;
	width: 150px;}

.boxStyle .box .title a{
	display:block;
	height:4.5em;
	overflow:hidden;
	padding:0 10px 5px 10px;}
.boxStyle .box .article{
	padding:0 10px;
	height:5em;
	line-height:1.2;
	overflow:hidden;}



/*詳細ページスタイル*/
.detailStyle{
	margin-top:15px;}
.detailStyle .date{
	padding-bottom:5px;}
.detailStyle .pageTitle{
	padding:0 0 15px 0;
	font-weight:normal;
	margin-bottom:20px;
	font-weight:bold;
	line-height:1.2;
	border-bottom:1px solid #000;
	border-color:#ccc;	/*　★罫線色　*/}

.detailStyle h1 span{
	display:block;}
.detailStyle .article{
	width:100%;
	overflow:hidden;
	padding-bottom:5px;}
.detailStyle .article .photo{
	float:right;}
.detailStyle .article .photo img{
	width:200px;
	padding:0 0 10px 15px;}


a.btnBasic,
a.btnBasic:visited{
	text-align:center;
	display:block;
	margin:10px auto;
	width:200px;
	line-height:30px;
	background:#008cdb;	/*　★ボタン型リンク　背景色　*/
	color:#fff;			/*　★ボタン型リンク　文字色　*/ 
	-webkit-border-radius: 5px;   
    -moz-border-radius: 5px; }
a:hover.btnBasic{
	text-decoration:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}


.typeNavi {
	width:100%;
	overflow:hidden;}
.typeNavi li{
	float:left;
	margin-right:10px;}
.typeNavi li a{
	display:block;}
.typeNavi li a.selected,
.typeNavi li a.selected:visited,
.typeNavi li a:hover{
	background:yellow;}

.wrap{
	width:100%;
	clear:both;
	overflow:hidden;}
.floatR{float:right;}
.floatL{float:left;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}


.tab {
	overflow:hidden;
	border-bottom:2px solid;
	border-color:#172C3D;	/*　★タブ背景色（選択時）　*/
	margin:20px auto;}
.tab ul{ 
	width:100%;
	text-align:left;
	overflow:hidden;}
.tab li{
	float:left;
	width:auto;
	margin:0 5px 0 0;}
.column3 .tab li{	
	width:auto;
	margin:0 5px 5px 0;}
.column3 .tab li a{
	padding:0 10px;}
.tab li a,
.tab li a:visited{
	width:auto;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	display:inline-block;
	line-height:35px;
	padding:0 10px;
	height:35px;
	background:#E5E5E5;		/*　★タブ背景色（選択時）　*/
	color:#333;				/*　★タブ文字色（選択時）　*/}
.tab li a:hover,
.tab li a.selected,
.tab li a.selected:visited{
	background:#172C3D;		/*　★タブ背景色（選択時）　*/
	color:#fff;				/*　★タブ文字色（選択時）　*/}



.paging{
	text-align:center;
	padding:10px 0 20px 0;}
.paging li{
	display:inline;}
.paging li a,
.paging li a:visited,
.paging li span{
	border:1px solid;
	border-color:#ccc;		/*　★罫線色　*/
	text-decoration:none;
	padding:3px 8px;
	background:#fff;		/*　★コンテンツ背景色　*/
	color:#333;	 			/*　★サイト文字色*/　}

.paging li.next span,
.paging li.next a,
.paging li.next a:visited,
.paging li.next a:hover,

.paging li.back span,
.paging li.back a,
.paging li.back a:visited,
.paging li.back a:hover{
	border:none;
	font-weight:bold;}
.paging li span,
.paging li a:hover{
	text-decoration:none;
	background:#182B3A; 	/*　★タブ背景色（選択時）　*/
	color:#fff;				/*　★タブ文字色（選択時）　*/}

.paging li.next span,
.paging li.back span,
.paging li.next a,
.paging li.back a{
	background:none;}

.backLink{
	text-align:center;
	border-top:1px solid;
	padding:20px 0;
	margin-top:10px;
	border-color:#ccc;
	font-weight:bold;		/*　★罫線色　*/}



p.lead{
	padding:0 0 50px 0;}
p.jumpTop{
	width:100%;
	clear:both;
	margin:auto;
	text-align:right;
	padding:5px 0 10px 0;}
.btn {text-align: center;}

button{
	background:none;
	border:none;
	width:auto;
	cursor:pointer;}

input.PW,
input.ID{ime-mode:disabled;}
input.freeSS{width:30px; ime-mode:active;padding:2px;}
input.freeS{width:120px; ime-mode:active;padding:2px;}
input.freeM{width:250px; ime-mode:active;padding:2px;}
input.freeL{width:450px; ime-mode:active;padding:2px;}
input.address{width:450px; ime-mode:active;padding:2px;}
input.zip,
input.tel{width:100px; ime-mode:disabled;padding:2px;}
input.mail{width:450px; ime-mode:disabled;padding:2px;}

textarea{width:450px;padding:2px; height:130px;}

.imgR {float: right;margin: 0 0 10px 10px;}
.imgL {float: left;margin: 0 10px 10px 0;}

.btn{text-align: center;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.fBold{font-weight:bold;}
.red{color:#FF0000;}
.gray{color:#999999;}

.imeON	{ime-mode:atcive;}
.imeOFF	{ime-mode:disabled;}

/*
	clearfix
*/
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}