/*Credits: MY ISLAND CSS MENUS */
/*URL: http://myisland.jp/template/menus/index.html */

/*- horizontal_jq2 ---------------------------------- */
ul#menu-jq2{
	margin: -15px 0 0px;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
	clear: both;
	float: left;
	width: 100%;
        background:url(images/bg-jq41.png) repeat-x;
}
ul#menu-jq2 li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:32px;
}
ul#menu-jq2 a, ul#menu-jq2 span{
	padding: 6px 20px;
	float: left;
	text-decoration: none;
	color: #eee;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background:url(images/bg-jq41.png) repeat-x;
}
ul#menu-jq2 a{
	color: #0088ff;
	background:url(images/bg-jq20.png) repeat-x;
}
ul#menu-jq2 span{
	display: none;
}

/*- horizontal_jq3 ---------------------------------- */
ul#menu-jq3{
	margin: 0px 0 25px;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
	clear: both;
	float: left;
	width: 100%;
        background:url(images/bg-jq41.png) repeat-x;
}
ul#menu-jq3 li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:32px;
}
ul#menu-jq3 a, ul#menu-jq3 span{
	padding: 6px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background:url(images/bg-jq41.png) repeat-x;
}
ul#menu-jq3 a{
	color: #0088ff;
	background:url(images/bg-jq20.png) repeat-x;
}
ul#menu-jq3 span{
	display: none;
}
body{
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
     background: url(images/hothaikei.png) ;
}

#main{
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:950px;         /* 幅を決定する */
	height: 100vh;
     }

div.middle{
	background:#ffffff url(../img/bg_all.gif) repeat-y fixed left center;
	width:100%;
}

div.submenu{
	float:right;
	margin:0px;
	padding:0px;
	width:230px;
	height:100vh;
	background-color:#ff9933;
	color:#330033;
	text-align:center;
}

ul#rink{
	adding: 6px 20px;
	float:left;
	text-decoration: none;
	color: #ffffff;
	font-weight:bold; 
	text-transform: uppercase;
	clear: both;
	text-align:center;
}

div.contents{
	float:left;
	margin:0px;
	width:600px;
}

div.foot{
	background:#000000 url(images/bg_foot.gif) repeat-x scroll center center;
	width:100%;
    
	text-align:center;
}

div.copy{
	background-color:#ff9933;
	margin:4px auto;
	width:100px;
	color:#ffffff;
}

h1{
	color:#ffffff;
	font-size:medium;
	background-color:#ff9933;
        margin:0px;
}

h2{
	color:#ffffff;
	font-size:medium;
        color:#ffffff;
	background-color:#ff9933;
        margin:0px 0 0 0;
        padding:0px;
}

h3{
        font-family: "ＡＲ ゴシック体", Osaka, "ヒラギノ角ゴ Pro W3";
        font-size:small;
	font-weight:normal;
}

img.noborder{
	border-width: 0px;
}

h4{
	     
        font-size:small;
	font-weight:normal;
        color:#330033;
}

h5{
	color:#ffffff;
	font-size:medium;
        color:#ffffff;
	background-color:#ff9933;
        margin:100px 0 0 0;
        padding:0px;
}

.l-top{
	border-top:solid 1px #505050;
	border-right:solid 1px #505050;
	border-left:solid 1px #505050;
	border-bottom:solid 1px #505050;
        width:5000px;
        text-align:left;
}