@charset "utf-8";
/* CSS Document */

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

グローバルスタイル　バージョン: Ver.1.1.0
BlueMoonCafeSTUDIO

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


/* ■基本要素スタイル■ */
/* =====================================================*/
html{color:#000;background:#F6F6F6;
	background:url(../../images/back.gif);
	}
	
body {
	margin:0;padding:0;
	text-align: center;	/* center in winIE */
	font-size:100%;	
	font-family:
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ",
	Meiryo,
	Osaka,
	"ＭＳ Ｐゴシック",
	MS PGOTHIC,
	sans-serif;
	}

/* Opera 9 */
;;body{
	font-family:"メイリオ",Meiryo,sans-serif;
	}

/* Internet Explorer7 */
*:first-child+html body{
	font-family:"メイリオ",Meiryo,sans-serif;
	}

/* Internet Explorer6 or sooner */
* html body{
	font-family:"メイリオ",Meiryo,sans-serif;
	}

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

h1,h2,h3,h4,h5,h6{font-size:100%;
	font-weight:normal;}

table{border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
	}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;
	font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;
	font-size:inherit;
	font-weight:inherit;}

legend{color:#000;}

strong {
	font-weight:bold;
	}

/*float指定--------------------------*/
.floatLEFT{float:left;
	}
.floatRIGHT{float:right;
	}

img.floatLEFT{float:left;
	padding:0 10px 10px 0;
	}
.floatRIGHT{float:right;
	padding:0 0 10px 10px;
	}
	
/*float指定したボックスに用いるハック*/
.clearfix:after {
	content: ".";       /* 擬似要素に空を追加。 */
	display: block;     /* 上の空をブロック要素にする */
	height: 0;          /* 高さが算出されないよう0に設定 */
	clear: both;        /* フロートを解除して回り込みを防ぐ */
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*非表示*/
.hidden {
	display: none;
}


/*copyright*/
.copyright{font-size:8px;}

p.copyright{font-size:8px;
	padding:20px 0 0 10px;}

/* ■リンク指定■ */
/* =====================================================*/

a {text-decoration: underline;
	outline:none;
	}

a:link {color:#003399;
	}

a:visited {color:#7DBEFF;
	}

a:hover,a:active {color:#4D931E;
	}
	

/* ■レイアウト■ */
/* =====================================================*/
h1 {
	margin:0 auto;
	font-size:80%;
	text-align:right;
	padding:2px 0 5px 0;
	}

div#wapper{
	width:85%;
	margin:0 auto;
	font-size:70%;
	}
div#wapper:after {
	content: ".";       /* 擬似要素に空を追加。 */
	display: block;     /* 上の空をブロック要素にする */
	height: 0;          /* 高さが算出されないよう0に設定 */
	clear: both;        /* フロートを解除して回り込みを防ぐ */
	visibility: hidden;
}
div#wapper {
	display: inline-table;
	min-height:1%;  /* for IE 7*/
}


div#pageTop{width:85%;
	clear:both;
	font-size:70%;
	text-align:right;
	}
div#pageTop:after {
	content: ".";       /* 擬似要素に空を追加。 */
	display: block;     /* 上の空をブロック要素にする */
	height: 0;          /* 高さが算出されないよう0に設定 */
	clear: both;        /* フロートを解除して回り込みを防ぐ */
	visibility: hidden;
}
div#pageTop {
	display: inline-table;
	min-height:1%;  /* for IE 7*/
}

div#pageTop p{margin:10px 0 0 0;
	float:right;
	padding-right:285px;
	}

p.TopageTop a{text-decoration:none;
	display:block;
	}

/* ■コンテンツ■ */
/* =====================================================*/
div#container {
	width:100%;
	float:left;
	text-align:left;
	margin-right:-275px;
	}

div#contents{ width:100%;
	margin-left:-175px;
	float:right;
			}

div#contentsInner{position:relative;
			margin:0 285px 0 185px;
			}



/* ■サイドボックス■ */
/* =====================================================*/
div#sideLeft{float: left;
			width: 175px;
			text-align:left;
			}

div#sideLeft dl#menu{margin:30px 0 0 0;
	background:#FFF;
	border:1px solid #EEE;
	width:173px;
	}

div#sideLeft dl#menu dt{margin:10px 0 0 9px;}

div#sideLeft dl#menu dd{background:url(../../images/arrow_01.gif) no-repeat left 5px;
	text-indent:10px;
	font-weight:bold;
	margin:10px 0 10px 9px;
	font-size:120%;
	}

div#sideLeft dd a{text-decoration:none;
	color:#333333;
	}
div#sideLeft a:hover,a:active {color:#4D931E;
	}
	
div#sideLeft ul{margin:10px 0 0 10px;
	line-height:1.6em;
	}

div#sideLeft li{
	list-style-type:none;
	background:url(../../images/arrow_02.gif) no-repeat left center;
	font-weight:normal;
	text-indent:5px;
	font-size:80%;
	}
div#sideLeft li a{color:#0066CC;
	}

div#sideRight{float:right;
			width: 270px;
			text-align:left;
			}

div#sideRight div#sideRightInner{text-align:left;
	padding:0 0 1px 0;
	border-bottom:2px solid #F99775;
	margin:0 0 1px 0;
	}

div#sideRight ul#naviHead{padding:0 0 1px 0;
	border-bottom:2px solid #F99775;
	margin:0 0 1px 0;
	}

div#sideRight ul#naviHead li{display:inline;
	float:left;
	}
div#sideRight ul#naviHead li.menu01{padding-right:1px;
	}
div#sideRight ul#naviHead li.menu02{padding-right:1px;
	}
div#sideRight ul#naviHead li img{vertical-align:top;}

div#sideRight dl#youTube03{width:268px;
	background:#FFF;
	border:1px solid #EEE;
	padding:10px 0 0 0;
	text-align:left;
	}

div#sideRight dl#youTube03 dt{font-size:90%;
	margin:5px 0 0 8px;
	}
	
div#sideRight dl#youTube03 dd{margin:0 0 0 8px;}
div#sideRight dl#youTube03 dd.move{background:#000;}
div#sideRight dl#youTube03 dd.infoBox p{background:url(../../images/arrow_01.gif) no-repeat left 4px;
	text-indent:10px;
	font-weight:bold;
	margin:10px 0;
	}

div#sideRight div#releace{width:268px;
	background:#FFF;
	border:1px solid #EEE;
	padding:5px 0 0 0;
	text-align:left;
	margin:1px 0 10px 0;
	}

div#sideRight div#releace a{text-decoration:none;}

div#sideRight div#releace dl{margin:0 0 0 9px;}

div#sideRight div#releace li{background:url(../../images/arrow_01.gif) no-repeat left 15px;
	border-bottom:1px dotted #CCC;
	padding:10px 0 10px 12px;
	line-height:160%;
	}

div#sideRight div#releace strong{font-weight:bold;
	color:#CC0000;
	}

div#sideRight dl.youTube04{text-align:left;
	}

div#sideRight dl.youTube04 dt{font-size:90%;
	margin:5px 0 0 8px;
	}
	
div#sideRight dl.youTube04 dd.move{background:#000;}
div#sideRight dl.youTube04 dd.infoBox p{
	margin:10px 0;
	}
div#sideRight dl.youTube04 dd.infoBox a{background:url(../../images/arrow_01.gif) no-repeat left 4px;
	text-indent:10px;
	display:block;
	font-weight:bold;
	}

div#sideRight div#info{width:268px;
	background:#FFF;
	border:1px solid #EEE;
	padding:10px 0;
	text-align:left;
	}

div#sideRight div#info dl{margin:0 0 0 9px;}

div#sideRight div#info li{background:url(../../images/arrow_01.gif) no-repeat left 15px;
	border-bottom:1px dotted #CCC;
	padding:10px 0 10px 12px;
	line-height:160%;
	}

div#sideRight div#info strong{font-weight:bold;
	color:#CC0000;
	}

/* ■フッター■ */
/* =====================================================*/
div#footer{
	width:100%;
	background:url(../../images/f_ill.jpg) no-repeat center top;
	padding:29px 0 0 0;
	clear:both;
	margin:20px 0 0 0;
	font-size:70%;
	}
div#footerInner {
	width:100%;
	background:#000;
	text-align:center;
	padding:20px 0 0 0;
	color:#FFF;
	}

div#footerInner dl{width:80%;
	margin:0 auto 10px auto;
	text-align:left;
	color:#FFF;
	}

div#footerInner dt{background:url(../../images/f_logo.jpg) no-repeat left center;
	padding:30px 0 30px 135px;
	float:left;
	width:30%;
	}

div#footerInner dd{text-align:left;
	width:510px;
	float:right;
	}

div#footerInner ul {
	list-style-type:none;
	width:170px;
	}

div#footerInner li {background:url(../../images/arrow_03.gif) no-repeat left 3px;
	text-indent:14px;
	margin:10px 0;
	}

div#footerInner li a{color:#FFFFFF;
	text-decoration:none;
	}

div#footerInner p#footerText{
	clear:both;
	margin:auto;
	text-align:center;
	padding:10px 0;
	background:#333333;
	}

/* ■コピーライト■ */
/* =====================================================*/
p#copyright {
	clear: both;
	text-align: center;
	margin:auto;
	padding:10px 0;
	}


