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

/*疑似要素--Clear Fix*/
.clearfix {
/zoom : 1;
}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}

/*これはリセット*/
html, body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
margin:0;
padding:0;
	
}

img {
border:0;
}


li{
	list-style:none;
}

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

/*スクロールを出す*/
body{
	overflow-y:scroll;
}

/*ヘッダー*/

h1 {
	font-family: "Cabin Sketch";
	font-size: 90px;
	float: left;
	color: #990000;
	margin-top: 13px;
	
	
}
/*メニューのリンクについて*/
#mainbody #menu_index li a {
	text-decoration:none;
}

#mainbody #menu_index li a:link { color:#999; }
#mainbody #menu_index li a:visited { color:#999; }

#mainbody #menu_index li a:hover {
color:#000;
/*ほわ～んとホバー*/
-webkit-transition:1.5s ease;
    -webkit-transition-property:opacity,border,color,background;
 
    -moz-transition:1.5s ease;
    -moz-transition-property:opacity,border,color,background;
 
    -o-transition:1.5s ease;
    -o-transition-property:opacity,border,color,background;
 
    transition:1.5s ease;
    transition-property:opacity,border,color,background;

}

#mainbody #menu_index li a:active { color:#990000; }


	




h2{
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	font-weight: bold;
	width: 350px;
	line-height: 25px;
	margin-top: 48px;
}
/*#header .p_69 {
	font-size: 60px;
}*/


/*メインボディー*/
#mainbody #leftbody {
	float: left;
	height: 300px;
	width: 700px;
	position:relative;
}

#leftbody p{
position:absolute;
top:310px;
font-size:10px;
border:1px dotted tan;
padding:10px;
}



#mainbody {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#mainbody #underbody {
	float: left;
	width: 980px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
}



#underbody .under_1 {
	width: 400px;
	float: left;
}



#underbody .p_text {
	height: 100px;
	width: 380px;
	padding-left: 10px;
	padding-right: 10px;
	overflow-y:scroll;
}

#mainbody #underbody .burauza {

	font-weight: bold;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #CC6600;
	padding-left: 3px;
}

#underbody .donotclick {
	margin-left: 50px;
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
}
#underbody .underbody_l #news {
	float: left;
	padding-bottom: 30px;
}




#mainbody #menu_index {
	background-color: #FFFFFF;
	height: 50px;
	width:900px;
	float: left;
}

#menu_index li {
	float: left;
	font-size: 20px;
	color: #333333;
	margin-right: 29px;
	font-weight: bold;
	font-family:"Irish Grover";
}
#menu_index .menu_hit {
	color: #C40000;
}
#out_iframe{
overflow:auto;
overflow-x:hidden;
height:150px;
width:400px;
}

#mainbody #underbody iframe {
	float: left;
	height:150px;
	width:400px;
}
#underbody #news h5 {
	font-family: "Cabin Sketch";
	font-size: 30px;
	color: #CC6600;
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
	margin-right: 300px;
}



#underbody .underbody_l {
	width: 490px;
	float: left;
}
#underbody .underbody_r {
	
	width: 490px;
	float: right;
}

/*--------bali------------*/
#bali{
height:150px;
background-image:url(../img/bali_banner.jpg);
background-repeat:no-repeat;
float:left;
width:400px;
margin-bottom:30px;
}
.bali{
color:#edc7ac;
font-size:20px;
font-weight:bold;
padding:8px;
font-family: 'Poiret One', cursive;
}
.bali span{
font-size:12px;
}






#mainbody #rightbody {
	float: right;
	height: 350px;
	width: 280px;
	margin-bottom: 30px;
}


#rightbody .cat_comment {
	font-size: 12px;
	color: #666666;
	margin-top: 12px;
	line-height: 20px;
	text-align: right;
}

#leftbody h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	margin-top: 185px;
	margin-left: 590px;
	margin-bottom: 5px;
}

#leftbody dt  {
	color: #FFFFFF;
	margin-left: 590px;
}
#leftbody dl {
	font-family: Arial;
	font-size: 16px;
	line-height: 25px;
}


#leftbody dd  {
	color: #FFFFFF;
	margin-left: 590px;
	background-image: url(../img/skull.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

/*「クリックするな！」について*/
#foo {
	background-color: #000;
	font-size: 15px;
	color: #fff;
	line-height:25px;
	padding:10px;
	float: left;
}
.ui-corner-all{
	background-color: #666;
	color:#FFFF00;
	font-family:"Irish Grover";
	font-size:36px;
	text-decoration:none;
}
/*outline: 0px none; position: relative; height: auto; width: 450px; left: 648px; top: -693.6px;
" class="ui-dialog ui-widget ui-widget-content ui-corner-all  ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-foo"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-foo">&nbsp;</span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="foo" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 131px; height: auto;">
あれほど、するなといったのになぁ........。<br>
(これはjQueryで作成しました。
フロートウィンドウ。)
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div></div>
*/

/*アコーディオンーーーーーーーーにゃん子の説明文*/
#rightbody dl {
	width:190px;
	float:right;
	padding-top:20px;
}

#rightbody dt {
	line-height:20px;
	font-size:14px;
	font-family:Quattrocento,Arial;
	text-indent:1em;
	font-weight:bold;
	color:white;
	height:20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	/*background::url("bar.jpg");*/
	-moz-border-radius: 15px;  /* 角丸です。左下 */
	background-color:#666;
}

#rightbody dt:hover{
	cursor:pointer;
	
}

#rightbody dt.selected{
	background:#990000;
	/*background:url("bar_open.jpg");*/
	cursor:default;
}

#rightbody dd {
	height:70px;
	background:white;
	text-indent:1em;
	font-size:12px;
	color: #444;
	line-height: 1.5em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#mainbody #middlebody {
	height: 115px;
	width: 980px;
	float: left;
	margin-bottom: 30px;
}
#middlebody p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC6600;
}

/*----offer----*/
#offer{
	padding:2em;
	border:1px solid;
float:left;
margin-bottom:3em;

}
h4{
color:darkred;
font-size:25px;
margin:0 0 1em 0;
}
#offer p{
margin:0 0 1em 0;
}





/*ダブルパネル*/

.underbody_r .doublepanel {
	
	float: left;
}

.underbody_r .doublepanel ul.tab {
	padding:0;
	height:30px;
}

.underbody_r .doublepanel ul.tab li{
	list-style-type:none;
	width:100px;
	margin:0px 5px 0px 0px;
	height:30px;
	float:left;
	font-size:16px;
	
	font-family:"Irish Grover";
}

.underbody_r .doublepanel ul.tab li a{
	outline:none;
	display:block;
	color:#333333;
	line-height:30px;
	text-align:center;
	border: thin solid #333;
	text-decoration:none;	
}

.underbody_r .doublepanel ul.tab li a.selected{
	background-color:#990000;
	text-decoration:none;
	color:#FFFFFF;
	cursor:default;

}

.underbody_r .doublepanel ul.panel{
	margin-top:1px;
	border:1px solid #333;
	padding:0;
	background-color:#F9F9F9;
	font-size:12px;
}

.underbody_r .doublepanel ul.panel li{
	list-style-type:none;
	padding:10px;
	text-indent:1pm;
	color:#333;
}

/*パネルの中（ページごとに指定）*/

/*wordpress*/
.underbody_r .doublepanel .panel #tab1 .text {
	float:right;
	background:#EEE;
	width: 248px;
}

#tab1 .text2{
font-family: "Cabin Sketch";
	font-size:60px;
	
	float:left;
	margin:30px 0px 0px;
}
#tab1 .text2 a{
text-decoration:none;
color:darkred;
}
#tab1 .text2 a:hover{
color:gray;
}

.underbody_r .doublepanel .panel #tab1 h6 {
	font-weight: bold;
	float: left;
}

.underbody_r .doublepanel .panel #tab1 .img {
	float:left;
	padding: 0 20px 0 0 ;
}


/*legend*/
.underbody_r .doublepanel .panel #tab2 .text {
	float:right;
	background:#EEE;
	
	width: 248px;
}
.underbody_r .doublepanel .panel #tab2 h6 {
	font-weight: bold;
	float: left;
}

.underbody_r .doublepanel .panel #tab2 .img {
	float:left;
	padding: 0 20px 0 0 ;
}
/*cats*/
.underbody_r .doublepanel .panel #tab4 .img {
	float:left;
	padding: 0 20px 0 0 ;
}
.underbody_r .doublepanel .panel #tab4 .text {
	float:right;
	background:#EEE;
	
	width: 248px;
}

.underbody_r .doublepanel .panel #tab4 h6 {
	font-weight: bold;
	float: left;
}

/*illust*/
.underbody_r .doublepanel .panel #tab3 .img {
	float:left;
	padding: 0 20px 0 0 ;
}
.underbody_r .doublepanel .panel #tab3 .text {
	float:right;
	background:#EEE;
	
	width: 248px;
}

.underbody_r .doublepanel .panel #tab3 h6 {
	font-weight: bold;
	float: left;
}

/*------------疑似要素でデザインする裏技！-----------*/
h1{
	position:relative;
	z-index:1;
	
}
h1::after{
	content:"";/*""の中に文字が入れられる*/
	height:100px;
	width:100px;
	background-color:#FF9900;
	position:absolute;
	left:-45px;
	top:-30px;
	z-index:-1;
	
	-moz-border-radius:50%;
    border-radius:50px;
	
	-webkit-box-shadow: 3px 3px 5px 0px #777, inset 0px 0px 10px 0px #fff;
	-moz-box-shadow: 3px 3px 5px 0px #777, inset 0px 0px 10px 0px #fff;
}

#menu_index{
	position:relative;
	z-index:1;
}

#underbody #under_aco {
	float: left;
	height: 200px;
	width: 490px;
	background-color: #FFCCCC;
}

/*----jQuery クロスフェードギャラリー*/
#container{
position:relative;
height:300px;
width:700px;
}

#container a{
position:absolute;
height:300px;
width:700px;
}
/*---skate*/
#bg_skate{
min-width:1000px;
width:100%;
background-image:url(../img/skate_x.jpg);
background-repeat:repeat-x;
height:284px;
}
#skate{
background-image:url(../img/skate.jpg);
width:1000px;
height:300px;
margin:0 auto;
height:284px;
margin-top:50px;
}