@charset "UTF-8";
/* CSS Document */
/*///////////////////　ipad,pc用スタイルシート　///////////////////// */

/*---base---*/
* { margin:0px; padding:0px;}

html、body{height:100%;}/*---ページの量にかかわらずフッターをページ下へ入れる為に書いたもの---*/

* html {/*---ページの量にかかわらずフッターをページ下へ入れる為に書いたもの---*/
    height:100%;
}
body > #container {height: auto;}/*---1画面を超える長さのでの表示を 正しく行うように---*/


body {
	min-width: 240px; /* 最小幅 */  
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Helvetica,Verdana,sans-serif;
	/font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	
	font-size:15px;
	line-height:1.8;
	color:#222222;
	background: url(../images/rockywall_b.jpg) repeat fixed;
	letter-spacing: 10%;
}


h1,h2,h3,h4,h5,h6 { font-weight: normal;margin:0;}

img{
	border:0;
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}


a { outline: none; }/*IEのリンク画像をクリック時に表示される囲み点線を消す方法*/
ul{margin: 0px;padding: 0px;}
li{list-style: none;}

.btm00 {margin-bottom:0px;}
.btm05 {margin-bottom:5px;}
.btm10 {margin-bottom:10px;}
.btm15 {margin-bottom:15px;}
.btm20 {margin-bottom:20px;}
.btm25 {margin-bottom:25px;}
.btm30 {margin-bottom:30px;}
.top05 {margin-top:5px;}
.top10 {margin-top:10px;}
.top15 {margin-top:15px;}
.top20 {margin-top:20px;}
.top25 {margin-top:25px;}
.left05 {margin-left:5px;}
.left10 {margin-left:10px;}
.left15 {margin-left:15px;}
.left20 {margin-left:20px;}
.left25 {margin-left:25px;}
.fL { float:left;}
.fR { float:right;}

/*--- twitterは、はずした ---*/



#tittle {
	text-align: center;
	margin: 25px auto 0px;
	padding: 0px;
	
}
#tittle h1 {
	background: url(../images/web_tittle.png) no-repeat center top;
	text-indent: -9999px;
	height: 100px;
}


#sub {
	font: bold 16px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
}

#sub2 {
	margin: 9px auto 20px;
	padding: 0px;
	text-align: right;
	font-size: 14px;
	text-align: center;
	color: #222;
}

/* Slideshowは別スタイルシート*/

.category {
	height: 44px;
	margin: 0px auto;
	padding: 0px;
	width: 86%;
	overflow: hidden;
}

.category img{
	bottom: 0px;
}
#AP_page{
	width: 86%;
	margin: 0% auto;
	display:block;
	position: relative;
	min-height: 100%;
}
#page_web {
	font-size: 14px;
	line-height: 1.8;
	background: url(../images/bg75.png) repeat;
	width: 96%;
	min-height:80%;
	margin: 0% auto 5%;
	padding: 2% 2% 50px;
	border-top: 3px solid #FFB439;
	position: absolute;
	visibility: visible;
	z-index: 1;
	display:block
}

#page_etc {
	ffont-size: 14px;
	line-height: 1.8;
	background: url(../images/bg75.png) repeat;
	width: 96%;
	min-height:80%;
	margin: 0% auto 5%;
	padding: 2% 2% 50px;
	border-top: 3px solid #A7EB00;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	display:block
}

/*サイドメニュー//////////////////////////////////////////*/

.Left_contents {
	width: 33%;
	margin: 0px 0px 15%;
	text-align: left;
	padding: 0px;
	float: right;
}

.sidemenu {
	text-align: left;
	margin-bottom: 12px;
	border-top: 1px solid #FFB439;
	border-right: 1px solid #FFB439;
	border-left: 1px solid #FFB439;
}
.Group{
	margin: 0px;
	border-bottom: 1px solid #FFB439;
	background:#FFB439;
	background: rgba(250, 180, 57, 0.7);
}
	/*下記だと、英字も薄くなる
	filter:alpha(opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
	*/

.Group h3{
	font-weight: bold;
	padding: 6px;
	font-size: 16px;
	color: #000;
}

.sidemenu li {
	font-size: 14px;
	line-height: 1.6;
	text-decoration: none;
	list-style:none;
	display: block;
	padding: 8px;
	border-bottom: 1px solid #F93;
	line-break: strict;
}
.sidemenu li a{
	color: #0033FF;
	text-decoration: none;
}
.sidemenu li a:hover {
	text-decoration: underline;
}
/*.sidemenu li a:visited {
	color: #0033FF;
	text-decoration: none;
}*/

.newcorner{
	margin: 0 0 15px;
	padding: 15px 15px 0px;
	border: 1px solid #F93;
	　-moz-border-radius-topleft: 4px;/*　角丸用に足した10行 */
	-webkit-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;/*　角丸用に足した10行 */
	-webkit-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-tbottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: transparent;
	background-color: rgba(255,255,255,0.6);/* ボックスの背景半透明　FireFox, Webkit, Opera, IE9 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff,endColorstr=#60ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff)";
	zoom:1;
}

	/*gradientを使う。「#70ffffff」の最初の２つは色の透明度。00（透明）〜FF（不透明）。上の場合ではFF（不透明）＋FFFFFF（白）。→zoom:1;を足したらIE7、IE8は透明表示されるようだが、IE９が透明表示されなくなった。*/


/*  opacityを使うとdivの中全部のテキストやボーダーも半透明になってしまう。
    opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);　←IE6、7、8向けの書き方*/
	
/* IE９が透明表示されなくなったので、IE9のみのスタイルをもう一度。*/	
	
:root #newcorner {   /* IE9のみのスタイル start */
	
	background-color: transparent;
	background-color: rgba(255,255,255,0.6); \0/; }  /* IE9のみのスタイル end */




/*メインメニュー//////////////////////////////////////////*/

.main{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 60%;
}
	

.main P, .main P a  {
	text-decoration: none;
	margin-bottom: 15px;
	line-break: strict;
}
.main a  {
	color: #0033FF;
	text-decoration: none;
}
.main a:hover  {
	text-decoration: underline;
}
/*.main a:visited  {
		color: #0033FF;
	text-decoration: underline;
}*/


#mTittle{
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px;
}

#NEW{font-size: 16px; color:#F93; margin:0px; padding:0px;}

#Calender{
	margin: 20px 0px 0px;
	padding: 0px;
	overflow: visible;
	text-align: right;
}

iframe{
	background-color: transparent;
	overflow: hidden;
}


.photo {
	
}

.clear {
	clear:both;/*floatの解除*/
	height:0;
	font-size: 1px;
	line-height: 0px;
}
	
#PopClock{padding: 30px 0px 40px;}

#javacalender{
	font-size: 14px;
	font-weight: bold;
	margin: 0px auto;
	padding: 2px 0px 0px;
	text-align: center;
	width: auto;
	border: 2px solid #FFB439;
	border-radius: 8px;        /* CSS3で角丸 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */　/* IEは割愛 */
	background: #FFF;
}
#javacalender a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #F30;
}
#javacalender a:hover{ /*マウスが乗ったら*//*ブロック要素で表示*/
    position: relative;
    top: 0px; left: 0px;
	
}
#balloon{  /*吹き出し本体*//*ブロック要素で表示*/
	position: absolute;
	top:-60px;
	background: url(../images/balloon.png) no-repeat;
	margin: 0px auto;
	width: auto;
	height: 62px;
	display: none; /*最初は何も表示しない*/
	overflow: visible;
	padding-left: 14px;
	padding-top: 2px;
	left: -30%;
}
a:hover #balloon{
    display: block; /*ブロック要素で表示*/
}
hr{
	border-top:1px solid #84b2e0;
	border-bottom:1px solid #f1f6fc;
	margin-top: 5px;
	margin-bottom: 20px;
}

/*lightbox用*/
#gallery{list-style-type: none; }

#gallery ul li{margin-right:10px; float:left}

./* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ".";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#gallery a: hover img {
	display: block;
	color: #0FF;
	text-decoration: underline;
}

#sample a: hover img {
	color: #0FF;
	text-decoration: underline;
}

#foot{
	position:absolute;
	bottom:0px;
	height:50px;
	width:96%;
	text-align: center;
	border-top: thin solid #999;
	font-size: 12px;
	line-height: 22px;
}
#back{
	font-size: 12px;
	line-height: 1.5;
	color: #FFF;
	text-decoration: none;
	background: #F93;
	text-align: center;
	padding: 6px;
	margin-top: 20px;
	margin-left:30%;
	-moz-border-radius-topleft: 12px;/*　角丸用に足した10行 */
	-webkit-border-top-left-radius: 12px;
	-ms-border-top-left-radius: 12px;
	-o-border-top-left-radius: 12px;
	border-top-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-ms-border-top-right-radius: 12px;
	-o-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;/*　角丸用に足した10行 */
	-webkit-border-bottom-left-radius: 12px;
	-ms-border-bottom-left-radius: 12px;
	-o-border-bottom-left-radius: 12px;
	border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-tbottom-right-radius: 12px;
	-ms-border-bottom-right-radius: 12px;
	-o-border-bottom-right-radius: 12px;
	border-bottom-right-radius: 12px;
	
}
#back a{
	color: #FFF;
	text-decoration: none;
}
#back a:hover{
	color: #00F;
	text-decoration: underline;
}