/*------------------------
		全体の基本
--------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,ul {
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

H1 {
	font-size:24px;
}

H4 {
background-image:url(image/h4.png);
background-repeat: no-repeat;
height:35px;
color: #284875;
font-size:16px ;
line-height: 30px;
margin:10px 0;
padding:8px 25px 0 10px;
}

H5{
	font-size:14px;
	line-height:220%;
}

H6 {
	font-size:11px;
	line-height:120%;
}

.midashi {
background-color:#284875;
display:inline;
height:35px;
color: #fff;
font-size:16px;
line-height: 30px;
padding:5px 25px 5px 25px;
border-radius: 20px;
}

body {
	background-image:url(image/bk.jpg);
	background-repeat:repeat;
	color:#284875;
	font-size:16px;
	line-height:130%;
}

#wrapper{
margin:0 auto;
min-width:1200px;
}

#container{
margin:0 auto;
width:1080px;
font:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow:hidden;
background-image:url(image/container-bk.png);
background-repeat:repeat-y;
}

/*-------------------------
　　 ヘッダーの設定
---------------------------*/
#header { 
margin:0 auto;
height:140px;
width:auto;
background-color:#fff;
}

#headerarea {
	margin:0 auto;
	height:140px;
	width:1080px;
}

#logotop {
position:absolute;
margin-top:25px;
margin-left:20px;
height:100px;
width:300px;
}

#logotop a {
	position:absolute;
	text-indent: -9999px;
	height: 100px;
	width: 300px;
	background-image:url(image/toplogo.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	transition: opacity 1.0s ease 0s;
	-webkit-transition: opacity 1.0s ease 0s;
	left: 0px;
	top: -1px;
}

#logotop a:hover{
opacity: 0.6;
}

#logotop ul li a span {
display: none; /*IEエラー対策*/
}

/*-----------------
	#mailto
--------------------*/

#mailtoarea {
float:right;
height:100px;
width:650px;
padding-top:25px;
padding-right:20px;
}

#mailtotextarea {
float:left;
height:80px;
width:430px;
padding:20px 15px 0;
color:#575757;
}

#mailto {
float:left;
height:100px;
width:187px;
}

#mailto a {
float:right;
text-indent: -9999px;
height: 100px;
width: 187px;
background-image:url(image/mailto.png);
background-repeat:no-repeat;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#mailto a:hover{
opacity: 0.6;
}

#mailto ul li a span {
display: none; /*IEエラー対策*/
}

/*-----------------
	#slide
--------------------*/
#slidearea {
margin:0 auto;
height:400px;
width:1080px;
}

#slide {
margin:0 auto;
height:400px;
width:1000px;
overflow:hidden;
}

#slide a {
position:absolute;
text-indent: -9999px;
}

#slide a:hover{
opacity: 1.0;
}

#slide ul li a span {
display: none; /*IEエラー対策*/
}

/*-----------------
	#gnavilink
--------------------*/
#gnaviarea{
margin:0 auto;
height:50px;
width:auto;
background-color:#14233C;
}

#gnavi {
margin:0 auto;
width:960px;
height:50px;
}

#gnavilink ul {
list-style-type: none;
list-style-image: none;
}

#gnavilink ul {
width: 960px;
}

#gnavilink ul li {
padding-bottom: 0px ;
padding-left: 0px ;
float: left;
}

#gnavilink ul li a {
background-image:url(image/globalnavi.png);
display: block;
background-repeat: no-repeat;
height: 50px;
text-indent :-9999px;
}

/*G-Naviメニュー1 ホーム */
#gnavilink ul li#menu1 a {
width: 160px;
background-position:0px 0px;
}

#gnavilink ul li#menu1 a:hover {
background-position:0px -50px;
}

/*G-Naviメニュー2 料金案内 */

#gnavilink ul li#menu2 a {
width: 160px;
background-position:-160px 0px;
}

#gnavilink ul li#menu2 a:hover {
background-position:-160px -50px;
}

/*G-Naviメニュー3 レッスン */

#gnavilink ul li#menu3 a {
width: 160px;
background-position:-320px 0px;
}

#gnavilink ul li#menu3 a:hover {
background-position:-320px -50px;
}

/*G-Naviメニュー4 インストラクター*/

#gnavilink ul li#menu4 a {
width: 160px;
background-position:-480px 0px;
}

#gnavilink ul li#menu4 a:hover {
background-position:-480px -50px;
}

/*G-Naviメニュー5 アクセス*/

#gnavilink ul li#menu5 a {
width: 160px;
background-position:-640px 0px;
}

#gnavilink ul li#menu5 a:hover {
background-position:-640px -50px;
}

/*G-Naviメニュー5 お問合せ*/

#gnavilink ul li#menu6 a {
width: 160px;
background-position:-800px 0px;
}

#gnavilink ul li#menu6 a:hover {
background-position:-800px -50px;
}

/*------------------------
　　コンテント枠の設定
--------------------------*/
#content {
clear:both;
overflow:hidden;
width:1080px;
margin:0 auto;
text-align: left;
}

/*----------------
	mainの設定
------------------*/
#main {
float:left;
width:710px;
padding:20px 20px 0 40px;
}

/* メイン部のタイトル装飾　*/

#main h1{
background-image:url(image/h1.png);
background-repeat: no-repeat;
height:32px;
color:#FFF;
font-size:18px ;
font-weight:bold;
line-height: 25px;
margin:10px 0 0;
padding:8px 0 0 20px; 
}

#main h2{
background-image:url(image/h2.png);
background-repeat: no-repeat;
height:40px;
color: #284875;
font-size:18px ;
font-weight:bold;
line-height: 30px;
margin:10px 0;
padding:8px 0 0 20px; 
}

#main h3{
background-image:url(image/h3.png);
background-repeat: no-repeat;
height:35px;
color: #284875;
font-size:16px ;
text-align:center;
line-height: 30px;
margin:10px 0;
padding:8px 25px 0 25px;
}
 
/* mainリンク */

#main a:link, a:visited{
text-decoration:none;
font-weight:bold;
color:#F63;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#main a:active {
text-decoration:none;
font-weight:bold;
color:#f63;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#main a:hover {
text-decoration:none;
font-weight:bold;
color:#f63;
opacity: 0.6;
}

/*------------------------
　　main toplinksの設定
--------------------------*/

#topbttitle{
	margin:0 auto;
	background-image:url(image/letsdance.png);
	background-repeat:no-repeat;
	width:700px;
	height:50px;
	padding-bottom:10px;
	}
	
#toplinkarea {
	margin:0 auto;
	width:710px;
	height:460px;
}

#toplink {
margin:0 auto;
width:690px;
height:460px;
}

#toplink ul {
list-style-type: none;
list-style-image: none;
}

#toplink ul {
width: 690px;
}

#toplink ul li {
padding-bottom: 0px ;
padding-left: 0px ;
float: left;
}

#toplink ul li a {
background-image:url(image/toplink.png);
display: block;
background-repeat: no-repeat;
height: 230px;
text-indent :-9999px;
}

/*TopLink メニュー1 競技会 */
#toplink ul li#toplinkmenu1 a {
width: 230px;
background-position:0px 0px;
}

#toplink ul li#toplinkmenu1 a:hover {
opacity: 0.6;
}

/*TopLink メニュー2 パーティー */
#toplink ul li#toplinkmenu2 a {
width: 230px;
background-position:-230px 0px;
}

#toplink ul li#toplinkmenu2 a:hover {
opacity: 0.6;
}

/*TopLink メニュー3 ダイエット */
#toplink ul li#toplinkmenu3 a {
width: 230px;
background-position:-460px 0px;
}

#toplink ul li#toplinkmenu3 a:hover {
opacity: 0.6;
}

/*TopLink メニュー4 ウェディング */

#toplink ul li#toplinkmenu4 a {
width: 230px;
background-position:0px -230px;
}

#toplink ul li#toplinkmenu4 a:hover {
opacity: 0.6;
}

/*TopLink メニュー5 発表会*/

#toplink ul li#toplinkmenu5 a {
width: 230px;
background-position:-230px -230px;
}
#toplink ul li#toplinkmenu5 a:hover {
opacity: 0.6;
}

/*TopLink メニュー6　健康管理*/

#toplink ul li#toplinkmenu6 a {
width: 230px;
background-position:-460px -230px;
}
#toplink ul li#toplinkmenu6 a:hover {
opacity: 0.6;
}

#toplink ul li a span {
display: none; /*IEエラー対策*/
}

#toplink a:link, a:visited{
border-bottom:none;
text-decoration:none;
}

#toplink a:active {
border-bottom:none;
text-decoration:none;
}

#toplink a:hover {
border-bottom:none;
text-decoration:none;
color:#393;
}

/*------------------------
　　main infoの設定
--------------------------*/
#infoarea {
	background-image:url(image/infomid.jpg);
	width:700px;
	margin:20px auto;
}

#infotop {
	background-image:url(image/infotop.jpg);
	background-repeat:no-repeat;
	height:37px;
	width:700px;
}

#infotextarea{
	width:620px;
	margin:10px auto;
	color:#284875;
	line-height:1.5em;
}
	
#infobot {
	background-image:url(image/infobot.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:700px;
	height:37px;
}

/*------------------------
　　バナー広告650px
--------------------------*/
#big-bannerarea{
float:left;
margin:0 auto 20px;
height:170px;
width:710px;
}

#big-banner ul{
width: 650px;
list-style-type: none;
list-style-image: none;
margin:0;
}

#big-banner ul li{
padding-bottom: 0;
padding-left: 0;
float: left;
}

#big-banner ul li a {
display: block;
background-image:url(image/banner-big.jpg);
background-repeat:no-repeat;
margin:10px 30px;
width:650px;
height: 150px;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#big-banner ul li span {
display :block;
text-indent :-9999px; /* テキストの非表示*/
}

#big-banner ul li a {
width: 650px;
background-position: 0 0;
}

#big-banner ul li a:hover {
opacity: 0.6;
}

#big-banner ul li a span {
display: none;/*IE用リンクエラー対策*/
}

/*------------------------
　　お問合せの設定
--------------------------*/
#otoiawase {
	width:500px;
	padding-left:200px;
}
/*------------------------
　　リキッドsideの設定
--------------------------*/
#side {
float:left;
padding:20px 40px 0 20px;
float:left;
width: 250px;
}

/*---side menu 内のバナー---*/
#banner-area {
float:left;
width: 250px;
height:460px;
margin:0 auto 20px;
}

/*リンクバナー*/

#banner-link {
margin:0 auto 20px;
padding: 0;
width: 250px;
}

#banner-link ul {
list-style-type: none;
list-style-image: none;
}

#banner-link ul li {
float: left;
margin:0;
padding-bottom: 0;
padding-left: 0;
}

#banner-link ul li a {
display: block;
background-image:url(image/sidelink.png);
background-position:center top;
background-repeat:no-repeat;
height: 110px;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#banner-link ul li span {
display :block;
text-indent :-9999px; 
}

/*社交ダンスについて　バナー1*/

#banner-link ul li.banner1 a {
width: 250px;
background-position: 0 0;
}

#banner-link ul li.banner1 a:hover {
opacity: 0.6;
}

/*アクセス　バナー2*/

#banner-link ul li.banner2 a {
width: 250px;
background-position: 0 -110px;
}

#banner-link ul li.banner2 a:hover {
opacity: 0.6;
}

/*イベントバナー3*/

#banner-link ul li.banner3 a {
width: 250px;
background-position: 0 -220px;
}

#banner-link ul li.banner3 a:hover {
opacity: 0.6;
}

#banner-link ul li a span {
display: none;/*IE用エラー対策*/
}

/*ブログバナー4*/

#banner-link ul li.banner4 a {
width: 250px;
background-position: 0 -330px;
}

#banner-link ul li.banner4 a:hover {
opacity: 0.6;
}

#banner-link ul li a span {
display: none;/*IE用エラー対策*/
}

/*---side menu map設定---*/
#map-area {
float:left;
width:250px;
height:380px;
margin:0 auto 20px;
}

#map {
width:250px;
height:300px;
background-image:url(image/map.jpg);
margin:0 auto;
}

#maptxt {
	width:250px;
	height:35px;
	text-align:center;
	padding-top:10px;
}

/*---side menu 装飾設定---*/
#side h1 {
font-size:18px;
font-weight: bolder;
font:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#side h1{
float:left;
height:30px;
width:250px;
color: #933;
font-size:18px ;
font-weight:bold;
line-height: 30px;
padding:0 0 20px 30px; 
}

#side-title{
	background-image:url(image/sidetitle.png);
	background-repeat:no-repeat;
	margin:0 auto 5px;
	height:30px;
	width:250px;
	text-align:center;
}

#side-title a {
	font-size:16px;
	font-weight:bold;
	font-style:inherit;
	color:#fff;
	line-height: 30px;
	color:#284875;
}

#side-title a:hover{
	font-size:16px;
	font-weight:bold;
	font-style:inherit;
	color:#fff;
	line-height: 30px;
	color:#284875;
}
	
/*---side menuリサイクル・レンタル---*/
#siderrarea{
float:left;
margin:0 auto 20px;
height:335px;
width:250px;
}

#side-rr ul{
width: 250px;
list-style-type: none;
list-style-image: none;
margin:0;
}

#side-rr ul li{
padding-bottom: 0;
padding-left: 0;
float: left;
}

#side-rr ul li a {
display: block;
background-image:url(image/ricycling-rental.jpg);
background-repeat:no-repeat;
margin:0 auto;
width:250px;
height:300px;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#side-rr ul li span {
display :block;
text-indent :-9999px; /* テキストの非表示*/
}

#side-rr ul li a {
width: 250px;
background-position: 0 0;
}

#side-rr ul li a:hover {
opacity: 0.6;
}

#side-rr ul li a span {
display: none;/*IE用リンクエラー対策*/
}

/*---side menuお問い合わせ---*/
#sidemailarea{
float:left;
margin:0 auto 20px;
height:202px;
width:250px;
}

#sidemail ul{
width: 250px;
list-style-type: none;
list-style-image: none;
margin:0;
}

#sidemail ul li{
padding-bottom: 0;
padding-left: 0;
float: left;
}

#sidemail ul li a {
display: block;
background-image:url(image/side-toiawase.jpg);
background-repeat:no-repeat;
margin:0 auto 20px;
width:250px;
height: 167px;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#sidemail ul li span {
display :block;
text-indent :-9999px; /* テキストの非表示*/
}

#sidemail ul li a {
width: 250px;
background-position: 0 0;
}

#sidemail ul li a:hover {
opacity: 0.6;
}

#sidemail ul li a span {
display: none;/*IE用リンクエラー対策*/
}

/*---side menuエキテン---*/
#sideekiten{
float:left;
margin:0 auto 20px;
height:335px;
width:250px;
}

#side-ek ul{
width: 250px;
list-style-type: none;
list-style-image: none;
margin:0;
}

#side-ek ul li{
padding-bottom: 0;
padding-left: 0;
float: left;
}

#side-ek ul li a {
display: block;
background-image:url(image/ricycling-rental.jpg);
background-repeat:no-repeat;
margin:0 auto;
width:250px;
height:300px;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#side-ek ul li span {
display :block;
text-indent :-9999px; /* テキストの非表示*/
}

#side-ek ul li a {
width: 250px;
background-position: 0 0;
}

#side-ek ul li a:hover {
opacity: 0.6;
}

#side-ek ul li a span {
display: none;/*IE用リンクエラー対策*/
}

/*-----------------
	フッター設定
-------------------*/

#footer {
clear:both;
min-width:1200px;
margin:0 auto;
padding-top:30px;
text-decoration:none;
background-color:#14233C;
}

#footer p {
margin: 0;
padding:0;
}

#footer ul {
color:#fff;
margin:0;
padding: 10px;
text-align:center;
}

#footer li {
display:inline;
margin:0 0 0 15px;
font-size:75%;/* 12px相当 */
color:#FFF;
list-style:none;
}

#footer li a    {
padding-left: 13px;
color:#fff;
text-decoration:none;
}


/*---FooterNavi 設定---*/
#footer-innerA{
padding:10px 0;
text-align:center;
color:ccc;
}

#footer-innerA li a {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #999;
	white-space:nowrap;
}

#footer-innerA li.footerhome {
	border-left:0;
	padding-left:0;
}


/*---copyright 設定---*/
#footer-innerB{
width:auto;
height:55px;
margin:0 auto;
}

#copyright{
clear:both;
width:auto;
}

#copyright ul a{
display:block;
width:300px;
height:20px;
margin:0 auto;
background-position:center;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
background-position: 0 0;
}

#copyright ul a:hover {
opacity: 0.6;
}

#copyright ul a span {
display: none;/*IE用リンクエラー対策*/
}

/*-----------------
	その他装飾の設定
-------------------*/
/*-----------------
	Q&Aテーブル設定
-------------------*/

table.qa {
    width: 700px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.qa th,
table.qa td {
    padding: 10px;
}
 
table.qa th {
    background: #284875;
    vertical-align: middle;
    text-align: left;
    width: 200px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.qa th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #284875;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() { 
    table.qa th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #284875 10px solid;
        margin-top: -10px;
    }
}
 
table.qa td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}

/*-----------------
	テーブル１設定
-------------------*/
/* Table 1 Style */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #14233c;
    border:1px solid #2d527f;
    border-bottom:3px solid #16273d;
    background-color:#284875;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(45,82,127)),
        color-stop(0.51, rgb(36,66,102)),
        color-stop(0.87, rgb(40,72,117))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(45,82,127) 2%,
        rgb(36,66,102) 51%,
        rgb(40,72,117) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #14233c;
    background-color:#284875;
    border:1px solid #2d527f;
    border-right:3px solid #16273d;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(40,72,117)),
        color-stop(0.51, rgb(36,66,102)),
        color-stop(0.87, rgb(45,82,127))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(40,72,117) 2%,
        rgb(36,66,102) 51%,
        rgb(45,82,127) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
    color: #284875;
    font-size:16px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #666;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#E9ECF1;
    border: 2px solid #D3DBE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

/*-----------------
	テーブル２設定
-------------------*/
/* class　bordered */

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #E9ECF1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DCE4EF), to(#E9ECF1));
    background-image: -webkit-linear-gradient(top, #DCE4EF, #E9ECF1);
    background-image:    -moz-linear-gradient(top, #DCE4EF, #E9ECF1);
    background-image:     -ms-linear-gradient(top, #DCE4EF, #E9ECF1);
    background-image:      -o-linear-gradient(top, #DCE4EF, #E9ECF1);
    background-image:         linear-gradient(top, #DCE4EF, #E9ECF1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



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

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}

/*--------------------
	個人プロフ用設定
----------------------*/
#profarea {
	width:710px;
	height:420px;
	color:#284875;
	margin-top:40px;
}
	
#profpic {
	float:left;
	width:300px;
	height:400px;
	overflow:hidden;
}

#profpagerarea {
	float:left;
	width:710px;
	height:100px;
	overflow:hidden;
}

#profpager {
    display: table;
    width: 100%;
}
#profpager a {
    display: table-cell;
    border: 5px solid transparent;
}
#profpager img {
    display: block;
    width: 100%; 
}


.proftxt {
	float:left;
	width:350px;
	height:360px;
	margin:0 10px;
	padding:20px;
	margin-bottom:10px;
	color:#284875;
	font-size:16px;
	line-height:1.3em;
}

/*------------------------
	写真風横テキストの設定
--------------------------*/
.photoarea01 {
float:left;
width:710px;
margin-bottom:20px;
}

.phototxt01 {
	float:left;
	margin:10px;
	padding:0 10px;
	color:#284875;
	font-size:14px;
	line-height:1.3em;
}

/*------------------------
	写真風縦テキストの設定
--------------------------*/
.photoarea02 {
	float:left;
	width:325px;
	height:550px;
	margin-top:40px;
	margin-bottom:20px;
	padding-left:30px;
}

.phototxt02 {
	float:left;
	width:260px;
	height:100px;
	margin:10px 0 20px 0;
	padding:0 20px;
	color:#284875;
	font-size:14px;
	line-height:1.3em;
}

.photocenter02 {
	float:left;
	width:532px;
	padding-left:178px;
}
	
/*--------------------
	写真風設定
----------------------*/
.photo {
	float:left;
	display:block;
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}

/*--------------------
	ポラロイド風設定
----------------------*/
* {margin: 0;}
.photo02 {
	width: 388px; /* imgと合わせます */
	margin:0 auto;
	position: relative;
	padding: 8px;
	padding-bottom: 40px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	   -moz-box-shadow: 3px 3px 3px #ccc;
	        box-shadow: 3px 3px 3px #ccc;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}
.photo02 img {
	width: 388px; /* .photo02と合わせます */
}
.photo02 p {
	position: absolute;
	height: 24px;
	line-height: 24px;
	bottom: 8px;
	font-size: 14px;
	color: #666;
}

/*--------------------
	ボタン設定
----------------------*/
.btn {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	width: 100px;
	padding: 10px 0;
}
/*--------------------
	一つ前に戻る設定
----------------------*/
#previousarea{
float:right;
margin:20px auto 20px;
height:30px;
width:200px;
}

#previous ul{
width: 200px;
list-style-type: none;
list-style-image: none;
margin:0;
}

#previous ul li{
padding-bottom: 0;
padding-left: 0;
}

#previous ul li a {
display: block;
background-image:url(image/previous.png);
background-repeat:no-repeat;
margin:0 auto;
width:200px;
height:30px;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#previous ul li span {
display :block;
text-indent :-9999px; /* テキストの非表示*/
}

#previous ul li a {
width: 200px;
background-position: 0 0;
}

#previous ul li a:hover {
opacity: 0.6;
}

#previous ul li a span {
display: none;/*IE用リンクエラー対策*/
}

/*--------------------
	FaceBookの設定
----------------------*/

#facebookarea{
float:left;
margin:0 auto 20px;
height:235px;
width:250px;
}

#facebook {
width:250px;
margin:0 auto;
}

#facebook ul{
width: 250px;
list-style-type: none;
list-style-image: none;
margin:0;
}

#facebook ul li{
padding-bottom: 0;
padding-left: 0;
float: left;
}

#facebook ul li a {
display: block;
background-image:url(image/facebookbanner.jpg);
background-repeat:no-repeat;
margin:0 auto 20px;
width:250px;
height: 200px;
background-position: 0 0;
transition: opacity 1.0s ease 0s;
-webkit-transition: opacity 1.0s ease 0s;
}

#facebook ul li span {
display :block;
text-indent :-9999px; /* テキストの非表示*/
}

#facebook ul li a {
width: 250px;
background-position: 0 0;
}

#facebook ul li a:hover {
opacity: 0.6;
}

#facebook ul li a span {
display: none;/*IE用リンクエラー対策*/
}


/*--------------------
イベントギャラリーの設定
----------------------*/

.eventarea {
	width:710px;
	height:600px;
	color:#284875;
}
	
.eventpic {
	float:left;
	width:210px;
	height:420px;
}


.eventtxt {
	float:left;
	width:450px;
	height:600px;
	margin:20;
	padding-top:20;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
	color:#284875;
	font-size:16px;
	line-height:1.3em;
}

.frame img {
	border-radius: 10px;
}

.order {
 position: relative;
 top: -20px;
 left: 145px;
}